mirror of https://github.com/mindoc-org/mindoc.git
pull/25/merge
parent
fedf66bc0e
commit
4ebc28a431
|
@ -22,3 +22,4 @@ _testmain.go
|
|||
*.exe
|
||||
*.test
|
||||
*.prof
|
||||
.idea
|
||||
|
|
|
@ -0,0 +1,47 @@
|
|||
{
|
||||
"ImportPath": "github.com/lifei6671/godoc",
|
||||
"GoVersion": "go1.8",
|
||||
"GodepVersion": "v79",
|
||||
"Deps": [
|
||||
{
|
||||
"ImportPath": "github.com/astaxie/beego",
|
||||
"Comment": "v1.8.0",
|
||||
"Rev": "323a1c4214101331a4b71922c23d19b7409ac71f"
|
||||
},
|
||||
{
|
||||
"ImportPath": "github.com/astaxie/beego/config",
|
||||
"Comment": "v1.8.0",
|
||||
"Rev": "323a1c4214101331a4b71922c23d19b7409ac71f"
|
||||
},
|
||||
{
|
||||
"ImportPath": "github.com/astaxie/beego/context",
|
||||
"Comment": "v1.8.0",
|
||||
"Rev": "323a1c4214101331a4b71922c23d19b7409ac71f"
|
||||
},
|
||||
{
|
||||
"ImportPath": "github.com/astaxie/beego/grace",
|
||||
"Comment": "v1.8.0",
|
||||
"Rev": "323a1c4214101331a4b71922c23d19b7409ac71f"
|
||||
},
|
||||
{
|
||||
"ImportPath": "github.com/astaxie/beego/logs",
|
||||
"Comment": "v1.8.0",
|
||||
"Rev": "323a1c4214101331a4b71922c23d19b7409ac71f"
|
||||
},
|
||||
{
|
||||
"ImportPath": "github.com/astaxie/beego/session",
|
||||
"Comment": "v1.8.0",
|
||||
"Rev": "323a1c4214101331a4b71922c23d19b7409ac71f"
|
||||
},
|
||||
{
|
||||
"ImportPath": "github.com/astaxie/beego/toolbox",
|
||||
"Comment": "v1.8.0",
|
||||
"Rev": "323a1c4214101331a4b71922c23d19b7409ac71f"
|
||||
},
|
||||
{
|
||||
"ImportPath": "github.com/astaxie/beego/utils",
|
||||
"Comment": "v1.8.0",
|
||||
"Rev": "323a1c4214101331a4b71922c23d19b7409ac71f"
|
||||
}
|
||||
]
|
||||
}
|
|
@ -0,0 +1,5 @@
|
|||
This directory tree is generated automatically by godep.
|
||||
|
||||
Please do not edit.
|
||||
|
||||
See https://github.com/tools/godep for more information.
|
|
@ -0,0 +1,21 @@
|
|||
appname = smartwebhook
|
||||
httpport = 8181
|
||||
runmode = dev
|
||||
sessionon = true
|
||||
sessionname = smart_webhook_id
|
||||
copyrequestbody = true
|
||||
|
||||
#生成回调地址时完整的域名
|
||||
base_url = https://hook.iminho.me
|
||||
|
||||
#时区设置
|
||||
timezone = Asia/Shanghai
|
||||
|
||||
#数据库配置
|
||||
db_host=192.168.3.104
|
||||
db_port=3306
|
||||
db_database=webhook_db
|
||||
db_username=root
|
||||
db_password=123456
|
||||
|
||||
queue_size=50
|
|
@ -0,0 +1,22 @@
|
|||
appname = smartwebhook
|
||||
# httpaddr = 127.0.0.1
|
||||
httpport = 8181
|
||||
runmode = dev
|
||||
sessionon = true
|
||||
sessionname = smart_webhook_id
|
||||
copyrequestbody = true
|
||||
|
||||
#生成回调地址时完整的域名
|
||||
base_url = https://hook.iminho.me
|
||||
|
||||
#时区设置
|
||||
timezone = Asia/Shanghai
|
||||
|
||||
#数据库配置
|
||||
db_host=127.0.0.1
|
||||
db_port=3306
|
||||
db_database=webhook_db
|
||||
db_username=root
|
||||
db_password=123456
|
||||
|
||||
queue_size=50
|
|
@ -0,0 +1,7 @@
|
|||
package controllers
|
||||
|
||||
import "github.com/astaxie/beego"
|
||||
|
||||
type BaseController struct {
|
||||
beego.Controller
|
||||
}
|
|
@ -0,0 +1,9 @@
|
|||
package controllers
|
||||
|
||||
type HomeController struct {
|
||||
BaseController
|
||||
}
|
||||
|
||||
func (p *HomeController) Index() {
|
||||
p.TplName = "home/index.tpl"
|
||||
}
|
|
@ -0,0 +1,9 @@
|
|||
package controllers
|
||||
|
||||
type ManagerController struct {
|
||||
BaseController
|
||||
}
|
||||
|
||||
func (p *ManagerController) Index() {
|
||||
p.TplName = "manager/index.tpl"
|
||||
}
|
|
@ -0,0 +1,10 @@
|
|||
package main
|
||||
|
||||
import (
|
||||
_ "github.com/lifei6671/godoc/routers"
|
||||
"github.com/astaxie/beego"
|
||||
)
|
||||
|
||||
func main() {
|
||||
beego.Run()
|
||||
}
|
|
@ -0,0 +1,12 @@
|
|||
package routers
|
||||
|
||||
import (
|
||||
"github.com/astaxie/beego"
|
||||
"github.com/lifei6671/godoc/controllers"
|
||||
)
|
||||
|
||||
func init() {
|
||||
beego.Router("/",&controllers.HomeController{},"*:Index")
|
||||
|
||||
beego.Router("/manager", &controllers.ManagerController{},"*:Index")
|
||||
}
|
|
@ -0,0 +1,46 @@
|
|||
.clearfix{
|
||||
clear: both;
|
||||
}
|
||||
.container-body{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 0px;
|
||||
bottom: 0;
|
||||
background-color: #fff;
|
||||
z-index: 100
|
||||
}
|
||||
.header{
|
||||
width: 100%;
|
||||
background-color: #24292e;
|
||||
color: #ffffff;
|
||||
}
|
||||
.topbar-home-link{
|
||||
display: inline-block;
|
||||
color: #ffffff;
|
||||
padding: 15px 20px;
|
||||
font-size: 14px;
|
||||
border-right: 1px solid #000000;
|
||||
}
|
||||
.topbar-home-link:hover{
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
.container-left{
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
.container-right{
|
||||
width: 50%;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.container-right .topbar-info{
|
||||
float: right;
|
||||
}
|
||||
.container-right .topbar-info .topbar-member-link{
|
||||
display: inline-block;
|
||||
padding: 15px 20px;
|
||||
margin-right: 10px;
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
}
|
|
@ -0,0 +1,280 @@
|
|||
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__(1);
|
||||
|
||||
|
||||
/***/ },
|
||||
/* 1 */
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _main = __webpack_require__(2);
|
||||
|
||||
var _main2 = _interopRequireDefault(_main);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_main2.default.install = function (Vue) {
|
||||
Vue.component(_main2.default.name, _main2.default);
|
||||
};
|
||||
|
||||
exports.default = _main2.default;
|
||||
|
||||
/***/ },
|
||||
/* 2 */
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(4),
|
||||
/* template */
|
||||
__webpack_require__(5),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
/* 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
/* 4 */
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
var TYPE_CLASSES_MAP = {
|
||||
'success': 'el-icon-circle-check',
|
||||
'warning': 'el-icon-warning',
|
||||
'error': 'el-icon-circle-cross'
|
||||
};
|
||||
exports.default = {
|
||||
name: 'ElAlert',
|
||||
|
||||
props: {
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
required: true
|
||||
},
|
||||
description: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
type: {
|
||||
type: String,
|
||||
default: 'info'
|
||||
},
|
||||
closable: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
closeText: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
showIcon: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
visible: true
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
close: function close() {
|
||||
this.visible = false;
|
||||
this.$emit('close');
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
typeClass: function typeClass() {
|
||||
return 'el-alert--' + this.type;
|
||||
},
|
||||
iconClass: function iconClass() {
|
||||
return TYPE_CLASSES_MAP[this.type] || 'el-icon-information';
|
||||
},
|
||||
isBigIcon: function isBigIcon() {
|
||||
return this.description ? 'is-big' : '';
|
||||
},
|
||||
isBoldTitle: function isBoldTitle() {
|
||||
return this.description ? 'is-bold' : '';
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
/* 5 */
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('transition', {
|
||||
attrs: {
|
||||
"name": "el-alert-fade"
|
||||
}
|
||||
}, [_c('div', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.visible),
|
||||
expression: "visible"
|
||||
}],
|
||||
staticClass: "el-alert",
|
||||
class: [_vm.typeClass]
|
||||
}, [(_vm.showIcon) ? _c('i', {
|
||||
staticClass: "el-alert__icon",
|
||||
class: [_vm.iconClass, _vm.isBigIcon]
|
||||
}) : _vm._e(), _c('div', {
|
||||
staticClass: "el-alert__content"
|
||||
}, [(_vm.title) ? _c('span', {
|
||||
staticClass: "el-alert__title",
|
||||
class: [_vm.isBoldTitle]
|
||||
}, [_vm._v(_vm._s(_vm.title))]) : _vm._e(), _vm._t("default", [(_vm.description) ? _c('p', {
|
||||
staticClass: "el-alert__description"
|
||||
}, [_vm._v(_vm._s(_vm.description))]) : _vm._e()]), _c('i', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.closable),
|
||||
expression: "closable"
|
||||
}],
|
||||
staticClass: "el-alert__closebtn",
|
||||
class: {
|
||||
'is-customed': _vm.closeText !== '', 'el-icon-close': _vm.closeText === ''
|
||||
},
|
||||
on: {
|
||||
"click": function($event) {
|
||||
_vm.close()
|
||||
}
|
||||
}
|
||||
}, [_vm._v(_vm._s(_vm.closeText))])], 2)])])
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
/******/ ]);
|
|
@ -0,0 +1,626 @@
|
|||
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__(6);
|
||||
|
||||
|
||||
/***/ },
|
||||
/* 1 */,
|
||||
/* 2 */,
|
||||
/* 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
/* 4 */,
|
||||
/* 5 */,
|
||||
/* 6 */
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _autocomplete = __webpack_require__(7);
|
||||
|
||||
var _autocomplete2 = _interopRequireDefault(_autocomplete);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_autocomplete2.default.install = function (Vue) {
|
||||
Vue.component(_autocomplete2.default.name, _autocomplete2.default);
|
||||
};
|
||||
|
||||
exports.default = _autocomplete2.default;
|
||||
|
||||
/***/ },
|
||||
/* 7 */
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(8),
|
||||
/* template */
|
||||
__webpack_require__(17),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
/* 8 */
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _input = __webpack_require__(9);
|
||||
|
||||
var _input2 = _interopRequireDefault(_input);
|
||||
|
||||
var _clickoutside = __webpack_require__(10);
|
||||
|
||||
var _clickoutside2 = _interopRequireDefault(_clickoutside);
|
||||
|
||||
var _autocompleteSuggestions = __webpack_require__(11);
|
||||
|
||||
var _autocompleteSuggestions2 = _interopRequireDefault(_autocompleteSuggestions);
|
||||
|
||||
var _emitter = __webpack_require__(14);
|
||||
|
||||
var _emitter2 = _interopRequireDefault(_emitter);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElAutocomplete',
|
||||
|
||||
mixins: [_emitter2.default],
|
||||
|
||||
componentName: 'ElAutocomplete',
|
||||
|
||||
components: {
|
||||
ElInput: _input2.default,
|
||||
ElAutocompleteSuggestions: _autocompleteSuggestions2.default
|
||||
},
|
||||
|
||||
directives: { Clickoutside: _clickoutside2.default },
|
||||
|
||||
props: {
|
||||
popperClass: String,
|
||||
placeholder: String,
|
||||
disabled: Boolean,
|
||||
name: String,
|
||||
size: String,
|
||||
value: String,
|
||||
autofocus: Boolean,
|
||||
fetchSuggestions: Function,
|
||||
triggerOnFocus: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
customItem: String,
|
||||
icon: String,
|
||||
onIconClick: Function
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
isFocus: false,
|
||||
suggestions: [],
|
||||
loading: false,
|
||||
highlightedIndex: -1
|
||||
};
|
||||
},
|
||||
|
||||
computed: {
|
||||
suggestionVisible: function suggestionVisible() {
|
||||
var suggestions = this.suggestions;
|
||||
var isValidData = Array.isArray(suggestions) && suggestions.length > 0;
|
||||
return (isValidData || this.loading) && this.isFocus;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
suggestionVisible: function suggestionVisible(val) {
|
||||
this.broadcast('ElAutocompleteSuggestions', 'visible', [val, this.$refs.input.$refs.input.offsetWidth]);
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getData: function getData(queryString) {
|
||||
var _this = this;
|
||||
|
||||
this.loading = true;
|
||||
this.fetchSuggestions(queryString, function (suggestions) {
|
||||
_this.loading = false;
|
||||
if (Array.isArray(suggestions)) {
|
||||
_this.suggestions = suggestions;
|
||||
} else {
|
||||
console.error('autocomplete suggestions must be an array');
|
||||
}
|
||||
});
|
||||
},
|
||||
handleChange: function handleChange(value) {
|
||||
this.$emit('input', value);
|
||||
if (!this.triggerOnFocus && !value) {
|
||||
this.suggestions = [];
|
||||
return;
|
||||
}
|
||||
this.getData(value);
|
||||
},
|
||||
handleFocus: function handleFocus() {
|
||||
this.isFocus = true;
|
||||
if (this.triggerOnFocus) {
|
||||
this.getData(this.value);
|
||||
}
|
||||
},
|
||||
handleBlur: function handleBlur() {
|
||||
var _this2 = this;
|
||||
|
||||
// 因为 blur 事件处理优先于 select 事件执行
|
||||
setTimeout(function (_) {
|
||||
_this2.isFocus = false;
|
||||
}, 100);
|
||||
},
|
||||
handleKeyEnter: function handleKeyEnter() {
|
||||
if (this.suggestionVisible && this.highlightedIndex >= 0 && this.highlightedIndex < this.suggestions.length) {
|
||||
this.select(this.suggestions[this.highlightedIndex]);
|
||||
}
|
||||
},
|
||||
handleClickoutside: function handleClickoutside() {
|
||||
this.isFocus = false;
|
||||
},
|
||||
select: function select(item) {
|
||||
var _this3 = this;
|
||||
|
||||
this.$emit('input', item.value);
|
||||
this.$emit('select', item);
|
||||
this.$nextTick(function (_) {
|
||||
_this3.suggestions = [];
|
||||
});
|
||||
},
|
||||
highlight: function highlight(index) {
|
||||
if (!this.suggestionVisible || this.loading) {
|
||||
return;
|
||||
}
|
||||
if (index < 0) index = 0;
|
||||
if (index >= this.suggestions.length) {
|
||||
index = this.suggestions.length - 1;
|
||||
}
|
||||
var suggestion = this.$refs.suggestions.$el.querySelector('.el-autocomplete-suggestion__wrap');
|
||||
var suggestionList = suggestion.querySelectorAll('.el-autocomplete-suggestion__list li');
|
||||
|
||||
var highlightItem = suggestionList[index];
|
||||
var scrollTop = suggestion.scrollTop;
|
||||
var offsetTop = highlightItem.offsetTop;
|
||||
|
||||
if (offsetTop + highlightItem.scrollHeight > scrollTop + suggestion.clientHeight) {
|
||||
suggestion.scrollTop += highlightItem.scrollHeight;
|
||||
}
|
||||
if (offsetTop < scrollTop) {
|
||||
suggestion.scrollTop -= highlightItem.scrollHeight;
|
||||
}
|
||||
|
||||
this.highlightedIndex = index;
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
var _this4 = this;
|
||||
|
||||
this.$on('item-click', function (item) {
|
||||
_this4.select(item);
|
||||
});
|
||||
},
|
||||
beforeDestroy: function beforeDestroy() {
|
||||
this.$refs.suggestions.$destroy();
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
/* 9 */
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/input");
|
||||
|
||||
/***/ },
|
||||
/* 10 */
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/clickoutside");
|
||||
|
||||
/***/ },
|
||||
/* 11 */
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(12),
|
||||
/* template */
|
||||
__webpack_require__(16),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
/* 12 */
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _vuePopper = __webpack_require__(13);
|
||||
|
||||
var _vuePopper2 = _interopRequireDefault(_vuePopper);
|
||||
|
||||
var _emitter = __webpack_require__(14);
|
||||
|
||||
var _emitter2 = _interopRequireDefault(_emitter);
|
||||
|
||||
var _scrollbar = __webpack_require__(15);
|
||||
|
||||
var _scrollbar2 = _interopRequireDefault(_scrollbar);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
components: { ElScrollbar: _scrollbar2.default },
|
||||
mixins: [_vuePopper2.default, _emitter2.default],
|
||||
|
||||
componentName: 'ElAutocompleteSuggestions',
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
parent: this.$parent,
|
||||
dropdownWidth: ''
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
props: {
|
||||
suggestions: Array,
|
||||
options: {
|
||||
default: function _default() {
|
||||
return {
|
||||
forceAbsolute: true,
|
||||
gpuAcceleration: false
|
||||
};
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
select: function select(item) {
|
||||
this.dispatch('ElAutocomplete', 'item-click', item);
|
||||
}
|
||||
},
|
||||
|
||||
updated: function updated() {
|
||||
var _this = this;
|
||||
|
||||
this.$nextTick(function (_) {
|
||||
_this.updatePopper();
|
||||
});
|
||||
},
|
||||
mounted: function mounted() {
|
||||
this.popperElm = this.$el;
|
||||
this.referenceElm = this.$parent.$refs.input.$refs.input;
|
||||
},
|
||||
created: function created() {
|
||||
var _this2 = this;
|
||||
|
||||
this.$on('visible', function (val, inputWidth) {
|
||||
_this2.dropdownWidth = inputWidth + 'px';
|
||||
_this2.showPopper = val;
|
||||
});
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
/***/ },
|
||||
/* 13 */
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/vue-popper");
|
||||
|
||||
/***/ },
|
||||
/* 14 */
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/mixins/emitter");
|
||||
|
||||
/***/ },
|
||||
/* 15 */
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/scrollbar");
|
||||
|
||||
/***/ },
|
||||
/* 16 */
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('transition', {
|
||||
attrs: {
|
||||
"name": "el-zoom-in-top"
|
||||
},
|
||||
on: {
|
||||
"after-leave": _vm.doDestroy
|
||||
}
|
||||
}, [_c('div', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.showPopper),
|
||||
expression: "showPopper"
|
||||
}],
|
||||
staticClass: "el-autocomplete-suggestion",
|
||||
class: {
|
||||
'is-loading': _vm.parent.loading
|
||||
},
|
||||
style: ({
|
||||
width: _vm.dropdownWidth
|
||||
})
|
||||
}, [_c('el-scrollbar', {
|
||||
attrs: {
|
||||
"tag": "ul",
|
||||
"wrap-class": "el-autocomplete-suggestion__wrap",
|
||||
"view-class": "el-autocomplete-suggestion__list"
|
||||
}
|
||||
}, [(_vm.parent.loading) ? _c('li', [_c('i', {
|
||||
staticClass: "el-icon-loading"
|
||||
})]) : _vm._l((_vm.suggestions), function(item, index) {
|
||||
return [(!_vm.parent.customItem) ? _c('li', {
|
||||
class: {
|
||||
'highlighted': _vm.parent.highlightedIndex === index
|
||||
},
|
||||
on: {
|
||||
"click": function($event) {
|
||||
_vm.select(item)
|
||||
}
|
||||
}
|
||||
}, [_vm._v("\n " + _vm._s(item.value) + "\n ")]) : _c(_vm.parent.customItem, {
|
||||
tag: "component",
|
||||
class: {
|
||||
'highlighted': _vm.parent.highlightedIndex === index
|
||||
},
|
||||
attrs: {
|
||||
"item": item,
|
||||
"index": index
|
||||
},
|
||||
on: {
|
||||
"click": function($event) {
|
||||
_vm.select(item)
|
||||
}
|
||||
}
|
||||
})]
|
||||
})], 2)], 1)])
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ },
|
||||
/* 17 */
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
directives: [{
|
||||
name: "clickoutside",
|
||||
rawName: "v-clickoutside",
|
||||
value: (_vm.handleClickoutside),
|
||||
expression: "handleClickoutside"
|
||||
}],
|
||||
staticClass: "el-autocomplete"
|
||||
}, [_c('el-input', {
|
||||
ref: "input",
|
||||
attrs: {
|
||||
"value": _vm.value,
|
||||
"disabled": _vm.disabled,
|
||||
"placeholder": _vm.placeholder,
|
||||
"name": _vm.name,
|
||||
"size": _vm.size,
|
||||
"icon": _vm.icon,
|
||||
"on-icon-click": _vm.onIconClick
|
||||
},
|
||||
on: {
|
||||
"change": _vm.handleChange,
|
||||
"focus": _vm.handleFocus,
|
||||
"blur": _vm.handleBlur
|
||||
},
|
||||
nativeOn: {
|
||||
"keydown": [function($event) {
|
||||
if (_vm._k($event.keyCode, "up", 38)) { return; }
|
||||
$event.preventDefault();
|
||||
_vm.highlight(_vm.highlightedIndex - 1)
|
||||
}, function($event) {
|
||||
if (_vm._k($event.keyCode, "down", 40)) { return; }
|
||||
$event.preventDefault();
|
||||
_vm.highlight(_vm.highlightedIndex + 1)
|
||||
}, function($event) {
|
||||
if (_vm._k($event.keyCode, "enter", 13)) { return; }
|
||||
$event.stopPropagation();
|
||||
_vm.handleKeyEnter($event)
|
||||
}]
|
||||
}
|
||||
}, [(_vm.$slots.prepend) ? _c('template', {
|
||||
slot: "prepend"
|
||||
}, [_vm._t("prepend")], 2) : _vm._e(), (_vm.$slots.append) ? _c('template', {
|
||||
slot: "append"
|
||||
}, [_vm._t("append")], 2) : _vm._e()], 2), _c('el-autocomplete-suggestions', {
|
||||
ref: "suggestions",
|
||||
class: [_vm.popperClass ? _vm.popperClass : ''],
|
||||
attrs: {
|
||||
"suggestions": _vm.suggestions
|
||||
}
|
||||
})], 1)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
/******/ ]);
|
|
@ -0,0 +1,227 @@
|
|||
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__(18);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 18:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _main = __webpack_require__(19);
|
||||
|
||||
var _main2 = _interopRequireDefault(_main);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_main2.default.install = function (Vue) {
|
||||
Vue.component(_main2.default.name, _main2.default);
|
||||
};
|
||||
|
||||
exports.default = _main2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 19:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(20),
|
||||
/* template */
|
||||
__webpack_require__(21),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 20:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElBadge',
|
||||
|
||||
props: {
|
||||
value: {},
|
||||
max: Number,
|
||||
isDot: Boolean,
|
||||
hidden: Boolean
|
||||
},
|
||||
|
||||
computed: {
|
||||
content: function content() {
|
||||
if (this.isDot) return;
|
||||
|
||||
var value = this.value;
|
||||
var max = this.max;
|
||||
|
||||
if (typeof value === 'number' && typeof max === 'number') {
|
||||
return max < value ? max + '+' : value;
|
||||
}
|
||||
|
||||
return value;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 21:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "el-badge"
|
||||
}, [_vm._t("default"), _c('transition', {
|
||||
attrs: {
|
||||
"name": "el-zoom-in-center"
|
||||
}
|
||||
}, [_c('sup', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (!_vm.hidden && (_vm.content || _vm.isDot)),
|
||||
expression: "!hidden && ( content || isDot )"
|
||||
}],
|
||||
staticClass: "el-badge__content",
|
||||
class: {
|
||||
'is-fixed': _vm.$slots.default, 'is-dot': _vm.isDot
|
||||
},
|
||||
domProps: {
|
||||
"textContent": _vm._s(_vm.content)
|
||||
}
|
||||
})])], 2)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,205 @@
|
|||
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__(26);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 26:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _breadcrumbItem = __webpack_require__(27);
|
||||
|
||||
var _breadcrumbItem2 = _interopRequireDefault(_breadcrumbItem);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_breadcrumbItem2.default.install = function (Vue) {
|
||||
Vue.component(_breadcrumbItem2.default.name, _breadcrumbItem2.default);
|
||||
};
|
||||
|
||||
exports.default = _breadcrumbItem2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 27:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(28),
|
||||
/* template */
|
||||
__webpack_require__(29),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 28:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElBreadcrumbItem',
|
||||
props: {
|
||||
to: {},
|
||||
replace: Boolean
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
separator: ''
|
||||
};
|
||||
},
|
||||
mounted: function mounted() {
|
||||
var _this = this;
|
||||
|
||||
this.separator = this.$parent.separator;
|
||||
var self = this;
|
||||
if (this.to) {
|
||||
var link = this.$refs.link;
|
||||
link.addEventListener('click', function (_) {
|
||||
var to = _this.to;
|
||||
self.replace ? self.$router.replace(to) : self.$router.push(to);
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 29:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('span', {
|
||||
staticClass: "el-breadcrumb__item"
|
||||
}, [_c('span', {
|
||||
ref: "link",
|
||||
staticClass: "el-breadcrumb__item__inner"
|
||||
}, [_vm._t("default")], 2), _c('span', {
|
||||
staticClass: "el-breadcrumb__separator"
|
||||
}, [_vm._v(_vm._s(_vm.separator))])])
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,185 @@
|
|||
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__(22);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 22:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _breadcrumb = __webpack_require__(23);
|
||||
|
||||
var _breadcrumb2 = _interopRequireDefault(_breadcrumb);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_breadcrumb2.default.install = function (Vue) {
|
||||
Vue.component(_breadcrumb2.default.name, _breadcrumb2.default);
|
||||
};
|
||||
|
||||
exports.default = _breadcrumb2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 23:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(24),
|
||||
/* template */
|
||||
__webpack_require__(25),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 24:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElBreadcrumb',
|
||||
|
||||
props: {
|
||||
separator: {
|
||||
type: String,
|
||||
default: '/'
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 25:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "el-breadcrumb"
|
||||
}, [_vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,184 @@
|
|||
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__(34);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 34:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _buttonGroup = __webpack_require__(35);
|
||||
|
||||
var _buttonGroup2 = _interopRequireDefault(_buttonGroup);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_buttonGroup2.default.install = function (Vue) {
|
||||
Vue.component(_buttonGroup2.default.name, _buttonGroup2.default);
|
||||
};
|
||||
|
||||
exports.default = _buttonGroup2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 35:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(36),
|
||||
/* template */
|
||||
__webpack_require__(37),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 36:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
/**
|
||||
* button
|
||||
* @module components/basic/menu
|
||||
* @desc 用于按钮组
|
||||
* @param {string} label - 名称
|
||||
*/
|
||||
exports.default = {
|
||||
name: 'ElButtonGroup'
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 37:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "el-button-group"
|
||||
}, [_vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,239 @@
|
|||
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__(30);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 30:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _button = __webpack_require__(31);
|
||||
|
||||
var _button2 = _interopRequireDefault(_button);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_button2.default.install = function (Vue) {
|
||||
Vue.component(_button2.default.name, _button2.default);
|
||||
};
|
||||
|
||||
exports.default = _button2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 31:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(32),
|
||||
/* template */
|
||||
__webpack_require__(33),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 32:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElButton',
|
||||
|
||||
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
|
||||
},
|
||||
|
||||
methods: {
|
||||
handleClick: function handleClick(evt) {
|
||||
this.$emit('click', evt);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 33:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('button', {
|
||||
staticClass: "el-button",
|
||||
class: [
|
||||
_vm.type ? 'el-button--' + _vm.type : '',
|
||||
_vm.size ? 'el-button--' + _vm.size : '', {
|
||||
'is-disabled': _vm.disabled,
|
||||
'is-loading': _vm.loading,
|
||||
'is-plain': _vm.plain
|
||||
}
|
||||
],
|
||||
attrs: {
|
||||
"disabled": _vm.disabled,
|
||||
"autofocus": _vm.autofocus,
|
||||
"type": _vm.nativeType
|
||||
},
|
||||
on: {
|
||||
"click": _vm.handleClick
|
||||
}
|
||||
}, [(_vm.loading) ? _c('i', {
|
||||
staticClass: "el-icon-loading"
|
||||
}) : _vm._e(), (_vm.icon && !_vm.loading) ? _c('i', {
|
||||
class: 'el-icon-' + _vm.icon
|
||||
}) : _vm._e(), (_vm.$slots.default) ? _c('span', [_vm._t("default")], 2) : _vm._e()])
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,191 @@
|
|||
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__(38);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 38:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _main = __webpack_require__(39);
|
||||
|
||||
var _main2 = _interopRequireDefault(_main);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_main2.default.install = function (Vue) {
|
||||
Vue.component(_main2.default.name, _main2.default);
|
||||
};
|
||||
|
||||
exports.default = _main2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 39:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(40),
|
||||
/* template */
|
||||
__webpack_require__(41),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 40:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElCard',
|
||||
|
||||
props: ['header', 'bodyStyle']
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 41:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "el-card"
|
||||
}, [(_vm.$slots.header || _vm.header) ? _c('div', {
|
||||
staticClass: "el-card__header"
|
||||
}, [_vm._t("header", [_vm._v(_vm._s(_vm.header))])], 2) : _vm._e(), _c('div', {
|
||||
staticClass: "el-card__body",
|
||||
style: (_vm.bodyStyle)
|
||||
}, [_vm._t("default")], 2)])
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,298 @@
|
|||
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__(49);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 49:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _item = __webpack_require__(50);
|
||||
|
||||
var _item2 = _interopRequireDefault(_item);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_item2.default.install = function (Vue) {
|
||||
Vue.component(_item2.default.name, _item2.default);
|
||||
};
|
||||
|
||||
exports.default = _item2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 50:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(51),
|
||||
/* template */
|
||||
__webpack_require__(52),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 51:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
var CARD_SCALE = 0.83;
|
||||
exports.default = {
|
||||
name: 'ElCarouselItem',
|
||||
|
||||
props: {
|
||||
name: String
|
||||
},
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
hover: false,
|
||||
translate: 0,
|
||||
scale: 1,
|
||||
active: false,
|
||||
ready: false,
|
||||
inStage: false
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
processIndex: function processIndex(index, activeIndex, length) {
|
||||
if (activeIndex === 0 && index === length - 1) {
|
||||
return -1;
|
||||
} else if (activeIndex === length - 1 && index === 0) {
|
||||
return length;
|
||||
} else if (index < activeIndex - 1 && activeIndex - index >= length / 2) {
|
||||
return length + 1;
|
||||
} else if (index > activeIndex + 1 && index - activeIndex >= length / 2) {
|
||||
return -2;
|
||||
}
|
||||
return index;
|
||||
},
|
||||
calculateTranslate: function calculateTranslate(index, activeIndex, parentWidth) {
|
||||
if (this.inStage) {
|
||||
return parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1) / 4;
|
||||
} else if (index < activeIndex) {
|
||||
return -(1 + CARD_SCALE) * parentWidth / 4;
|
||||
} else {
|
||||
return (3 + CARD_SCALE) * parentWidth / 4;
|
||||
}
|
||||
},
|
||||
translateItem: function translateItem(index, activeIndex) {
|
||||
var parentWidth = this.$parent.$el.offsetWidth;
|
||||
var length = this.$parent.items.length;
|
||||
if (index !== activeIndex && length > 2) {
|
||||
index = this.processIndex(index, activeIndex, length);
|
||||
}
|
||||
if (this.$parent.type === 'card') {
|
||||
this.inStage = Math.round(Math.abs(index - activeIndex)) <= 1;
|
||||
this.active = index === activeIndex;
|
||||
this.translate = this.calculateTranslate(index, activeIndex, parentWidth);
|
||||
this.scale = this.active ? 1 : CARD_SCALE;
|
||||
} else {
|
||||
this.active = index === activeIndex;
|
||||
this.translate = parentWidth * (index - activeIndex);
|
||||
}
|
||||
this.ready = true;
|
||||
},
|
||||
handleItemClick: function handleItemClick() {
|
||||
var parent = this.$parent;
|
||||
if (parent && parent.type === 'card') {
|
||||
var index = parent.items.indexOf(this);
|
||||
parent.setActiveItem(index);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
created: function created() {
|
||||
this.$parent && this.$parent.handleItemChange();
|
||||
},
|
||||
destroyed: function destroyed() {
|
||||
this.$parent && this.$parent.handleItemChange();
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 52:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.ready),
|
||||
expression: "ready"
|
||||
}],
|
||||
staticClass: "el-carousel__item",
|
||||
class: {
|
||||
'is-active': _vm.active,
|
||||
'el-carousel__item--card': _vm.$parent.type === 'card',
|
||||
'is-in-stage': _vm.inStage,
|
||||
'is-hover': _vm.hover
|
||||
},
|
||||
style: ({
|
||||
msTransform: ("translateX(" + _vm.translate + "px) scale(" + _vm.scale + ")"),
|
||||
webkitTransform: ("translateX(" + _vm.translate + "px) scale(" + _vm.scale + ")"),
|
||||
transform: ("translateX(" + _vm.translate + "px) scale(" + _vm.scale + ")")
|
||||
}),
|
||||
on: {
|
||||
"click": _vm.handleItemClick
|
||||
}
|
||||
}, [(_vm.$parent.type === 'card') ? _c('div', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (!_vm.active),
|
||||
expression: "!active"
|
||||
}],
|
||||
staticClass: "el-carousel__mask"
|
||||
}) : _vm._e(), _vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,518 @@
|
|||
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__(42);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 42:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _main = __webpack_require__(43);
|
||||
|
||||
var _main2 = _interopRequireDefault(_main);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_main2.default.install = function (Vue) {
|
||||
Vue.component(_main2.default.name, _main2.default);
|
||||
};
|
||||
|
||||
exports.default = _main2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 43:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(44),
|
||||
/* template */
|
||||
__webpack_require__(48),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 44:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _throttle = __webpack_require__(45);
|
||||
|
||||
var _throttle2 = _interopRequireDefault(_throttle);
|
||||
|
||||
var _debounce = __webpack_require__(46);
|
||||
|
||||
var _debounce2 = _interopRequireDefault(_debounce);
|
||||
|
||||
var _resizeEvent = __webpack_require__(47);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'ElCarousel',
|
||||
|
||||
props: {
|
||||
initialIndex: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
height: String,
|
||||
trigger: {
|
||||
type: String,
|
||||
default: 'hover'
|
||||
},
|
||||
autoplay: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
interval: {
|
||||
type: Number,
|
||||
default: 3000
|
||||
},
|
||||
indicatorPosition: String,
|
||||
indicator: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
arrow: {
|
||||
type: String,
|
||||
default: 'hover'
|
||||
},
|
||||
type: String
|
||||
},
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
items: [],
|
||||
activeIndex: -1,
|
||||
containerWidth: 0,
|
||||
timer: null,
|
||||
hover: false
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
watch: {
|
||||
items: function items(val) {
|
||||
if (val.length > 0) this.setActiveItem(0);
|
||||
},
|
||||
activeIndex: function activeIndex(val, oldVal) {
|
||||
this.resetItemPosition();
|
||||
this.$emit('change', val, oldVal);
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
handleMouseEnter: function handleMouseEnter() {
|
||||
this.hover = true;
|
||||
this.pauseTimer();
|
||||
},
|
||||
handleMouseLeave: function handleMouseLeave() {
|
||||
this.hover = false;
|
||||
this.startTimer();
|
||||
},
|
||||
itemInStage: function itemInStage(item, index) {
|
||||
var length = this.items.length;
|
||||
if (index === length - 1 && item.inStage && this.items[0].active || item.inStage && this.items[index + 1] && this.items[index + 1].active) {
|
||||
return 'left';
|
||||
} else if (index === 0 && item.inStage && this.items[length - 1].active || item.inStage && this.items[index - 1] && this.items[index - 1].active) {
|
||||
return 'right';
|
||||
}
|
||||
return false;
|
||||
},
|
||||
handleButtonEnter: function handleButtonEnter(arrow) {
|
||||
var _this = this;
|
||||
|
||||
this.items.forEach(function (item, index) {
|
||||
if (arrow === _this.itemInStage(item, index)) {
|
||||
item.hover = true;
|
||||
}
|
||||
});
|
||||
},
|
||||
handleButtonLeave: function handleButtonLeave() {
|
||||
this.items.forEach(function (item) {
|
||||
item.hover = false;
|
||||
});
|
||||
},
|
||||
updateItems: function updateItems() {
|
||||
this.items = this.$children.filter(function (child) {
|
||||
return child.$options.name === 'ElCarouselItem';
|
||||
});
|
||||
},
|
||||
resetItemPosition: function resetItemPosition() {
|
||||
var _this2 = this;
|
||||
|
||||
this.items.forEach(function (item, index) {
|
||||
item.translateItem(index, _this2.activeIndex);
|
||||
});
|
||||
},
|
||||
playSlides: function playSlides() {
|
||||
if (this.activeIndex < this.items.length - 1) {
|
||||
this.activeIndex++;
|
||||
} else {
|
||||
this.activeIndex = 0;
|
||||
}
|
||||
},
|
||||
pauseTimer: function pauseTimer() {
|
||||
clearInterval(this.timer);
|
||||
},
|
||||
startTimer: function startTimer() {
|
||||
if (this.interval <= 0 || !this.autoplay) return;
|
||||
this.timer = setInterval(this.playSlides, this.interval);
|
||||
},
|
||||
setActiveItem: function setActiveItem(index) {
|
||||
if (typeof index === 'string') {
|
||||
var filteredItems = this.items.filter(function (item) {
|
||||
return item.name === index;
|
||||
});
|
||||
if (filteredItems.length > 0) {
|
||||
index = this.items.indexOf(filteredItems[0]);
|
||||
}
|
||||
}
|
||||
index = Number(index);
|
||||
if (isNaN(index) || index !== Math.floor(index)) {
|
||||
("production") !== 'production' && console.warn('[Element Warn][Carousel]index must be an integer.');
|
||||
return;
|
||||
}
|
||||
var length = this.items.length;
|
||||
if (index < 0) {
|
||||
this.activeIndex = length - 1;
|
||||
} else if (index >= length) {
|
||||
this.activeIndex = 0;
|
||||
} else {
|
||||
this.activeIndex = index;
|
||||
}
|
||||
},
|
||||
prev: function prev() {
|
||||
this.setActiveItem(this.activeIndex - 1);
|
||||
},
|
||||
next: function next() {
|
||||
this.setActiveItem(this.activeIndex + 1);
|
||||
},
|
||||
handleIndicatorClick: function handleIndicatorClick(index) {
|
||||
this.activeIndex = index;
|
||||
},
|
||||
handleIndicatorHover: function handleIndicatorHover(index) {
|
||||
if (this.trigger === 'hover' && index !== this.activeIndex) {
|
||||
this.activeIndex = index;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
created: function created() {
|
||||
var _this3 = this;
|
||||
|
||||
this.handleItemChange = (0, _debounce2.default)(100, this.updateItems);
|
||||
this.throttledArrowClick = (0, _throttle2.default)(300, true, function (index) {
|
||||
_this3.setActiveItem(index);
|
||||
});
|
||||
this.throttledIndicatorHover = (0, _throttle2.default)(300, function (index) {
|
||||
_this3.handleIndicatorHover(index);
|
||||
});
|
||||
},
|
||||
mounted: function mounted() {
|
||||
var _this4 = this;
|
||||
|
||||
this.updateItems();
|
||||
this.$nextTick(function () {
|
||||
(0, _resizeEvent.addResizeListener)(_this4.$el, _this4.resetItemPosition);
|
||||
if (_this4.initialIndex < _this4.items.length && _this4.initialIndex >= 0) {
|
||||
_this4.activeIndex = _this4.initialIndex;
|
||||
}
|
||||
_this4.startTimer();
|
||||
});
|
||||
},
|
||||
beforeDestroy: function beforeDestroy() {
|
||||
if (this.$el) (0, _resizeEvent.removeResizeListener)(this.$el, this.resetItemPosition);
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 45:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("throttle-debounce/throttle");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 46:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("throttle-debounce/debounce");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 47:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/resize-event");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 48:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "el-carousel",
|
||||
class: {
|
||||
'el-carousel--card': _vm.type === 'card'
|
||||
},
|
||||
on: {
|
||||
"mouseenter": function($event) {
|
||||
$event.stopPropagation();
|
||||
_vm.handleMouseEnter($event)
|
||||
},
|
||||
"mouseleave": function($event) {
|
||||
$event.stopPropagation();
|
||||
_vm.handleMouseLeave($event)
|
||||
}
|
||||
}
|
||||
}, [_c('div', {
|
||||
staticClass: "el-carousel__container",
|
||||
style: ({
|
||||
height: _vm.height
|
||||
})
|
||||
}, [_c('transition', {
|
||||
attrs: {
|
||||
"name": "carousel-arrow-left"
|
||||
}
|
||||
}, [(_vm.arrow !== 'never') ? _c('button', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.arrow === 'always' || _vm.hover),
|
||||
expression: "arrow === 'always' || hover"
|
||||
}],
|
||||
staticClass: "el-carousel__arrow el-carousel__arrow--left",
|
||||
on: {
|
||||
"mouseenter": function($event) {
|
||||
_vm.handleButtonEnter('left')
|
||||
},
|
||||
"mouseleave": _vm.handleButtonLeave,
|
||||
"click": function($event) {
|
||||
$event.stopPropagation();
|
||||
_vm.throttledArrowClick(_vm.activeIndex - 1)
|
||||
}
|
||||
}
|
||||
}, [_c('i', {
|
||||
staticClass: "el-icon-arrow-left"
|
||||
})]) : _vm._e()]), _c('transition', {
|
||||
attrs: {
|
||||
"name": "carousel-arrow-right"
|
||||
}
|
||||
}, [(_vm.arrow !== 'never') ? _c('button', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.arrow === 'always' || _vm.hover),
|
||||
expression: "arrow === 'always' || hover"
|
||||
}],
|
||||
staticClass: "el-carousel__arrow el-carousel__arrow--right",
|
||||
on: {
|
||||
"mouseenter": function($event) {
|
||||
_vm.handleButtonEnter('right')
|
||||
},
|
||||
"mouseleave": _vm.handleButtonLeave,
|
||||
"click": function($event) {
|
||||
$event.stopPropagation();
|
||||
_vm.throttledArrowClick(_vm.activeIndex + 1)
|
||||
}
|
||||
}
|
||||
}, [_c('i', {
|
||||
staticClass: "el-icon-arrow-right"
|
||||
})]) : _vm._e()]), _vm._t("default")], 2), (_vm.indicatorPosition !== 'none') ? _c('ul', {
|
||||
staticClass: "el-carousel__indicators",
|
||||
class: {
|
||||
'el-carousel__indicators--outside': _vm.indicatorPosition === 'outside' || _vm.type === 'card'
|
||||
}
|
||||
}, _vm._l((_vm.items), function(item, index) {
|
||||
return _c('li', {
|
||||
staticClass: "el-carousel__indicator",
|
||||
class: {
|
||||
'is-active': index === _vm.activeIndex
|
||||
},
|
||||
on: {
|
||||
"mouseenter": function($event) {
|
||||
_vm.throttledIndicatorHover(index)
|
||||
},
|
||||
"click": function($event) {
|
||||
$event.stopPropagation();
|
||||
_vm.handleIndicatorClick(index)
|
||||
}
|
||||
}
|
||||
}, [_c('button', {
|
||||
staticClass: "el-carousel__button"
|
||||
})])
|
||||
})) : _vm._e()])
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,945 @@
|
|||
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__(53);
|
||||
|
||||
|
||||
/***/ },
|
||||
/* 1 */,
|
||||
/* 2 */,
|
||||
/* 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
/* 4 */,
|
||||
/* 5 */,
|
||||
/* 6 */,
|
||||
/* 7 */,
|
||||
/* 8 */,
|
||||
/* 9 */
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/input");
|
||||
|
||||
/***/ },
|
||||
/* 10 */
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/clickoutside");
|
||||
|
||||
/***/ },
|
||||
/* 11 */,
|
||||
/* 12 */,
|
||||
/* 13 */
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/vue-popper");
|
||||
|
||||
/***/ },
|
||||
/* 14 */
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/mixins/emitter");
|
||||
|
||||
/***/ },
|
||||
/* 15 */,
|
||||
/* 16 */,
|
||||
/* 17 */,
|
||||
/* 18 */,
|
||||
/* 19 */,
|
||||
/* 20 */,
|
||||
/* 21 */,
|
||||
/* 22 */,
|
||||
/* 23 */,
|
||||
/* 24 */,
|
||||
/* 25 */,
|
||||
/* 26 */,
|
||||
/* 27 */,
|
||||
/* 28 */,
|
||||
/* 29 */,
|
||||
/* 30 */,
|
||||
/* 31 */,
|
||||
/* 32 */,
|
||||
/* 33 */,
|
||||
/* 34 */,
|
||||
/* 35 */,
|
||||
/* 36 */,
|
||||
/* 37 */,
|
||||
/* 38 */,
|
||||
/* 39 */,
|
||||
/* 40 */,
|
||||
/* 41 */,
|
||||
/* 42 */,
|
||||
/* 43 */,
|
||||
/* 44 */,
|
||||
/* 45 */,
|
||||
/* 46 */
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("throttle-debounce/debounce");
|
||||
|
||||
/***/ },
|
||||
/* 47 */,
|
||||
/* 48 */,
|
||||
/* 49 */,
|
||||
/* 50 */,
|
||||
/* 51 */,
|
||||
/* 52 */,
|
||||
/* 53 */
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _main = __webpack_require__(54);
|
||||
|
||||
var _main2 = _interopRequireDefault(_main);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_main2.default.install = function (Vue) {
|
||||
Vue.component(_main2.default.name, _main2.default);
|
||||
};
|
||||
|
||||
exports.default = _main2.default;
|
||||
|
||||
/***/ },
|
||||
/* 54 */
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(55),
|
||||
/* template */
|
||||
__webpack_require__(62),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
/* 55 */
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _vue = __webpack_require__(56);
|
||||
|
||||
var _vue2 = _interopRequireDefault(_vue);
|
||||
|
||||
var _menu = __webpack_require__(57);
|
||||
|
||||
var _menu2 = _interopRequireDefault(_menu);
|
||||
|
||||
var _input = __webpack_require__(9);
|
||||
|
||||
var _input2 = _interopRequireDefault(_input);
|
||||
|
||||
var _vuePopper = __webpack_require__(13);
|
||||
|
||||
var _vuePopper2 = _interopRequireDefault(_vuePopper);
|
||||
|
||||
var _clickoutside = __webpack_require__(10);
|
||||
|
||||
var _clickoutside2 = _interopRequireDefault(_clickoutside);
|
||||
|
||||
var _emitter = __webpack_require__(14);
|
||||
|
||||
var _emitter2 = _interopRequireDefault(_emitter);
|
||||
|
||||
var _locale = __webpack_require__(60);
|
||||
|
||||
var _locale2 = _interopRequireDefault(_locale);
|
||||
|
||||
var _locale3 = __webpack_require__(61);
|
||||
|
||||
var _debounce = __webpack_require__(46);
|
||||
|
||||
var _debounce2 = _interopRequireDefault(_debounce);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var popperMixin = {
|
||||
props: {
|
||||
placement: {
|
||||
type: String,
|
||||
default: 'bottom-start'
|
||||
},
|
||||
appendToBody: _vuePopper2.default.props.appendToBody,
|
||||
offset: _vuePopper2.default.props.offset,
|
||||
boundariesPadding: _vuePopper2.default.props.boundariesPadding,
|
||||
popperOptions: _vuePopper2.default.props.popperOptions
|
||||
},
|
||||
methods: _vuePopper2.default.methods,
|
||||
data: _vuePopper2.default.data,
|
||||
beforeDestroy: _vuePopper2.default.beforeDestroy
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElCascader',
|
||||
|
||||
directives: { Clickoutside: _clickoutside2.default },
|
||||
|
||||
mixins: [popperMixin, _emitter2.default, _locale2.default],
|
||||
|
||||
components: {
|
||||
ElInput: _input2.default
|
||||
},
|
||||
|
||||
props: {
|
||||
options: {
|
||||
type: Array,
|
||||
required: true
|
||||
},
|
||||
props: {
|
||||
type: Object,
|
||||
default: function _default() {
|
||||
return {
|
||||
children: 'children',
|
||||
label: 'label',
|
||||
value: 'value',
|
||||
disabled: 'disabled'
|
||||
};
|
||||
}
|
||||
},
|
||||
value: {
|
||||
type: Array,
|
||||
default: function _default() {
|
||||
return [];
|
||||
}
|
||||
},
|
||||
placeholder: {
|
||||
type: String,
|
||||
default: function _default() {
|
||||
return (0, _locale3.t)('el.cascader.placeholder');
|
||||
}
|
||||
},
|
||||
disabled: Boolean,
|
||||
clearable: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
changeOnSelect: Boolean,
|
||||
popperClass: String,
|
||||
expandTrigger: {
|
||||
type: String,
|
||||
default: 'click'
|
||||
},
|
||||
filterable: Boolean,
|
||||
size: String,
|
||||
showAllLevels: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
debounce: {
|
||||
type: Number,
|
||||
default: 300
|
||||
}
|
||||
},
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
currentValue: this.value,
|
||||
menu: null,
|
||||
debouncedInputChange: function debouncedInputChange() {},
|
||||
|
||||
menuVisible: false,
|
||||
inputHover: false,
|
||||
inputValue: '',
|
||||
flatOptions: null
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
computed: {
|
||||
labelKey: function labelKey() {
|
||||
return this.props.label || 'label';
|
||||
},
|
||||
valueKey: function valueKey() {
|
||||
return this.props.value || 'value';
|
||||
},
|
||||
childrenKey: function childrenKey() {
|
||||
return this.props.children || 'children';
|
||||
},
|
||||
currentLabels: function currentLabels() {
|
||||
var _this = this;
|
||||
|
||||
var options = this.options;
|
||||
var labels = [];
|
||||
this.currentValue.forEach(function (value) {
|
||||
var targetOption = options && options.filter(function (option) {
|
||||
return option[_this.valueKey] === value;
|
||||
})[0];
|
||||
if (targetOption) {
|
||||
labels.push(targetOption[_this.labelKey]);
|
||||
options = targetOption[_this.childrenKey];
|
||||
}
|
||||
});
|
||||
return labels;
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
menuVisible: function menuVisible(value) {
|
||||
value ? this.showMenu() : this.hideMenu();
|
||||
},
|
||||
value: function value(_value) {
|
||||
this.currentValue = _value;
|
||||
},
|
||||
currentValue: function currentValue(value) {
|
||||
this.dispatch('ElFormItem', 'el.form.change', [value]);
|
||||
},
|
||||
|
||||
options: {
|
||||
deep: true,
|
||||
handler: function handler(value) {
|
||||
if (!this.menu) {
|
||||
this.initMenu();
|
||||
}
|
||||
this.flatOptions = this.flattenOptions(this.options);
|
||||
this.menu.options = value;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
initMenu: function initMenu() {
|
||||
this.menu = new _vue2.default(_menu2.default).$mount();
|
||||
this.menu.options = this.options;
|
||||
this.menu.props = this.props;
|
||||
this.menu.expandTrigger = this.expandTrigger;
|
||||
this.menu.changeOnSelect = this.changeOnSelect;
|
||||
this.menu.popperClass = this.popperClass;
|
||||
this.popperElm = this.menu.$el;
|
||||
this.menu.$on('pick', this.handlePick);
|
||||
this.menu.$on('activeItemChange', this.handleActiveItemChange);
|
||||
this.menu.$on('menuLeave', this.doDestroy);
|
||||
},
|
||||
showMenu: function showMenu() {
|
||||
var _this2 = this;
|
||||
|
||||
if (!this.menu) {
|
||||
this.initMenu();
|
||||
}
|
||||
|
||||
this.menu.value = this.currentValue.slice(0);
|
||||
this.menu.visible = true;
|
||||
this.menu.options = this.options;
|
||||
this.$nextTick(function (_) {
|
||||
_this2.updatePopper();
|
||||
_this2.menu.inputWidth = _this2.$refs.input.$el.offsetWidth - 2;
|
||||
});
|
||||
},
|
||||
hideMenu: function hideMenu() {
|
||||
this.inputValue = '';
|
||||
this.menu.visible = false;
|
||||
},
|
||||
handleActiveItemChange: function handleActiveItemChange(value) {
|
||||
var _this3 = this;
|
||||
|
||||
this.$nextTick(function (_) {
|
||||
_this3.updatePopper();
|
||||
});
|
||||
this.$emit('active-item-change', value);
|
||||
},
|
||||
handlePick: function handlePick(value) {
|
||||
var close = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
||||
|
||||
this.currentValue = value;
|
||||
this.$emit('input', value);
|
||||
this.$emit('change', value);
|
||||
|
||||
if (close) {
|
||||
this.menuVisible = false;
|
||||
}
|
||||
},
|
||||
handleInputChange: function handleInputChange(value) {
|
||||
var _this4 = this;
|
||||
|
||||
if (!this.menuVisible) return;
|
||||
var flatOptions = this.flatOptions;
|
||||
|
||||
if (!value) {
|
||||
this.menu.options = this.options;
|
||||
return;
|
||||
}
|
||||
|
||||
var filteredFlatOptions = flatOptions.filter(function (optionsStack) {
|
||||
return optionsStack.some(function (option) {
|
||||
return new RegExp(value, 'i').test(option[_this4.labelKey]);
|
||||
});
|
||||
});
|
||||
|
||||
if (filteredFlatOptions.length > 0) {
|
||||
filteredFlatOptions = filteredFlatOptions.map(function (optionStack) {
|
||||
return {
|
||||
__IS__FLAT__OPTIONS: true,
|
||||
value: optionStack.map(function (item) {
|
||||
return item[_this4.valueKey];
|
||||
}),
|
||||
label: _this4.renderFilteredOptionLabel(value, optionStack)
|
||||
};
|
||||
});
|
||||
} else {
|
||||
filteredFlatOptions = [{
|
||||
__IS__FLAT__OPTIONS: true,
|
||||
label: this.t('el.cascader.noMatch'),
|
||||
value: '',
|
||||
disabled: true
|
||||
}];
|
||||
}
|
||||
this.menu.options = filteredFlatOptions;
|
||||
},
|
||||
renderFilteredOptionLabel: function renderFilteredOptionLabel(inputValue, optionsStack) {
|
||||
var _this5 = this;
|
||||
|
||||
return optionsStack.map(function (option, index) {
|
||||
var label = option[_this5.labelKey];
|
||||
var keywordIndex = label.toLowerCase().indexOf(inputValue.toLowerCase());
|
||||
var labelPart = label.slice(keywordIndex, inputValue.length + keywordIndex);
|
||||
var node = keywordIndex > -1 ? _this5.highlightKeyword(label, labelPart) : label;
|
||||
return index === 0 ? node : [' / ', node];
|
||||
});
|
||||
},
|
||||
highlightKeyword: function highlightKeyword(label, keyword) {
|
||||
var _this6 = this;
|
||||
|
||||
var h = this._c;
|
||||
return label.split(keyword).map(function (node, index) {
|
||||
return index === 0 ? node : [h('span', { class: { 'el-cascader-menu__item__keyword': true } }, [_this6._v(keyword)]), node];
|
||||
});
|
||||
},
|
||||
flattenOptions: function flattenOptions(options) {
|
||||
var _this7 = this;
|
||||
|
||||
var ancestor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
||||
|
||||
var flatOptions = [];
|
||||
options.forEach(function (option) {
|
||||
var optionsStack = ancestor.concat(option);
|
||||
if (!option[_this7.childrenKey]) {
|
||||
flatOptions.push(optionsStack);
|
||||
} else {
|
||||
if (_this7.changeOnSelect) {
|
||||
flatOptions.push(optionsStack);
|
||||
}
|
||||
flatOptions = flatOptions.concat(_this7.flattenOptions(option[_this7.childrenKey], optionsStack));
|
||||
}
|
||||
});
|
||||
return flatOptions;
|
||||
},
|
||||
clearValue: function clearValue(ev) {
|
||||
ev.stopPropagation();
|
||||
this.handlePick([], true);
|
||||
},
|
||||
handleClickoutside: function handleClickoutside() {
|
||||
this.menuVisible = false;
|
||||
},
|
||||
handleClick: function handleClick() {
|
||||
if (this.disabled) return;
|
||||
if (this.filterable) {
|
||||
this.menuVisible = true;
|
||||
this.$refs.input.$refs.input.focus();
|
||||
return;
|
||||
}
|
||||
this.menuVisible = !this.menuVisible;
|
||||
}
|
||||
},
|
||||
|
||||
created: function created() {
|
||||
var _this8 = this;
|
||||
|
||||
this.debouncedInputChange = (0, _debounce2.default)(this.debounce, function (value) {
|
||||
_this8.handleInputChange(value);
|
||||
});
|
||||
},
|
||||
mounted: function mounted() {
|
||||
this.flatOptions = this.flattenOptions(this.options);
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
/* 56 */
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("vue");
|
||||
|
||||
/***/ },
|
||||
/* 57 */
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(58),
|
||||
/* template */
|
||||
null,
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
/* 58 */
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _babelHelperVueJsxMergeProps = __webpack_require__(59);
|
||||
|
||||
var _babelHelperVueJsxMergeProps2 = _interopRequireDefault(_babelHelperVueJsxMergeProps);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'ElCascaderMenu',
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
inputWidth: 0,
|
||||
options: [],
|
||||
props: {},
|
||||
visible: false,
|
||||
activeValue: [],
|
||||
value: [],
|
||||
expandTrigger: 'click',
|
||||
changeOnSelect: false,
|
||||
popperClass: ''
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
watch: {
|
||||
visible: function visible(value) {
|
||||
if (value) {
|
||||
this.activeValue = this.value;
|
||||
}
|
||||
},
|
||||
|
||||
value: {
|
||||
immediate: true,
|
||||
handler: function handler(value) {
|
||||
this.activeValue = value;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
activeOptions: {
|
||||
cache: false,
|
||||
get: function get() {
|
||||
var _this = this;
|
||||
|
||||
var activeValue = this.activeValue;
|
||||
var configurableProps = ['label', 'value', 'children', 'disabled'];
|
||||
|
||||
var formatOptions = function formatOptions(options) {
|
||||
options.forEach(function (option) {
|
||||
if (option.__IS__FLAT__OPTIONS) return;
|
||||
configurableProps.forEach(function (prop) {
|
||||
var value = option[_this.props[prop] || prop];
|
||||
if (value) option[prop] = value;
|
||||
});
|
||||
if (Array.isArray(option.children)) {
|
||||
formatOptions(option.children);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
var loadActiveOptions = function loadActiveOptions(options) {
|
||||
var activeOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
||||
|
||||
var level = activeOptions.length;
|
||||
activeOptions[level] = options;
|
||||
var active = activeValue[level];
|
||||
if (active) {
|
||||
options = options.filter(function (option) {
|
||||
return option.value === active;
|
||||
})[0];
|
||||
if (options && options.children) {
|
||||
loadActiveOptions(options.children, activeOptions);
|
||||
}
|
||||
}
|
||||
return activeOptions;
|
||||
};
|
||||
|
||||
formatOptions(this.options);
|
||||
return loadActiveOptions(this.options);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
select: function select(item, menuIndex) {
|
||||
if (item.__IS__FLAT__OPTIONS) {
|
||||
this.activeValue = item.value;
|
||||
} else if (menuIndex) {
|
||||
this.activeValue.splice(menuIndex, this.activeValue.length - 1, item.value);
|
||||
} else {
|
||||
this.activeValue = [item.value];
|
||||
}
|
||||
this.$emit('pick', this.activeValue);
|
||||
},
|
||||
handleMenuLeave: function handleMenuLeave() {
|
||||
this.$emit('menuLeave');
|
||||
},
|
||||
activeItem: function activeItem(item, menuIndex) {
|
||||
var len = this.activeOptions.length;
|
||||
this.activeValue.splice(menuIndex, len, item.value);
|
||||
this.activeOptions.splice(menuIndex + 1, len, item.children);
|
||||
if (this.changeOnSelect) {
|
||||
this.$emit('pick', this.activeValue, false);
|
||||
} else {
|
||||
this.$emit('activeItemChange', this.activeValue);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
render: function render(h) {
|
||||
var _this2 = this;
|
||||
|
||||
var activeValue = this.activeValue,
|
||||
activeOptions = this.activeOptions,
|
||||
visible = this.visible,
|
||||
expandTrigger = this.expandTrigger,
|
||||
popperClass = this.popperClass;
|
||||
|
||||
|
||||
var menus = this._l(activeOptions, function (menu, menuIndex) {
|
||||
var isFlat = false;
|
||||
var items = _this2._l(menu, function (item) {
|
||||
var events = {
|
||||
on: {}
|
||||
};
|
||||
|
||||
if (item.__IS__FLAT__OPTIONS) isFlat = true;
|
||||
|
||||
if (!item.disabled) {
|
||||
if (item.children) {
|
||||
var triggerEvent = {
|
||||
click: 'click',
|
||||
hover: 'mouseenter'
|
||||
}[expandTrigger];
|
||||
events.on[triggerEvent] = function () {
|
||||
_this2.activeItem(item, menuIndex);
|
||||
};
|
||||
} else {
|
||||
events.on.click = function () {
|
||||
_this2.select(item, menuIndex);
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
return h(
|
||||
'li',
|
||||
(0, _babelHelperVueJsxMergeProps2.default)([{
|
||||
'class': {
|
||||
'el-cascader-menu__item': true,
|
||||
'el-cascader-menu__item--extensible': item.children,
|
||||
'is-active': item.value === activeValue[menuIndex],
|
||||
'is-disabled': item.disabled
|
||||
}
|
||||
}, events]),
|
||||
[item.label]
|
||||
);
|
||||
});
|
||||
var menuStyle = {};
|
||||
if (isFlat) {
|
||||
menuStyle.minWidth = _this2.inputWidth + 'px';
|
||||
}
|
||||
|
||||
return h(
|
||||
'ul',
|
||||
{
|
||||
'class': {
|
||||
'el-cascader-menu': true,
|
||||
'el-cascader-menu--flexible': isFlat
|
||||
},
|
||||
style: menuStyle },
|
||||
[items]
|
||||
);
|
||||
});
|
||||
return h(
|
||||
'transition',
|
||||
{
|
||||
attrs: { name: 'el-zoom-in-top' },
|
||||
on: {
|
||||
'after-leave': this.handleMenuLeave
|
||||
}
|
||||
},
|
||||
[h(
|
||||
'div',
|
||||
{
|
||||
directives: [{
|
||||
name: 'show',
|
||||
value: visible
|
||||
}],
|
||||
|
||||
'class': ['el-cascader-menus', popperClass]
|
||||
},
|
||||
[menus]
|
||||
)]
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
/* 59 */
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("babel-helper-vue-jsx-merge-props");
|
||||
|
||||
/***/ },
|
||||
/* 60 */
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/mixins/locale");
|
||||
|
||||
/***/ },
|
||||
/* 61 */
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/locale");
|
||||
|
||||
/***/ },
|
||||
/* 62 */
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('span', {
|
||||
directives: [{
|
||||
name: "clickoutside",
|
||||
rawName: "v-clickoutside",
|
||||
value: (_vm.handleClickoutside),
|
||||
expression: "handleClickoutside"
|
||||
}],
|
||||
ref: "reference",
|
||||
staticClass: "el-cascader",
|
||||
class: [{
|
||||
'is-opened': _vm.menuVisible,
|
||||
'is-disabled': _vm.disabled
|
||||
},
|
||||
_vm.size ? 'el-cascader--' + _vm.size : ''
|
||||
],
|
||||
on: {
|
||||
"click": _vm.handleClick,
|
||||
"mouseenter": function($event) {
|
||||
_vm.inputHover = true
|
||||
},
|
||||
"mouseleave": function($event) {
|
||||
_vm.inputHover = false
|
||||
}
|
||||
}
|
||||
}, [_c('el-input', {
|
||||
directives: [{
|
||||
name: "model",
|
||||
rawName: "v-model",
|
||||
value: (_vm.inputValue),
|
||||
expression: "inputValue"
|
||||
}],
|
||||
ref: "input",
|
||||
attrs: {
|
||||
"readonly": !_vm.filterable,
|
||||
"placeholder": _vm.currentLabels.length ? undefined : _vm.placeholder,
|
||||
"validate-event": false,
|
||||
"size": _vm.size,
|
||||
"disabled": _vm.disabled
|
||||
},
|
||||
domProps: {
|
||||
"value": (_vm.inputValue)
|
||||
},
|
||||
on: {
|
||||
"change": _vm.debouncedInputChange,
|
||||
"input": function($event) {
|
||||
_vm.inputValue = $event
|
||||
}
|
||||
}
|
||||
}, [_c('template', {
|
||||
slot: "icon"
|
||||
}, [(_vm.clearable && _vm.inputHover && _vm.currentLabels.length) ? _c('i', {
|
||||
key: "1",
|
||||
staticClass: "el-input__icon el-icon-circle-close el-cascader__clearIcon",
|
||||
on: {
|
||||
"click": _vm.clearValue
|
||||
}
|
||||
}) : _c('i', {
|
||||
key: "2",
|
||||
staticClass: "el-input__icon el-icon-caret-bottom",
|
||||
class: {
|
||||
'is-reverse': _vm.menuVisible
|
||||
}
|
||||
})])], 2), _c('span', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.inputValue === ''),
|
||||
expression: "inputValue === ''"
|
||||
}],
|
||||
staticClass: "el-cascader__label"
|
||||
}, [(_vm.showAllLevels) ? [_vm._l((_vm.currentLabels), function(label, index) {
|
||||
return [_vm._v("\n " + _vm._s(label) + "\n "), (index < _vm.currentLabels.length - 1) ? _c('span', [_vm._v(" / ")]) : _vm._e()]
|
||||
})] : [_vm._v("\n " + _vm._s(_vm.currentLabels[_vm.currentLabels.length - 1]) + "\n ")]], 2)], 1)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
/******/ ]);
|
|
@ -0,0 +1,202 @@
|
|||
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__(67);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 14:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/mixins/emitter");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 67:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _checkboxGroup = __webpack_require__(68);
|
||||
|
||||
var _checkboxGroup2 = _interopRequireDefault(_checkboxGroup);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_checkboxGroup2.default.install = function (Vue) {
|
||||
Vue.component(_checkboxGroup2.default.name, _checkboxGroup2.default);
|
||||
};
|
||||
|
||||
exports.default = _checkboxGroup2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 68:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(69),
|
||||
/* template */
|
||||
__webpack_require__(70),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 69:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _emitter = __webpack_require__(14);
|
||||
|
||||
var _emitter2 = _interopRequireDefault(_emitter);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'ElCheckboxGroup',
|
||||
|
||||
componentName: 'ElCheckboxGroup',
|
||||
|
||||
mixins: [_emitter2.default],
|
||||
|
||||
props: {
|
||||
value: {},
|
||||
min: Number,
|
||||
max: Number
|
||||
},
|
||||
|
||||
watch: {
|
||||
value: function value(_value) {
|
||||
this.dispatch('ElFormItem', 'el.form.change', [_value]);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 70:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "el-checkbox-group"
|
||||
}, [_vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,415 @@
|
|||
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__(63);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 14:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/mixins/emitter");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 63:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _checkbox = __webpack_require__(64);
|
||||
|
||||
var _checkbox2 = _interopRequireDefault(_checkbox);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_checkbox2.default.install = function (Vue) {
|
||||
Vue.component(_checkbox2.default.name, _checkbox2.default);
|
||||
};
|
||||
|
||||
exports.default = _checkbox2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 64:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(65),
|
||||
/* template */
|
||||
__webpack_require__(66),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 65:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _emitter = __webpack_require__(14);
|
||||
|
||||
var _emitter2 = _interopRequireDefault(_emitter);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'ElCheckbox',
|
||||
|
||||
mixins: [_emitter2.default],
|
||||
|
||||
componentName: 'ElCheckbox',
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
selfModel: false,
|
||||
focus: false
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
computed: {
|
||||
model: {
|
||||
get: function get() {
|
||||
return this.isGroup ? this.store : this.value !== undefined ? this.value : this.selfModel;
|
||||
},
|
||||
set: function set(val) {
|
||||
if (this.isGroup) {
|
||||
var isLimitExceeded = false;
|
||||
this._checkboxGroup.min !== undefined && val.length < this._checkboxGroup.min && (isLimitExceeded = true);
|
||||
|
||||
this._checkboxGroup.max !== undefined && val.length > this._checkboxGroup.max && (isLimitExceeded = true);
|
||||
|
||||
isLimitExceeded === false && this.dispatch('ElCheckboxGroup', 'input', [val]);
|
||||
} else if (this.value !== undefined) {
|
||||
this.$emit('input', val);
|
||||
} else {
|
||||
this.selfModel = val;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
isChecked: function isChecked() {
|
||||
if ({}.toString.call(this.model) === '[object Boolean]') {
|
||||
return this.model;
|
||||
} else if (Array.isArray(this.model)) {
|
||||
return this.model.indexOf(this.label) > -1;
|
||||
} else if (this.model !== null && this.model !== undefined) {
|
||||
return this.model === this.trueLabel;
|
||||
}
|
||||
},
|
||||
isGroup: function isGroup() {
|
||||
var parent = this.$parent;
|
||||
while (parent) {
|
||||
if (parent.$options.componentName !== 'ElCheckboxGroup') {
|
||||
parent = parent.$parent;
|
||||
} else {
|
||||
this._checkboxGroup = parent;
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
},
|
||||
store: function store() {
|
||||
return this._checkboxGroup ? this._checkboxGroup.value : this.value;
|
||||
}
|
||||
},
|
||||
|
||||
props: {
|
||||
value: {},
|
||||
label: {},
|
||||
indeterminate: Boolean,
|
||||
disabled: Boolean,
|
||||
checked: Boolean,
|
||||
name: String,
|
||||
trueLabel: [String, Number],
|
||||
falseLabel: [String, Number]
|
||||
},
|
||||
|
||||
methods: {
|
||||
addToStore: function addToStore() {
|
||||
if (Array.isArray(this.model) && this.model.indexOf(this.label) === -1) {
|
||||
this.model.push(this.label);
|
||||
} else {
|
||||
this.model = this.trueLabel || true;
|
||||
}
|
||||
},
|
||||
handleChange: function handleChange(ev) {
|
||||
var _this = this;
|
||||
|
||||
this.$emit('change', ev);
|
||||
if (this.isGroup) {
|
||||
this.$nextTick(function (_) {
|
||||
_this.dispatch('ElCheckboxGroup', 'change', [_this._checkboxGroup.value]);
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
created: function created() {
|
||||
this.checked && this.addToStore();
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 66:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('label', {
|
||||
staticClass: "el-checkbox"
|
||||
}, [_c('span', {
|
||||
staticClass: "el-checkbox__input",
|
||||
class: {
|
||||
'is-disabled': _vm.disabled,
|
||||
'is-checked': _vm.isChecked,
|
||||
'is-indeterminate': _vm.indeterminate,
|
||||
'is-focus': _vm.focus
|
||||
}
|
||||
}, [_c('span', {
|
||||
staticClass: "el-checkbox__inner"
|
||||
}), (_vm.trueLabel || _vm.falseLabel) ? _c('input', {
|
||||
directives: [{
|
||||
name: "model",
|
||||
rawName: "v-model",
|
||||
value: (_vm.model),
|
||||
expression: "model"
|
||||
}],
|
||||
staticClass: "el-checkbox__original",
|
||||
attrs: {
|
||||
"type": "checkbox",
|
||||
"name": _vm.name,
|
||||
"disabled": _vm.disabled,
|
||||
"true-value": _vm.trueLabel,
|
||||
"false-value": _vm.falseLabel
|
||||
},
|
||||
domProps: {
|
||||
"checked": Array.isArray(_vm.model) ? _vm._i(_vm.model, null) > -1 : _vm._q(_vm.model, _vm.trueLabel)
|
||||
},
|
||||
on: {
|
||||
"change": [function($event) {
|
||||
var $$a = _vm.model,
|
||||
$$el = $event.target,
|
||||
$$c = $$el.checked ? (_vm.trueLabel) : (_vm.falseLabel);
|
||||
if (Array.isArray($$a)) {
|
||||
var $$v = null,
|
||||
$$i = _vm._i($$a, $$v);
|
||||
if ($$c) {
|
||||
$$i < 0 && (_vm.model = $$a.concat($$v))
|
||||
} else {
|
||||
$$i > -1 && (_vm.model = $$a.slice(0, $$i).concat($$a.slice($$i + 1)))
|
||||
}
|
||||
} else {
|
||||
_vm.model = $$c
|
||||
}
|
||||
}, _vm.handleChange],
|
||||
"focus": function($event) {
|
||||
_vm.focus = true
|
||||
},
|
||||
"blur": function($event) {
|
||||
_vm.focus = false
|
||||
}
|
||||
}
|
||||
}) : _c('input', {
|
||||
directives: [{
|
||||
name: "model",
|
||||
rawName: "v-model",
|
||||
value: (_vm.model),
|
||||
expression: "model"
|
||||
}],
|
||||
staticClass: "el-checkbox__original",
|
||||
attrs: {
|
||||
"type": "checkbox",
|
||||
"disabled": _vm.disabled,
|
||||
"name": _vm.name
|
||||
},
|
||||
domProps: {
|
||||
"value": _vm.label,
|
||||
"checked": Array.isArray(_vm.model) ? _vm._i(_vm.model, _vm.label) > -1 : (_vm.model)
|
||||
},
|
||||
on: {
|
||||
"change": [function($event) {
|
||||
var $$a = _vm.model,
|
||||
$$el = $event.target,
|
||||
$$c = $$el.checked ? (true) : (false);
|
||||
if (Array.isArray($$a)) {
|
||||
var $$v = _vm.label,
|
||||
$$i = _vm._i($$a, $$v);
|
||||
if ($$c) {
|
||||
$$i < 0 && (_vm.model = $$a.concat($$v))
|
||||
} else {
|
||||
$$i > -1 && (_vm.model = $$a.slice(0, $$i).concat($$a.slice($$i + 1)))
|
||||
}
|
||||
} else {
|
||||
_vm.model = $$c
|
||||
}
|
||||
}, _vm.handleChange],
|
||||
"focus": function($event) {
|
||||
_vm.focus = true
|
||||
},
|
||||
"blur": function($event) {
|
||||
_vm.focus = false
|
||||
}
|
||||
}
|
||||
})]), (_vm.$slots.default || _vm.label) ? _c('span', {
|
||||
staticClass: "el-checkbox__label"
|
||||
}, [_vm._t("default"), (!_vm.$slots.default) ? [_vm._v(_vm._s(_vm.label))] : _vm._e()], 2) : _vm._e()])
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,155 @@
|
|||
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__(71);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 71:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _col = __webpack_require__(72);
|
||||
|
||||
var _col2 = _interopRequireDefault(_col);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_col2.default.install = function (Vue) {
|
||||
Vue.component(_col2.default.name, _col2.default);
|
||||
};
|
||||
|
||||
exports.default = _col2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 72:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
|
||||
|
||||
exports.default = {
|
||||
name: 'ElCol',
|
||||
|
||||
props: {
|
||||
span: {
|
||||
type: Number,
|
||||
default: 24
|
||||
},
|
||||
offset: Number,
|
||||
pull: Number,
|
||||
push: Number,
|
||||
xs: [Number, Object],
|
||||
sm: [Number, Object],
|
||||
md: [Number, Object],
|
||||
lg: [Number, Object]
|
||||
},
|
||||
|
||||
computed: {
|
||||
gutter: function gutter() {
|
||||
return this.$parent.gutter;
|
||||
},
|
||||
style: function style() {
|
||||
var ret = {};
|
||||
|
||||
if (this.gutter) {
|
||||
ret.paddingLeft = this.gutter / 2 + 'px';
|
||||
ret.paddingRight = ret.paddingLeft;
|
||||
}
|
||||
|
||||
return ret;
|
||||
}
|
||||
},
|
||||
render: function render(h) {
|
||||
var _this = this;
|
||||
|
||||
var style = this.style;
|
||||
|
||||
var classList = [];
|
||||
|
||||
['span', 'offset', 'pull', 'push'].forEach(function (prop) {
|
||||
if (_this[prop]) {
|
||||
classList.push(prop !== 'span' ? 'el-col-' + prop + '-' + _this[prop] : 'el-col-' + _this[prop]);
|
||||
}
|
||||
});
|
||||
|
||||
['xs', 'sm', 'md', 'lg'].forEach(function (size) {
|
||||
if (typeof _this[size] === 'number') {
|
||||
classList.push('el-col-' + size + '-' + _this[size]);
|
||||
} else if (_typeof(_this[size]) === 'object') {
|
||||
(function () {
|
||||
var props = _this[size];
|
||||
Object.keys(props).forEach(function (prop) {
|
||||
classList.push(prop !== 'span' ? 'el-col-' + size + '-' + prop + '-' + props[prop] : 'el-col-' + size + '-' + props[prop]);
|
||||
});
|
||||
})();
|
||||
}
|
||||
});
|
||||
|
||||
return h(
|
||||
'div',
|
||||
{
|
||||
'class': ['el-col', classList],
|
||||
style: style },
|
||||
[this.$slots.default]
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,280 @@
|
|||
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__(77);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 14:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/mixins/emitter");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 77:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _collapseItem = __webpack_require__(78);
|
||||
|
||||
var _collapseItem2 = _interopRequireDefault(_collapseItem);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_collapseItem2.default.install = function (Vue) {
|
||||
Vue.component(_collapseItem2.default.name, _collapseItem2.default);
|
||||
};
|
||||
|
||||
exports.default = _collapseItem2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 78:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(79),
|
||||
/* template */
|
||||
__webpack_require__(81),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 79:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _emitter = __webpack_require__(14);
|
||||
|
||||
var _emitter2 = _interopRequireDefault(_emitter);
|
||||
|
||||
var _collapseTransition = __webpack_require__(80);
|
||||
|
||||
var _collapseTransition2 = _interopRequireDefault(_collapseTransition);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElCollapseItem',
|
||||
|
||||
componentName: 'ElCollapseItem',
|
||||
|
||||
mixins: [_emitter2.default],
|
||||
|
||||
components: {
|
||||
CollapseTransition: _collapseTransition2.default
|
||||
},
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
contentWrapStyle: {
|
||||
height: 'auto',
|
||||
display: 'block'
|
||||
},
|
||||
contentHeight: 0
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
props: {
|
||||
title: String,
|
||||
name: {
|
||||
type: [String, Number],
|
||||
default: function _default() {
|
||||
return this._uid;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
isActive: function isActive() {
|
||||
return this.$parent.activeNames.indexOf(this.name) > -1;
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
'isActive': function isActive(value) {}
|
||||
},
|
||||
|
||||
methods: {
|
||||
handleHeaderClick: function handleHeaderClick() {
|
||||
this.dispatch('ElCollapse', 'item-click', this);
|
||||
}
|
||||
},
|
||||
|
||||
mounted: function mounted() {}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 80:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/transitions/collapse-transition");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 81:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "el-collapse-item",
|
||||
class: {
|
||||
'is-active': _vm.isActive
|
||||
}
|
||||
}, [_c('div', {
|
||||
staticClass: "el-collapse-item__header",
|
||||
on: {
|
||||
"click": _vm.handleHeaderClick
|
||||
}
|
||||
}, [_c('i', {
|
||||
staticClass: "el-collapse-item__header__arrow el-icon-arrow-right"
|
||||
}), _vm._t("title", [_vm._v(_vm._s(_vm.title))])], 2), _c('collapse-transition', [_c('div', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.isActive),
|
||||
expression: "isActive"
|
||||
}],
|
||||
staticClass: "el-collapse-item__wrap"
|
||||
}, [_c('div', {
|
||||
staticClass: "el-collapse-item__content"
|
||||
}, [_vm._t("default")], 2)])])], 1)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,232 @@
|
|||
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__(73);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 73:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _collapse = __webpack_require__(74);
|
||||
|
||||
var _collapse2 = _interopRequireDefault(_collapse);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_collapse2.default.install = function (Vue) {
|
||||
Vue.component(_collapse2.default.name, _collapse2.default);
|
||||
};
|
||||
|
||||
exports.default = _collapse2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 74:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(75),
|
||||
/* template */
|
||||
__webpack_require__(76),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 75:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElCollapse',
|
||||
|
||||
componentName: 'ElCollapse',
|
||||
|
||||
props: {
|
||||
accordion: Boolean,
|
||||
value: {
|
||||
type: [Array, String, Number],
|
||||
default: function _default() {
|
||||
return [];
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
activeNames: [].concat(this.value)
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
watch: {
|
||||
value: function value(_value) {
|
||||
this.activeNames = [].concat(_value);
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
setActiveNames: function setActiveNames(activeNames) {
|
||||
activeNames = [].concat(activeNames);
|
||||
var value = this.accordion ? activeNames[0] : activeNames;
|
||||
this.activeNames = activeNames;
|
||||
this.$emit('input', value);
|
||||
this.$emit('change', value);
|
||||
},
|
||||
handleItemClick: function handleItemClick(item) {
|
||||
if (this.accordion) {
|
||||
this.setActiveNames((this.activeNames[0] || this.activeNames[0] === 0) && this.activeNames[0] === item.name ? '' : item.name);
|
||||
} else {
|
||||
var activeNames = this.activeNames.slice(0);
|
||||
var index = activeNames.indexOf(item.name);
|
||||
|
||||
if (index > -1) {
|
||||
activeNames.splice(index, 1);
|
||||
} else {
|
||||
activeNames.push(item.name);
|
||||
}
|
||||
this.setActiveNames(activeNames);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
created: function created() {
|
||||
this.$on('item-click', this.handleItemClick);
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 76:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "el-collapse"
|
||||
}, [_vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
@ -0,0 +1,370 @@
|
|||
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__(129);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 14:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/mixins/emitter");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 129:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _component = __webpack_require__(130);
|
||||
|
||||
var _component2 = _interopRequireDefault(_component);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_component2.default.install = function (Vue) {
|
||||
Vue.component(_component2.default.name, _component2.default);
|
||||
};
|
||||
|
||||
exports.default = _component2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 130:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(131),
|
||||
/* template */
|
||||
__webpack_require__(133),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 131:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _popup = __webpack_require__(132);
|
||||
|
||||
var _popup2 = _interopRequireDefault(_popup);
|
||||
|
||||
var _emitter = __webpack_require__(14);
|
||||
|
||||
var _emitter2 = _interopRequireDefault(_emitter);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElDialog',
|
||||
|
||||
mixins: [_popup2.default, _emitter2.default],
|
||||
|
||||
props: {
|
||||
title: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
|
||||
modal: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
|
||||
modalAppendToBody: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
|
||||
lockScroll: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
|
||||
closeOnClickModal: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
|
||||
closeOnPressEscape: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
|
||||
showClose: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
|
||||
size: {
|
||||
type: String,
|
||||
default: 'small'
|
||||
},
|
||||
|
||||
customClass: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
|
||||
top: {
|
||||
type: String,
|
||||
default: '15%'
|
||||
}
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
visible: false
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
watch: {
|
||||
value: function value(val) {
|
||||
this.visible = val;
|
||||
},
|
||||
visible: function visible(val) {
|
||||
var _this = this;
|
||||
|
||||
this.$emit('input', val);
|
||||
if (val) {
|
||||
this.$emit('open');
|
||||
this.$el.addEventListener('scroll', this.updatePopper);
|
||||
this.$nextTick(function () {
|
||||
_this.$refs.dialog.scrollTop = 0;
|
||||
});
|
||||
} else {
|
||||
this.$el.removeEventListener('scroll', this.updatePopper);
|
||||
this.$emit('close');
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
sizeClass: function sizeClass() {
|
||||
return 'el-dialog--' + this.size;
|
||||
},
|
||||
style: function style() {
|
||||
return this.size === 'full' ? {} : { 'top': this.top };
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
handleWrapperClick: function handleWrapperClick() {
|
||||
if (this.closeOnClickModal) {
|
||||
this.close();
|
||||
}
|
||||
},
|
||||
updatePopper: function updatePopper() {
|
||||
this.broadcast('ElSelectDropdown', 'updatePopper');
|
||||
this.broadcast('ElDropdownMenu', 'updatePopper');
|
||||
}
|
||||
},
|
||||
|
||||
mounted: function mounted() {
|
||||
if (this.value) {
|
||||
this.rendered = true;
|
||||
this.open();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 132:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/popup");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 133:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('transition', {
|
||||
attrs: {
|
||||
"name": "dialog-fade"
|
||||
}
|
||||
}, [_c('div', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.visible),
|
||||
expression: "visible"
|
||||
}],
|
||||
staticClass: "el-dialog__wrapper",
|
||||
on: {
|
||||
"click": function($event) {
|
||||
if ($event.target !== $event.currentTarget) { return; }
|
||||
_vm.handleWrapperClick($event)
|
||||
}
|
||||
}
|
||||
}, [_c('div', {
|
||||
ref: "dialog",
|
||||
staticClass: "el-dialog",
|
||||
class: [_vm.sizeClass, _vm.customClass],
|
||||
style: (_vm.style)
|
||||
}, [_c('div', {
|
||||
staticClass: "el-dialog__header"
|
||||
}, [_vm._t("title", [_c('span', {
|
||||
staticClass: "el-dialog__title"
|
||||
}, [_vm._v(_vm._s(_vm.title))])]), _c('div', {
|
||||
staticClass: "el-dialog__headerbtn"
|
||||
}, [(_vm.showClose) ? _c('i', {
|
||||
staticClass: "el-dialog__close el-icon el-icon-close",
|
||||
on: {
|
||||
"click": function($event) {
|
||||
_vm.close()
|
||||
}
|
||||
}
|
||||
}) : _vm._e()])], 2), (_vm.rendered) ? _c('div', {
|
||||
staticClass: "el-dialog__body"
|
||||
}, [_vm._t("default")], 2) : _vm._e(), (_vm.$slots.footer) ? _c('div', {
|
||||
staticClass: "el-dialog__footer"
|
||||
}, [_vm._t("footer")], 2) : _vm._e()])])])
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,218 @@
|
|||
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__(139);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 14:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/mixins/emitter");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 139:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _dropdownItem = __webpack_require__(140);
|
||||
|
||||
var _dropdownItem2 = _interopRequireDefault(_dropdownItem);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_dropdownItem2.default.install = function (Vue) {
|
||||
Vue.component(_dropdownItem2.default.name, _dropdownItem2.default);
|
||||
};
|
||||
|
||||
exports.default = _dropdownItem2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 140:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(141),
|
||||
/* template */
|
||||
__webpack_require__(142),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 141:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _emitter = __webpack_require__(14);
|
||||
|
||||
var _emitter2 = _interopRequireDefault(_emitter);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'ElDropdownItem',
|
||||
|
||||
mixins: [_emitter2.default],
|
||||
|
||||
props: {
|
||||
command: String,
|
||||
disabled: Boolean,
|
||||
divided: Boolean
|
||||
},
|
||||
|
||||
methods: {
|
||||
handleClick: function handleClick(e) {
|
||||
this.dispatch('ElDropdown', 'menu-item-click', [this.command, this]);
|
||||
}
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 142:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('li', {
|
||||
staticClass: "el-dropdown-menu__item",
|
||||
class: {
|
||||
'is-disabled': _vm.disabled,
|
||||
'el-dropdown-menu__item--divided': _vm.divided
|
||||
},
|
||||
on: {
|
||||
"click": _vm.handleClick
|
||||
}
|
||||
}, [_vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,232 @@
|
|||
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__(143);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 143:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _dropdownMenu = __webpack_require__(144);
|
||||
|
||||
var _dropdownMenu2 = _interopRequireDefault(_dropdownMenu);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_dropdownMenu2.default.install = function (Vue) {
|
||||
Vue.component(_dropdownMenu2.default.name, _dropdownMenu2.default);
|
||||
};
|
||||
|
||||
exports.default = _dropdownMenu2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 144:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(145),
|
||||
/* template */
|
||||
__webpack_require__(146),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 145:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _vuePopper = __webpack_require__(13);
|
||||
|
||||
var _vuePopper2 = _interopRequireDefault(_vuePopper);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'ElDropdownMenu',
|
||||
|
||||
componentName: 'ElDropdownMenu',
|
||||
|
||||
mixins: [_vuePopper2.default],
|
||||
|
||||
created: function created() {
|
||||
var _this = this;
|
||||
|
||||
this.$on('updatePopper', this.updatePopper);
|
||||
this.$on('visible', function (val) {
|
||||
_this.showPopper = val;
|
||||
});
|
||||
},
|
||||
mounted: function mounted() {
|
||||
this.$parent.popperElm = this.popperElm = this.$el;
|
||||
this.referenceElm = this.$parent.$el;
|
||||
},
|
||||
|
||||
|
||||
watch: {
|
||||
'$parent.menuAlign': {
|
||||
immediate: true,
|
||||
handler: function handler(val) {
|
||||
this.currentPlacement = 'bottom-' + val;
|
||||
}
|
||||
}
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 146:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('transition', {
|
||||
attrs: {
|
||||
"name": "el-zoom-in-top"
|
||||
},
|
||||
on: {
|
||||
"after-leave": _vm.doDestroy
|
||||
}
|
||||
}, [_c('ul', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.showPopper),
|
||||
expression: "showPopper"
|
||||
}],
|
||||
staticClass: "el-dropdown-menu"
|
||||
}, [_vm._t("default")], 2)])
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,352 @@
|
|||
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__(134);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 10:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/clickoutside");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 14:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/mixins/emitter");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 134:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _dropdown = __webpack_require__(135);
|
||||
|
||||
var _dropdown2 = _interopRequireDefault(_dropdown);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_dropdown2.default.install = function (Vue) {
|
||||
Vue.component(_dropdown2.default.name, _dropdown2.default);
|
||||
};
|
||||
|
||||
exports.default = _dropdown2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 135:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(136),
|
||||
/* template */
|
||||
null,
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 136:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _clickoutside = __webpack_require__(10);
|
||||
|
||||
var _clickoutside2 = _interopRequireDefault(_clickoutside);
|
||||
|
||||
var _emitter = __webpack_require__(14);
|
||||
|
||||
var _emitter2 = _interopRequireDefault(_emitter);
|
||||
|
||||
var _button = __webpack_require__(137);
|
||||
|
||||
var _button2 = _interopRequireDefault(_button);
|
||||
|
||||
var _buttonGroup = __webpack_require__(138);
|
||||
|
||||
var _buttonGroup2 = _interopRequireDefault(_buttonGroup);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'ElDropdown',
|
||||
|
||||
componentName: 'ElDropdown',
|
||||
|
||||
mixins: [_emitter2.default],
|
||||
|
||||
directives: { Clickoutside: _clickoutside2.default },
|
||||
|
||||
components: {
|
||||
ElButton: _button2.default,
|
||||
ElButtonGroup: _buttonGroup2.default
|
||||
},
|
||||
|
||||
props: {
|
||||
trigger: {
|
||||
type: String,
|
||||
default: 'hover'
|
||||
},
|
||||
menuAlign: {
|
||||
type: String,
|
||||
default: 'end'
|
||||
},
|
||||
type: String,
|
||||
size: String,
|
||||
splitButton: Boolean,
|
||||
hideOnClick: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
}
|
||||
},
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
timeout: null,
|
||||
visible: false
|
||||
};
|
||||
},
|
||||
mounted: function mounted() {
|
||||
this.$on('menu-item-click', this.handleMenuItemClick);
|
||||
this.initEvent();
|
||||
},
|
||||
|
||||
|
||||
watch: {
|
||||
visible: function visible(val) {
|
||||
this.broadcast('ElDropdownMenu', 'visible', val);
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
show: function show() {
|
||||
var _this = this;
|
||||
|
||||
clearTimeout(this.timeout);
|
||||
this.timeout = setTimeout(function () {
|
||||
_this.visible = true;
|
||||
}, 250);
|
||||
},
|
||||
hide: function hide() {
|
||||
var _this2 = this;
|
||||
|
||||
clearTimeout(this.timeout);
|
||||
this.timeout = setTimeout(function () {
|
||||
_this2.visible = false;
|
||||
}, 150);
|
||||
},
|
||||
handleClick: function handleClick() {
|
||||
this.visible = !this.visible;
|
||||
},
|
||||
initEvent: function initEvent() {
|
||||
var trigger = this.trigger,
|
||||
show = this.show,
|
||||
hide = this.hide,
|
||||
handleClick = this.handleClick,
|
||||
splitButton = this.splitButton;
|
||||
|
||||
var triggerElm = splitButton ? this.$refs.trigger.$el : this.$slots.default[0].elm;
|
||||
|
||||
if (trigger === 'hover') {
|
||||
triggerElm.addEventListener('mouseenter', show);
|
||||
triggerElm.addEventListener('mouseleave', hide);
|
||||
|
||||
var dropdownElm = this.$slots.dropdown[0].elm;
|
||||
|
||||
dropdownElm.addEventListener('mouseenter', show);
|
||||
dropdownElm.addEventListener('mouseleave', hide);
|
||||
} else if (trigger === 'click') {
|
||||
triggerElm.addEventListener('click', handleClick);
|
||||
}
|
||||
},
|
||||
handleMenuItemClick: function handleMenuItemClick(command, instance) {
|
||||
if (this.hideOnClick) {
|
||||
this.visible = false;
|
||||
}
|
||||
this.$emit('command', command, instance);
|
||||
}
|
||||
},
|
||||
|
||||
render: function render(h) {
|
||||
var _this3 = this;
|
||||
|
||||
var hide = this.hide,
|
||||
splitButton = this.splitButton,
|
||||
type = this.type,
|
||||
size = this.size;
|
||||
|
||||
|
||||
var handleClick = function handleClick(_) {
|
||||
_this3.$emit('click');
|
||||
};
|
||||
|
||||
var triggerElm = !splitButton ? this.$slots.default : h(
|
||||
'el-button-group',
|
||||
null,
|
||||
[h(
|
||||
'el-button',
|
||||
{
|
||||
attrs: { type: type, size: size },
|
||||
nativeOn: {
|
||||
'click': handleClick
|
||||
}
|
||||
},
|
||||
[this.$slots.default]
|
||||
), h(
|
||||
'el-button',
|
||||
{ ref: 'trigger', attrs: { type: type, size: size },
|
||||
'class': 'el-dropdown__caret-button' },
|
||||
[h(
|
||||
'i',
|
||||
{ 'class': 'el-dropdown__icon el-icon-caret-bottom' },
|
||||
[]
|
||||
)]
|
||||
)]
|
||||
);
|
||||
|
||||
return h(
|
||||
'div',
|
||||
{ 'class': 'el-dropdown', directives: [{
|
||||
name: 'clickoutside',
|
||||
value: hide
|
||||
}]
|
||||
},
|
||||
[triggerElm, this.$slots.dropdown]
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 137:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/button");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 138:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/button-group");
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
File diff suppressed because it is too large
Load Diff
|
@ -0,0 +1,449 @@
|
|||
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__(151);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 14:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/mixins/emitter");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 151:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _formItem = __webpack_require__(152);
|
||||
|
||||
var _formItem2 = _interopRequireDefault(_formItem);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_formItem2.default.install = function (Vue) {
|
||||
Vue.component(_formItem2.default.name, _formItem2.default);
|
||||
};
|
||||
|
||||
exports.default = _formItem2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 152:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(153),
|
||||
/* template */
|
||||
__webpack_require__(155),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 153:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _asyncValidator = __webpack_require__(154);
|
||||
|
||||
var _asyncValidator2 = _interopRequireDefault(_asyncValidator);
|
||||
|
||||
var _emitter = __webpack_require__(14);
|
||||
|
||||
var _emitter2 = _interopRequireDefault(_emitter);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
function noop() {}
|
||||
|
||||
function getPropByPath(obj, path) {
|
||||
var tempObj = obj;
|
||||
path = path.replace(/\[(\w+)\]/g, '.$1');
|
||||
path = path.replace(/^\./, '');
|
||||
|
||||
var keyArr = path.split('.');
|
||||
var i = 0;
|
||||
|
||||
for (var len = keyArr.length; i < len - 1; ++i) {
|
||||
var key = keyArr[i];
|
||||
if (key in tempObj) {
|
||||
tempObj = tempObj[key];
|
||||
} else {
|
||||
throw new Error('please transfer a valid prop path to form item!');
|
||||
}
|
||||
}
|
||||
return {
|
||||
o: tempObj,
|
||||
k: keyArr[i],
|
||||
v: tempObj[keyArr[i]]
|
||||
};
|
||||
}
|
||||
|
||||
exports.default = {
|
||||
name: 'ElFormItem',
|
||||
|
||||
componentName: 'ElFormItem',
|
||||
|
||||
mixins: [_emitter2.default],
|
||||
|
||||
props: {
|
||||
label: String,
|
||||
labelWidth: String,
|
||||
prop: String,
|
||||
required: Boolean,
|
||||
rules: [Object, Array],
|
||||
error: String,
|
||||
validateStatus: String,
|
||||
showMessage: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
error: function error(value) {
|
||||
this.validateMessage = value;
|
||||
this.validateState = value ? 'error' : '';
|
||||
},
|
||||
validateStatus: function validateStatus(value) {
|
||||
this.validateState = value;
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
labelStyle: function labelStyle() {
|
||||
var ret = {};
|
||||
if (this.form.labelPosition === 'top') return ret;
|
||||
var labelWidth = this.labelWidth || this.form.labelWidth;
|
||||
if (labelWidth) {
|
||||
ret.width = labelWidth;
|
||||
}
|
||||
return ret;
|
||||
},
|
||||
contentStyle: function contentStyle() {
|
||||
var ret = {};
|
||||
if (this.form.labelPosition === 'top' || this.form.inline) return ret;
|
||||
var labelWidth = this.labelWidth || this.form.labelWidth;
|
||||
if (labelWidth) {
|
||||
ret.marginLeft = labelWidth;
|
||||
}
|
||||
return ret;
|
||||
},
|
||||
form: function form() {
|
||||
var parent = this.$parent;
|
||||
while (parent.$options.componentName !== 'ElForm') {
|
||||
parent = parent.$parent;
|
||||
}
|
||||
return parent;
|
||||
},
|
||||
|
||||
fieldValue: {
|
||||
cache: false,
|
||||
get: function get() {
|
||||
var model = this.form.model;
|
||||
if (!model || !this.prop) {
|
||||
return;
|
||||
}
|
||||
|
||||
var path = this.prop;
|
||||
if (path.indexOf(':') !== -1) {
|
||||
path = path.replace(/:/, '.');
|
||||
}
|
||||
|
||||
return getPropByPath(model, path).v;
|
||||
}
|
||||
}
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
validateState: '',
|
||||
validateMessage: '',
|
||||
validateDisabled: false,
|
||||
validator: {},
|
||||
isRequired: false
|
||||
};
|
||||
},
|
||||
|
||||
methods: {
|
||||
validate: function validate(trigger) {
|
||||
var _this = this;
|
||||
|
||||
var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;
|
||||
|
||||
var rules = this.getFilteredRule(trigger);
|
||||
if (!rules || rules.length === 0) {
|
||||
callback();
|
||||
return true;
|
||||
}
|
||||
|
||||
this.validateState = 'validating';
|
||||
|
||||
var descriptor = {};
|
||||
descriptor[this.prop] = rules;
|
||||
|
||||
var validator = new _asyncValidator2.default(descriptor);
|
||||
var model = {};
|
||||
|
||||
model[this.prop] = this.fieldValue;
|
||||
|
||||
validator.validate(model, { firstFields: true }, function (errors, fields) {
|
||||
_this.validateState = !errors ? 'success' : 'error';
|
||||
_this.validateMessage = errors ? errors[0].message : '';
|
||||
|
||||
callback(_this.validateMessage);
|
||||
});
|
||||
},
|
||||
resetField: function resetField() {
|
||||
this.validateState = '';
|
||||
this.validateMessage = '';
|
||||
|
||||
var model = this.form.model;
|
||||
var value = this.fieldValue;
|
||||
var path = this.prop;
|
||||
if (path.indexOf(':') !== -1) {
|
||||
path = path.replace(/:/, '.');
|
||||
}
|
||||
|
||||
var prop = getPropByPath(model, path);
|
||||
|
||||
if (Array.isArray(value)) {
|
||||
this.validateDisabled = true;
|
||||
prop.o[prop.k] = [].concat(this.initialValue);
|
||||
} else {
|
||||
this.validateDisabled = true;
|
||||
prop.o[prop.k] = this.initialValue;
|
||||
}
|
||||
},
|
||||
getRules: function getRules() {
|
||||
var formRules = this.form.rules;
|
||||
var selfRuels = this.rules;
|
||||
|
||||
formRules = formRules ? formRules[this.prop] : [];
|
||||
|
||||
return [].concat(selfRuels || formRules || []);
|
||||
},
|
||||
getFilteredRule: function getFilteredRule(trigger) {
|
||||
var rules = this.getRules();
|
||||
|
||||
return rules.filter(function (rule) {
|
||||
return !rule.trigger || rule.trigger.indexOf(trigger) !== -1;
|
||||
});
|
||||
},
|
||||
onFieldBlur: function onFieldBlur() {
|
||||
this.validate('blur');
|
||||
},
|
||||
onFieldChange: function onFieldChange() {
|
||||
if (this.validateDisabled) {
|
||||
this.validateDisabled = false;
|
||||
return;
|
||||
}
|
||||
|
||||
this.validate('change');
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
var _this2 = this;
|
||||
|
||||
if (this.prop) {
|
||||
this.dispatch('ElForm', 'el.form.addField', [this]);
|
||||
|
||||
var initialValue = this.fieldValue;
|
||||
if (Array.isArray(initialValue)) {
|
||||
initialValue = [].concat(initialValue);
|
||||
}
|
||||
Object.defineProperty(this, 'initialValue', {
|
||||
value: initialValue
|
||||
});
|
||||
|
||||
var rules = this.getRules();
|
||||
|
||||
if (rules.length) {
|
||||
rules.every(function (rule) {
|
||||
if (rule.required) {
|
||||
_this2.isRequired = true;
|
||||
return false;
|
||||
}
|
||||
});
|
||||
this.$on('el.form.blur', this.onFieldBlur);
|
||||
this.$on('el.form.change', this.onFieldChange);
|
||||
}
|
||||
}
|
||||
},
|
||||
beforeDestroy: function beforeDestroy() {
|
||||
this.dispatch('ElForm', 'el.form.removeField', [this]);
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 154:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("async-validator");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 155:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "el-form-item",
|
||||
class: {
|
||||
'is-error': _vm.validateState === 'error',
|
||||
'is-validating': _vm.validateState === 'validating',
|
||||
'is-required': _vm.isRequired || _vm.required
|
||||
}
|
||||
}, [(_vm.label) ? _c('label', {
|
||||
staticClass: "el-form-item__label",
|
||||
style: (_vm.labelStyle),
|
||||
attrs: {
|
||||
"for": _vm.prop
|
||||
}
|
||||
}, [_vm._v("\n " + _vm._s(_vm.label + _vm.form.labelSuffix) + "\n ")]) : _vm._e(), _c('div', {
|
||||
staticClass: "el-form-item__content",
|
||||
style: (_vm.contentStyle)
|
||||
}, [_vm._t("default"), _c('transition', {
|
||||
attrs: {
|
||||
"name": "el-zoom-in-top"
|
||||
}
|
||||
}, [(_vm.validateState === 'error' && _vm.showMessage && _vm.form.showMessage) ? _c('div', {
|
||||
staticClass: "el-form-item__error"
|
||||
}, [_vm._v(_vm._s(_vm.validateMessage))]) : _vm._e()])], 2)])
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,267 @@
|
|||
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__(147);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 147:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _form = __webpack_require__(148);
|
||||
|
||||
var _form2 = _interopRequireDefault(_form);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_form2.default.install = function (Vue) {
|
||||
Vue.component(_form2.default.name, _form2.default);
|
||||
};
|
||||
|
||||
exports.default = _form2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 148:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(149),
|
||||
/* template */
|
||||
__webpack_require__(150),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 149:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElForm',
|
||||
|
||||
componentName: 'ElForm',
|
||||
|
||||
props: {
|
||||
model: Object,
|
||||
rules: Object,
|
||||
labelPosition: String,
|
||||
labelWidth: String,
|
||||
labelSuffix: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
inline: Boolean,
|
||||
showMessage: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
rules: function rules() {
|
||||
this.validate();
|
||||
}
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
fields: []
|
||||
};
|
||||
},
|
||||
created: function created() {
|
||||
var _this = this;
|
||||
|
||||
this.$on('el.form.addField', function (field) {
|
||||
if (field) {
|
||||
_this.fields.push(field);
|
||||
}
|
||||
});
|
||||
/* istanbul ignore next */
|
||||
this.$on('el.form.removeField', function (field) {
|
||||
if (field.prop) {
|
||||
_this.fields.splice(_this.fields.indexOf(field), 1);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
methods: {
|
||||
resetFields: function resetFields() {
|
||||
this.fields.forEach(function (field) {
|
||||
field.resetField();
|
||||
});
|
||||
},
|
||||
validate: function validate(callback) {
|
||||
var _this2 = this;
|
||||
|
||||
var valid = true;
|
||||
var count = 0;
|
||||
// 如果需要验证的fields为空,调用验证时立刻返回callback
|
||||
if (this.fields.length === 0 && callback) {
|
||||
callback(true);
|
||||
}
|
||||
this.fields.forEach(function (field, index) {
|
||||
field.validate('', function (errors) {
|
||||
if (errors) {
|
||||
valid = false;
|
||||
}
|
||||
if (typeof callback === 'function' && ++count === _this2.fields.length) {
|
||||
callback(valid);
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
validateField: function validateField(prop, cb) {
|
||||
var field = this.fields.filter(function (field) {
|
||||
return field.prop === prop;
|
||||
})[0];
|
||||
if (!field) {
|
||||
throw new Error('must call validateField with valid prop string!');
|
||||
}
|
||||
|
||||
field.validate('', cb);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 150:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('form', {
|
||||
staticClass: "el-form",
|
||||
class: [
|
||||
_vm.labelPosition ? 'el-form--label-' + _vm.labelPosition : '', {
|
||||
'el-form--inline': _vm.inline
|
||||
}
|
||||
]
|
||||
}, [_vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,181 @@
|
|||
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__(156);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 156:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _icon = __webpack_require__(157);
|
||||
|
||||
var _icon2 = _interopRequireDefault(_icon);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_icon2.default.install = function (Vue) {
|
||||
Vue.component(_icon2.default.name, _icon2.default);
|
||||
};
|
||||
|
||||
exports.default = _icon2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 157:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(158),
|
||||
/* template */
|
||||
__webpack_require__(159),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 158:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElIcon',
|
||||
|
||||
props: {
|
||||
name: String
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 159:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('i', {
|
||||
class: 'el-icon-' + _vm.name
|
||||
})
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,448 @@
|
|||
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__(166);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 9:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/input");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 117:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/dom");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 166:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _inputNumber = __webpack_require__(167);
|
||||
|
||||
var _inputNumber2 = _interopRequireDefault(_inputNumber);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_inputNumber2.default.install = function (Vue) {
|
||||
Vue.component(_inputNumber2.default.name, _inputNumber2.default);
|
||||
};
|
||||
|
||||
exports.default = _inputNumber2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 167:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(168),
|
||||
/* template */
|
||||
__webpack_require__(169),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 168:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _input = __webpack_require__(9);
|
||||
|
||||
var _input2 = _interopRequireDefault(_input);
|
||||
|
||||
var _dom = __webpack_require__(117);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElInputNumber',
|
||||
directives: {
|
||||
repeatClick: {
|
||||
bind: function bind(el, binding, vnode) {
|
||||
var interval = null;
|
||||
var startTime = void 0;
|
||||
var handler = function handler() {
|
||||
return vnode.context[binding.expression].apply();
|
||||
};
|
||||
var clear = function clear() {
|
||||
if (new Date() - startTime < 100) {
|
||||
handler();
|
||||
}
|
||||
clearInterval(interval);
|
||||
interval = null;
|
||||
};
|
||||
|
||||
(0, _dom.on)(el, 'mousedown', function () {
|
||||
startTime = new Date();
|
||||
(0, _dom.once)(document, 'mouseup', clear);
|
||||
clearInterval(interval);
|
||||
interval = setInterval(handler, 100);
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
components: {
|
||||
ElInput: _input2.default
|
||||
},
|
||||
props: {
|
||||
step: {
|
||||
type: Number,
|
||||
default: 1
|
||||
},
|
||||
max: {
|
||||
type: Number,
|
||||
default: Infinity
|
||||
},
|
||||
min: {
|
||||
type: Number,
|
||||
default: -Infinity
|
||||
},
|
||||
value: {
|
||||
default: 0
|
||||
},
|
||||
disabled: Boolean,
|
||||
size: String,
|
||||
controls: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
}
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
currentValue: 0
|
||||
};
|
||||
},
|
||||
|
||||
watch: {
|
||||
value: {
|
||||
immediate: true,
|
||||
handler: function handler(value) {
|
||||
var newVal = Number(value);
|
||||
if (isNaN(newVal)) return;
|
||||
if (newVal >= this.max) newVal = this.max;
|
||||
if (newVal <= this.min) newVal = this.min;
|
||||
this.currentValue = newVal;
|
||||
this.$emit('input', newVal);
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
minDisabled: function minDisabled() {
|
||||
return this._decrease(this.value, this.step) < this.min;
|
||||
},
|
||||
maxDisabled: function maxDisabled() {
|
||||
return this._increase(this.value, this.step) > this.max;
|
||||
},
|
||||
precision: function precision() {
|
||||
var value = this.value,
|
||||
step = this.step,
|
||||
getPrecision = this.getPrecision;
|
||||
|
||||
return Math.max(getPrecision(value), getPrecision(step));
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toPrecision: function toPrecision(num, precision) {
|
||||
if (precision === undefined) precision = this.precision;
|
||||
return parseFloat(parseFloat(Number(num).toFixed(precision)));
|
||||
},
|
||||
getPrecision: function getPrecision(value) {
|
||||
var valueString = value.toString();
|
||||
var dotPosition = valueString.indexOf('.');
|
||||
var precision = 0;
|
||||
if (dotPosition !== -1) {
|
||||
precision = valueString.length - dotPosition - 1;
|
||||
}
|
||||
return precision;
|
||||
},
|
||||
_increase: function _increase(val, step) {
|
||||
if (typeof val !== 'number') return this.currentValue;
|
||||
|
||||
var precisionFactor = Math.pow(10, this.precision);
|
||||
|
||||
return this.toPrecision((precisionFactor * val + precisionFactor * step) / precisionFactor);
|
||||
},
|
||||
_decrease: function _decrease(val, step) {
|
||||
if (typeof val !== 'number') return this.currentValue;
|
||||
|
||||
var precisionFactor = Math.pow(10, this.precision);
|
||||
|
||||
return this.toPrecision((precisionFactor * val - precisionFactor * step) / precisionFactor);
|
||||
},
|
||||
increase: function increase() {
|
||||
if (this.disabled || this.maxDisabled) return;
|
||||
var value = this.value || 0;
|
||||
var newVal = this._increase(value, this.step);
|
||||
if (newVal > this.max) return;
|
||||
this.setCurrentValue(newVal);
|
||||
},
|
||||
decrease: function decrease() {
|
||||
if (this.disabled || this.minDisabled) return;
|
||||
var value = this.value || 0;
|
||||
var newVal = this._decrease(value, this.step);
|
||||
if (newVal < this.min) return;
|
||||
this.setCurrentValue(newVal);
|
||||
},
|
||||
handleBlur: function handleBlur() {
|
||||
this.$refs.input.setCurrentValue(this.currentValue);
|
||||
},
|
||||
setCurrentValue: function setCurrentValue(newVal) {
|
||||
var oldVal = this.currentValue;
|
||||
if (newVal >= this.max) newVal = this.max;
|
||||
if (newVal <= this.min) newVal = this.min;
|
||||
if (oldVal === newVal) return;
|
||||
this.$emit('change', newVal, oldVal);
|
||||
this.$emit('input', newVal);
|
||||
this.currentValue = newVal;
|
||||
},
|
||||
handleInput: function handleInput(value) {
|
||||
var newVal = Number(value);
|
||||
if (!isNaN(newVal)) {
|
||||
this.setCurrentValue(newVal);
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 169:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "el-input-number",
|
||||
class: [
|
||||
_vm.size ? 'el-input-number--' + _vm.size : '', {
|
||||
'is-disabled': _vm.disabled
|
||||
}, {
|
||||
'is-without-controls': !_vm.controls
|
||||
}
|
||||
]
|
||||
}, [(_vm.controls) ? _c('span', {
|
||||
directives: [{
|
||||
name: "repeat-click",
|
||||
rawName: "v-repeat-click",
|
||||
value: (_vm.decrease),
|
||||
expression: "decrease"
|
||||
}],
|
||||
staticClass: "el-input-number__decrease",
|
||||
class: {
|
||||
'is-disabled': _vm.minDisabled
|
||||
}
|
||||
}, [_c('i', {
|
||||
staticClass: "el-icon-minus"
|
||||
})]) : _vm._e(), (_vm.controls) ? _c('span', {
|
||||
directives: [{
|
||||
name: "repeat-click",
|
||||
rawName: "v-repeat-click",
|
||||
value: (_vm.increase),
|
||||
expression: "increase"
|
||||
}],
|
||||
staticClass: "el-input-number__increase",
|
||||
class: {
|
||||
'is-disabled': _vm.maxDisabled
|
||||
}
|
||||
}, [_c('i', {
|
||||
staticClass: "el-icon-plus"
|
||||
})]) : _vm._e(), _c('el-input', {
|
||||
ref: "input",
|
||||
attrs: {
|
||||
"value": _vm.currentValue,
|
||||
"disabled": _vm.disabled,
|
||||
"size": _vm.size,
|
||||
"max": _vm.max,
|
||||
"min": _vm.min
|
||||
},
|
||||
on: {
|
||||
"blur": _vm.handleBlur,
|
||||
"input": _vm.handleInput
|
||||
},
|
||||
nativeOn: {
|
||||
"keydown": [function($event) {
|
||||
if (_vm._k($event.keyCode, "up", 38)) { return; }
|
||||
$event.preventDefault();
|
||||
_vm.increase($event)
|
||||
}, function($event) {
|
||||
if (_vm._k($event.keyCode, "down", 40)) { return; }
|
||||
$event.preventDefault();
|
||||
_vm.decrease($event)
|
||||
}]
|
||||
}
|
||||
}, [(_vm.$slots.prepend) ? _c('template', {
|
||||
slot: "prepend"
|
||||
}, [_vm._t("prepend")], 2) : _vm._e(), (_vm.$slots.append) ? _c('template', {
|
||||
slot: "append"
|
||||
}, [_vm._t("append")], 2) : _vm._e()], 2)], 1)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,549 @@
|
|||
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__(160);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 14:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/mixins/emitter");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 160:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _input = __webpack_require__(161);
|
||||
|
||||
var _input2 = _interopRequireDefault(_input);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_input2.default.install = function (Vue) {
|
||||
Vue.component(_input2.default.name, _input2.default);
|
||||
};
|
||||
|
||||
exports.default = _input2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 161:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(162),
|
||||
/* template */
|
||||
__webpack_require__(165),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 162:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _emitter = __webpack_require__(14);
|
||||
|
||||
var _emitter2 = _interopRequireDefault(_emitter);
|
||||
|
||||
var _calcTextareaHeight = __webpack_require__(163);
|
||||
|
||||
var _calcTextareaHeight2 = _interopRequireDefault(_calcTextareaHeight);
|
||||
|
||||
var _merge = __webpack_require__(164);
|
||||
|
||||
var _merge2 = _interopRequireDefault(_merge);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'ElInput',
|
||||
|
||||
componentName: 'ElInput',
|
||||
|
||||
mixins: [_emitter2.default],
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
currentValue: this.value,
|
||||
textareaCalcStyle: {}
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
props: {
|
||||
value: [String, Number],
|
||||
placeholder: String,
|
||||
size: String,
|
||||
resize: String,
|
||||
readonly: Boolean,
|
||||
autofocus: Boolean,
|
||||
icon: String,
|
||||
disabled: Boolean,
|
||||
type: {
|
||||
type: String,
|
||||
default: 'text'
|
||||
},
|
||||
name: String,
|
||||
autosize: {
|
||||
type: [Boolean, Object],
|
||||
default: false
|
||||
},
|
||||
rows: {
|
||||
type: Number,
|
||||
default: 2
|
||||
},
|
||||
autoComplete: {
|
||||
type: String,
|
||||
default: 'off'
|
||||
},
|
||||
form: String,
|
||||
maxlength: Number,
|
||||
minlength: Number,
|
||||
max: {},
|
||||
min: {},
|
||||
step: {},
|
||||
validateEvent: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
onIconClick: Function
|
||||
},
|
||||
|
||||
computed: {
|
||||
validating: function validating() {
|
||||
return this.$parent.validateState === 'validating';
|
||||
},
|
||||
textareaStyle: function textareaStyle() {
|
||||
return (0, _merge2.default)({}, this.textareaCalcStyle, { resize: this.resize });
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
'value': function value(val, oldValue) {
|
||||
this.setCurrentValue(val);
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
handleBlur: function handleBlur(event) {
|
||||
this.$emit('blur', event);
|
||||
if (this.validateEvent) {
|
||||
this.dispatch('ElFormItem', 'el.form.blur', [this.currentValue]);
|
||||
}
|
||||
},
|
||||
inputSelect: function inputSelect() {
|
||||
this.$refs.input.select();
|
||||
},
|
||||
resizeTextarea: function resizeTextarea() {
|
||||
if (this.$isServer) return;
|
||||
var autosize = this.autosize,
|
||||
type = this.type;
|
||||
|
||||
if (!autosize || type !== 'textarea') return;
|
||||
var minRows = autosize.minRows;
|
||||
var maxRows = autosize.maxRows;
|
||||
|
||||
this.textareaCalcStyle = (0, _calcTextareaHeight2.default)(this.$refs.textarea, minRows, maxRows);
|
||||
},
|
||||
handleFocus: function handleFocus(event) {
|
||||
this.$emit('focus', event);
|
||||
},
|
||||
handleInput: function handleInput(event) {
|
||||
var value = event.target.value;
|
||||
this.$emit('input', value);
|
||||
this.setCurrentValue(value);
|
||||
this.$emit('change', value);
|
||||
},
|
||||
handleIconClick: function handleIconClick(event) {
|
||||
if (this.onIconClick) {
|
||||
this.onIconClick(event);
|
||||
}
|
||||
this.$emit('click', event);
|
||||
},
|
||||
setCurrentValue: function setCurrentValue(value) {
|
||||
var _this = this;
|
||||
|
||||
if (value === this.currentValue) return;
|
||||
this.$nextTick(function (_) {
|
||||
_this.resizeTextarea();
|
||||
});
|
||||
this.currentValue = value;
|
||||
if (this.validateEvent) {
|
||||
this.dispatch('ElFormItem', 'el.form.change', [value]);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
created: function created() {
|
||||
this.$on('inputSelect', this.inputSelect);
|
||||
},
|
||||
mounted: function mounted() {
|
||||
this.resizeTextarea();
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 163:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = calcTextareaHeight;
|
||||
var hiddenTextarea = void 0;
|
||||
|
||||
var HIDDEN_STYLE = '\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';
|
||||
|
||||
var CONTEXT_STYLE = ['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 calculateNodeStyling(node) {
|
||||
var style = window.getComputedStyle(node);
|
||||
|
||||
var boxSizing = style.getPropertyValue('box-sizing');
|
||||
|
||||
var paddingSize = parseFloat(style.getPropertyValue('padding-bottom')) + parseFloat(style.getPropertyValue('padding-top'));
|
||||
|
||||
var borderSize = parseFloat(style.getPropertyValue('border-bottom-width')) + parseFloat(style.getPropertyValue('border-top-width'));
|
||||
|
||||
var contextStyle = CONTEXT_STYLE.map(function (name) {
|
||||
return name + ':' + style.getPropertyValue(name);
|
||||
}).join(';');
|
||||
|
||||
return { contextStyle: contextStyle, paddingSize: paddingSize, borderSize: borderSize, boxSizing: boxSizing };
|
||||
}
|
||||
|
||||
function calcTextareaHeight(targetNode) {
|
||||
var minRows = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
||||
var maxRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
||||
|
||||
if (!hiddenTextarea) {
|
||||
hiddenTextarea = document.createElement('textarea');
|
||||
document.body.appendChild(hiddenTextarea);
|
||||
}
|
||||
|
||||
var _calculateNodeStyling = calculateNodeStyling(targetNode),
|
||||
paddingSize = _calculateNodeStyling.paddingSize,
|
||||
borderSize = _calculateNodeStyling.borderSize,
|
||||
boxSizing = _calculateNodeStyling.boxSizing,
|
||||
contextStyle = _calculateNodeStyling.contextStyle;
|
||||
|
||||
hiddenTextarea.setAttribute('style', contextStyle + ';' + HIDDEN_STYLE);
|
||||
hiddenTextarea.value = targetNode.value || targetNode.placeholder || '';
|
||||
|
||||
var height = hiddenTextarea.scrollHeight;
|
||||
|
||||
if (boxSizing === 'border-box') {
|
||||
height = height + borderSize;
|
||||
} else if (boxSizing === 'content-box') {
|
||||
height = height - paddingSize;
|
||||
}
|
||||
|
||||
hiddenTextarea.value = '';
|
||||
var singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
|
||||
|
||||
if (minRows !== null) {
|
||||
var minHeight = singleRowHeight * minRows;
|
||||
if (boxSizing === 'border-box') {
|
||||
minHeight = minHeight + paddingSize + borderSize;
|
||||
}
|
||||
height = Math.max(minHeight, height);
|
||||
}
|
||||
if (maxRows !== null) {
|
||||
var maxHeight = singleRowHeight * maxRows;
|
||||
if (boxSizing === 'border-box') {
|
||||
maxHeight = maxHeight + paddingSize + borderSize;
|
||||
}
|
||||
height = Math.min(maxHeight, height);
|
||||
}
|
||||
|
||||
return { height: height + 'px' };
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 164:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/merge");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 165:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
class: [
|
||||
_vm.type === 'textarea' ? 'el-textarea' : 'el-input',
|
||||
_vm.size ? 'el-input--' + _vm.size : '', {
|
||||
'is-disabled': _vm.disabled,
|
||||
'el-input-group': _vm.$slots.prepend || _vm.$slots.append,
|
||||
'el-input-group--append': _vm.$slots.append,
|
||||
'el-input-group--prepend': _vm.$slots.prepend
|
||||
}
|
||||
]
|
||||
}, [(_vm.type !== 'textarea') ? [(_vm.$slots.prepend) ? _c('div', {
|
||||
staticClass: "el-input-group__prepend"
|
||||
}, [_vm._t("prepend")], 2) : _vm._e(), _vm._t("icon", [(_vm.icon) ? _c('i', {
|
||||
staticClass: "el-input__icon",
|
||||
class: [
|
||||
'el-icon-' + _vm.icon,
|
||||
_vm.onIconClick ? 'is-clickable' : ''
|
||||
],
|
||||
on: {
|
||||
"click": _vm.handleIconClick
|
||||
}
|
||||
}) : _vm._e()]), (_vm.type !== 'textarea') ? _c('input', {
|
||||
ref: "input",
|
||||
staticClass: "el-input__inner",
|
||||
attrs: {
|
||||
"type": _vm.type,
|
||||
"name": _vm.name,
|
||||
"placeholder": _vm.placeholder,
|
||||
"disabled": _vm.disabled,
|
||||
"readonly": _vm.readonly,
|
||||
"maxlength": _vm.maxlength,
|
||||
"minlength": _vm.minlength,
|
||||
"autocomplete": _vm.autoComplete,
|
||||
"autofocus": _vm.autofocus,
|
||||
"min": _vm.min,
|
||||
"max": _vm.max,
|
||||
"step": _vm.step,
|
||||
"form": _vm.form
|
||||
},
|
||||
domProps: {
|
||||
"value": _vm.currentValue
|
||||
},
|
||||
on: {
|
||||
"input": _vm.handleInput,
|
||||
"focus": _vm.handleFocus,
|
||||
"blur": _vm.handleBlur
|
||||
}
|
||||
}) : _vm._e(), (_vm.validating) ? _c('i', {
|
||||
staticClass: "el-input__icon el-icon-loading"
|
||||
}) : _vm._e(), (_vm.$slots.append) ? _c('div', {
|
||||
staticClass: "el-input-group__append"
|
||||
}, [_vm._t("append")], 2) : _vm._e()] : _c('textarea', {
|
||||
ref: "textarea",
|
||||
staticClass: "el-textarea__inner",
|
||||
style: (_vm.textareaStyle),
|
||||
attrs: {
|
||||
"name": _vm.name,
|
||||
"placeholder": _vm.placeholder,
|
||||
"disabled": _vm.disabled,
|
||||
"readonly": _vm.readonly,
|
||||
"rows": _vm.rows,
|
||||
"form": _vm.form,
|
||||
"autofocus": _vm.autofocus,
|
||||
"maxlength": _vm.maxlength,
|
||||
"minlength": _vm.minlength
|
||||
},
|
||||
domProps: {
|
||||
"value": _vm.currentValue
|
||||
},
|
||||
on: {
|
||||
"input": _vm.handleInput,
|
||||
"focus": _vm.handleFocus,
|
||||
"blur": _vm.handleBlur
|
||||
}
|
||||
})], 2)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,514 @@
|
|||
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__(170);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 56:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("vue");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 117:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/dom");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 164:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/merge");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 170:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _directive = __webpack_require__(171);
|
||||
|
||||
var _directive2 = _interopRequireDefault(_directive);
|
||||
|
||||
var _index = __webpack_require__(175);
|
||||
|
||||
var _index2 = _interopRequireDefault(_index);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
install: function install(Vue) {
|
||||
Vue.use(_directive2.default);
|
||||
Vue.prototype.$loading = _index2.default;
|
||||
},
|
||||
|
||||
directive: _directive2.default,
|
||||
service: _index2.default
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 171:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
var _vue = __webpack_require__(56);
|
||||
|
||||
var _vue2 = _interopRequireDefault(_vue);
|
||||
|
||||
var _dom = __webpack_require__(117);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var Mask = _vue2.default.extend(__webpack_require__(172));
|
||||
|
||||
exports.install = function (Vue) {
|
||||
if (Vue.prototype.$isServer) return;
|
||||
var toggleLoading = function toggleLoading(el, binding) {
|
||||
if (binding.value) {
|
||||
Vue.nextTick(function () {
|
||||
if (binding.modifiers.fullscreen) {
|
||||
el.originalPosition = document.body.style.position;
|
||||
el.originalOverflow = document.body.style.overflow;
|
||||
|
||||
(0, _dom.addClass)(el.mask, 'is-fullscreen');
|
||||
insertDom(document.body, el, binding);
|
||||
} else {
|
||||
(0, _dom.removeClass)(el.mask, 'is-fullscreen');
|
||||
|
||||
if (binding.modifiers.body) {
|
||||
el.originalPosition = document.body.style.position;
|
||||
|
||||
['top', 'left'].forEach(function (property) {
|
||||
var scroll = property === 'top' ? 'scrollTop' : 'scrollLeft';
|
||||
el.maskStyle[property] = el.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] + 'px';
|
||||
});
|
||||
['height', 'width'].forEach(function (property) {
|
||||
el.maskStyle[property] = el.getBoundingClientRect()[property] + 'px';
|
||||
});
|
||||
|
||||
insertDom(document.body, el, binding);
|
||||
} else {
|
||||
el.originalPosition = el.style.position;
|
||||
insertDom(el, el, binding);
|
||||
}
|
||||
}
|
||||
});
|
||||
} else {
|
||||
if (el.domVisible) {
|
||||
el.instance.$on('after-leave', function (_) {
|
||||
el.domVisible = false;
|
||||
if (binding.modifiers.fullscreen && el.originalOverflow !== 'hidden') {
|
||||
document.body.style.overflow = el.originalOverflow;
|
||||
}
|
||||
if (binding.modifiers.fullscreen || binding.modifiers.body) {
|
||||
document.body.style.position = el.originalPosition;
|
||||
} else {
|
||||
el.style.position = el.originalPosition;
|
||||
}
|
||||
});
|
||||
el.instance.visible = false;
|
||||
}
|
||||
}
|
||||
};
|
||||
var insertDom = function insertDom(parent, el, binding) {
|
||||
if (!el.domVisible) {
|
||||
Object.keys(el.maskStyle).forEach(function (property) {
|
||||
el.mask.style[property] = el.maskStyle[property];
|
||||
});
|
||||
|
||||
if (el.originalPosition !== 'absolute') {
|
||||
parent.style.position = 'relative';
|
||||
}
|
||||
if (binding.modifiers.fullscreen && binding.modifiers.lock) {
|
||||
parent.style.overflow = 'hidden';
|
||||
}
|
||||
el.domVisible = true;
|
||||
|
||||
parent.appendChild(el.mask);
|
||||
Vue.nextTick(function () {
|
||||
el.instance.visible = true;
|
||||
});
|
||||
el.domInserted = true;
|
||||
}
|
||||
};
|
||||
|
||||
Vue.directive('loading', {
|
||||
bind: function bind(el, binding) {
|
||||
var mask = new Mask({
|
||||
el: document.createElement('div'),
|
||||
data: {
|
||||
text: el.getAttribute('element-loading-text'),
|
||||
fullscreen: !!binding.modifiers.fullscreen
|
||||
}
|
||||
});
|
||||
el.instance = mask;
|
||||
el.mask = mask.$el;
|
||||
el.maskStyle = {};
|
||||
|
||||
toggleLoading(el, binding);
|
||||
},
|
||||
|
||||
update: function update(el, binding) {
|
||||
el.instance.setText(el.getAttribute('element-loading-text'));
|
||||
if (binding.oldValue !== binding.value) {
|
||||
toggleLoading(el, binding);
|
||||
}
|
||||
},
|
||||
|
||||
unbind: function unbind(el, binding) {
|
||||
if (el.domInserted) {
|
||||
if (binding.modifiers.fullscreen || binding.modifiers.body) {
|
||||
document.body.removeChild(el.mask);
|
||||
} else {
|
||||
el.mask && el.mask.parentNode && el.mask.parentNode.removeChild(el.mask);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 172:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(173),
|
||||
/* template */
|
||||
__webpack_require__(174),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 173:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
data: function data() {
|
||||
return {
|
||||
text: null,
|
||||
fullscreen: true,
|
||||
visible: false,
|
||||
customClass: ''
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
handleAfterLeave: function handleAfterLeave() {
|
||||
this.$emit('after-leave');
|
||||
},
|
||||
setText: function setText(text) {
|
||||
this.text = text;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 174:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('transition', {
|
||||
attrs: {
|
||||
"name": "el-loading-fade"
|
||||
},
|
||||
on: {
|
||||
"after-leave": _vm.handleAfterLeave
|
||||
}
|
||||
}, [_c('div', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.visible),
|
||||
expression: "visible"
|
||||
}],
|
||||
staticClass: "el-loading-mask",
|
||||
class: [_vm.customClass, {
|
||||
'is-fullscreen': _vm.fullscreen
|
||||
}]
|
||||
}, [_c('div', {
|
||||
staticClass: "el-loading-spinner"
|
||||
}, [_c('svg', {
|
||||
staticClass: "circular",
|
||||
attrs: {
|
||||
"viewBox": "25 25 50 50"
|
||||
}
|
||||
}, [_c('circle', {
|
||||
staticClass: "path",
|
||||
attrs: {
|
||||
"cx": "50",
|
||||
"cy": "50",
|
||||
"r": "20",
|
||||
"fill": "none"
|
||||
}
|
||||
})]), (_vm.text) ? _c('p', {
|
||||
staticClass: "el-loading-text"
|
||||
}, [_vm._v(_vm._s(_vm.text))]) : _vm._e()])])])
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 175:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _vue = __webpack_require__(56);
|
||||
|
||||
var _vue2 = _interopRequireDefault(_vue);
|
||||
|
||||
var _loading = __webpack_require__(172);
|
||||
|
||||
var _loading2 = _interopRequireDefault(_loading);
|
||||
|
||||
var _merge = __webpack_require__(164);
|
||||
|
||||
var _merge2 = _interopRequireDefault(_merge);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var LoadingConstructor = _vue2.default.extend(_loading2.default);
|
||||
|
||||
var defaults = {
|
||||
text: null,
|
||||
fullscreen: true,
|
||||
body: false,
|
||||
lock: false,
|
||||
customClass: ''
|
||||
};
|
||||
|
||||
var fullscreenLoading = void 0;
|
||||
|
||||
LoadingConstructor.prototype.originalPosition = '';
|
||||
LoadingConstructor.prototype.originalOverflow = '';
|
||||
|
||||
LoadingConstructor.prototype.close = function () {
|
||||
var _this = this;
|
||||
|
||||
if (this.fullscreen && this.originalOverflow !== 'hidden') {
|
||||
document.body.style.overflow = this.originalOverflow;
|
||||
}
|
||||
if (this.fullscreen || this.body) {
|
||||
document.body.style.position = this.originalPosition;
|
||||
} else {
|
||||
this.target.style.position = this.originalPosition;
|
||||
}
|
||||
if (this.fullscreen) {
|
||||
fullscreenLoading = undefined;
|
||||
}
|
||||
this.$on('after-leave', function (_) {
|
||||
_this.$el && _this.$el.parentNode && _this.$el.parentNode.removeChild(_this.$el);
|
||||
_this.$destroy();
|
||||
});
|
||||
this.visible = false;
|
||||
};
|
||||
|
||||
var addStyle = function addStyle(options, parent, instance) {
|
||||
var maskStyle = {};
|
||||
if (options.fullscreen) {
|
||||
instance.originalPosition = document.body.style.position;
|
||||
instance.originalOverflow = document.body.style.overflow;
|
||||
} else if (options.body) {
|
||||
instance.originalPosition = document.body.style.position;
|
||||
['top', 'left'].forEach(function (property) {
|
||||
var scroll = property === 'top' ? 'scrollTop' : 'scrollLeft';
|
||||
maskStyle[property] = options.target.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] + 'px';
|
||||
});
|
||||
['height', 'width'].forEach(function (property) {
|
||||
maskStyle[property] = options.target.getBoundingClientRect()[property] + 'px';
|
||||
});
|
||||
} else {
|
||||
instance.originalPosition = parent.style.position;
|
||||
}
|
||||
Object.keys(maskStyle).forEach(function (property) {
|
||||
instance.$el.style[property] = maskStyle[property];
|
||||
});
|
||||
};
|
||||
|
||||
var Loading = function Loading() {
|
||||
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
||||
|
||||
if (_vue2.default.prototype.$isServer) return;
|
||||
options = (0, _merge2.default)({}, defaults, options);
|
||||
if (typeof options.target === 'string') {
|
||||
options.target = document.querySelector(options.target);
|
||||
}
|
||||
options.target = options.target || document.body;
|
||||
if (options.target !== document.body) {
|
||||
options.fullscreen = false;
|
||||
} else {
|
||||
options.body = true;
|
||||
}
|
||||
if (options.fullscreen && fullscreenLoading) {
|
||||
return fullscreenLoading;
|
||||
}
|
||||
|
||||
var parent = options.body ? document.body : options.target;
|
||||
var instance = new LoadingConstructor({
|
||||
el: document.createElement('div'),
|
||||
data: options
|
||||
});
|
||||
|
||||
addStyle(options, parent, instance);
|
||||
if (instance.originalPosition !== 'absolute') {
|
||||
parent.style.position = 'relative';
|
||||
}
|
||||
if (options.fullscreen && options.lock) {
|
||||
parent.style.overflow = 'hidden';
|
||||
}
|
||||
parent.appendChild(instance.$el);
|
||||
_vue2.default.nextTick(function () {
|
||||
instance.visible = true;
|
||||
});
|
||||
if (options.fullscreen) {
|
||||
fullscreenLoading = instance;
|
||||
}
|
||||
return instance;
|
||||
};
|
||||
|
||||
exports.default = Loading;
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,56 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
|
||||
|
||||
exports.default = function (Vue) {
|
||||
|
||||
/**
|
||||
* template
|
||||
*
|
||||
* @param {String} string
|
||||
* @param {Array} ...args
|
||||
* @return {String}
|
||||
*/
|
||||
|
||||
function template(string) {
|
||||
for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
||||
args[_key - 1] = arguments[_key];
|
||||
}
|
||||
|
||||
if (args.length === 1 && _typeof(args[0]) === 'object') {
|
||||
args = args[0];
|
||||
}
|
||||
|
||||
if (!args || !args.hasOwnProperty) {
|
||||
args = {};
|
||||
}
|
||||
|
||||
return string.replace(RE_NARGS, function (match, prefix, i, index) {
|
||||
var result = void 0;
|
||||
|
||||
if (string[index - 1] === '{' && string[index + match.length] === '}') {
|
||||
return i;
|
||||
} else {
|
||||
result = (0, _util.hasOwn)(args, i) ? args[i] : null;
|
||||
if (result === null || result === undefined) {
|
||||
return '';
|
||||
}
|
||||
|
||||
return result;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return template;
|
||||
};
|
||||
|
||||
var _util = require('element-ui/lib/utils/util');
|
||||
|
||||
var RE_NARGS = /(%|)\{([0-9a-zA-Z_]+)\}/g;
|
||||
/**
|
||||
* String format template
|
||||
* - Inspired:
|
||||
* https://github.com/Matt-Esch/string-template/index.js
|
||||
*/
|
|
@ -0,0 +1,63 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.i18n = exports.use = exports.t = undefined;
|
||||
|
||||
var _zhCN = require('element-ui/lib/locale/lang/zh-CN');
|
||||
|
||||
var _zhCN2 = _interopRequireDefault(_zhCN);
|
||||
|
||||
var _vue = require('vue');
|
||||
|
||||
var _vue2 = _interopRequireDefault(_vue);
|
||||
|
||||
var _deepmerge = require('deepmerge');
|
||||
|
||||
var _deepmerge2 = _interopRequireDefault(_deepmerge);
|
||||
|
||||
var _format = require('./format');
|
||||
|
||||
var _format2 = _interopRequireDefault(_format);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var format = (0, _format2.default)(_vue2.default);
|
||||
var lang = _zhCN2.default;
|
||||
var merged = false;
|
||||
var i18nHandler = function i18nHandler() {
|
||||
var vuei18n = Object.getPrototypeOf(this || _vue2.default).$t;
|
||||
if (typeof vuei18n === 'function') {
|
||||
if (!merged) {
|
||||
merged = true;
|
||||
_vue2.default.locale(_vue2.default.config.lang, (0, _deepmerge2.default)(lang, _vue2.default.locale(_vue2.default.config.lang) || {}, { clone: true }));
|
||||
}
|
||||
return vuei18n.apply(this, arguments);
|
||||
}
|
||||
};
|
||||
|
||||
var t = exports.t = function t(path, options) {
|
||||
var value = i18nHandler.apply(this, arguments);
|
||||
if (value !== null && value !== undefined) return value;
|
||||
|
||||
var array = path.split('.');
|
||||
var current = lang;
|
||||
|
||||
for (var i = 0, j = array.length; i < j; i++) {
|
||||
var property = array[i];
|
||||
value = current[property];
|
||||
if (i === j - 1) return format(value, options);
|
||||
if (!value) return '';
|
||||
current = value;
|
||||
}
|
||||
return '';
|
||||
};
|
||||
|
||||
var use = exports.use = function use(l) {
|
||||
lang = l || lang;
|
||||
};
|
||||
|
||||
var i18n = exports.i18n = function i18n(fn) {
|
||||
i18nHandler = fn || i18nHandler;
|
||||
};
|
||||
|
||||
exports.default = { use: use, t: t, i18n: i18n };
|
|
@ -0,0 +1,97 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'OK',
|
||||
clear: 'Изчисти'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'Сега',
|
||||
today: 'Днес',
|
||||
cancel: 'Откажи',
|
||||
clear: 'Изчисти',
|
||||
confirm: 'ОК',
|
||||
selectDate: 'Избери дата',
|
||||
selectTime: 'Избери час',
|
||||
startDate: 'Начална дата',
|
||||
startTime: 'Начален час',
|
||||
endDate: 'Крайна дата',
|
||||
endTime: 'Краен час',
|
||||
year: '',
|
||||
month1: 'Януари',
|
||||
month2: 'Февруари',
|
||||
month3: 'Март',
|
||||
month4: 'Април',
|
||||
month5: 'Май',
|
||||
month6: 'Юни',
|
||||
month7: 'Юли',
|
||||
month8: 'Август',
|
||||
month9: 'Септември',
|
||||
month10: 'Октомври',
|
||||
month11: 'Ноември',
|
||||
month12: 'Декември',
|
||||
// week: 'Седмица',
|
||||
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: 'Няма намерени',
|
||||
placeholder: 'Избери'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'Иди на',
|
||||
pagesize: '/страница',
|
||||
total: 'Общо {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
title: 'Съобщение',
|
||||
confirm: 'ОК',
|
||||
cancel: 'Откажи',
|
||||
error: 'Невалидни данни'
|
||||
},
|
||||
upload: {
|
||||
delete: 'Изтрий',
|
||||
preview: 'Прегледай',
|
||||
continue: 'Продължи'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'Няма данни',
|
||||
confirmFilter: 'Потвърди',
|
||||
resetFilter: 'Изчисти',
|
||||
clearFilter: 'Всички'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'Няма данни'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,96 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'OK',
|
||||
clear: 'Ryd'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'Nu',
|
||||
today: 'I dag',
|
||||
cancel: 'Annuller',
|
||||
clear: 'Ryd',
|
||||
confirm: 'OK',
|
||||
selectDate: 'Vælg dato',
|
||||
selectTime: 'Vælg tidspunkt',
|
||||
startDate: 'Startdato',
|
||||
startTime: 'Starttidspunkt',
|
||||
endDate: 'Slutdato',
|
||||
endTime: 'Sluttidspunkt',
|
||||
year: 'År',
|
||||
month1: 'Januar',
|
||||
month2: 'Februar',
|
||||
month3: 'Marts',
|
||||
month4: 'April',
|
||||
month5: 'Maj',
|
||||
month6: 'Juni',
|
||||
month7: 'Juli',
|
||||
month8: 'August',
|
||||
month9: 'September',
|
||||
month10: 'Oktober',
|
||||
month11: 'November',
|
||||
month12: 'December',
|
||||
week: 'uge',
|
||||
weeks: {
|
||||
sun: 'Søn',
|
||||
mon: 'Man',
|
||||
tue: 'Tir',
|
||||
wed: 'Ons',
|
||||
thu: 'Tor',
|
||||
fri: 'Fre',
|
||||
sat: 'Lør'
|
||||
},
|
||||
months: {
|
||||
jan: 'Jan',
|
||||
feb: 'Feb',
|
||||
mar: 'Mar',
|
||||
apr: 'Apr',
|
||||
may: 'Maj',
|
||||
jun: 'Jun',
|
||||
jul: 'Jul',
|
||||
aug: 'Aug',
|
||||
sep: 'Sep',
|
||||
oct: 'Okt',
|
||||
nov: 'Nov',
|
||||
dec: 'Dec'
|
||||
}
|
||||
},
|
||||
select: {
|
||||
loading: 'Henter',
|
||||
noMatch: 'Ingen matchende data',
|
||||
noData: 'Ingen data',
|
||||
placeholder: 'Vælg'
|
||||
},
|
||||
cascader: {
|
||||
noMatch: 'Ingen matchende data',
|
||||
placeholder: 'Vælg'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'Gå til',
|
||||
pagesize: '/side',
|
||||
total: 'Total {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
confirm: 'OK',
|
||||
cancel: 'Annuller',
|
||||
error: 'Ugyldig input'
|
||||
},
|
||||
upload: {
|
||||
delete: 'Slet',
|
||||
preview: 'Forhåndsvisning',
|
||||
continue: 'Fortsæt'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'Ingen data',
|
||||
confirmFilter: 'Bekræft',
|
||||
resetFilter: 'Nulstil',
|
||||
clearFilter: 'Alle'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'Ingen data'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,98 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'OK',
|
||||
clear: 'Leeren'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'Jetzt',
|
||||
today: 'Heute',
|
||||
cancel: 'Abbrechen',
|
||||
clear: 'Leeren',
|
||||
confirm: 'OK',
|
||||
selectDate: 'Datum wählen',
|
||||
selectTime: 'Uhrzeit wählen',
|
||||
startDate: 'Startdatum',
|
||||
startTime: 'Startzeit',
|
||||
endDate: 'Enddatum',
|
||||
endTime: 'Endzeit',
|
||||
day: 'Tag',
|
||||
week: 'Woche',
|
||||
month: 'Monat',
|
||||
year: 'Jahr',
|
||||
month1: 'Januar',
|
||||
month2: 'Februar',
|
||||
month3: 'März',
|
||||
month4: 'April',
|
||||
month5: 'Mai',
|
||||
month6: 'Juni',
|
||||
month7: 'Juli',
|
||||
month8: 'August',
|
||||
month9: 'September',
|
||||
month10: 'Oktober',
|
||||
month11: 'November',
|
||||
month12: 'Dezember',
|
||||
weeks: {
|
||||
sun: 'So',
|
||||
mon: 'Mo',
|
||||
tue: 'Di',
|
||||
wed: 'Mi',
|
||||
thu: 'Do',
|
||||
fri: 'Fr',
|
||||
sat: 'Sa'
|
||||
},
|
||||
months: {
|
||||
jan: 'Jan',
|
||||
feb: 'Feb',
|
||||
mar: 'Mär',
|
||||
apr: 'Apr',
|
||||
may: 'Mai',
|
||||
jun: 'Jun',
|
||||
jul: 'Jul',
|
||||
aug: 'Aug',
|
||||
sep: 'Sep',
|
||||
oct: 'Okt',
|
||||
nov: 'Nov',
|
||||
dec: 'Dez'
|
||||
}
|
||||
},
|
||||
select: {
|
||||
loading: 'Lädt.',
|
||||
noMatch: 'Nichts gefunden.',
|
||||
noData: 'Keine Datei',
|
||||
placeholder: 'Datei wählen'
|
||||
},
|
||||
cascader: {
|
||||
noMatch: 'Nichts gefunden.',
|
||||
placeholder: 'Datei wählen'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'Gehe zu',
|
||||
pagesize: 'pro Seite',
|
||||
total: 'Gesamt {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
confirm: 'OK',
|
||||
cancel: 'Abbrechen',
|
||||
error: 'Fehler'
|
||||
},
|
||||
upload: {
|
||||
delete: 'Löschen',
|
||||
preview: 'Vorschau',
|
||||
continue: 'Fortsetzen'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'Keine Daten',
|
||||
confirmFilter: 'Anwenden',
|
||||
resetFilter: 'Zurücksetzen',
|
||||
clearFilter: 'Alles '
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'Keine Daten'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,93 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'OK',
|
||||
clear: 'Καθαρισμός'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'Τώρα',
|
||||
today: 'Σήμερα',
|
||||
cancel: 'Ακύρωση',
|
||||
clear: 'Καθαρισμός',
|
||||
confirm: 'OK',
|
||||
selectDate: 'Επιλέξτε ημέρα',
|
||||
selectTime: 'Επιλέξτε ώρα',
|
||||
startDate: 'Ημερομηνία Έναρξης',
|
||||
startTime: 'Ωρα Έναρξης',
|
||||
endDate: 'Ημερομηνία Λήξης',
|
||||
endTime: 'Ωρα Λήξης',
|
||||
year: 'Έτος',
|
||||
month1: 'Ιανουάριος',
|
||||
month2: 'Φεβρουάριος',
|
||||
month3: 'Μάρτιος',
|
||||
month4: 'Απρίλιος',
|
||||
month5: 'Μάιος',
|
||||
month6: 'Ιούνιος',
|
||||
month7: 'Ιούλιος',
|
||||
month8: 'Αύγουστος',
|
||||
month9: 'Σεπτέμβριος',
|
||||
month10: 'Οκτώβριος',
|
||||
month11: 'Νοέμβριος',
|
||||
month12: 'Δεκέμβριος',
|
||||
// week: 'εβδομάδα',
|
||||
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: 'Επιλογή'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'Μετάβαση σε',
|
||||
pagesize: '/σελίδα',
|
||||
total: 'Σύνολο {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
title: 'Μήνυμα',
|
||||
confirm: 'OK',
|
||||
cancel: 'Ακύρωση',
|
||||
error: 'Άκυρη εισαγωγή'
|
||||
},
|
||||
upload: {
|
||||
delete: 'Διαγραφή',
|
||||
preview: 'Προεπισκόπηση',
|
||||
continue: 'Συνέχεια'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'Χωρίς Δεδομένα',
|
||||
confirmFilter: 'Επιβεβαίωση',
|
||||
resetFilter: 'Επαναφορά',
|
||||
clearFilter: 'Όλα'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'Χωρίς Δεδομένα'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,97 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'OK',
|
||||
clear: 'Clear'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'Now',
|
||||
today: 'Today',
|
||||
cancel: 'Cancel',
|
||||
clear: 'Clear',
|
||||
confirm: 'OK',
|
||||
selectDate: 'Select date',
|
||||
selectTime: 'Select time',
|
||||
startDate: 'Start Date',
|
||||
startTime: 'Start Time',
|
||||
endDate: 'End Date',
|
||||
endTime: 'End Time',
|
||||
year: '',
|
||||
month1: 'Jan',
|
||||
month2: 'Feb',
|
||||
month3: 'Mar',
|
||||
month4: 'Apr',
|
||||
month5: 'May',
|
||||
month6: 'Jun',
|
||||
month7: 'Jul',
|
||||
month8: 'Aug',
|
||||
month9: 'Sep',
|
||||
month10: 'Oct',
|
||||
month11: 'Nov',
|
||||
month12: 'Dec',
|
||||
// week: 'week',
|
||||
weeks: {
|
||||
sun: 'Sun',
|
||||
mon: 'Mon',
|
||||
tue: 'Tue',
|
||||
wed: 'Wed',
|
||||
thu: 'Thu',
|
||||
fri: 'Fri',
|
||||
sat: 'Sat'
|
||||
},
|
||||
months: {
|
||||
jan: 'Jan',
|
||||
feb: 'Feb',
|
||||
mar: 'Mar',
|
||||
apr: 'Apr',
|
||||
may: 'May',
|
||||
jun: 'Jun',
|
||||
jul: 'Jul',
|
||||
aug: 'Aug',
|
||||
sep: 'Sep',
|
||||
oct: 'Oct',
|
||||
nov: 'Nov',
|
||||
dec: 'Dec'
|
||||
}
|
||||
},
|
||||
select: {
|
||||
loading: 'Loading',
|
||||
noMatch: 'No matching data',
|
||||
noData: 'No data',
|
||||
placeholder: 'Select'
|
||||
},
|
||||
cascader: {
|
||||
noMatch: 'No matching data',
|
||||
placeholder: 'Select'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'Go to',
|
||||
pagesize: '/page',
|
||||
total: 'Total {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
title: 'Message',
|
||||
confirm: 'OK',
|
||||
cancel: 'Cancel',
|
||||
error: 'Illegal input'
|
||||
},
|
||||
upload: {
|
||||
delete: 'Delete',
|
||||
preview: 'Preview',
|
||||
continue: 'Continue'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'No Data',
|
||||
confirmFilter: 'Confirm',
|
||||
resetFilter: 'Reset',
|
||||
clearFilter: 'All'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'No Data'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,96 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'Confirmar',
|
||||
clear: 'Limpiar'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'Ahora',
|
||||
today: 'Hoy',
|
||||
cancel: 'Cancelar',
|
||||
clear: 'Limpiar',
|
||||
confirm: 'Confirmar',
|
||||
selectDate: 'Seleccionar fecha',
|
||||
selectTime: 'Seleccionar hora',
|
||||
startDate: 'Fecha de Inicio',
|
||||
startTime: 'Hora de Inicio',
|
||||
endDate: 'Fecha Final',
|
||||
endTime: 'Hora Final',
|
||||
year: 'Año',
|
||||
month1: 'Enero',
|
||||
month2: 'Febrero',
|
||||
month3: 'Marzo',
|
||||
month4: 'Abril',
|
||||
month5: 'Mayo',
|
||||
month6: 'Junio',
|
||||
month7: 'Julio',
|
||||
month8: 'Agosto',
|
||||
month9: 'Septiembre',
|
||||
month10: 'Octubre',
|
||||
month11: 'Noviembre',
|
||||
month12: 'Diciembre',
|
||||
// week: 'semana',
|
||||
weeks: {
|
||||
sun: 'Dom',
|
||||
mon: 'Lun',
|
||||
tue: 'Mar',
|
||||
wed: 'Mié',
|
||||
thu: 'Jue',
|
||||
fri: 'Vie',
|
||||
sat: 'Sáb'
|
||||
},
|
||||
months: {
|
||||
jan: 'Ene',
|
||||
feb: 'Feb',
|
||||
mar: 'Mar',
|
||||
apr: 'Abr',
|
||||
may: 'May',
|
||||
jun: 'Jun',
|
||||
jul: 'Jul',
|
||||
aug: 'Ago',
|
||||
sep: 'Sep',
|
||||
oct: 'Oct',
|
||||
nov: 'Nov',
|
||||
dec: 'Dic'
|
||||
}
|
||||
},
|
||||
select: {
|
||||
loading: 'Cargando',
|
||||
noMatch: 'No hay datos que coincidan',
|
||||
noData: 'Sin datos',
|
||||
placeholder: 'Seleccionar'
|
||||
},
|
||||
cascader: {
|
||||
noMatch: 'No hay datos que coincidan',
|
||||
placeholder: 'Seleccionar'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'Ir a',
|
||||
pagesize: '/pagina',
|
||||
total: 'Total {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
confirm: 'Aceptar',
|
||||
cancel: 'Cancelar',
|
||||
error: 'Entrada inválida'
|
||||
},
|
||||
upload: {
|
||||
delete: 'Eliminar',
|
||||
preview: 'Vista Previa',
|
||||
continue: 'Continuar'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'Sin Datos',
|
||||
confirmFilter: 'Confirmar',
|
||||
resetFilter: 'Limpiar',
|
||||
clearFilter: 'Todo'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'Sin Datos'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,97 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'باشد',
|
||||
clear: 'خذف'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'اکنون',
|
||||
today: 'امروز',
|
||||
cancel: 'لغو',
|
||||
clear: 'خذف',
|
||||
confirm: 'باشد',
|
||||
selectDate: 'انتخاب تاریخ',
|
||||
selectTime: 'انتخاب زمان',
|
||||
startDate: 'تاریخ شروع',
|
||||
startTime: 'زمان شروع',
|
||||
endDate: 'تاریخ پایان',
|
||||
endTime: 'زمان پایان',
|
||||
year: 'سال',
|
||||
month1: 'ژانویه',
|
||||
month2: 'فوریه',
|
||||
month3: 'مارس',
|
||||
month4: 'آوریل',
|
||||
month5: 'مه',
|
||||
month6: 'ژوئن',
|
||||
month7: 'جولای',
|
||||
month8: 'اوت',
|
||||
month9: 'سپتامبر',
|
||||
month10: 'اکتبر',
|
||||
month11: 'نوامبر',
|
||||
month12: 'دسامبر',
|
||||
// week: 'week',
|
||||
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: 'هیچ دادهای پیدا نشد',
|
||||
placeholder: 'انتخاب کنید'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'برو به',
|
||||
pagesize: '/صفحه',
|
||||
total: 'مجموع {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
title: 'پیام',
|
||||
confirm: 'باشد',
|
||||
cancel: 'لغو',
|
||||
error: 'ورودی غیر مجاز'
|
||||
},
|
||||
upload: {
|
||||
delete: 'حذف',
|
||||
preview: 'پیشنمایش',
|
||||
continue: 'ادهمه'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'اطلاعاتی وجود ندارد',
|
||||
confirmFilter: 'تایید',
|
||||
resetFilter: 'حذف',
|
||||
clearFilter: 'همه'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'اطلاعاتی وجود ندارد'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,93 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'OK',
|
||||
clear: 'Tyhjennä'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'Nyt',
|
||||
today: 'Tänään',
|
||||
cancel: 'Peruuta',
|
||||
clear: 'Tyhjennä',
|
||||
confirm: 'OK',
|
||||
selectDate: 'Valitse päivä',
|
||||
selectTime: 'Valitse aika',
|
||||
startDate: 'Aloituspäivä',
|
||||
startTime: 'Aloitusaika',
|
||||
endDate: 'Lopetuspäivä',
|
||||
endTime: 'Lopetusaika',
|
||||
year: '',
|
||||
month1: 'tammikuu',
|
||||
month2: 'helmikuu',
|
||||
month3: 'maaliskuu',
|
||||
month4: 'huhtikuu',
|
||||
month5: 'toukokuu',
|
||||
month6: 'kesäkuu',
|
||||
month7: 'heinäkuu',
|
||||
month8: 'elokuu',
|
||||
month9: 'syyskuu',
|
||||
month10: 'lokakuu',
|
||||
month11: 'marraskuu',
|
||||
month12: 'joulukuu',
|
||||
// week: 'week',
|
||||
weeks: {
|
||||
sun: 'su',
|
||||
mon: 'ma',
|
||||
tue: 'ti',
|
||||
wed: 'ke',
|
||||
thu: 'to',
|
||||
fri: 'pe',
|
||||
sat: 'la'
|
||||
},
|
||||
months: {
|
||||
jan: 'tam',
|
||||
feb: 'hel',
|
||||
mar: 'maa',
|
||||
apr: 'huh',
|
||||
may: 'tou',
|
||||
jun: 'kes',
|
||||
jul: 'hei',
|
||||
aug: 'elo',
|
||||
sep: 'syy',
|
||||
oct: 'lok',
|
||||
nov: 'mar',
|
||||
dec: 'jou'
|
||||
}
|
||||
},
|
||||
select: {
|
||||
loading: 'Lataa',
|
||||
noMatch: 'Ei vastaavia tietoja',
|
||||
noData: 'Ei tietoja',
|
||||
placeholder: 'Valitse'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'Mene',
|
||||
pagesize: '/sivu',
|
||||
total: 'Yhteensä {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
title: 'Viesti',
|
||||
confirm: 'OK',
|
||||
cancel: 'Peruuta',
|
||||
error: 'Virheellinen syöte'
|
||||
},
|
||||
upload: {
|
||||
delete: 'Poista',
|
||||
preview: 'Esikatsele',
|
||||
continue: 'Jatka'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'Ei tietoja',
|
||||
confirmFilter: 'Vahvista',
|
||||
resetFilter: 'Tyhjennä',
|
||||
clearFilter: 'Kaikki'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'Ei tietoja'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,96 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'OK',
|
||||
clear: 'Effacer'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'Maintenant',
|
||||
today: 'Auj.',
|
||||
cancel: 'Annuler',
|
||||
clear: 'Effacer',
|
||||
confirm: 'OK',
|
||||
selectDate: 'Choisir date',
|
||||
selectTime: 'Choisir horaire',
|
||||
startDate: 'Date début',
|
||||
startTime: 'Horaire début',
|
||||
endDate: 'Date fin',
|
||||
endTime: 'Horaire fin',
|
||||
year: '',
|
||||
month1: 'Janvier',
|
||||
month2: 'Février',
|
||||
month3: 'Mars',
|
||||
month4: 'Avril',
|
||||
month5: 'Mai',
|
||||
month6: 'Juin',
|
||||
month7: 'Juillet',
|
||||
month8: 'Août',
|
||||
month9: 'Septembre',
|
||||
month10: 'Octobre',
|
||||
month11: 'Novembre',
|
||||
month12: 'Décembre',
|
||||
// week: 'Semaine',
|
||||
weeks: {
|
||||
sun: 'Dim',
|
||||
mon: 'Lun',
|
||||
tue: 'Mar',
|
||||
wed: 'Mer',
|
||||
thu: 'Jeu',
|
||||
fri: 'Ven',
|
||||
sat: 'Sam'
|
||||
},
|
||||
months: {
|
||||
jan: 'Jan',
|
||||
feb: 'Fév',
|
||||
mar: 'Mar',
|
||||
apr: 'Avr',
|
||||
may: 'Mai',
|
||||
jun: 'Jun',
|
||||
jul: 'Jul',
|
||||
aug: 'Aoû',
|
||||
sep: 'Sep',
|
||||
oct: 'Oct',
|
||||
nov: 'Nov',
|
||||
dec: 'Déc'
|
||||
}
|
||||
},
|
||||
select: {
|
||||
loading: 'Chargement',
|
||||
noMatch: 'Aucune correspondance',
|
||||
noData: 'Aucun résultat',
|
||||
placeholder: 'Choisir'
|
||||
},
|
||||
cascader: {
|
||||
noMatch: 'Aucune correspondance',
|
||||
placeholder: 'Choisir'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'Aller à',
|
||||
pagesize: '/page',
|
||||
total: 'Total {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
confirm: 'Confirmer',
|
||||
cancel: 'Annuler',
|
||||
error: 'Erreur'
|
||||
},
|
||||
upload: {
|
||||
delete: 'Supprimer',
|
||||
preview: 'Aperçu',
|
||||
continue: 'Continuer'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'Aucune donnée',
|
||||
confirmFilter: 'Confirmer',
|
||||
resetFilter: 'Réinitialiser',
|
||||
clearFilter: 'Tous'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'Aucune donnée'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,97 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'YA',
|
||||
clear: 'Kosongkan'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'Sekarang',
|
||||
today: 'Hari ini',
|
||||
cancel: 'Batal',
|
||||
clear: 'Kosongkan',
|
||||
confirm: 'YA',
|
||||
selectDate: 'Pilih tanggal',
|
||||
selectTime: 'Pilih waktu',
|
||||
startDate: 'Tanggal Mulai',
|
||||
startTime: 'Waktu Mulai',
|
||||
endDate: 'Tanggal Selesai',
|
||||
endTime: 'Waktu Selesai',
|
||||
year: 'Tahun',
|
||||
month1: 'Januari',
|
||||
month2: 'Februari',
|
||||
month3: 'Maret',
|
||||
month4: 'April',
|
||||
month5: 'Mei',
|
||||
month6: 'Juni',
|
||||
month7: 'Juli',
|
||||
month8: 'Agustus',
|
||||
month9: 'September',
|
||||
month10: 'Oktober',
|
||||
month11: 'November',
|
||||
month12: 'Desember',
|
||||
// week: 'minggu',
|
||||
weeks: {
|
||||
sun: 'Min',
|
||||
mon: 'Sen',
|
||||
tue: 'Sel',
|
||||
wed: 'Rab',
|
||||
thu: 'Kam',
|
||||
fri: 'Jum',
|
||||
sat: 'Sab'
|
||||
},
|
||||
months: {
|
||||
jan: 'Jan',
|
||||
feb: 'Feb',
|
||||
mar: 'Mar',
|
||||
apr: 'Apr',
|
||||
may: 'Mei',
|
||||
jun: 'Jun',
|
||||
jul: 'Jul',
|
||||
aug: 'Agu',
|
||||
sep: 'Sep',
|
||||
oct: 'Okt',
|
||||
nov: 'Nov',
|
||||
dec: 'Des'
|
||||
}
|
||||
},
|
||||
select: {
|
||||
loading: 'Memuat',
|
||||
noMatch: 'Tidak ada data yang cocok',
|
||||
noData: 'Tidak ada data',
|
||||
placeholder: 'Pilih'
|
||||
},
|
||||
cascader: {
|
||||
noMatch: 'Tidak ada data yang cocok',
|
||||
placeholder: 'Pilih'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'Pergi ke',
|
||||
pagesize: '/page',
|
||||
total: 'Total {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
title: 'Pesan',
|
||||
confirm: 'YA',
|
||||
cancel: 'Batal',
|
||||
error: 'Masukan ilegal'
|
||||
},
|
||||
upload: {
|
||||
delete: 'Hapus',
|
||||
preview: 'Pratinjau',
|
||||
continue: 'Lanjutkan'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'Tidak Ada Data',
|
||||
confirmFilter: 'Konfirmasi',
|
||||
resetFilter: 'Atur Ulang',
|
||||
clearFilter: 'Semua'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'Tidak Ada Data'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,96 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'OK',
|
||||
clear: 'Pulisci'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'Ora',
|
||||
today: 'Oggi',
|
||||
cancel: 'Cancella',
|
||||
clear: 'Pulisci',
|
||||
confirm: 'OK',
|
||||
selectDate: 'Seleziona data',
|
||||
selectTime: 'Seleziona ora',
|
||||
startDate: 'Data inizio',
|
||||
startTime: 'Ora inizio',
|
||||
endDate: 'Data fine',
|
||||
endTime: 'Ora fine',
|
||||
year: 'Anno',
|
||||
month1: 'Gennaio',
|
||||
month2: 'Febbraio',
|
||||
month3: 'Marzo',
|
||||
month4: 'Aprile',
|
||||
month5: 'Maggio',
|
||||
month6: 'Giugno',
|
||||
month7: 'Luglio',
|
||||
month8: 'Agosto',
|
||||
month9: 'Settembre',
|
||||
month10: 'Ottobre',
|
||||
month11: 'Novembre',
|
||||
month12: 'Dicembre',
|
||||
// week: 'settimana',
|
||||
weeks: {
|
||||
sun: 'Dom',
|
||||
mon: 'Lun',
|
||||
tue: 'Mar',
|
||||
wed: 'Mer',
|
||||
thu: 'Gio',
|
||||
fri: 'Ven',
|
||||
sat: 'Sab'
|
||||
},
|
||||
months: {
|
||||
jan: 'Gen',
|
||||
feb: 'Feb',
|
||||
mar: 'Mar',
|
||||
apr: 'Apr',
|
||||
may: 'Mag',
|
||||
jun: 'Giu',
|
||||
jul: 'Lug',
|
||||
aug: 'Ago',
|
||||
sep: 'Set',
|
||||
oct: 'Ott',
|
||||
nov: 'Nov',
|
||||
dec: 'Dic'
|
||||
}
|
||||
},
|
||||
select: {
|
||||
loading: 'Caricamento',
|
||||
noMatch: 'Nessuna corrispondenza',
|
||||
noData: 'Nessun risultato',
|
||||
placeholder: 'Seleziona'
|
||||
},
|
||||
cascader: {
|
||||
noMatch: 'Nessuna corrispondenza',
|
||||
placeholder: 'Seleziona'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'Vai a',
|
||||
pagesize: '/page',
|
||||
total: 'Totale {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
confirm: 'OK',
|
||||
cancel: 'Cancella',
|
||||
error: 'Input non valido'
|
||||
},
|
||||
upload: {
|
||||
delete: 'Cancella',
|
||||
preview: 'Anteprima',
|
||||
continue: 'Continua'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'Nessun dato',
|
||||
confirmFilter: 'Conferma',
|
||||
resetFilter: 'Reset',
|
||||
clearFilter: 'Tutti'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'Nessun dato'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,97 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'OK',
|
||||
clear: 'クリア'
|
||||
},
|
||||
datepicker: {
|
||||
now: '現在',
|
||||
today: '今日',
|
||||
cancel: 'キャンセル',
|
||||
clear: 'クリア',
|
||||
confirm: 'はい',
|
||||
selectDate: '日付を選択',
|
||||
selectTime: '時間を選択',
|
||||
startDate: '開始日',
|
||||
startTime: '開始時間',
|
||||
endDate: '終了日',
|
||||
endTime: '終了時間',
|
||||
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月',
|
||||
// week: '週次',
|
||||
weeks: {
|
||||
sun: '日',
|
||||
mon: '月',
|
||||
tue: '火',
|
||||
wed: '水',
|
||||
thu: '木',
|
||||
fri: '金',
|
||||
sat: '土'
|
||||
},
|
||||
months: {
|
||||
jan: '1月',
|
||||
feb: '2月',
|
||||
mar: '3月',
|
||||
apr: '4月',
|
||||
may: '5月',
|
||||
jun: '6月',
|
||||
jul: '7月',
|
||||
aug: '8月',
|
||||
sep: '9月',
|
||||
oct: '10月',
|
||||
nov: '11月',
|
||||
dec: '12月'
|
||||
}
|
||||
},
|
||||
select: {
|
||||
loading: 'ロード中',
|
||||
noMatch: 'データなし',
|
||||
noData: 'データなし',
|
||||
placeholder: '選択してください'
|
||||
},
|
||||
cascader: {
|
||||
noMatch: 'データなし',
|
||||
placeholder: '選択してください'
|
||||
},
|
||||
pagination: {
|
||||
goto: '',
|
||||
pagesize: '件/ページ',
|
||||
total: '総計 {total} 件',
|
||||
pageClassifier: 'ページ目へ'
|
||||
},
|
||||
messagebox: {
|
||||
title: 'メッセージ',
|
||||
confirm: 'はい',
|
||||
cancel: 'キャンセル',
|
||||
error: '正しくない入力'
|
||||
},
|
||||
upload: {
|
||||
delete: '削除する',
|
||||
preview: 'プレビュー',
|
||||
continue: '続行する'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'データなし',
|
||||
confirmFilter: '確認',
|
||||
resetFilter: '初期化',
|
||||
clearFilter: 'すべて'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'データなし'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,97 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: '확인',
|
||||
clear: '초기화'
|
||||
},
|
||||
datepicker: {
|
||||
now: '지금',
|
||||
today: '오늘',
|
||||
cancel: '취소',
|
||||
clear: '초기화',
|
||||
confirm: '확인',
|
||||
selectDate: '날짜 선택',
|
||||
selectTime: '시간 선택',
|
||||
startDate: '시작 날짜',
|
||||
startTime: '시작 시간',
|
||||
endDate: '종료 날짜',
|
||||
endTime: '종료 시간',
|
||||
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월',
|
||||
// week: 'week',
|
||||
weeks: {
|
||||
sun: '일',
|
||||
mon: '월',
|
||||
tue: '화',
|
||||
wed: '수',
|
||||
thu: '목',
|
||||
fri: '금',
|
||||
sat: '토'
|
||||
},
|
||||
months: {
|
||||
jan: '1월',
|
||||
feb: '2월',
|
||||
mar: '3월',
|
||||
apr: '4월',
|
||||
may: '5월',
|
||||
jun: '6월',
|
||||
jul: '7월',
|
||||
aug: '8월',
|
||||
sep: '9월',
|
||||
oct: '10월',
|
||||
nov: '11월',
|
||||
dec: '12월'
|
||||
}
|
||||
},
|
||||
select: {
|
||||
loading: '불러오는 중',
|
||||
noMatch: '맞는 데이터가 없습니다',
|
||||
noData: '데이터 없음',
|
||||
placeholder: '선택'
|
||||
},
|
||||
cascader: {
|
||||
noMatch: '맞는 데이터가 없습니다',
|
||||
placeholder: '선택'
|
||||
},
|
||||
pagination: {
|
||||
goto: '이동',
|
||||
pagesize: '/page',
|
||||
total: '총 {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
title: '메시지',
|
||||
confirm: '확인',
|
||||
cancel: '취소',
|
||||
error: '올바르지 않은 입력'
|
||||
},
|
||||
upload: {
|
||||
delete: '삭제',
|
||||
preview: '미리보기',
|
||||
continue: '계속하기'
|
||||
},
|
||||
table: {
|
||||
emptyText: '데이터 없음',
|
||||
confirmFilter: '확인',
|
||||
resetFilter: '초기화',
|
||||
clearFilter: '전체'
|
||||
},
|
||||
tree: {
|
||||
emptyText: '데이터 없음'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,96 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'OK',
|
||||
clear: 'Tøm'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'Nå',
|
||||
today: 'I dag',
|
||||
cancel: 'Avbryt',
|
||||
clear: 'Tøm',
|
||||
confirm: 'OK',
|
||||
selectDate: 'Velg dato',
|
||||
selectTime: 'Velg tidspunkt',
|
||||
startDate: 'Start Dato',
|
||||
startTime: 'Start Tidspunkt',
|
||||
endDate: 'Sluttdato',
|
||||
endTime: 'Sluttidspunkt',
|
||||
year: '',
|
||||
month1: 'Januar',
|
||||
month2: 'Februar',
|
||||
month3: 'Mars',
|
||||
month4: 'April',
|
||||
month5: 'Mai',
|
||||
month6: 'Juni',
|
||||
month7: 'Juli',
|
||||
month8: 'August',
|
||||
month9: 'September',
|
||||
month10: 'Oktober',
|
||||
month11: 'November',
|
||||
month12: 'Desember',
|
||||
// week: 'week',
|
||||
weeks: {
|
||||
sun: 'Søn',
|
||||
mon: 'Man',
|
||||
tue: 'Tir',
|
||||
wed: 'Ons',
|
||||
thu: 'Tor',
|
||||
fri: 'Fre',
|
||||
sat: 'Lør'
|
||||
},
|
||||
months: {
|
||||
jan: 'Jan',
|
||||
feb: 'Feb',
|
||||
mar: 'Mar',
|
||||
apr: 'Apr',
|
||||
may: 'Mai',
|
||||
jun: 'Jun',
|
||||
jul: 'Jul',
|
||||
aug: 'Aug',
|
||||
sep: 'Sep',
|
||||
oct: 'Okt',
|
||||
nov: 'Nov',
|
||||
dec: 'Des'
|
||||
}
|
||||
},
|
||||
select: {
|
||||
loading: 'Laster',
|
||||
noMatch: 'Ingen samsvarende data',
|
||||
noData: 'Ingen data',
|
||||
placeholder: 'Velg'
|
||||
},
|
||||
cascader: {
|
||||
noMatch: 'Ingen samsvarende data',
|
||||
placeholder: 'Velg'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'Gå til',
|
||||
pagesize: '/side',
|
||||
total: 'Total {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
confirm: 'OK',
|
||||
cancel: 'Avbryt',
|
||||
error: 'Ugyldig input'
|
||||
},
|
||||
upload: {
|
||||
delete: 'Slett',
|
||||
preview: 'Forhåndsvisning',
|
||||
continue: 'Fortsett'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'Ingen Data',
|
||||
confirmFilter: 'Bekreft',
|
||||
resetFilter: 'Tilbakestill',
|
||||
clearFilter: 'Alle'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'Ingen Data'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,97 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'Bevestig',
|
||||
clear: 'Legen'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'Nu',
|
||||
today: 'Vandaag',
|
||||
cancel: 'Annuleren',
|
||||
clear: 'Legen',
|
||||
confirm: 'Bevestig',
|
||||
selectDate: 'Selecteer datum',
|
||||
selectTime: 'Selecteer tijd',
|
||||
startDate: 'Startdatum',
|
||||
startTime: 'Starttijd',
|
||||
endDate: 'Einddatum',
|
||||
endTime: 'Eindtijd',
|
||||
year: 'Jaar',
|
||||
month1: 'januari',
|
||||
month2: 'februari',
|
||||
month3: 'maart',
|
||||
month4: 'april',
|
||||
month5: 'mei',
|
||||
month6: 'juni',
|
||||
month7: 'juli',
|
||||
month8: 'augustus',
|
||||
month9: 'september',
|
||||
month10: 'oktober',
|
||||
month11: 'november',
|
||||
month12: 'december',
|
||||
// week: 'week',
|
||||
weeks: {
|
||||
sun: 'Zo',
|
||||
mon: 'Ma',
|
||||
tue: 'Di',
|
||||
wed: 'Wo',
|
||||
thu: 'Do',
|
||||
fri: 'Vr',
|
||||
sat: 'Za'
|
||||
},
|
||||
months: {
|
||||
jan: 'jan',
|
||||
feb: 'feb',
|
||||
mar: 'maa',
|
||||
apr: 'apr',
|
||||
may: 'mei',
|
||||
jun: 'jun',
|
||||
jul: 'jul',
|
||||
aug: 'aug',
|
||||
sep: 'sep',
|
||||
oct: 'okt',
|
||||
nov: 'nov',
|
||||
dec: 'dec'
|
||||
}
|
||||
},
|
||||
select: {
|
||||
loading: 'Laden',
|
||||
noMatch: 'Geen overeenkomende resultaten',
|
||||
noData: 'Geen data',
|
||||
placeholder: 'Selecteer'
|
||||
},
|
||||
cascader: {
|
||||
noMatch: 'Geen overeenkomende resultaten',
|
||||
placeholder: 'Selecteer'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'Ga naar',
|
||||
pagesize: '/page',
|
||||
total: 'Totaal {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
title: 'Bericht',
|
||||
confirm: 'Bevestig',
|
||||
cancel: 'Annuleren',
|
||||
error: 'Ongeldige invoer'
|
||||
},
|
||||
upload: {
|
||||
delete: 'Verwijder',
|
||||
preview: 'Voorbeeld',
|
||||
continue: 'Doorgaan'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'Geen data',
|
||||
confirmFilter: 'Bevestigen',
|
||||
resetFilter: 'Reset',
|
||||
clearFilter: 'Alles'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'Geen data'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,97 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'OK',
|
||||
clear: 'Wyczyść'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'Teraz',
|
||||
today: 'Dzisiaj',
|
||||
cancel: 'Anuluj',
|
||||
clear: 'Wyczyść',
|
||||
confirm: 'OK',
|
||||
selectDate: 'Wybierz datę',
|
||||
selectTime: 'Wybierz godzinę',
|
||||
startDate: 'Data początkowa',
|
||||
startTime: 'Godzina początkowa',
|
||||
endDate: 'Data końcowa',
|
||||
endTime: 'Czas końcowa',
|
||||
year: 'rok',
|
||||
month1: 'styczeń',
|
||||
month2: 'luty',
|
||||
month3: 'marzec',
|
||||
month4: 'kwiecień',
|
||||
month5: 'maj',
|
||||
month6: 'czerwiec',
|
||||
month7: 'lipiec',
|
||||
month8: 'sierpień',
|
||||
month9: 'wrzesień',
|
||||
month10: 'październik',
|
||||
month11: 'listopad',
|
||||
month12: 'grudzień',
|
||||
week: 'tydzień',
|
||||
weeks: {
|
||||
sun: 'niedz.',
|
||||
mon: 'pon.',
|
||||
tue: 'wt.',
|
||||
wed: 'śr.',
|
||||
thu: 'czw.',
|
||||
fri: 'pt.',
|
||||
sat: 'sob.'
|
||||
},
|
||||
months: {
|
||||
jan: 'STY',
|
||||
feb: 'LUT',
|
||||
mar: 'MAR',
|
||||
apr: 'KWI',
|
||||
may: 'MAJ',
|
||||
jun: 'CZE',
|
||||
jul: 'LIP',
|
||||
aug: 'SIE',
|
||||
sep: 'WRZ',
|
||||
oct: 'PAŹ',
|
||||
nov: 'LIS',
|
||||
dec: 'GRU'
|
||||
}
|
||||
},
|
||||
select: {
|
||||
loading: 'Ładowanie',
|
||||
noMatch: 'Brak dopasowań',
|
||||
noData: 'Brak danych',
|
||||
placeholder: 'Wybierz'
|
||||
},
|
||||
cascader: {
|
||||
noMatch: 'Brak dopasowań',
|
||||
placeholder: 'Wybierz'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'Idź do',
|
||||
pagesize: '/strona',
|
||||
total: 'Wszystkich {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
title: 'Wiadomość',
|
||||
confirm: 'OK',
|
||||
cancel: 'Anuluj',
|
||||
error: 'Wiadomość zawiera niedozwolone znaki'
|
||||
},
|
||||
upload: {
|
||||
delete: 'Kasuj',
|
||||
preview: 'Podgląd',
|
||||
continue: 'Kontynuuj'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'Brak danych',
|
||||
confirmFilter: 'Potwierdź',
|
||||
resetFilter: 'Resetuj',
|
||||
clearFilter: 'Wszystko'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'Brak danych'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,97 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'Confirmar',
|
||||
clear: 'Limpar'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'Agora',
|
||||
today: 'Hoje',
|
||||
cancel: 'Cancelar',
|
||||
clear: 'Limpar',
|
||||
confirm: 'Confirmar',
|
||||
selectDate: 'Selecione a data',
|
||||
selectTime: 'Selecione a hora',
|
||||
startDate: 'Data inicial',
|
||||
startTime: 'Hora inicial',
|
||||
endDate: 'Data final',
|
||||
endTime: 'Hora final',
|
||||
year: '',
|
||||
month1: 'Janeiro',
|
||||
month2: 'Fevereiro',
|
||||
month3: 'Março',
|
||||
month4: 'Abril',
|
||||
month5: 'Maio',
|
||||
month6: 'Junho',
|
||||
month7: 'Julho',
|
||||
month8: 'Agosto',
|
||||
month9: 'Setembro',
|
||||
month10: 'Outubro',
|
||||
month11: 'Novembro',
|
||||
month12: 'Dezembro',
|
||||
// week: 'semana',
|
||||
weeks: {
|
||||
sun: 'Dom',
|
||||
mon: 'Seg',
|
||||
tue: 'Ter',
|
||||
wed: 'Qua',
|
||||
thu: 'Qui',
|
||||
fri: 'Sex',
|
||||
sat: 'Sab'
|
||||
},
|
||||
months: {
|
||||
jan: 'Jan',
|
||||
feb: 'Fev',
|
||||
mar: 'Mar',
|
||||
apr: 'Abr',
|
||||
may: 'Mai',
|
||||
jun: 'Jun',
|
||||
jul: 'Jul',
|
||||
aug: 'Ago',
|
||||
sep: 'Set',
|
||||
oct: 'Out',
|
||||
nov: 'Nov',
|
||||
dec: 'Dez'
|
||||
}
|
||||
},
|
||||
select: {
|
||||
loading: 'Carregando',
|
||||
noMatch: 'Sem resultados',
|
||||
noData: 'Sem dados',
|
||||
placeholder: 'Selecione'
|
||||
},
|
||||
cascader: {
|
||||
noMatch: 'Sem resultados',
|
||||
placeholder: 'Selecione'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'Ir para',
|
||||
pagesize: '/pagina',
|
||||
total: 'Total {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
title: 'Mensagem',
|
||||
confirm: 'Confirmar',
|
||||
cancel: 'Cancelar',
|
||||
error: 'Erro!'
|
||||
},
|
||||
upload: {
|
||||
delete: 'Apagar',
|
||||
preview: 'Pré-visualizar',
|
||||
continue: 'Continuar'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'Sem dados',
|
||||
confirmFilter: 'Confirmar',
|
||||
resetFilter: 'Limpar',
|
||||
clearFilter: 'Todos'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'Sem dados'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,97 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'Confirmar',
|
||||
clear: 'Limpar'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'Agora',
|
||||
today: 'Hoje',
|
||||
cancel: 'Cancelar',
|
||||
clear: 'Limpar',
|
||||
confirm: 'Confirmar',
|
||||
selectDate: 'Selecione a data',
|
||||
selectTime: 'Selecione a hora',
|
||||
startDate: 'Data de inicio',
|
||||
startTime: 'Hora de inicio',
|
||||
endDate: 'Data de fim',
|
||||
endTime: 'Hora de fim',
|
||||
year: '',
|
||||
month1: 'Janeiro',
|
||||
month2: 'Fevereiro',
|
||||
month3: 'Março',
|
||||
month4: 'Abril',
|
||||
month5: 'Maio',
|
||||
month6: 'Junho',
|
||||
month7: 'Julho',
|
||||
month8: 'Agosto',
|
||||
month9: 'Setembro',
|
||||
month10: 'Outubro',
|
||||
month11: 'Novembro',
|
||||
month12: 'Dezembro',
|
||||
// week: 'semana',
|
||||
weeks: {
|
||||
sun: 'Dom',
|
||||
mon: 'Seg',
|
||||
tue: 'Ter',
|
||||
wed: 'Qua',
|
||||
thu: 'Qui',
|
||||
fri: 'Sex',
|
||||
sat: 'Sab'
|
||||
},
|
||||
months: {
|
||||
jan: 'Jan',
|
||||
feb: 'Fev',
|
||||
mar: 'Mar',
|
||||
apr: 'Abr',
|
||||
may: 'Mai',
|
||||
jun: 'Jun',
|
||||
jul: 'Jul',
|
||||
aug: 'Ago',
|
||||
sep: 'Set',
|
||||
oct: 'Out',
|
||||
nov: 'Nov',
|
||||
dec: 'Dez'
|
||||
}
|
||||
},
|
||||
select: {
|
||||
loading: 'A carregar',
|
||||
noMatch: 'Sem correspondência',
|
||||
noData: 'Sem dados',
|
||||
placeholder: 'Selecione'
|
||||
},
|
||||
cascader: {
|
||||
noMatch: 'Sem correspondência',
|
||||
placeholder: 'Selecione'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'Ir para',
|
||||
pagesize: '/pagina',
|
||||
total: 'Total {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
title: 'Mensagem',
|
||||
confirm: 'Confirmar',
|
||||
cancel: 'Cancelar',
|
||||
error: 'Erro!'
|
||||
},
|
||||
upload: {
|
||||
delete: 'Apagar',
|
||||
preview: 'Previsualizar',
|
||||
continue: 'Continuar'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'Sem dados',
|
||||
confirmFilter: 'Confirmar',
|
||||
resetFilter: 'Limpar',
|
||||
clearFilter: 'Todos'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'Sem dados'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,97 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'OK',
|
||||
clear: 'Очистить'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'Сейчас',
|
||||
today: 'Сегодня',
|
||||
cancel: 'Отмена',
|
||||
clear: 'Очистить',
|
||||
confirm: 'OK',
|
||||
selectDate: 'Выбрать дату',
|
||||
selectTime: 'Выбрать время',
|
||||
startDate: 'Дата начала',
|
||||
startTime: 'Время начала',
|
||||
endDate: 'Дата окончания',
|
||||
endTime: 'Время окончания',
|
||||
year: '',
|
||||
month1: 'Январь',
|
||||
month2: 'Февраль',
|
||||
month3: 'Март',
|
||||
month4: 'Апрель',
|
||||
month5: 'Май',
|
||||
month6: 'Июнь',
|
||||
month7: 'Июль',
|
||||
month8: 'Август',
|
||||
month9: 'Сентябрь',
|
||||
month10: 'Октябрь',
|
||||
month11: 'Ноябрь',
|
||||
month12: 'Декабрь',
|
||||
// week: 'week',
|
||||
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: 'Совпадений не найдено',
|
||||
placeholder: 'Выбрать'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'Перейти',
|
||||
pagesize: 'на странице',
|
||||
total: 'Всего {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
title: 'Сообщение',
|
||||
confirm: 'OK',
|
||||
cancel: 'Отмена',
|
||||
error: 'Недопустимый ввод данных'
|
||||
},
|
||||
upload: {
|
||||
delete: 'Удалить',
|
||||
preview: 'Превью',
|
||||
continue: 'Продолжить'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'Нет данных',
|
||||
confirmFilter: 'Подтвердить',
|
||||
resetFilter: 'Сбросить',
|
||||
clearFilter: 'Все'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'Нет данных'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,95 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'OK',
|
||||
clear: 'Zmazať'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'Teraz',
|
||||
today: 'Dnes',
|
||||
cancel: 'Zrušiť',
|
||||
clear: 'Zmazať',
|
||||
confirm: 'OK',
|
||||
selectDate: 'Vybrať dátum',
|
||||
selectTime: 'Vybrať čas',
|
||||
startDate: 'Dátum začiatku',
|
||||
startTime: 'Čas začiatku',
|
||||
endDate: 'Dátum konca',
|
||||
endTime: 'Čas konca',
|
||||
day: 'Deň',
|
||||
week: 'Týždeň',
|
||||
month: 'Mesiac',
|
||||
year: 'Rok',
|
||||
month1: 'Január',
|
||||
month2: 'Február',
|
||||
month3: 'Marec',
|
||||
month4: 'Apríl',
|
||||
month5: 'Máj',
|
||||
month6: 'Jún',
|
||||
month7: 'Júl',
|
||||
month8: 'August',
|
||||
month9: 'September',
|
||||
month10: 'Október',
|
||||
month11: 'November',
|
||||
month12: 'December',
|
||||
weeks: {
|
||||
sun: 'Ne',
|
||||
mon: 'Po',
|
||||
tue: 'Ut',
|
||||
wed: 'St',
|
||||
thu: 'Št',
|
||||
fri: 'Pi',
|
||||
sat: 'So'
|
||||
},
|
||||
months: {
|
||||
jan: 'Jan',
|
||||
feb: 'Feb',
|
||||
mar: 'Mar',
|
||||
apr: 'Apr',
|
||||
may: 'Máj',
|
||||
jun: 'Jún',
|
||||
jul: 'Júl',
|
||||
aug: 'Aug',
|
||||
sep: 'Sep',
|
||||
oct: 'Okt',
|
||||
nov: 'Nov',
|
||||
dec: 'Dec'
|
||||
}
|
||||
},
|
||||
select: {
|
||||
loading: 'Načítavanie',
|
||||
noMatch: 'Žiadna zhoda',
|
||||
noData: 'Žiadne dáta',
|
||||
placeholder: 'Vybrať'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'Choď na',
|
||||
pagesize: 'na stranu',
|
||||
total: 'Všetko {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
title: 'Správa',
|
||||
confirm: 'OK',
|
||||
cancel: 'Zrušiť',
|
||||
error: 'Neplatný vstup'
|
||||
},
|
||||
upload: {
|
||||
delete: 'Vymazať',
|
||||
preview: 'Prehliadať',
|
||||
continue: 'Pokračovať'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'Žiadne dáta',
|
||||
confirmFilter: 'Potvrdiť',
|
||||
resetFilter: 'Zresetovať',
|
||||
clearFilter: 'Všetko'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'Žiadne dáta'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,93 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'OK',
|
||||
clear: 'Töm'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'Nu',
|
||||
today: 'Idag',
|
||||
cancel: 'Avbryt',
|
||||
clear: 'Töm',
|
||||
confirm: 'OK',
|
||||
selectDate: 'Välj datum',
|
||||
selectTime: 'Välj tid',
|
||||
startDate: 'Startdatum',
|
||||
startTime: 'Starttid',
|
||||
endDate: 'Slutdatum',
|
||||
endTime: 'Sluttid',
|
||||
year: 'År',
|
||||
month1: 'Januari',
|
||||
month2: 'Februari',
|
||||
month3: 'Mars',
|
||||
month4: 'April',
|
||||
month5: 'Maj',
|
||||
month6: 'Juni',
|
||||
month7: 'Juli',
|
||||
month8: 'Augusti',
|
||||
month9: 'September',
|
||||
month10: 'Oktober',
|
||||
month11: 'November',
|
||||
month12: 'December',
|
||||
// week: 'week',
|
||||
weeks: {
|
||||
sun: 'Sön',
|
||||
mon: 'Mån',
|
||||
tue: 'Tis',
|
||||
wed: 'Ons',
|
||||
thu: 'Tor',
|
||||
fri: 'Fre',
|
||||
sat: 'Lör'
|
||||
},
|
||||
months: {
|
||||
jan: 'Jan',
|
||||
feb: 'Feb',
|
||||
mar: 'Mar',
|
||||
apr: 'Apr',
|
||||
may: 'Maj',
|
||||
jun: 'Jun',
|
||||
jul: 'Jul',
|
||||
aug: 'Aug',
|
||||
sep: 'Sep',
|
||||
oct: 'Okt',
|
||||
nov: 'Nov',
|
||||
dec: 'Dec'
|
||||
}
|
||||
},
|
||||
select: {
|
||||
loading: 'Laddar',
|
||||
noMatch: 'Hittade inget',
|
||||
noData: 'Ingen data',
|
||||
placeholder: 'Välj'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'Gå till',
|
||||
pagesize: '/sida',
|
||||
total: 'Total {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
title: 'Meddelande',
|
||||
confirm: 'OK',
|
||||
cancel: 'Avbryt',
|
||||
error: 'Felaktig inmatning'
|
||||
},
|
||||
upload: {
|
||||
delete: 'Radera',
|
||||
preview: 'Förhandsvisa',
|
||||
continue: 'Fortsätt'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'Inga Data',
|
||||
confirmFilter: 'Bekräfta',
|
||||
resetFilter: 'Återställ',
|
||||
clearFilter: 'Alla'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'Inga Data'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,97 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'ตกลง',
|
||||
clear: 'ล้างข้อมูล'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'ตอนนี้',
|
||||
today: 'วันนี้',
|
||||
cancel: 'ยกเลิก',
|
||||
clear: 'ล้างข้อมูล',
|
||||
confirm: 'ตกลง',
|
||||
selectDate: 'เลือกวันที่',
|
||||
selectTime: 'เลือกเวลา',
|
||||
startDate: 'วันที่เริ่มต้น',
|
||||
startTime: 'เวลาเริ่มต้น',
|
||||
endDate: 'วันที่สิ้นสุด',
|
||||
endTime: 'เวลาสิ้นสุด',
|
||||
year: 'ปี',
|
||||
month1: 'มกราคม',
|
||||
month2: 'กุมภาพันธ์',
|
||||
month3: 'มีนาคม',
|
||||
month4: 'เมษายน',
|
||||
month5: 'พฤษภาคม',
|
||||
month6: 'มิถุนายน',
|
||||
month7: 'กรกฎาคม',
|
||||
month8: 'สิงหาคม',
|
||||
month9: 'กันยายน',
|
||||
month10: 'ตุลาคม',
|
||||
month11: 'พฤศจิกายน',
|
||||
month12: 'ธันวาคม',
|
||||
// week: 'week',
|
||||
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: 'ไม่พบข้อมูลที่ตรงกัน',
|
||||
placeholder: 'เลือก'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'ไปที่',
|
||||
pagesize: '/หน้า',
|
||||
total: 'ทั้งหมด {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
title: 'ข้อความ',
|
||||
confirm: 'ตกลง',
|
||||
cancel: 'ยกเลิก',
|
||||
error: 'คุณป้อนข้อมูลไม่ถูกต้อง'
|
||||
},
|
||||
upload: {
|
||||
delete: 'ลบ',
|
||||
preview: 'ตัวอย่าง',
|
||||
continue: 'ทำต่อ'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'ไม่พบข้อมูล',
|
||||
confirmFilter: 'ยืนยัน',
|
||||
resetFilter: 'รีเซ็ต',
|
||||
clearFilter: 'ทั้งหมด'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'ไม่พบข้อมูล'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,97 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'OK',
|
||||
clear: 'Temizle'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'Şimdi',
|
||||
today: 'Bugün',
|
||||
cancel: 'İptal',
|
||||
clear: 'Temizle',
|
||||
confirm: 'OK',
|
||||
selectDate: 'Tarih seç',
|
||||
selectTime: 'Saat seç',
|
||||
startDate: 'Başlangıç Tarihi',
|
||||
startTime: 'Başlangıç Saati',
|
||||
endDate: 'Bitiş Tarihi',
|
||||
endTime: 'Bitiş Saati',
|
||||
year: '',
|
||||
month1: 'Ocak',
|
||||
month2: 'Şubat',
|
||||
month3: 'Mart',
|
||||
month4: 'Nisan',
|
||||
month5: 'Mayıs',
|
||||
month6: 'Haziran',
|
||||
month7: 'Temmuz',
|
||||
month8: 'Ağustos',
|
||||
month9: 'Eylül',
|
||||
month10: 'Ekim',
|
||||
month11: 'Kasım',
|
||||
month12: 'Aralık',
|
||||
// week: 'week',
|
||||
weeks: {
|
||||
sun: 'Paz',
|
||||
mon: 'Pzt',
|
||||
tue: 'Sal',
|
||||
wed: 'Çar',
|
||||
thu: 'Per',
|
||||
fri: 'Cum',
|
||||
sat: 'Cmt'
|
||||
},
|
||||
months: {
|
||||
jan: 'Oca',
|
||||
feb: 'Şub',
|
||||
mar: 'Mar',
|
||||
apr: 'Nis',
|
||||
may: 'May',
|
||||
jun: 'Haz',
|
||||
jul: 'Tem',
|
||||
aug: 'Ağu',
|
||||
sep: 'Eyl',
|
||||
oct: 'Eki',
|
||||
nov: 'Kas',
|
||||
dec: 'Ara'
|
||||
}
|
||||
},
|
||||
select: {
|
||||
loading: 'Yükleniyor',
|
||||
noMatch: 'Eşleşen veri bulunamadı',
|
||||
noData: 'Veri yok',
|
||||
placeholder: 'Seç'
|
||||
},
|
||||
cascader: {
|
||||
noMatch: 'Eşleşen veri bulunamadı',
|
||||
placeholder: 'Seç'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'Git',
|
||||
pagesize: '/page',
|
||||
total: 'Toplam {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
title: 'Mesaj',
|
||||
confirm: 'OK',
|
||||
cancel: 'İptal',
|
||||
error: 'İllegal giriş'
|
||||
},
|
||||
upload: {
|
||||
delete: 'Sil',
|
||||
preview: 'Görüntüle',
|
||||
continue: 'Devam'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'Veri yok',
|
||||
confirmFilter: 'Onayla',
|
||||
resetFilter: 'Reset',
|
||||
clearFilter: 'Hepsi'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'Veri yok'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,97 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'OK',
|
||||
clear: 'Xóa'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'Hiện tại',
|
||||
today: 'Hôm nay',
|
||||
cancel: 'Hủy',
|
||||
clear: 'Xóa',
|
||||
confirm: 'OK',
|
||||
selectDate: 'Chọn ngày',
|
||||
selectTime: 'Chọn giờ',
|
||||
startDate: 'Ngày bắt đầu',
|
||||
startTime: 'Thời gian bắt đầu',
|
||||
endDate: 'Ngày kết thúc',
|
||||
endTime: 'Thời gian kết thúc',
|
||||
year: 'Năm',
|
||||
month1: 'Tháng 1',
|
||||
month2: 'Tháng 2',
|
||||
month3: 'Tháng 3',
|
||||
month4: 'Tháng 4',
|
||||
month5: 'Tháng 5',
|
||||
month6: 'Tháng 6',
|
||||
month7: 'Tháng 7',
|
||||
month8: 'Tháng 8',
|
||||
month9: 'Tháng 9',
|
||||
month10: 'Tháng 10',
|
||||
month11: 'Tháng 11',
|
||||
month12: 'Tháng 12',
|
||||
// week: 'week',
|
||||
weeks: {
|
||||
sun: 'CN',
|
||||
mon: 'T2',
|
||||
tue: 'T3',
|
||||
wed: 'T4',
|
||||
thu: 'T5',
|
||||
fri: 'T6',
|
||||
sat: 'T7'
|
||||
},
|
||||
months: {
|
||||
jan: 'Th.1',
|
||||
feb: 'Th.2',
|
||||
mar: 'Th.3',
|
||||
apr: 'Th.4',
|
||||
may: 'Th.5',
|
||||
jun: 'Th.6',
|
||||
jul: 'Th.7',
|
||||
aug: 'Th.8',
|
||||
sep: 'Th.9',
|
||||
oct: 'Th.10',
|
||||
nov: 'Th.11',
|
||||
dec: 'Th.12'
|
||||
}
|
||||
},
|
||||
select: {
|
||||
loading: 'Loading',
|
||||
noMatch: 'Dữ liệu không phù hợp',
|
||||
noData: 'Không tìm thấy dữ liệu',
|
||||
placeholder: 'Chọn'
|
||||
},
|
||||
cascader: {
|
||||
noMatch: 'Dữ liệu không phù hợp',
|
||||
placeholder: 'Chọn'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'Nhảy tới',
|
||||
pagesize: '/trang',
|
||||
total: 'Tổng {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
title: 'Thông báo',
|
||||
confirm: 'OK',
|
||||
cancel: 'Hủy',
|
||||
error: 'Dữ liệu không hợp lệ'
|
||||
},
|
||||
upload: {
|
||||
delete: 'Xóa',
|
||||
preview: 'Xem trước',
|
||||
continue: 'Tiếp tục'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'Không có dữ liệu',
|
||||
confirmFilter: 'Xác nhận',
|
||||
resetFilter: 'Làm mới',
|
||||
clearFilter: 'Xóa hết'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'Không có dữ liệu'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,97 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: '确定',
|
||||
clear: '清空'
|
||||
},
|
||||
datepicker: {
|
||||
now: '此刻',
|
||||
today: '今天',
|
||||
cancel: '取消',
|
||||
clear: '清空',
|
||||
confirm: '确定',
|
||||
selectDate: '选择日期',
|
||||
selectTime: '选择时间',
|
||||
startDate: '开始日期',
|
||||
startTime: '开始时间',
|
||||
endDate: '结束日期',
|
||||
endTime: '结束时间',
|
||||
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 月',
|
||||
// week: '周次',
|
||||
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: '无匹配数据',
|
||||
placeholder: '请选择'
|
||||
},
|
||||
pagination: {
|
||||
goto: '前往',
|
||||
pagesize: '条/页',
|
||||
total: '共 {total} 条',
|
||||
pageClassifier: '页'
|
||||
},
|
||||
messagebox: {
|
||||
title: '提示',
|
||||
confirm: '确定',
|
||||
cancel: '取消',
|
||||
error: '输入的数据不合法!'
|
||||
},
|
||||
upload: {
|
||||
delete: '删除',
|
||||
preview: '查看图片',
|
||||
continue: '继续上传'
|
||||
},
|
||||
table: {
|
||||
emptyText: '暂无数据',
|
||||
confirmFilter: '筛选',
|
||||
resetFilter: '重置',
|
||||
clearFilter: '全部'
|
||||
},
|
||||
tree: {
|
||||
emptyText: '暂无数据'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,97 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: '確認',
|
||||
clear: '清空'
|
||||
},
|
||||
datepicker: {
|
||||
now: '現在',
|
||||
today: '今天',
|
||||
cancel: '取消',
|
||||
clear: '清空',
|
||||
confirm: '確認',
|
||||
selectDate: '選擇日期',
|
||||
selectTime: '選擇時間',
|
||||
startDate: '開始日期',
|
||||
startTime: '開始時間',
|
||||
endDate: '結束日期',
|
||||
endTime: '結束時間',
|
||||
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 月',
|
||||
// week: '周次',
|
||||
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: '無匹配資料',
|
||||
placeholder: '請選擇'
|
||||
},
|
||||
pagination: {
|
||||
goto: '前往',
|
||||
pagesize: '項/頁',
|
||||
total: '共 {total} 項',
|
||||
pageClassifier: '頁'
|
||||
},
|
||||
messagebox: {
|
||||
title: '提示',
|
||||
confirm: '確定',
|
||||
cancel: '取消',
|
||||
error: '輸入的資料不符規定!'
|
||||
},
|
||||
upload: {
|
||||
delete: '刪除',
|
||||
preview: '查看圖片',
|
||||
continue: '繼續上傳'
|
||||
},
|
||||
table: {
|
||||
emptyText: '暫無資料',
|
||||
confirmFilter: '篩選',
|
||||
resetFilter: '重置',
|
||||
clearFilter: '全部'
|
||||
},
|
||||
tree: {
|
||||
emptyText: '暫無資料'
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,217 @@
|
|||
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__(185);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 185:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _menuItemGroup = __webpack_require__(186);
|
||||
|
||||
var _menuItemGroup2 = _interopRequireDefault(_menuItemGroup);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_menuItemGroup2.default.install = function (Vue) {
|
||||
Vue.component(_menuItemGroup2.default.name, _menuItemGroup2.default);
|
||||
};
|
||||
|
||||
exports.default = _menuItemGroup2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 186:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(187),
|
||||
/* template */
|
||||
__webpack_require__(188),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 187:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElMenuItemGroup',
|
||||
|
||||
componentName: 'ElMenuItemGroup',
|
||||
|
||||
props: {
|
||||
title: {
|
||||
type: String
|
||||
}
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
paddingLeft: 20
|
||||
};
|
||||
},
|
||||
|
||||
computed: {
|
||||
levelPadding: function levelPadding() {
|
||||
var padding = 10;
|
||||
var parent = this.$parent;
|
||||
while (parent && parent.$options.componentName !== 'ElMenu') {
|
||||
if (parent.$options.componentName === 'ElSubmenu') {
|
||||
padding += 20;
|
||||
}
|
||||
parent = parent.$parent;
|
||||
}
|
||||
padding === 10 && (padding = 20);
|
||||
return padding;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 188:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('li', {
|
||||
staticClass: "el-menu-item-group"
|
||||
}, [_c('div', {
|
||||
staticClass: "el-menu-item-group__title",
|
||||
style: ({
|
||||
paddingLeft: _vm.levelPadding + 'px'
|
||||
})
|
||||
}, [(!_vm.$slots.title) ? [_vm._v(_vm._s(_vm.title))] : _vm._t("title")], 2), _c('ul', [_vm._t("default")], 2)])
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,299 @@
|
|||
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__(180);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 14:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/mixins/emitter");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 180:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _menuItem = __webpack_require__(181);
|
||||
|
||||
var _menuItem2 = _interopRequireDefault(_menuItem);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_menuItem2.default.install = function (Vue) {
|
||||
Vue.component(_menuItem2.default.name, _menuItem2.default);
|
||||
};
|
||||
|
||||
exports.default = _menuItem2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 181:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(182),
|
||||
/* template */
|
||||
__webpack_require__(184),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 182:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _menuMixin = __webpack_require__(183);
|
||||
|
||||
var _menuMixin2 = _interopRequireDefault(_menuMixin);
|
||||
|
||||
var _emitter = __webpack_require__(14);
|
||||
|
||||
var _emitter2 = _interopRequireDefault(_emitter);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElMenuItem',
|
||||
|
||||
componentName: 'ElMenuItem',
|
||||
|
||||
mixins: [_menuMixin2.default, _emitter2.default],
|
||||
|
||||
props: {
|
||||
index: {
|
||||
type: String,
|
||||
required: true
|
||||
},
|
||||
route: {
|
||||
type: Object,
|
||||
required: false
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
required: false
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
active: function active() {
|
||||
return this.index === this.rootMenu.activedIndex;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleClick: function handleClick() {
|
||||
this.dispatch('ElMenu', 'item-click', this);
|
||||
this.$emit('click', this);
|
||||
}
|
||||
},
|
||||
created: function created() {
|
||||
this.parentMenu.addItem(this);
|
||||
this.rootMenu.addItem(this);
|
||||
},
|
||||
beforeDestroy: function beforeDestroy() {
|
||||
this.parentMenu.removeItem(this);
|
||||
this.rootMenu.removeItem(this);
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 183:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
computed: {
|
||||
indexPath: function indexPath() {
|
||||
var path = [this.index];
|
||||
var parent = this.$parent;
|
||||
while (parent.$options.componentName !== 'ElMenu') {
|
||||
if (parent.index) {
|
||||
path.unshift(parent.index);
|
||||
}
|
||||
parent = parent.$parent;
|
||||
}
|
||||
return path;
|
||||
},
|
||||
rootMenu: function rootMenu() {
|
||||
var parent = this.$parent;
|
||||
while (parent && parent.$options.componentName !== 'ElMenu') {
|
||||
parent = parent.$parent;
|
||||
}
|
||||
return parent;
|
||||
},
|
||||
parentMenu: function parentMenu() {
|
||||
var parent = this.$parent;
|
||||
while (parent && ['ElMenu', 'ElSubmenu'].indexOf(parent.$options.componentName) === -1) {
|
||||
parent = parent.$parent;
|
||||
}
|
||||
return parent;
|
||||
},
|
||||
paddingStyle: function paddingStyle() {
|
||||
if (this.rootMenu.mode !== 'vertical') return {};
|
||||
|
||||
var padding = 20;
|
||||
var parent = this.$parent;
|
||||
while (parent && parent.$options.componentName !== 'ElMenu') {
|
||||
if (parent.$options.componentName === 'ElSubmenu') {
|
||||
padding += 20;
|
||||
}
|
||||
parent = parent.$parent;
|
||||
}
|
||||
return { paddingLeft: padding + 'px' };
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 184:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('li', {
|
||||
staticClass: "el-menu-item",
|
||||
class: {
|
||||
'is-active': _vm.active,
|
||||
'is-disabled': _vm.disabled
|
||||
},
|
||||
style: (_vm.paddingStyle),
|
||||
on: {
|
||||
"click": _vm.handleClick
|
||||
}
|
||||
}, [_vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,335 @@
|
|||
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__(176);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 14:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/mixins/emitter");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 176:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _menu = __webpack_require__(177);
|
||||
|
||||
var _menu2 = _interopRequireDefault(_menu);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_menu2.default.install = function (Vue) {
|
||||
Vue.component(_menu2.default.name, _menu2.default);
|
||||
};
|
||||
|
||||
exports.default = _menu2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 177:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(178),
|
||||
/* template */
|
||||
__webpack_require__(179),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 178:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _emitter = __webpack_require__(14);
|
||||
|
||||
var _emitter2 = _interopRequireDefault(_emitter);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'ElMenu',
|
||||
|
||||
componentName: 'ElMenu',
|
||||
|
||||
mixins: [_emitter2.default],
|
||||
|
||||
props: {
|
||||
mode: {
|
||||
type: String,
|
||||
default: 'vertical'
|
||||
},
|
||||
defaultActive: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
defaultOpeneds: Array,
|
||||
theme: {
|
||||
type: String,
|
||||
default: 'light'
|
||||
},
|
||||
uniqueOpened: Boolean,
|
||||
router: Boolean,
|
||||
menuTrigger: {
|
||||
type: String,
|
||||
default: 'hover'
|
||||
}
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
activedIndex: this.defaultActive,
|
||||
openedMenus: this.defaultOpeneds ? this.defaultOpeneds.slice(0) : [],
|
||||
items: {},
|
||||
submenus: {}
|
||||
};
|
||||
},
|
||||
|
||||
watch: {
|
||||
defaultActive: function defaultActive(value) {
|
||||
var item = this.items[value];
|
||||
if (item) {
|
||||
this.activedIndex = item.index;
|
||||
this.initOpenedMenu();
|
||||
} else {
|
||||
this.activedIndex = '';
|
||||
}
|
||||
},
|
||||
defaultOpeneds: function defaultOpeneds(value) {
|
||||
this.openedMenus = value;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
addItem: function addItem(item) {
|
||||
this.$set(this.items, item.index, item);
|
||||
},
|
||||
removeItem: function removeItem(item) {
|
||||
delete this.items[item.index];
|
||||
},
|
||||
addSubmenu: function addSubmenu(item) {
|
||||
this.$set(this.submenus, item.index, item);
|
||||
},
|
||||
removeSubmenu: function removeSubmenu(item) {
|
||||
delete this.submenus[item.index];
|
||||
},
|
||||
openMenu: function openMenu(index, indexPath) {
|
||||
var openedMenus = this.openedMenus;
|
||||
if (openedMenus.indexOf(index) !== -1) return;
|
||||
// 将不在该菜单路径下的其余菜单收起
|
||||
if (this.uniqueOpened) {
|
||||
this.openedMenus = openedMenus.filter(function (index) {
|
||||
return indexPath.indexOf(index) !== -1;
|
||||
});
|
||||
}
|
||||
this.openedMenus.push(index);
|
||||
},
|
||||
closeMenu: function closeMenu(index, indexPath) {
|
||||
this.openedMenus.splice(this.openedMenus.indexOf(index), 1);
|
||||
},
|
||||
handleSubmenuClick: function handleSubmenuClick(submenu) {
|
||||
var index = submenu.index,
|
||||
indexPath = submenu.indexPath;
|
||||
|
||||
var isOpened = this.openedMenus.indexOf(index) !== -1;
|
||||
|
||||
if (isOpened) {
|
||||
this.closeMenu(index, indexPath);
|
||||
this.$emit('close', index, indexPath);
|
||||
} else {
|
||||
this.openMenu(index, indexPath);
|
||||
this.$emit('open', index, indexPath);
|
||||
}
|
||||
},
|
||||
handleItemClick: function handleItemClick(item) {
|
||||
var index = item.index,
|
||||
indexPath = item.indexPath;
|
||||
|
||||
this.activedIndex = item.index;
|
||||
this.$emit('select', index, indexPath, item);
|
||||
|
||||
if (this.mode === 'horizontal') {
|
||||
this.openedMenus = [];
|
||||
}
|
||||
|
||||
if (this.router) {
|
||||
this.routeToItem(item);
|
||||
}
|
||||
},
|
||||
|
||||
// 初始化展开菜单
|
||||
initOpenedMenu: function initOpenedMenu() {
|
||||
var _this = this;
|
||||
|
||||
var index = this.activedIndex;
|
||||
var activeItem = this.items[index];
|
||||
if (!activeItem || this.mode === 'horizontal') return;
|
||||
|
||||
var indexPath = activeItem.indexPath;
|
||||
|
||||
// 展开该菜单项的路径上所有子菜单
|
||||
indexPath.forEach(function (index) {
|
||||
var submenu = _this.submenus[index];
|
||||
submenu && _this.openMenu(index, submenu.indexPath);
|
||||
});
|
||||
},
|
||||
routeToItem: function routeToItem(item) {
|
||||
var route = item.route || item.index;
|
||||
try {
|
||||
this.$router.push(route);
|
||||
} catch (e) {
|
||||
console.error(e);
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
this.initOpenedMenu();
|
||||
this.$on('item-click', this.handleItemClick);
|
||||
this.$on('submenu-click', this.handleSubmenuClick);
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 179:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('ul', {
|
||||
staticClass: "el-menu",
|
||||
class: {
|
||||
'el-menu--horizontal': _vm.mode === 'horizontal',
|
||||
'el-menu--dark': _vm.theme === 'dark'
|
||||
}
|
||||
}, [_vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,819 @@
|
|||
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__(199);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 9:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/input");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 56:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("vue");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 60:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/mixins/locale");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 61:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/locale");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 117:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/dom");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 132:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/popup");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 137:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/button");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 164:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/merge");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 199:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _main = __webpack_require__(200);
|
||||
|
||||
var _main2 = _interopRequireDefault(_main);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = _main2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 200:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.MessageBox = undefined;
|
||||
|
||||
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
|
||||
|
||||
var _vue = __webpack_require__(56);
|
||||
|
||||
var _vue2 = _interopRequireDefault(_vue);
|
||||
|
||||
var _main = __webpack_require__(201);
|
||||
|
||||
var _main2 = _interopRequireDefault(_main);
|
||||
|
||||
var _merge = __webpack_require__(164);
|
||||
|
||||
var _merge2 = _interopRequireDefault(_merge);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var defaults = {
|
||||
title: undefined,
|
||||
message: '',
|
||||
type: '',
|
||||
showInput: false,
|
||||
showClose: true,
|
||||
modalFade: true,
|
||||
lockScroll: true,
|
||||
closeOnClickModal: true,
|
||||
closeOnPressEscape: true,
|
||||
inputValue: null,
|
||||
inputPlaceholder: '',
|
||||
inputPattern: null,
|
||||
inputValidator: null,
|
||||
inputErrorMessage: '',
|
||||
showConfirmButton: true,
|
||||
showCancelButton: false,
|
||||
confirmButtonPosition: 'right',
|
||||
confirmButtonHighlight: false,
|
||||
cancelButtonHighlight: false,
|
||||
confirmButtonText: '',
|
||||
cancelButtonText: '',
|
||||
confirmButtonClass: '',
|
||||
cancelButtonClass: '',
|
||||
customClass: '',
|
||||
beforeClose: null
|
||||
};
|
||||
|
||||
var MessageBoxConstructor = _vue2.default.extend(_main2.default);
|
||||
|
||||
var currentMsg = void 0,
|
||||
instance = void 0;
|
||||
var msgQueue = [];
|
||||
|
||||
var defaultCallback = function defaultCallback(action) {
|
||||
if (currentMsg) {
|
||||
var callback = currentMsg.callback;
|
||||
if (typeof callback === 'function') {
|
||||
if (instance.showInput) {
|
||||
callback(instance.inputValue, action);
|
||||
} else {
|
||||
callback(action);
|
||||
}
|
||||
}
|
||||
if (currentMsg.resolve) {
|
||||
var $type = currentMsg.options.$type;
|
||||
if ($type === 'confirm' || $type === 'prompt') {
|
||||
if (action === 'confirm') {
|
||||
if (instance.showInput) {
|
||||
currentMsg.resolve({ value: instance.inputValue, action: action });
|
||||
} else {
|
||||
currentMsg.resolve(action);
|
||||
}
|
||||
} else if (action === 'cancel' && currentMsg.reject) {
|
||||
currentMsg.reject(action);
|
||||
}
|
||||
} else {
|
||||
currentMsg.resolve(action);
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var initInstance = function initInstance() {
|
||||
instance = new MessageBoxConstructor({
|
||||
el: document.createElement('div')
|
||||
});
|
||||
|
||||
instance.callback = defaultCallback;
|
||||
};
|
||||
|
||||
var showNextMsg = function showNextMsg() {
|
||||
if (!instance) {
|
||||
initInstance();
|
||||
}
|
||||
instance.action = '';
|
||||
|
||||
if (!instance.value || instance.closeTimer) {
|
||||
if (msgQueue.length > 0) {
|
||||
(function () {
|
||||
currentMsg = msgQueue.shift();
|
||||
|
||||
var options = currentMsg.options;
|
||||
for (var prop in options) {
|
||||
if (options.hasOwnProperty(prop)) {
|
||||
instance[prop] = options[prop];
|
||||
}
|
||||
}
|
||||
if (options.callback === undefined) {
|
||||
instance.callback = defaultCallback;
|
||||
}
|
||||
|
||||
var oldCb = instance.callback;
|
||||
instance.callback = function (action, instance) {
|
||||
oldCb(action, instance);
|
||||
showNextMsg();
|
||||
};
|
||||
['modal', 'showClose', 'closeOnClickModal', 'closeOnPressEscape'].forEach(function (prop) {
|
||||
if (instance[prop] === undefined) {
|
||||
instance[prop] = true;
|
||||
}
|
||||
});
|
||||
document.body.appendChild(instance.$el);
|
||||
|
||||
_vue2.default.nextTick(function () {
|
||||
instance.value = true;
|
||||
});
|
||||
})();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var MessageBox = function MessageBox(options, callback) {
|
||||
if (_vue2.default.prototype.$isServer) return;
|
||||
if (typeof options === 'string') {
|
||||
options = {
|
||||
message: options
|
||||
};
|
||||
if (arguments[1]) {
|
||||
options.title = arguments[1];
|
||||
}
|
||||
if (arguments[2]) {
|
||||
options.type = arguments[2];
|
||||
}
|
||||
} else if (options.callback && !callback) {
|
||||
callback = options.callback;
|
||||
}
|
||||
|
||||
if (typeof Promise !== 'undefined') {
|
||||
return new Promise(function (resolve, reject) {
|
||||
// eslint-disable-line
|
||||
msgQueue.push({
|
||||
options: (0, _merge2.default)({}, defaults, MessageBox.defaults, options),
|
||||
callback: callback,
|
||||
resolve: resolve,
|
||||
reject: reject
|
||||
});
|
||||
|
||||
showNextMsg();
|
||||
});
|
||||
} else {
|
||||
msgQueue.push({
|
||||
options: (0, _merge2.default)({}, defaults, MessageBox.defaults, options),
|
||||
callback: callback
|
||||
});
|
||||
|
||||
showNextMsg();
|
||||
}
|
||||
};
|
||||
|
||||
MessageBox.setDefaults = function (defaults) {
|
||||
MessageBox.defaults = defaults;
|
||||
};
|
||||
|
||||
MessageBox.alert = function (message, title, options) {
|
||||
if ((typeof title === 'undefined' ? 'undefined' : _typeof(title)) === 'object') {
|
||||
options = title;
|
||||
title = '';
|
||||
}
|
||||
return MessageBox((0, _merge2.default)({
|
||||
title: title,
|
||||
message: message,
|
||||
$type: 'alert',
|
||||
closeOnPressEscape: false,
|
||||
closeOnClickModal: false
|
||||
}, options));
|
||||
};
|
||||
|
||||
MessageBox.confirm = function (message, title, options) {
|
||||
if ((typeof title === 'undefined' ? 'undefined' : _typeof(title)) === 'object') {
|
||||
options = title;
|
||||
title = '';
|
||||
}
|
||||
return MessageBox((0, _merge2.default)({
|
||||
title: title,
|
||||
message: message,
|
||||
$type: 'confirm',
|
||||
showCancelButton: true
|
||||
}, options));
|
||||
};
|
||||
|
||||
MessageBox.prompt = function (message, title, options) {
|
||||
if ((typeof title === 'undefined' ? 'undefined' : _typeof(title)) === 'object') {
|
||||
options = title;
|
||||
title = '';
|
||||
}
|
||||
return MessageBox((0, _merge2.default)({
|
||||
title: title,
|
||||
message: message,
|
||||
showCancelButton: true,
|
||||
showInput: true,
|
||||
$type: 'prompt'
|
||||
}, options));
|
||||
};
|
||||
|
||||
MessageBox.close = function () {
|
||||
instance.value = false;
|
||||
msgQueue = [];
|
||||
currentMsg = null;
|
||||
};
|
||||
|
||||
exports.default = MessageBox;
|
||||
exports.MessageBox = MessageBox;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 201:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(202),
|
||||
/* template */
|
||||
__webpack_require__(203),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 202:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _popup = __webpack_require__(132);
|
||||
|
||||
var _popup2 = _interopRequireDefault(_popup);
|
||||
|
||||
var _locale = __webpack_require__(60);
|
||||
|
||||
var _locale2 = _interopRequireDefault(_locale);
|
||||
|
||||
var _input = __webpack_require__(9);
|
||||
|
||||
var _input2 = _interopRequireDefault(_input);
|
||||
|
||||
var _button = __webpack_require__(137);
|
||||
|
||||
var _button2 = _interopRequireDefault(_button);
|
||||
|
||||
var _dom = __webpack_require__(117);
|
||||
|
||||
var _locale3 = __webpack_require__(61);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
var typeMap = {
|
||||
success: 'circle-check',
|
||||
info: 'information',
|
||||
warning: 'warning',
|
||||
error: 'circle-cross'
|
||||
};
|
||||
|
||||
exports.default = {
|
||||
mixins: [_popup2.default, _locale2.default],
|
||||
|
||||
props: {
|
||||
modal: {
|
||||
default: true
|
||||
},
|
||||
lockScroll: {
|
||||
default: true
|
||||
},
|
||||
showClose: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
closeOnClickModal: {
|
||||
default: true
|
||||
},
|
||||
closeOnPressEscape: {
|
||||
default: true
|
||||
}
|
||||
},
|
||||
|
||||
components: {
|
||||
ElInput: _input2.default,
|
||||
ElButton: _button2.default
|
||||
},
|
||||
|
||||
computed: {
|
||||
typeClass: function typeClass() {
|
||||
return this.type && typeMap[this.type] ? 'el-icon-' + typeMap[this.type] : '';
|
||||
},
|
||||
confirmButtonClasses: function confirmButtonClasses() {
|
||||
return 'el-button--primary ' + this.confirmButtonClass;
|
||||
},
|
||||
cancelButtonClasses: function cancelButtonClasses() {
|
||||
return '' + this.cancelButtonClass;
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
getSafeClose: function getSafeClose() {
|
||||
var _this = this;
|
||||
|
||||
var currentId = this.uid;
|
||||
return function () {
|
||||
_this.$nextTick(function () {
|
||||
if (currentId === _this.uid) _this.doClose();
|
||||
});
|
||||
};
|
||||
},
|
||||
doClose: function doClose() {
|
||||
var _this2 = this;
|
||||
|
||||
if (!this.value) return;
|
||||
this.value = false;
|
||||
this._closing = true;
|
||||
|
||||
this.onClose && this.onClose();
|
||||
|
||||
if (this.lockScroll) {
|
||||
setTimeout(function () {
|
||||
if (_this2.modal && _this2.bodyOverflow !== 'hidden') {
|
||||
document.body.style.overflow = _this2.bodyOverflow;
|
||||
document.body.style.paddingRight = _this2.bodyPaddingRight;
|
||||
}
|
||||
_this2.bodyOverflow = null;
|
||||
_this2.bodyPaddingRight = null;
|
||||
}, 200);
|
||||
}
|
||||
this.opened = false;
|
||||
|
||||
if (!this.transition) {
|
||||
this.doAfterClose();
|
||||
}
|
||||
if (this.action) this.callback(this.action, this);
|
||||
},
|
||||
handleWrapperClick: function handleWrapperClick() {
|
||||
if (this.closeOnClickModal) {
|
||||
this.action = '';
|
||||
this.doClose();
|
||||
}
|
||||
},
|
||||
handleAction: function handleAction(action) {
|
||||
if (this.$type === 'prompt' && action === 'confirm' && !this.validate()) {
|
||||
return;
|
||||
}
|
||||
this.action = action;
|
||||
if (typeof this.beforeClose === 'function') {
|
||||
this.close = this.getSafeClose();
|
||||
this.beforeClose(action, this, this.close);
|
||||
} else {
|
||||
this.doClose();
|
||||
}
|
||||
},
|
||||
validate: function validate() {
|
||||
if (this.$type === 'prompt') {
|
||||
var inputPattern = this.inputPattern;
|
||||
if (inputPattern && !inputPattern.test(this.inputValue || '')) {
|
||||
this.editorErrorMessage = this.inputErrorMessage || (0, _locale3.t)('el.messagebox.error');
|
||||
(0, _dom.addClass)(this.$refs.input.$el.querySelector('input'), 'invalid');
|
||||
return false;
|
||||
}
|
||||
var inputValidator = this.inputValidator;
|
||||
if (typeof inputValidator === 'function') {
|
||||
var validateResult = inputValidator(this.inputValue);
|
||||
if (validateResult === false) {
|
||||
this.editorErrorMessage = this.inputErrorMessage || (0, _locale3.t)('el.messagebox.error');
|
||||
(0, _dom.addClass)(this.$refs.input.$el.querySelector('input'), 'invalid');
|
||||
return false;
|
||||
}
|
||||
if (typeof validateResult === 'string') {
|
||||
this.editorErrorMessage = validateResult;
|
||||
return false;
|
||||
}
|
||||
}
|
||||
}
|
||||
this.editorErrorMessage = '';
|
||||
(0, _dom.removeClass)(this.$refs.input.$el.querySelector('input'), 'invalid');
|
||||
return true;
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
inputValue: {
|
||||
immediate: true,
|
||||
handler: function handler(val) {
|
||||
var _this3 = this;
|
||||
|
||||
this.$nextTick(function (_) {
|
||||
if (_this3.$type === 'prompt' && val !== null) {
|
||||
_this3.validate();
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
value: function value(val) {
|
||||
var _this4 = this;
|
||||
|
||||
if (val) this.uid++;
|
||||
if (this.$type === 'alert' || this.$type === 'confirm') {
|
||||
this.$nextTick(function () {
|
||||
_this4.$refs.confirm.$el.focus();
|
||||
});
|
||||
}
|
||||
if (this.$type !== 'prompt') return;
|
||||
if (val) {
|
||||
setTimeout(function () {
|
||||
if (_this4.$refs.input && _this4.$refs.input.$el) {
|
||||
_this4.$refs.input.$el.querySelector('input').focus();
|
||||
}
|
||||
}, 500);
|
||||
} else {
|
||||
this.editorErrorMessage = '';
|
||||
(0, _dom.removeClass)(this.$refs.input.$el.querySelector('input'), 'invalid');
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
uid: 1,
|
||||
title: undefined,
|
||||
message: '',
|
||||
type: '',
|
||||
customClass: '',
|
||||
showInput: false,
|
||||
inputValue: null,
|
||||
inputPlaceholder: '',
|
||||
inputPattern: null,
|
||||
inputValidator: null,
|
||||
inputErrorMessage: '',
|
||||
showConfirmButton: true,
|
||||
showCancelButton: false,
|
||||
action: '',
|
||||
confirmButtonText: '',
|
||||
cancelButtonText: '',
|
||||
confirmButtonLoading: false,
|
||||
cancelButtonLoading: false,
|
||||
confirmButtonClass: '',
|
||||
confirmButtonDisabled: false,
|
||||
cancelButtonClass: '',
|
||||
editorErrorMessage: null,
|
||||
callback: null
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 203:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('transition', {
|
||||
attrs: {
|
||||
"name": "msgbox-fade"
|
||||
}
|
||||
}, [_c('div', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.value),
|
||||
expression: "value"
|
||||
}],
|
||||
staticClass: "el-message-box__wrapper",
|
||||
on: {
|
||||
"click": function($event) {
|
||||
if ($event.target !== $event.currentTarget) { return; }
|
||||
_vm.handleWrapperClick($event)
|
||||
}
|
||||
}
|
||||
}, [_c('div', {
|
||||
staticClass: "el-message-box",
|
||||
class: _vm.customClass
|
||||
}, [(_vm.title !== undefined) ? _c('div', {
|
||||
staticClass: "el-message-box__header"
|
||||
}, [_c('div', {
|
||||
staticClass: "el-message-box__title"
|
||||
}, [_vm._v(_vm._s(_vm.title || _vm.t('el.messagebox.title')))]), (_vm.showClose) ? _c('i', {
|
||||
staticClass: "el-message-box__close el-icon-close",
|
||||
on: {
|
||||
"click": function($event) {
|
||||
_vm.handleAction('cancel')
|
||||
}
|
||||
}
|
||||
}) : _vm._e()]) : _vm._e(), (_vm.message !== '') ? _c('div', {
|
||||
staticClass: "el-message-box__content"
|
||||
}, [_c('div', {
|
||||
staticClass: "el-message-box__status",
|
||||
class: [_vm.typeClass]
|
||||
}), _c('div', {
|
||||
staticClass: "el-message-box__message",
|
||||
style: ({
|
||||
'margin-left': _vm.typeClass ? '50px' : '0'
|
||||
})
|
||||
}, [_c('p', [_vm._v(_vm._s(_vm.message))])]), _c('div', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.showInput),
|
||||
expression: "showInput"
|
||||
}],
|
||||
staticClass: "el-message-box__input"
|
||||
}, [_c('el-input', {
|
||||
directives: [{
|
||||
name: "model",
|
||||
rawName: "v-model",
|
||||
value: (_vm.inputValue),
|
||||
expression: "inputValue"
|
||||
}],
|
||||
ref: "input",
|
||||
attrs: {
|
||||
"placeholder": _vm.inputPlaceholder
|
||||
},
|
||||
domProps: {
|
||||
"value": (_vm.inputValue)
|
||||
},
|
||||
on: {
|
||||
"input": function($event) {
|
||||
_vm.inputValue = $event
|
||||
}
|
||||
},
|
||||
nativeOn: {
|
||||
"keyup": function($event) {
|
||||
if (_vm._k($event.keyCode, "enter", 13)) { return; }
|
||||
_vm.handleAction('confirm')
|
||||
}
|
||||
}
|
||||
}), _c('div', {
|
||||
staticClass: "el-message-box__errormsg",
|
||||
style: ({
|
||||
visibility: !!_vm.editorErrorMessage ? 'visible' : 'hidden'
|
||||
})
|
||||
}, [_vm._v(_vm._s(_vm.editorErrorMessage))])], 1)]) : _vm._e(), _c('div', {
|
||||
staticClass: "el-message-box__btns"
|
||||
}, [_c('el-button', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.showCancelButton),
|
||||
expression: "showCancelButton"
|
||||
}],
|
||||
class: [_vm.cancelButtonClasses],
|
||||
attrs: {
|
||||
"loading": _vm.cancelButtonLoading
|
||||
},
|
||||
nativeOn: {
|
||||
"click": function($event) {
|
||||
_vm.handleAction('cancel')
|
||||
}
|
||||
}
|
||||
}, [_vm._v("\n " + _vm._s(_vm.cancelButtonText || _vm.t('el.messagebox.cancel')) + "\n ")]), _c('el-button', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.showConfirmButton),
|
||||
expression: "showConfirmButton"
|
||||
}],
|
||||
ref: "confirm",
|
||||
class: [_vm.confirmButtonClasses],
|
||||
attrs: {
|
||||
"loading": _vm.confirmButtonLoading
|
||||
},
|
||||
nativeOn: {
|
||||
"click": function($event) {
|
||||
_vm.handleAction('confirm')
|
||||
}
|
||||
}
|
||||
}, [_vm._v("\n " + _vm._s(_vm.confirmButtonText || _vm.t('el.messagebox.confirm')) + "\n ")])], 1)])])])
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,430 @@
|
|||
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__(189);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 56:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("vue");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 132:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/popup");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 189:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _main = __webpack_require__(190);
|
||||
|
||||
var _main2 = _interopRequireDefault(_main);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = _main2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 190:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _vue = __webpack_require__(56);
|
||||
|
||||
var _vue2 = _interopRequireDefault(_vue);
|
||||
|
||||
var _popup = __webpack_require__(132);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var MessageConstructor = _vue2.default.extend(__webpack_require__(191));
|
||||
|
||||
var instance = void 0;
|
||||
var instances = [];
|
||||
var seed = 1;
|
||||
|
||||
var Message = function Message(options) {
|
||||
if (_vue2.default.prototype.$isServer) return;
|
||||
options = options || {};
|
||||
if (typeof options === 'string') {
|
||||
options = {
|
||||
message: options
|
||||
};
|
||||
}
|
||||
var userOnClose = options.onClose;
|
||||
var id = 'message_' + seed++;
|
||||
|
||||
options.onClose = function () {
|
||||
Message.close(id, userOnClose);
|
||||
};
|
||||
|
||||
instance = new MessageConstructor({
|
||||
data: options
|
||||
});
|
||||
instance.id = id;
|
||||
instance.vm = instance.$mount();
|
||||
document.body.appendChild(instance.vm.$el);
|
||||
instance.vm.visible = true;
|
||||
instance.dom = instance.vm.$el;
|
||||
instance.dom.style.zIndex = _popup.PopupManager.nextZIndex();
|
||||
instances.push(instance);
|
||||
return instance.vm;
|
||||
};
|
||||
|
||||
['success', 'warning', 'info', 'error'].forEach(function (type) {
|
||||
Message[type] = function (options) {
|
||||
if (typeof options === 'string') {
|
||||
options = {
|
||||
message: options
|
||||
};
|
||||
}
|
||||
options.type = type;
|
||||
return Message(options);
|
||||
};
|
||||
});
|
||||
|
||||
Message.close = function (id, userOnClose) {
|
||||
for (var i = 0, len = instances.length; i < len; i++) {
|
||||
if (id === instances[i].id) {
|
||||
if (typeof userOnClose === 'function') {
|
||||
userOnClose(instances[i]);
|
||||
}
|
||||
instances.splice(i, 1);
|
||||
break;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
Message.closeAll = function () {
|
||||
for (var i = instances.length - 1; i >= 0; i--) {
|
||||
instances[i].close();
|
||||
}
|
||||
};
|
||||
|
||||
exports.default = Message;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 191:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(192),
|
||||
/* template */
|
||||
__webpack_require__(198),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 192:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
data: function data() {
|
||||
return {
|
||||
visible: false,
|
||||
message: '',
|
||||
duration: 3000,
|
||||
type: 'info',
|
||||
iconClass: '',
|
||||
customClass: '',
|
||||
onClose: null,
|
||||
showClose: false,
|
||||
closed: false,
|
||||
timer: null
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
computed: {
|
||||
typeImg: function typeImg() {
|
||||
return __webpack_require__(193)("./" + this.type + '.svg');
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
closed: function closed(newVal) {
|
||||
if (newVal) {
|
||||
this.visible = false;
|
||||
this.$el.addEventListener('transitionend', this.destroyElement);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
destroyElement: function destroyElement() {
|
||||
this.$el.removeEventListener('transitionend', this.destroyElement);
|
||||
this.$destroy(true);
|
||||
this.$el.parentNode.removeChild(this.$el);
|
||||
},
|
||||
close: function close() {
|
||||
this.closed = true;
|
||||
if (typeof this.onClose === 'function') {
|
||||
this.onClose(this);
|
||||
}
|
||||
},
|
||||
clearTimer: function clearTimer() {
|
||||
clearTimeout(this.timer);
|
||||
},
|
||||
startTimer: function startTimer() {
|
||||
var _this = this;
|
||||
|
||||
if (this.duration > 0) {
|
||||
this.timer = setTimeout(function () {
|
||||
if (!_this.closed) {
|
||||
_this.close();
|
||||
}
|
||||
}, this.duration);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
mounted: function mounted() {
|
||||
this.startTimer();
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 193:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var map = {
|
||||
"./error.svg": 194,
|
||||
"./info.svg": 195,
|
||||
"./success.svg": 196,
|
||||
"./warning.svg": 197
|
||||
};
|
||||
function webpackContext(req) {
|
||||
return __webpack_require__(webpackContextResolve(req));
|
||||
};
|
||||
function webpackContextResolve(req) {
|
||||
return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }());
|
||||
};
|
||||
webpackContext.keys = function webpackContextKeys() {
|
||||
return Object.keys(map);
|
||||
};
|
||||
webpackContext.resolve = webpackContextResolve;
|
||||
module.exports = webpackContext;
|
||||
webpackContext.id = 193;
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 194:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9kYW5nZXI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iRWxlbWVudC1ndWlkZWxpbmUtdjAuMi40IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTWVzc2FnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYwLjAwMDAwMCwgLTMzMi4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IuW4puWAvuWQkV/kv6Hmga8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjAwMDAwMCwgMzMyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlJlY3RhbmdsZS0yIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbl9kYW5nZXIiPgogICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiNGRjQ5NDkiIHg9IjAiIHk9IjAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjUuODE3MjYyNywxNi4zNDUxNzk2IEMyNS45MzkwOTAyLDE2LjIyMzM0ODMgMjYsMTYuMDc2MTQxOCAyNiwxNS45MDM1NTIzIEMyNiwxNS43MzA5NjI4IDI1LjkzOTA5MDIsMTUuNTgzNzU2MyAyNS44MTcyNjI3LDE1LjQ2MTkyODkgTDI0LjUwNzYxNTcsMTQuMTgyNzQxMSBDMjQuMzg1Nzg4MiwxNC4wNjA5MTM3IDI0LjI0MzY1NzUsMTQgMjQuMDgxMjE5NiwxNCBDMjMuOTE4NzgxNywxNCAyMy43NzY2NTEsMTQuMDYwOTEzNyAyMy42NTQ4MjM1LDE0LjE4Mjc0MTEgTDIwLDE3LjgzNzU2MzUgTDE2LjMxNDcyMTYsMTQuMTgyNzQxMSBDMTYuMTkyODkwMiwxNC4wNjA5MTM3IDE2LjA1MDc1OTUsMTQgMTUuODg4MzIxNiwxNCBDMTUuNzI1ODg3NiwxNCAxNS41ODM3NTY5LDE0LjA2MDkxMzcgMTUuNDYxOTI5NCwxNC4xODI3NDExIEwxNC4xNTIyODI0LDE1LjQ2MTkyODkgQzE0LjA1MDc1ODIsMTUuNTgzNzU2MyAxNCwxNS43MzA5NjI4IDE0LDE1LjkwMzU1MjMgQzE0LDE2LjA3NjE0MTggMTQuMDUwNzU4MiwxNi4yMjMzNDgzIDE0LjE1MjI4MjQsMTYuMzQ1MTc5NiBMMTcuODM3NTYwOCwyMC4wMDAwMDE5IEwxNC4xNTIyODI0LDIzLjY1NDgyNDMgQzE0LjA1MDc1ODIsMjMuNzc2NjUxNyAxNCwyMy45MjM4NTgyIDE0LDI0LjA5NjQ0NzcgQzE0LDI0LjI2OTAzNzIgMTQuMDUwNzU4MiwyNC40MTYyNDM3IDE0LjE1MjI4MjQsMjQuNTM4MDcxMSBMMTUuNDYxOTI5NCwyNS44MTcyNTg5IEMxNS41ODM3NTY5LDI1LjkzOTA4NjMgMTUuNzI1ODg3NiwyNiAxNS44ODgzMjE2LDI2IEMxNi4wNTA3NTk1LDI2IDE2LjE5Mjg5MDIsMjUuOTM5MDg2MyAxNi4zMTQ3MjE2LDI1LjgxNzI1ODkgTDIwLDIyLjE2MjQzNjUgTDIzLjY1NDgyMzUsMjUuODE3MjU4OSBDMjMuNzc2NjUxLDI1LjkzOTA4NjMgMjMuOTE4NzgxNywyNiAyNC4wODEyMTk2LDI2IEMyNC4yNDM2NTc1LDI2IDI0LjM4NTc4ODIsMjUuOTM5MDg2MyAyNC41MDc2MTU3LDI1LjgxNzI1ODkgTDI1LjgxNzI2MjcsMjQuNTM4MDcxMSBDMjUuOTM5MDkwMiwyNC40MTYyNDM3IDI2LDI0LjI2OTAzNzIgMjYsMjQuMDk2NDQ3NyBDMjYsMjMuOTIzODU4MiAyNS45MzkwOTAyLDIzLjc3NjY1MTcgMjUuODE3MjYyNywyMy42NTQ4MjQzIEwyMi4xMzE5ODA0LDIwLjAwMDAwMTkgTDI1LjgxNzI2MjcsMTYuMzQ1MTc5NiBaIiBpZD0iUGF0aCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 195:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9pbmZvPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkVsZW1lbnQtZ3VpZGVsaW5lLXYwLjIuNCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0xNTIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MC4wMDAwMDAsIDE1Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJSZWN0YW5nbGUtMiI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb25faW5mbyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgZmlsbD0iIzUwQkZGRiIgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMS42MTUzODQ2LDI2LjU0MzIwOTkgQzIxLjYxNTM4NDYsMjYuOTQ3ODc1MSAyMS40NTgzMzQ4LDI3LjI5MTgzNjggMjEuMTQ0MjMwOCwyNy41NzUxMDI5IEMyMC44MzAxMjY4LDI3Ljg1ODM2ODkgMjAuNDQ4NzE5NCwyOCAyMCwyOCBDMTkuNTUxMjgwNiwyOCAxOS4xNjk4NzMyLDI3Ljg1ODM2ODkgMTguODU1NzY5MiwyNy41NzUxMDI5IEMxOC41NDE2NjUyLDI3LjI5MTgzNjggMTguMzg0NjE1NCwyNi45NDc4NzUxIDE4LjM4NDYxNTQsMjYuNTQzMjA5OSBMMTguMzg0NjE1NCwxOS43NDQ4NTYgQzE4LjM4NDYxNTQsMTkuMzQwMTkwNyAxOC41NDE2NjUyLDE4Ljk5NjIyOSAxOC44NTU3NjkyLDE4LjcxMjk2MyBDMTkuMTY5ODczMiwxOC40Mjk2OTY5IDE5LjU1MTI4MDYsMTguMjg4MDY1OCAyMCwxOC4yODgwNjU4IEMyMC40NDg3MTk0LDE4LjI4ODA2NTggMjAuODMwMTI2OCwxOC40Mjk2OTY5IDIxLjE0NDIzMDgsMTguNzEyOTYzIEMyMS40NTgzMzQ4LDE4Ljk5NjIyOSAyMS42MTUzODQ2LDE5LjM0MDE5MDcgMjEuNjE1Mzg0NiwxOS43NDQ4NTYgTDIxLjYxNTM4NDYsMjYuNTQzMjA5OSBaIE0yMCwxNS44MDQyOTgxIEMxOS40NDQ0NDI3LDE1LjgwNDI5ODEgMTguOTcyMjI0LDE1LjYxOTM2ODcgMTguNTgzMzMzMywxNS4yNDk1MDQ2IEMxOC4xOTQ0NDI3LDE0Ljg3OTY0MDYgMTgsMTQuNDMwNTI1NSAxOCwxMy45MDIxNDkxIEMxOCwxMy4zNzM3NzI2IDE4LjE5NDQ0MjcsMTIuOTI0NjU3NSAxOC41ODMzMzMzLDEyLjU1NDc5MzUgQzE4Ljk3MjIyNCwxMi4xODQ5Mjk1IDE5LjQ0NDQ0MjcsMTIgMjAsMTIgQzIwLjU1NTU1NzMsMTIgMjEuMDI3Nzc2LDEyLjE4NDkyOTUgMjEuNDE2NjY2NywxMi41NTQ3OTM1IEMyMS44MDU1NTczLDEyLjkyNDY1NzUgMjIsMTMuMzczNzcyNiAyMiwxMy45MDIxNDkxIEMyMiwxNC40MzA1MjU1IDIxLjgwNTU1NzMsMTQuODc5NjQwNiAyMS40MTY2NjY3LDE1LjI0OTUwNDYgQzIxLjAyNzc3NiwxNS42MTkzNjg3IDIwLjU1NTU1NzMsMTUuODA0Mjk4MSAyMCwxNS44MDQyOTgxIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 196:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9zdWNjZXNzPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkVsZW1lbnQtZ3VpZGVsaW5lLXYwLjIuNCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0yMTIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MC4wMDAwMDAsIDIxMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJSZWN0YW5nbGUtMiI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb25fc3VjY2VzcyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgZmlsbD0iIzEzQ0U2NiIgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNy44MjU1ODE0LDE3LjE0ODQzNTcgTDE5LjAxNzQ0LDI1LjgyODEyMTMgQzE4LjkwMTE2MDksMjUuOTQyNzA4MyAxOC43NjU1MDMzLDI2IDE4LjYxMDQ2NywyNiBDMTguNDU1NDI3LDI2IDE4LjMxOTc2OTMsMjUuOTQyNzA4MyAxOC4yMDM0ODY1LDI1LjgyODEyMTMgTDE4LjAyOTA3MTYsMjUuNjU2MjUgTDEzLjE3NDQxODYsMjAuODQzNzUgQzEzLjA1ODEzOTUsMjAuNzI5MTYzIDEzLDIwLjU5NTQ4MzcgMTMsMjAuNDQyNzA0NyBDMTMsMjAuMjg5OTI5MyAxMy4wNTgxMzk1LDIwLjE1NjI1IDEzLjE3NDQxODYsMjAuMDQxNjY2NyBMMTQuMzY2Mjc3MiwxOC44NjcxODU3IEMxNC40ODI1NiwxOC43NTI2MDIzIDE0LjYxODIxNzcsMTguNjk1MzEwNyAxNC43NzMyNTc3LDE4LjY5NTMxMDcgQzE0LjkyODI5NCwxOC42OTUzMTA3IDE1LjA2Mzk1MTYsMTguNzUyNjAyMyAxNS4xODAyMzA3LDE4Ljg2NzE4NTcgTDE4LjYxMDQ2NywyMi4yNzYwMzggTDI1LjgxOTc2OTMsMTUuMTcxODcxMyBDMjUuOTM2MDQ4NCwxNS4wNTcyODggMjYuMDcxNzA2LDE1IDI2LjIyNjc0MjMsMTUgQzI2LjM4MTc4MjMsMTUgMjYuNTE3NDQsMTUuMDU3Mjg4IDI2LjYzMzcyMjgsMTUuMTcxODcxMyBMMjcuODI1NTgxNCwxNi4zNDYzNTIzIEMyNy45NDE4NjA1LDE2LjQ2MDkzNTcgMjgsMTYuNTk0NjE1IDI4LDE2Ljc0NzM5NCBDMjgsMTYuOTAwMTczIDI3Ljk0MTg2MDUsMTcuMDMzODUyMyAyNy44MjU1ODE0LDE3LjE0ODQzNTcgTDI3LjgyNTU4MTQsMTcuMTQ4NDM1NyBaIiBpZD0iUGF0aCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 197:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl93YXJuaW5nPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0yNzIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvLWNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjAwMDAwMCwgMjcyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlJlY3RhbmdsZS0yIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbl93YXJuaW5nIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBmaWxsPSIjRjdCQTJBIiB4PSIwIiB5PSIwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIxLjYxNTM4NDYsMjYuNTQzMjA5OSBDMjEuNjE1Mzg0NiwyNi45NDc4NzUxIDIxLjQ1ODMzNDgsMjcuMjkxODM2OCAyMS4xNDQyMzA4LDI3LjU3NTEwMjkgQzIwLjgzMDEyNjgsMjcuODU4MzY4OSAyMC40NDg3MTk0LDI4IDIwLDI4IEMxOS41NTEyODA2LDI4IDE5LjE2OTg3MzIsMjcuODU4MzY4OSAxOC44NTU3NjkyLDI3LjU3NTEwMjkgQzE4LjU0MTY2NTIsMjcuMjkxODM2OCAxOC4zODQ2MTU0LDI2Ljk0Nzg3NTEgMTguMzg0NjE1NCwyNi41NDMyMDk5IEwxOC4zODQ2MTU0LDE5Ljc0NDg1NiBDMTguMzg0NjE1NCwxOS4zNDAxOTA3IDE4LjU0MTY2NTIsMTguOTk2MjI5IDE4Ljg1NTc2OTIsMTguNzEyOTYzIEMxOS4xNjk4NzMyLDE4LjQyOTY5NjkgMTkuNTUxMjgwNiwxOC4yODgwNjU4IDIwLDE4LjI4ODA2NTggQzIwLjQ0ODcxOTQsMTguMjg4MDY1OCAyMC44MzAxMjY4LDE4LjQyOTY5NjkgMjEuMTQ0MjMwOCwxOC43MTI5NjMgQzIxLjQ1ODMzNDgsMTguOTk2MjI5IDIxLjYxNTM4NDYsMTkuMzQwMTkwNyAyMS42MTUzODQ2LDE5Ljc0NDg1NiBMMjEuNjE1Mzg0NiwyNi41NDMyMDk5IFogTTIwLDE1LjgwNDI5ODEgQzE5LjQ0NDQ0MjcsMTUuODA0Mjk4MSAxOC45NzIyMjQsMTUuNjE5MzY4NyAxOC41ODMzMzMzLDE1LjI0OTUwNDYgQzE4LjE5NDQ0MjcsMTQuODc5NjQwNiAxOCwxNC40MzA1MjU1IDE4LDEzLjkwMjE0OTEgQzE4LDEzLjM3Mzc3MjYgMTguMTk0NDQyNywxMi45MjQ2NTc1IDE4LjU4MzMzMzMsMTIuNTU0NzkzNSBDMTguOTcyMjI0LDEyLjE4NDkyOTUgMTkuNDQ0NDQyNywxMiAyMCwxMiBDMjAuNTU1NTU3MywxMiAyMS4wMjc3NzYsMTIuMTg0OTI5NSAyMS40MTY2NjY3LDEyLjU1NDc5MzUgQzIxLjgwNTU1NzMsMTIuOTI0NjU3NSAyMiwxMy4zNzM3NzI2IDIyLDEzLjkwMjE0OTEgQzIyLDE0LjQzMDUyNTUgMjEuODA1NTU3MywxNC44Nzk2NDA2IDIxLjQxNjY2NjcsMTUuMjQ5NTA0NiBDMjEuMDI3Nzc2LDE1LjYxOTM2ODcgMjAuNTU1NTU3MywxNS44MDQyOTgxIDIwLDE1LjgwNDI5ODEgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC4wMDAwMDAsIDIwLjAwMDAwMCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMjAuMDAwMDAwLCAtMjAuMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg=="
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 198:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('transition', {
|
||||
attrs: {
|
||||
"name": "el-message-fade"
|
||||
}
|
||||
}, [_c('div', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.visible),
|
||||
expression: "visible"
|
||||
}],
|
||||
staticClass: "el-message",
|
||||
class: _vm.customClass,
|
||||
on: {
|
||||
"mouseenter": _vm.clearTimer,
|
||||
"mouseleave": _vm.startTimer
|
||||
}
|
||||
}, [(!_vm.iconClass) ? _c('img', {
|
||||
staticClass: "el-message__img",
|
||||
attrs: {
|
||||
"src": _vm.typeImg,
|
||||
"alt": ""
|
||||
}
|
||||
}) : _vm._e(), _c('div', {
|
||||
staticClass: "el-message__group",
|
||||
class: {
|
||||
'is-with-icon': _vm.iconClass
|
||||
}
|
||||
}, [_c('p', [(_vm.iconClass) ? _c('i', {
|
||||
staticClass: "el-message__icon",
|
||||
class: _vm.iconClass
|
||||
}) : _vm._e(), _vm._v(_vm._s(_vm.message))]), (_vm.showClose) ? _c('div', {
|
||||
staticClass: "el-message__closeBtn el-icon-close",
|
||||
on: {
|
||||
"click": _vm.close
|
||||
}
|
||||
}) : _vm._e()])])])
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,36 @@
|
|||
"use strict";
|
||||
|
||||
exports.__esModule = true;
|
||||
function _broadcast(componentName, eventName, params) {
|
||||
this.$children.forEach(function (child) {
|
||||
var name = child.$options.componentName;
|
||||
|
||||
if (name === componentName) {
|
||||
child.$emit.apply(child, [eventName].concat(params));
|
||||
} else {
|
||||
_broadcast.apply(child, [componentName, eventName].concat([params]));
|
||||
}
|
||||
});
|
||||
}
|
||||
exports.default = {
|
||||
methods: {
|
||||
dispatch: function dispatch(componentName, eventName, params) {
|
||||
var parent = this.$parent || this.$root;
|
||||
var name = parent.$options.componentName;
|
||||
|
||||
while (parent && (!name || name !== componentName)) {
|
||||
parent = parent.$parent;
|
||||
|
||||
if (parent) {
|
||||
name = parent.$options.componentName;
|
||||
}
|
||||
}
|
||||
if (parent) {
|
||||
parent.$emit.apply(parent, [eventName].concat(params));
|
||||
}
|
||||
},
|
||||
broadcast: function broadcast(componentName, eventName, params) {
|
||||
_broadcast.call(this, componentName, eventName, params);
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,17 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _locale = require('element-ui/lib/locale');
|
||||
|
||||
exports.default = {
|
||||
methods: {
|
||||
t: function t() {
|
||||
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
return _locale.t.apply(this, args);
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,62 @@
|
|||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
/**
|
||||
* Show migrating guide in browser console.
|
||||
*
|
||||
* Usage:
|
||||
* import Migrating from 'element-ui/src/mixins/migrating';
|
||||
*
|
||||
* mixins: [Migrating]
|
||||
*
|
||||
* add getMigratingConfig method for your component.
|
||||
* getMigratingConfig() {
|
||||
* return {
|
||||
* props: {
|
||||
* 'allow-no-selection': 'allow-no-selection is removed.',
|
||||
* 'selection-mode': 'selection-mode is removed.'
|
||||
* },
|
||||
* events: {
|
||||
* selectionchange: 'selectionchange is renamed to selection-change.'
|
||||
* }
|
||||
* };
|
||||
* },
|
||||
*/
|
||||
exports.default = {
|
||||
mounted: function mounted() {
|
||||
if (process.env.NODE_ENV === 'production') return;
|
||||
if (!this.$vnode) return;
|
||||
|
||||
var _getMigratingConfig = this.getMigratingConfig(),
|
||||
props = _getMigratingConfig.props,
|
||||
events = _getMigratingConfig.events;
|
||||
|
||||
var _$vnode = this.$vnode,
|
||||
data = _$vnode.data,
|
||||
componentOptions = _$vnode.componentOptions;
|
||||
|
||||
var definedProps = data.attrs || {};
|
||||
var definedEvents = componentOptions.listeners || {};
|
||||
|
||||
for (var propName in definedProps) {
|
||||
if (definedProps.hasOwnProperty(propName) && props[propName]) {
|
||||
console.warn('[Element Migrating][Attribute]: ' + props[propName]);
|
||||
}
|
||||
}
|
||||
|
||||
for (var eventName in definedEvents) {
|
||||
if (definedEvents.hasOwnProperty(eventName) && events[eventName]) {
|
||||
console.warn('[Element Migrating][Event]: ' + events[eventName]);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
getMigratingConfig: function getMigratingConfig() {
|
||||
return {
|
||||
props: {},
|
||||
events: {}
|
||||
};
|
||||
}
|
||||
}
|
||||
};
|
|
@ -0,0 +1,428 @@
|
|||
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__(204);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 56:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("vue");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 132:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/popup");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 204:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _main = __webpack_require__(205);
|
||||
|
||||
var _main2 = _interopRequireDefault(_main);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = _main2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 205:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _vue = __webpack_require__(56);
|
||||
|
||||
var _vue2 = _interopRequireDefault(_vue);
|
||||
|
||||
var _popup = __webpack_require__(132);
|
||||
|
||||
var _vdom = __webpack_require__(206);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var NotificationConstructor = _vue2.default.extend(__webpack_require__(207));
|
||||
|
||||
var instance = void 0;
|
||||
var instances = [];
|
||||
var seed = 1;
|
||||
|
||||
var Notification = function Notification(options) {
|
||||
if (_vue2.default.prototype.$isServer) return;
|
||||
options = options || {};
|
||||
var userOnClose = options.onClose;
|
||||
var id = 'notification_' + seed++;
|
||||
|
||||
options.onClose = function () {
|
||||
Notification.close(id, userOnClose);
|
||||
};
|
||||
|
||||
instance = new NotificationConstructor({
|
||||
data: options
|
||||
});
|
||||
|
||||
if ((0, _vdom.isVNode)(options.message)) {
|
||||
instance.$slots.default = [options.message];
|
||||
options.message = '';
|
||||
}
|
||||
instance.id = id;
|
||||
instance.vm = instance.$mount();
|
||||
document.body.appendChild(instance.vm.$el);
|
||||
instance.vm.visible = true;
|
||||
instance.dom = instance.vm.$el;
|
||||
instance.dom.style.zIndex = _popup.PopupManager.nextZIndex();
|
||||
|
||||
var offset = options.offset || 0;
|
||||
var topDist = offset;
|
||||
for (var i = 0, len = instances.length; i < len; i++) {
|
||||
topDist += instances[i].$el.offsetHeight + 16;
|
||||
}
|
||||
topDist += 16;
|
||||
instance.top = topDist;
|
||||
instances.push(instance);
|
||||
return instance.vm;
|
||||
};
|
||||
|
||||
['success', 'warning', 'info', 'error'].forEach(function (type) {
|
||||
Notification[type] = function (options) {
|
||||
if (typeof options === 'string' || (0, _vdom.isVNode)(options)) {
|
||||
options = {
|
||||
message: options
|
||||
};
|
||||
}
|
||||
options.type = type;
|
||||
return Notification(options);
|
||||
};
|
||||
});
|
||||
|
||||
Notification.close = function (id, userOnClose) {
|
||||
var index = void 0;
|
||||
var removedHeight = void 0;
|
||||
for (var i = 0, len = instances.length; i < len; i++) {
|
||||
if (id === instances[i].id) {
|
||||
if (typeof userOnClose === 'function') {
|
||||
userOnClose(instances[i]);
|
||||
}
|
||||
index = i;
|
||||
removedHeight = instances[i].dom.offsetHeight;
|
||||
instances.splice(i, 1);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (len > 1) {
|
||||
for (i = index; i < len - 1; i++) {
|
||||
instances[i].dom.style.top = parseInt(instances[i].dom.style.top, 10) - removedHeight - 16 + 'px';
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
exports.default = Notification;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 206:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/vdom");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 207:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(208),
|
||||
/* template */
|
||||
__webpack_require__(209),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 208:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
var typeMap = {
|
||||
success: 'circle-check',
|
||||
info: 'information',
|
||||
warning: 'warning',
|
||||
error: 'circle-cross'
|
||||
};
|
||||
|
||||
exports.default = {
|
||||
data: function data() {
|
||||
return {
|
||||
visible: false,
|
||||
title: '',
|
||||
message: '',
|
||||
duration: 4500,
|
||||
type: '',
|
||||
customClass: '',
|
||||
iconClass: '',
|
||||
onClose: null,
|
||||
closed: false,
|
||||
top: null,
|
||||
timer: null
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
computed: {
|
||||
typeClass: function typeClass() {
|
||||
return this.type && typeMap[this.type] ? 'el-icon-' + typeMap[this.type] : '';
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
closed: function closed(newVal) {
|
||||
if (newVal) {
|
||||
this.visible = false;
|
||||
this.$el.addEventListener('transitionend', this.destroyElement);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
destroyElement: function destroyElement() {
|
||||
this.$el.removeEventListener('transitionend', this.destroyElement);
|
||||
this.$destroy(true);
|
||||
this.$el.parentNode.removeChild(this.$el);
|
||||
},
|
||||
close: function close() {
|
||||
this.closed = true;
|
||||
if (typeof this.onClose === 'function') {
|
||||
this.onClose();
|
||||
}
|
||||
},
|
||||
clearTimer: function clearTimer() {
|
||||
clearTimeout(this.timer);
|
||||
},
|
||||
startTimer: function startTimer() {
|
||||
var _this = this;
|
||||
|
||||
if (this.duration > 0) {
|
||||
this.timer = setTimeout(function () {
|
||||
if (!_this.closed) {
|
||||
_this.close();
|
||||
}
|
||||
}, this.duration);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
mounted: function mounted() {
|
||||
var _this2 = this;
|
||||
|
||||
if (this.duration > 0) {
|
||||
this.timer = setTimeout(function () {
|
||||
if (!_this2.closed) {
|
||||
_this2.close();
|
||||
}
|
||||
}, this.duration);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 209:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('transition', {
|
||||
attrs: {
|
||||
"name": "el-notification-fade"
|
||||
}
|
||||
}, [_c('div', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.visible),
|
||||
expression: "visible"
|
||||
}],
|
||||
staticClass: "el-notification",
|
||||
class: _vm.customClass,
|
||||
style: ({
|
||||
top: _vm.top ? _vm.top + 'px' : 'auto'
|
||||
}),
|
||||
on: {
|
||||
"mouseenter": function($event) {
|
||||
_vm.clearTimer()
|
||||
},
|
||||
"mouseleave": function($event) {
|
||||
_vm.startTimer()
|
||||
}
|
||||
}
|
||||
}, [(_vm.type || _vm.iconClass) ? _c('i', {
|
||||
staticClass: "el-notification__icon",
|
||||
class: [_vm.typeClass, _vm.iconClass]
|
||||
}) : _vm._e(), _c('div', {
|
||||
staticClass: "el-notification__group",
|
||||
class: {
|
||||
'is-with-icon': _vm.typeClass || _vm.iconClass
|
||||
}
|
||||
}, [_c('h2', {
|
||||
staticClass: "el-notification__title",
|
||||
domProps: {
|
||||
"textContent": _vm._s(_vm.title)
|
||||
}
|
||||
}), _c('div', {
|
||||
staticClass: "el-notification__content"
|
||||
}, [_vm._t("default", [_vm._v(_vm._s(_vm.message))])], 2), _c('div', {
|
||||
staticClass: "el-notification__closeBtn el-icon-close",
|
||||
on: {
|
||||
"click": _vm.close
|
||||
}
|
||||
})])])])
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,248 @@
|
|||
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__(214);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 14:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/mixins/emitter");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 214:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _optionGroup = __webpack_require__(215);
|
||||
|
||||
var _optionGroup2 = _interopRequireDefault(_optionGroup);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_optionGroup2.default.install = function (Vue) {
|
||||
Vue.component(_optionGroup2.default.name, _optionGroup2.default);
|
||||
};
|
||||
|
||||
exports.default = _optionGroup2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 215:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(216),
|
||||
/* template */
|
||||
__webpack_require__(217),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 216:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _emitter = __webpack_require__(14);
|
||||
|
||||
var _emitter2 = _interopRequireDefault(_emitter);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
mixins: [_emitter2.default],
|
||||
|
||||
name: 'ElOptionGroup',
|
||||
|
||||
componentName: 'ElOptionGroup',
|
||||
|
||||
props: {
|
||||
label: String,
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
visible: true
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
watch: {
|
||||
disabled: function disabled(val) {
|
||||
this.broadcast('ElOption', 'handleGroupDisabled', val);
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
queryChange: function queryChange() {
|
||||
this.visible = this.$children && Array.isArray(this.$children) && this.$children.some(function (option) {
|
||||
return option.visible === true;
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
created: function created() {
|
||||
this.$on('queryChange', this.queryChange);
|
||||
},
|
||||
mounted: function mounted() {
|
||||
if (this.disabled) {
|
||||
this.broadcast('ElOption', 'handleGroupDisabled', this.disabled);
|
||||
}
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 217:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('ul', {
|
||||
staticClass: "el-select-group__wrap"
|
||||
}, [_c('li', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.visible),
|
||||
expression: "visible"
|
||||
}],
|
||||
staticClass: "el-select-group__title"
|
||||
}, [_vm._v(_vm._s(_vm.label))]), _c('li', [_c('ul', {
|
||||
staticClass: "el-select-group"
|
||||
}, [_vm._t("default")], 2)])])
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,331 @@
|
|||
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__(210);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 14:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/mixins/emitter");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 210:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _option = __webpack_require__(211);
|
||||
|
||||
var _option2 = _interopRequireDefault(_option);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_option2.default.install = function (Vue) {
|
||||
Vue.component(_option2.default.name, _option2.default);
|
||||
};
|
||||
|
||||
exports.default = _option2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 211:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(212),
|
||||
/* template */
|
||||
__webpack_require__(213),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 212:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _emitter = __webpack_require__(14);
|
||||
|
||||
var _emitter2 = _interopRequireDefault(_emitter);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
mixins: [_emitter2.default],
|
||||
|
||||
name: 'ElOption',
|
||||
|
||||
componentName: 'ElOption',
|
||||
|
||||
props: {
|
||||
value: {
|
||||
required: true
|
||||
},
|
||||
label: [String, Number],
|
||||
created: Boolean,
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
index: -1,
|
||||
groupDisabled: false,
|
||||
visible: true,
|
||||
hitState: false
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
computed: {
|
||||
currentLabel: function currentLabel() {
|
||||
return this.label || (typeof this.value === 'string' || typeof this.value === 'number' ? this.value : '');
|
||||
},
|
||||
currentValue: function currentValue() {
|
||||
return this.value || this.label || '';
|
||||
},
|
||||
parent: function parent() {
|
||||
var result = this.$parent;
|
||||
while (!result.isSelect) {
|
||||
result = result.$parent;
|
||||
}
|
||||
return result;
|
||||
},
|
||||
itemSelected: function itemSelected() {
|
||||
if (!this.parent.multiple) {
|
||||
return this.value === this.parent.value;
|
||||
} else {
|
||||
return this.parent.value.indexOf(this.value) > -1;
|
||||
}
|
||||
},
|
||||
limitReached: function limitReached() {
|
||||
if (this.parent.multiple) {
|
||||
return !this.itemSelected && this.parent.value.length >= this.parent.multipleLimit && this.parent.multipleLimit > 0;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
currentLabel: function currentLabel() {
|
||||
if (!this.created && !this.parent.remote) this.dispatch('ElSelect', 'setSelected');
|
||||
},
|
||||
value: function value() {
|
||||
if (!this.created && !this.parent.remote) this.dispatch('ElSelect', 'setSelected');
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
handleGroupDisabled: function handleGroupDisabled(val) {
|
||||
this.groupDisabled = val;
|
||||
},
|
||||
hoverItem: function hoverItem() {
|
||||
if (!this.disabled && !this.groupDisabled) {
|
||||
this.parent.hoverIndex = this.parent.options.indexOf(this);
|
||||
}
|
||||
},
|
||||
selectOptionClick: function selectOptionClick() {
|
||||
if (this.disabled !== true && this.groupDisabled !== true) {
|
||||
this.dispatch('ElSelect', 'handleOptionClick', this);
|
||||
}
|
||||
},
|
||||
queryChange: function queryChange(query) {
|
||||
// query 里如果有正则中的特殊字符,需要先将这些字符转义
|
||||
var parsedQuery = String(query).replace(/(\^|\(|\)|\[|\]|\$|\*|\+|\.|\?|\\|\{|\}|\|)/g, '\\$1');
|
||||
this.visible = new RegExp(parsedQuery, 'i').test(this.currentLabel) || this.created;
|
||||
if (!this.visible) {
|
||||
this.parent.filteredOptionsCount--;
|
||||
}
|
||||
},
|
||||
resetIndex: function resetIndex() {
|
||||
var _this = this;
|
||||
|
||||
this.$nextTick(function () {
|
||||
_this.index = _this.parent.options.indexOf(_this);
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
created: function created() {
|
||||
this.parent.options.push(this);
|
||||
this.parent.cachedOptions.push(this);
|
||||
this.parent.optionsCount++;
|
||||
this.parent.filteredOptionsCount++;
|
||||
this.index = this.parent.options.indexOf(this);
|
||||
|
||||
this.$on('queryChange', this.queryChange);
|
||||
this.$on('handleGroupDisabled', this.handleGroupDisabled);
|
||||
this.$on('resetIndex', this.resetIndex);
|
||||
},
|
||||
beforeDestroy: function beforeDestroy() {
|
||||
this.dispatch('ElSelect', 'onOptionDestroy', this);
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 213:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('li', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.visible),
|
||||
expression: "visible"
|
||||
}],
|
||||
staticClass: "el-select-dropdown__item",
|
||||
class: {
|
||||
'selected': _vm.itemSelected,
|
||||
'is-disabled': _vm.disabled || _vm.groupDisabled || _vm.limitReached,
|
||||
'hover': _vm.parent.hoverIndex === _vm.index
|
||||
},
|
||||
on: {
|
||||
"mouseenter": _vm.hoverItem,
|
||||
"click": function($event) {
|
||||
$event.stopPropagation();
|
||||
_vm.selectOptionClick($event)
|
||||
}
|
||||
}
|
||||
}, [_vm._t("default", [_c('span', [_vm._v(_vm._s(_vm.currentLabel))])])], 2)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,808 @@
|
|||
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__(218);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 60:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/mixins/locale");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 218:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _pagination = __webpack_require__(219);
|
||||
|
||||
var _pagination2 = _interopRequireDefault(_pagination);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_pagination2.default.install = function (Vue) {
|
||||
Vue.component(_pagination2.default.name, _pagination2.default);
|
||||
};
|
||||
|
||||
exports.default = _pagination2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 219:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _pager = __webpack_require__(220);
|
||||
|
||||
var _pager2 = _interopRequireDefault(_pager);
|
||||
|
||||
var _select = __webpack_require__(223);
|
||||
|
||||
var _select2 = _interopRequireDefault(_select);
|
||||
|
||||
var _option = __webpack_require__(224);
|
||||
|
||||
var _option2 = _interopRequireDefault(_option);
|
||||
|
||||
var _locale = __webpack_require__(60);
|
||||
|
||||
var _locale2 = _interopRequireDefault(_locale);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'ElPagination',
|
||||
|
||||
props: {
|
||||
pageSize: {
|
||||
type: Number,
|
||||
default: 10
|
||||
},
|
||||
|
||||
small: Boolean,
|
||||
|
||||
total: Number,
|
||||
|
||||
pageCount: Number,
|
||||
|
||||
currentPage: {
|
||||
type: Number,
|
||||
default: 1
|
||||
},
|
||||
|
||||
layout: {
|
||||
default: 'prev, pager, next, jumper, ->, total'
|
||||
},
|
||||
|
||||
pageSizes: {
|
||||
type: Array,
|
||||
default: function _default() {
|
||||
return [10, 20, 30, 40, 50, 100];
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
internalCurrentPage: 1,
|
||||
internalPageSize: 0
|
||||
};
|
||||
},
|
||||
render: function render(h) {
|
||||
var template = h(
|
||||
'div',
|
||||
{ 'class': 'el-pagination' },
|
||||
[]
|
||||
);
|
||||
var layout = this.layout || '';
|
||||
if (!layout) return;
|
||||
var TEMPLATE_MAP = {
|
||||
prev: h(
|
||||
'prev',
|
||||
null,
|
||||
[]
|
||||
),
|
||||
jumper: h(
|
||||
'jumper',
|
||||
null,
|
||||
[]
|
||||
),
|
||||
pager: h(
|
||||
'pager',
|
||||
{
|
||||
attrs: { currentPage: this.internalCurrentPage, pageCount: this.internalPageCount },
|
||||
on: {
|
||||
'change': this.handleCurrentChange
|
||||
}
|
||||
},
|
||||
[]
|
||||
),
|
||||
next: h(
|
||||
'next',
|
||||
null,
|
||||
[]
|
||||
),
|
||||
sizes: h(
|
||||
'sizes',
|
||||
{
|
||||
attrs: { pageSizes: this.pageSizes }
|
||||
},
|
||||
[]
|
||||
),
|
||||
slot: h(
|
||||
'my-slot',
|
||||
null,
|
||||
[]
|
||||
),
|
||||
total: h(
|
||||
'total',
|
||||
null,
|
||||
[]
|
||||
)
|
||||
};
|
||||
var components = layout.split(',').map(function (item) {
|
||||
return item.trim();
|
||||
});
|
||||
var rightWrapper = h(
|
||||
'div',
|
||||
{ 'class': 'el-pagination__rightwrapper' },
|
||||
[]
|
||||
);
|
||||
var haveRightWrapper = false;
|
||||
|
||||
if (this.small) {
|
||||
template.data.class += ' el-pagination--small';
|
||||
}
|
||||
|
||||
components.forEach(function (compo) {
|
||||
if (compo === '->') {
|
||||
haveRightWrapper = true;
|
||||
return;
|
||||
}
|
||||
|
||||
if (!haveRightWrapper) {
|
||||
template.children.push(TEMPLATE_MAP[compo]);
|
||||
} else {
|
||||
rightWrapper.children.push(TEMPLATE_MAP[compo]);
|
||||
}
|
||||
});
|
||||
|
||||
if (haveRightWrapper) {
|
||||
template.children.push(rightWrapper);
|
||||
}
|
||||
|
||||
return template;
|
||||
},
|
||||
|
||||
|
||||
components: {
|
||||
MySlot: {
|
||||
render: function render(h) {
|
||||
return this.$parent.$slots.default ? this.$parent.$slots.default[0] : '';
|
||||
}
|
||||
},
|
||||
Prev: {
|
||||
render: function render(h) {
|
||||
return h(
|
||||
'button',
|
||||
{
|
||||
attrs: {
|
||||
type: 'button'
|
||||
},
|
||||
'class': ['btn-prev', { disabled: this.$parent.internalCurrentPage <= 1 }],
|
||||
on: {
|
||||
'click': this.$parent.prev
|
||||
}
|
||||
},
|
||||
[h(
|
||||
'i',
|
||||
{ 'class': 'el-icon el-icon-arrow-left' },
|
||||
[]
|
||||
)]
|
||||
);
|
||||
}
|
||||
},
|
||||
|
||||
Next: {
|
||||
render: function render(h) {
|
||||
return h(
|
||||
'button',
|
||||
{
|
||||
attrs: {
|
||||
type: 'button'
|
||||
},
|
||||
'class': ['btn-next', { disabled: this.$parent.internalCurrentPage === this.$parent.internalPageCount || this.$parent.internalPageCount === 0 }],
|
||||
on: {
|
||||
'click': this.$parent.next
|
||||
}
|
||||
},
|
||||
[h(
|
||||
'i',
|
||||
{ 'class': 'el-icon el-icon-arrow-right' },
|
||||
[]
|
||||
)]
|
||||
);
|
||||
}
|
||||
},
|
||||
|
||||
Sizes: {
|
||||
mixins: [_locale2.default],
|
||||
|
||||
props: {
|
||||
pageSizes: Array
|
||||
},
|
||||
|
||||
watch: {
|
||||
pageSizes: {
|
||||
immediate: true,
|
||||
handler: function handler(value) {
|
||||
if (Array.isArray(value)) {
|
||||
this.$parent.internalPageSize = value.indexOf(this.$parent.pageSize) > -1 ? this.$parent.pageSize : this.pageSizes[0];
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
render: function render(h) {
|
||||
var _this = this;
|
||||
|
||||
return h(
|
||||
'span',
|
||||
{ 'class': 'el-pagination__sizes' },
|
||||
[h(
|
||||
'el-select',
|
||||
{
|
||||
attrs: {
|
||||
value: this.$parent.internalPageSize
|
||||
},
|
||||
on: {
|
||||
'input': this.handleChange
|
||||
}
|
||||
},
|
||||
[this.pageSizes.map(function (item) {
|
||||
return h(
|
||||
'el-option',
|
||||
{
|
||||
attrs: {
|
||||
value: item,
|
||||
label: item + ' ' + _this.t('el.pagination.pagesize') }
|
||||
},
|
||||
[]
|
||||
);
|
||||
})]
|
||||
)]
|
||||
);
|
||||
},
|
||||
|
||||
|
||||
components: {
|
||||
ElSelect: _select2.default,
|
||||
ElOption: _option2.default
|
||||
},
|
||||
|
||||
methods: {
|
||||
handleChange: function handleChange(val) {
|
||||
if (val !== this.$parent.internalPageSize) {
|
||||
this.$parent.internalPageSize = val = parseInt(val, 10);
|
||||
this.$parent.$emit('size-change', val);
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
Jumper: {
|
||||
mixins: [_locale2.default],
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
oldValue: null
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
handleFocus: function handleFocus(event) {
|
||||
this.oldValue = event.target.value;
|
||||
},
|
||||
handleChange: function handleChange(_ref) {
|
||||
var target = _ref.target;
|
||||
|
||||
this.$parent.internalCurrentPage = this.$parent.getValidCurrentPage(target.value);
|
||||
this.oldValue = null;
|
||||
}
|
||||
},
|
||||
|
||||
render: function render(h) {
|
||||
return h(
|
||||
'span',
|
||||
{ 'class': 'el-pagination__jump' },
|
||||
[this.t('el.pagination.goto'), h(
|
||||
'input',
|
||||
{
|
||||
'class': 'el-pagination__editor',
|
||||
attrs: { type: 'number',
|
||||
min: 1,
|
||||
max: this.internalPageCount,
|
||||
|
||||
number: true },
|
||||
domProps: {
|
||||
'value': this.$parent.internalCurrentPage
|
||||
},
|
||||
on: {
|
||||
'change': this.handleChange,
|
||||
'focus': this.handleFocus
|
||||
},
|
||||
|
||||
style: { width: '30px' } },
|
||||
[]
|
||||
), this.t('el.pagination.pageClassifier')]
|
||||
);
|
||||
}
|
||||
},
|
||||
|
||||
Total: {
|
||||
mixins: [_locale2.default],
|
||||
|
||||
render: function render(h) {
|
||||
return typeof this.$parent.total === 'number' ? h(
|
||||
'span',
|
||||
{ 'class': 'el-pagination__total' },
|
||||
[this.t('el.pagination.total', { total: this.$parent.total })]
|
||||
) : '';
|
||||
}
|
||||
},
|
||||
|
||||
Pager: _pager2.default
|
||||
},
|
||||
|
||||
methods: {
|
||||
handleCurrentChange: function handleCurrentChange(val) {
|
||||
this.internalCurrentPage = this.getValidCurrentPage(val);
|
||||
},
|
||||
prev: function prev() {
|
||||
var newVal = this.internalCurrentPage - 1;
|
||||
this.internalCurrentPage = this.getValidCurrentPage(newVal);
|
||||
},
|
||||
next: function next() {
|
||||
var newVal = this.internalCurrentPage + 1;
|
||||
this.internalCurrentPage = this.getValidCurrentPage(newVal);
|
||||
},
|
||||
getValidCurrentPage: function getValidCurrentPage(value) {
|
||||
value = parseInt(value, 10);
|
||||
|
||||
var havePageCount = typeof this.internalPageCount === 'number';
|
||||
|
||||
var resetValue = void 0;
|
||||
if (!havePageCount) {
|
||||
if (isNaN(value) || value < 1) resetValue = 1;
|
||||
} else {
|
||||
if (value < 1) {
|
||||
resetValue = 1;
|
||||
} else if (value > this.internalPageCount) {
|
||||
resetValue = this.internalPageCount;
|
||||
}
|
||||
}
|
||||
|
||||
if (resetValue === undefined && isNaN(value)) {
|
||||
resetValue = 1;
|
||||
} else if (resetValue === 0) {
|
||||
resetValue = 1;
|
||||
}
|
||||
|
||||
return resetValue === undefined ? value : resetValue;
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
internalPageCount: function internalPageCount() {
|
||||
if (typeof this.total === 'number') {
|
||||
return Math.ceil(this.total / this.internalPageSize);
|
||||
} else if (typeof this.pageCount === 'number') {
|
||||
return this.pageCount;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
currentPage: {
|
||||
immediate: true,
|
||||
handler: function handler(val) {
|
||||
this.internalCurrentPage = val;
|
||||
}
|
||||
},
|
||||
|
||||
pageSize: {
|
||||
immediate: true,
|
||||
handler: function handler(val) {
|
||||
this.internalPageSize = val;
|
||||
}
|
||||
},
|
||||
|
||||
internalCurrentPage: function internalCurrentPage(newVal, oldVal) {
|
||||
var _this2 = this;
|
||||
|
||||
newVal = parseInt(newVal, 10);
|
||||
|
||||
/* istanbul ignore if */
|
||||
if (isNaN(newVal)) {
|
||||
newVal = oldVal || 1;
|
||||
} else {
|
||||
newVal = this.getValidCurrentPage(newVal);
|
||||
}
|
||||
|
||||
if (newVal !== undefined) {
|
||||
this.$nextTick(function () {
|
||||
_this2.internalCurrentPage = newVal;
|
||||
if (oldVal !== newVal) {
|
||||
_this2.$emit('current-change', _this2.internalCurrentPage);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
this.$emit('current-change', this.internalCurrentPage);
|
||||
}
|
||||
},
|
||||
internalPageCount: function internalPageCount(newVal) {
|
||||
/* istanbul ignore if */
|
||||
var oldPage = this.internalCurrentPage;
|
||||
if (newVal > 0 && oldPage === 0) {
|
||||
this.internalCurrentPage = 1;
|
||||
} else if (oldPage > newVal) {
|
||||
this.internalCurrentPage = newVal === 0 ? 1 : newVal;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 220:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(221),
|
||||
/* template */
|
||||
__webpack_require__(222),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 221:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElPager',
|
||||
|
||||
props: {
|
||||
currentPage: Number,
|
||||
|
||||
pageCount: Number
|
||||
},
|
||||
|
||||
watch: {
|
||||
showPrevMore: function showPrevMore(val) {
|
||||
if (!val) this.quickprevIconClass = 'el-icon-more';
|
||||
},
|
||||
showNextMore: function showNextMore(val) {
|
||||
if (!val) this.quicknextIconClass = 'el-icon-more';
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
onPagerClick: function onPagerClick(event) {
|
||||
var target = event.target;
|
||||
if (target.tagName === 'UL') {
|
||||
return;
|
||||
}
|
||||
|
||||
var newPage = Number(event.target.textContent);
|
||||
var pageCount = this.pageCount;
|
||||
var currentPage = this.currentPage;
|
||||
|
||||
if (target.className.indexOf('more') !== -1) {
|
||||
if (target.className.indexOf('quickprev') !== -1) {
|
||||
newPage = currentPage - 5;
|
||||
} else if (target.className.indexOf('quicknext') !== -1) {
|
||||
newPage = currentPage + 5;
|
||||
}
|
||||
}
|
||||
|
||||
/* istanbul ignore if */
|
||||
if (!isNaN(newPage)) {
|
||||
if (newPage < 1) {
|
||||
newPage = 1;
|
||||
}
|
||||
|
||||
if (newPage > pageCount) {
|
||||
newPage = pageCount;
|
||||
}
|
||||
}
|
||||
|
||||
if (newPage !== currentPage) {
|
||||
this.$emit('change', newPage);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
pagers: function pagers() {
|
||||
var pagerCount = 7;
|
||||
|
||||
var currentPage = Number(this.currentPage);
|
||||
var pageCount = Number(this.pageCount);
|
||||
|
||||
var showPrevMore = false;
|
||||
var showNextMore = false;
|
||||
|
||||
if (pageCount > pagerCount) {
|
||||
if (currentPage > pagerCount - 2) {
|
||||
showPrevMore = true;
|
||||
}
|
||||
|
||||
if (currentPage < pageCount - 2) {
|
||||
showNextMore = true;
|
||||
}
|
||||
}
|
||||
|
||||
var array = [];
|
||||
|
||||
if (showPrevMore && !showNextMore) {
|
||||
var startPage = pageCount - (pagerCount - 2);
|
||||
for (var i = startPage; i < pageCount; i++) {
|
||||
array.push(i);
|
||||
}
|
||||
} else if (!showPrevMore && showNextMore) {
|
||||
for (var _i = 2; _i < pagerCount; _i++) {
|
||||
array.push(_i);
|
||||
}
|
||||
} else if (showPrevMore && showNextMore) {
|
||||
var offset = Math.floor(pagerCount / 2) - 1;
|
||||
for (var _i2 = currentPage - offset; _i2 <= currentPage + offset; _i2++) {
|
||||
array.push(_i2);
|
||||
}
|
||||
} else {
|
||||
for (var _i3 = 2; _i3 < pageCount; _i3++) {
|
||||
array.push(_i3);
|
||||
}
|
||||
}
|
||||
|
||||
this.showPrevMore = showPrevMore;
|
||||
this.showNextMore = showNextMore;
|
||||
|
||||
return array;
|
||||
}
|
||||
},
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
current: null,
|
||||
showPrevMore: false,
|
||||
showNextMore: false,
|
||||
quicknextIconClass: 'el-icon-more',
|
||||
quickprevIconClass: 'el-icon-more'
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 222:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('ul', {
|
||||
staticClass: "el-pager",
|
||||
on: {
|
||||
"click": _vm.onPagerClick
|
||||
}
|
||||
}, [(_vm.pageCount > 0) ? _c('li', {
|
||||
staticClass: "number",
|
||||
class: {
|
||||
active: _vm.currentPage === 1
|
||||
}
|
||||
}, [_vm._v("1")]) : _vm._e(), (_vm.showPrevMore) ? _c('li', {
|
||||
staticClass: "el-icon more btn-quickprev",
|
||||
class: [_vm.quickprevIconClass],
|
||||
on: {
|
||||
"mouseenter": function($event) {
|
||||
_vm.quickprevIconClass = 'el-icon-d-arrow-left'
|
||||
},
|
||||
"mouseleave": function($event) {
|
||||
_vm.quickprevIconClass = 'el-icon-more'
|
||||
}
|
||||
}
|
||||
}) : _vm._e(), _vm._l((_vm.pagers), function(pager) {
|
||||
return _c('li', {
|
||||
staticClass: "number",
|
||||
class: {
|
||||
active: _vm.currentPage === pager
|
||||
}
|
||||
}, [_vm._v(_vm._s(pager))])
|
||||
}), (_vm.showNextMore) ? _c('li', {
|
||||
staticClass: "el-icon more btn-quicknext",
|
||||
class: [_vm.quicknextIconClass],
|
||||
on: {
|
||||
"mouseenter": function($event) {
|
||||
_vm.quicknextIconClass = 'el-icon-d-arrow-right'
|
||||
},
|
||||
"mouseleave": function($event) {
|
||||
_vm.quicknextIconClass = 'el-icon-more'
|
||||
}
|
||||
}
|
||||
}) : _vm._e(), (_vm.pageCount > 1) ? _c('li', {
|
||||
staticClass: "number",
|
||||
class: {
|
||||
active: _vm.currentPage === _vm.pageCount
|
||||
}
|
||||
}, [_vm._v(_vm._s(_vm.pageCount))]) : _vm._e()], 2)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 223:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/select");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 224:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/option");
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -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;
|
||||
}
|
||||
};
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,349 @@
|
|||
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__(230);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 230:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _progress = __webpack_require__(231);
|
||||
|
||||
var _progress2 = _interopRequireDefault(_progress);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_progress2.default.install = function (Vue) {
|
||||
Vue.component(_progress2.default.name, _progress2.default);
|
||||
};
|
||||
|
||||
exports.default = _progress2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 231:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(232),
|
||||
/* template */
|
||||
__webpack_require__(233),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 232:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElProgress',
|
||||
props: {
|
||||
type: {
|
||||
type: String,
|
||||
default: 'line',
|
||||
validator: function validator(val) {
|
||||
return ['line', 'circle'].indexOf(val) > -1;
|
||||
}
|
||||
},
|
||||
percentage: {
|
||||
type: Number,
|
||||
default: 0,
|
||||
required: true,
|
||||
validator: function validator(val) {
|
||||
return val >= 0 && val <= 100;
|
||||
}
|
||||
},
|
||||
status: {
|
||||
type: String
|
||||
},
|
||||
strokeWidth: {
|
||||
type: Number,
|
||||
default: 6
|
||||
},
|
||||
textInside: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
width: {
|
||||
type: Number,
|
||||
default: 126
|
||||
},
|
||||
showText: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
barStyle: function barStyle() {
|
||||
var style = {};
|
||||
style.width = this.percentage + '%';
|
||||
return style;
|
||||
},
|
||||
relativeStrokeWidth: function relativeStrokeWidth() {
|
||||
return (this.strokeWidth / this.width * 100).toFixed(1);
|
||||
},
|
||||
trackPath: function trackPath() {
|
||||
var radius = parseInt(50 - parseFloat(this.relativeStrokeWidth) / 2, 10);
|
||||
|
||||
return 'M 50 50 m 0 -' + radius + ' a ' + radius + ' ' + radius + ' 0 1 1 0 ' + radius * 2 + ' a ' + radius + ' ' + radius + ' 0 1 1 0 -' + radius * 2;
|
||||
},
|
||||
perimeter: function perimeter() {
|
||||
var radius = 50 - parseFloat(this.relativeStrokeWidth) / 2;
|
||||
return 2 * Math.PI * radius;
|
||||
},
|
||||
circlePathStyle: function circlePathStyle() {
|
||||
var perimeter = this.perimeter;
|
||||
return {
|
||||
strokeDasharray: perimeter + 'px,' + perimeter + 'px',
|
||||
strokeDashoffset: (1 - this.percentage / 100) * perimeter + 'px',
|
||||
transition: 'stroke-dashoffset 0.6s ease 0s, stroke 0.6s ease'
|
||||
};
|
||||
},
|
||||
stroke: function stroke() {
|
||||
var ret;
|
||||
switch (this.status) {
|
||||
case 'success':
|
||||
ret = '#13ce66';
|
||||
break;
|
||||
case 'exception':
|
||||
ret = '#ff4949';
|
||||
break;
|
||||
default:
|
||||
ret = '#20a0ff';
|
||||
}
|
||||
return ret;
|
||||
},
|
||||
iconClass: function iconClass() {
|
||||
if (this.type === 'line') {
|
||||
return this.status === 'success' ? 'el-icon-circle-check' : 'el-icon-circle-cross';
|
||||
} else {
|
||||
return this.status === 'success' ? 'el-icon-check' : 'el-icon-close';
|
||||
}
|
||||
},
|
||||
progressTextSize: function progressTextSize() {
|
||||
return this.type === 'line' ? 12 + this.strokeWidth * 0.4 : this.width * 0.111111 + 2;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 233:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "el-progress",
|
||||
class: [
|
||||
'el-progress--' + _vm.type,
|
||||
_vm.status ? 'is-' + _vm.status : '', {
|
||||
'el-progress--without-text': !_vm.showText,
|
||||
'el-progress--text-inside': _vm.textInside,
|
||||
}
|
||||
]
|
||||
}, [(_vm.type === 'line') ? _c('div', {
|
||||
staticClass: "el-progress-bar"
|
||||
}, [_c('div', {
|
||||
staticClass: "el-progress-bar__outer",
|
||||
style: ({
|
||||
height: _vm.strokeWidth + 'px'
|
||||
})
|
||||
}, [_c('div', {
|
||||
staticClass: "el-progress-bar__inner",
|
||||
style: (_vm.barStyle)
|
||||
}, [(_vm.showText && _vm.textInside) ? _c('div', {
|
||||
staticClass: "el-progress-bar__innerText"
|
||||
}, [_vm._v(_vm._s(_vm.percentage) + "%")]) : _vm._e()])])]) : _c('div', {
|
||||
staticClass: "el-progress-circle",
|
||||
style: ({
|
||||
height: _vm.width + 'px',
|
||||
width: _vm.width + 'px'
|
||||
})
|
||||
}, [_c('svg', {
|
||||
attrs: {
|
||||
"viewBox": "0 0 100 100"
|
||||
}
|
||||
}, [_c('path', {
|
||||
staticClass: "el-progress-circle__track",
|
||||
attrs: {
|
||||
"d": _vm.trackPath,
|
||||
"stroke": "#e5e9f2",
|
||||
"stroke-width": _vm.relativeStrokeWidth,
|
||||
"fill": "none"
|
||||
}
|
||||
}), _c('path', {
|
||||
staticClass: "el-progress-circle__path",
|
||||
style: (_vm.circlePathStyle),
|
||||
attrs: {
|
||||
"d": _vm.trackPath,
|
||||
"stroke-linecap": "round",
|
||||
"stroke": _vm.stroke,
|
||||
"stroke-width": _vm.relativeStrokeWidth,
|
||||
"fill": "none"
|
||||
}
|
||||
})])]), (_vm.showText && !_vm.textInside) ? _c('div', {
|
||||
staticClass: "el-progress__text",
|
||||
style: ({
|
||||
fontSize: _vm.progressTextSize + 'px'
|
||||
})
|
||||
}, [(!_vm.status) ? [_vm._v(_vm._s(_vm.percentage) + "%")] : _c('i', {
|
||||
class: _vm.iconClass
|
||||
})], 2) : _vm._e()])
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,267 @@
|
|||
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__(238);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 238:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _radioButton = __webpack_require__(239);
|
||||
|
||||
var _radioButton2 = _interopRequireDefault(_radioButton);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_radioButton2.default.install = function (Vue) {
|
||||
Vue.component(_radioButton2.default.name, _radioButton2.default);
|
||||
};
|
||||
|
||||
exports.default = _radioButton2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 239:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(240),
|
||||
/* template */
|
||||
__webpack_require__(241),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 240:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElRadioButton',
|
||||
|
||||
props: {
|
||||
label: {},
|
||||
disabled: Boolean,
|
||||
name: String
|
||||
},
|
||||
computed: {
|
||||
value: {
|
||||
get: function get() {
|
||||
return this._radioGroup.value;
|
||||
},
|
||||
set: function set(value) {
|
||||
this._radioGroup.$emit('input', value);
|
||||
}
|
||||
},
|
||||
_radioGroup: function _radioGroup() {
|
||||
var parent = this.$parent;
|
||||
while (parent) {
|
||||
if (parent.$options.componentName !== 'ElRadioGroup') {
|
||||
parent = parent.$parent;
|
||||
} else {
|
||||
return parent;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
},
|
||||
activeStyle: function activeStyle() {
|
||||
return {
|
||||
backgroundColor: this._radioGroup.fill || '',
|
||||
borderColor: this._radioGroup.fill || '',
|
||||
color: this._radioGroup.textColor || ''
|
||||
};
|
||||
},
|
||||
size: function size() {
|
||||
return this._radioGroup.size;
|
||||
},
|
||||
isDisabled: function isDisabled() {
|
||||
return this.disabled || this._radioGroup.disabled;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 241:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('label', {
|
||||
staticClass: "el-radio-button",
|
||||
class: [
|
||||
_vm.size ? 'el-radio-button--' + _vm.size : '', {
|
||||
'is-active': _vm.value === _vm.label
|
||||
}, {
|
||||
'is-disabled': _vm.isDisabled
|
||||
}
|
||||
]
|
||||
}, [_c('input', {
|
||||
directives: [{
|
||||
name: "model",
|
||||
rawName: "v-model",
|
||||
value: (_vm.value),
|
||||
expression: "value"
|
||||
}],
|
||||
staticClass: "el-radio-button__orig-radio",
|
||||
attrs: {
|
||||
"type": "radio",
|
||||
"name": _vm.name,
|
||||
"disabled": _vm.isDisabled
|
||||
},
|
||||
domProps: {
|
||||
"value": _vm.label,
|
||||
"checked": _vm._q(_vm.value, _vm.label)
|
||||
},
|
||||
on: {
|
||||
"change": function($event) {
|
||||
_vm.value = _vm.label
|
||||
}
|
||||
}
|
||||
}), _c('span', {
|
||||
staticClass: "el-radio-button__inner",
|
||||
style: (_vm.value === _vm.label ? _vm.activeStyle : null)
|
||||
}, [_vm._t("default"), (!_vm.$slots.default) ? [_vm._v(_vm._s(_vm.label))] : _vm._e()], 2)])
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,208 @@
|
|||
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__(242);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 14:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/mixins/emitter");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 242:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _radioGroup = __webpack_require__(243);
|
||||
|
||||
var _radioGroup2 = _interopRequireDefault(_radioGroup);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_radioGroup2.default.install = function (Vue) {
|
||||
Vue.component(_radioGroup2.default.name, _radioGroup2.default);
|
||||
};
|
||||
|
||||
exports.default = _radioGroup2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 243:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(244),
|
||||
/* template */
|
||||
__webpack_require__(245),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 244:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _emitter = __webpack_require__(14);
|
||||
|
||||
var _emitter2 = _interopRequireDefault(_emitter);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'ElRadioGroup',
|
||||
|
||||
componentName: 'ElRadioGroup',
|
||||
|
||||
mixins: [_emitter2.default],
|
||||
|
||||
props: {
|
||||
value: {},
|
||||
size: String,
|
||||
fill: String,
|
||||
textColor: String,
|
||||
disabled: Boolean
|
||||
},
|
||||
watch: {
|
||||
value: function value(_value) {
|
||||
this.$emit('change', _value);
|
||||
this.dispatch('ElFormItem', 'el.form.change', [this.value]);
|
||||
}
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 245:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "el-radio-group"
|
||||
}, [_vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,301 @@
|
|||
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__(234);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 14:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/mixins/emitter");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 234:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _radio = __webpack_require__(235);
|
||||
|
||||
var _radio2 = _interopRequireDefault(_radio);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_radio2.default.install = function (Vue) {
|
||||
Vue.component('el-radio', _radio2.default);
|
||||
};
|
||||
|
||||
exports.default = _radio2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 235:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(236),
|
||||
/* template */
|
||||
__webpack_require__(237),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 236:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _emitter = __webpack_require__(14);
|
||||
|
||||
var _emitter2 = _interopRequireDefault(_emitter);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'ElRadio',
|
||||
|
||||
mixins: [_emitter2.default],
|
||||
|
||||
componentName: 'ElRadio',
|
||||
|
||||
props: {
|
||||
value: {},
|
||||
label: {},
|
||||
disabled: Boolean,
|
||||
name: String
|
||||
},
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
focus: false
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
computed: {
|
||||
isGroup: function isGroup() {
|
||||
var parent = this.$parent;
|
||||
while (parent) {
|
||||
if (parent.$options.componentName !== 'ElRadioGroup') {
|
||||
parent = parent.$parent;
|
||||
} else {
|
||||
this._radioGroup = parent;
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
},
|
||||
|
||||
|
||||
model: {
|
||||
get: function get() {
|
||||
return this.isGroup ? this._radioGroup.value : this.value;
|
||||
},
|
||||
set: function set(val) {
|
||||
if (this.isGroup) {
|
||||
this.dispatch('ElRadioGroup', 'input', [val]);
|
||||
} else {
|
||||
this.$emit('input', val);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
isDisabled: function isDisabled() {
|
||||
return this.isGroup ? this._radioGroup.disabled || this.disabled : this.disabled;
|
||||
}
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 237:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('label', {
|
||||
staticClass: "el-radio"
|
||||
}, [_c('span', {
|
||||
staticClass: "el-radio__input",
|
||||
class: {
|
||||
'is-disabled': _vm.isDisabled,
|
||||
'is-checked': _vm.model === _vm.label,
|
||||
'is-focus': _vm.focus
|
||||
}
|
||||
}, [_c('span', {
|
||||
staticClass: "el-radio__inner"
|
||||
}), _c('input', {
|
||||
directives: [{
|
||||
name: "model",
|
||||
rawName: "v-model",
|
||||
value: (_vm.model),
|
||||
expression: "model"
|
||||
}],
|
||||
staticClass: "el-radio__original",
|
||||
attrs: {
|
||||
"type": "radio",
|
||||
"name": _vm.name,
|
||||
"disabled": _vm.isDisabled
|
||||
},
|
||||
domProps: {
|
||||
"value": _vm.label,
|
||||
"checked": _vm._q(_vm.model, _vm.label)
|
||||
},
|
||||
on: {
|
||||
"focus": function($event) {
|
||||
_vm.focus = true
|
||||
},
|
||||
"blur": function($event) {
|
||||
_vm.focus = false
|
||||
},
|
||||
"change": function($event) {
|
||||
_vm.model = _vm.label
|
||||
}
|
||||
}
|
||||
})]), _c('span', {
|
||||
staticClass: "el-radio__label"
|
||||
}, [_vm._t("default"), (!_vm.$slots.default) ? [_vm._v(_vm._s(_vm.label))] : _vm._e()], 2)])
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,469 @@
|
|||
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__(246);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 117:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/dom");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 246:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _main = __webpack_require__(247);
|
||||
|
||||
var _main2 = _interopRequireDefault(_main);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_main2.default.install = function (Vue) {
|
||||
Vue.component(_main2.default.name, _main2.default);
|
||||
};
|
||||
|
||||
exports.default = _main2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 247:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(248),
|
||||
/* template */
|
||||
__webpack_require__(249),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 248:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _dom = __webpack_require__(117);
|
||||
|
||||
exports.default = {
|
||||
name: 'ElRate',
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
classMap: {},
|
||||
colorMap: {},
|
||||
pointerAtLeftHalf: false,
|
||||
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,
|
||||
default: function _default() {
|
||||
return ['#F7BA2A', '#F7BA2A', '#F7BA2A'];
|
||||
}
|
||||
},
|
||||
voidColor: {
|
||||
type: String,
|
||||
default: '#C6D1DE'
|
||||
},
|
||||
disabledVoidColor: {
|
||||
type: String,
|
||||
default: '#EFF2F7'
|
||||
},
|
||||
iconClasses: {
|
||||
type: Array,
|
||||
default: function _default() {
|
||||
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: false
|
||||
},
|
||||
allowHalf: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
showText: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
textColor: {
|
||||
type: String,
|
||||
default: '#1f2d3d'
|
||||
},
|
||||
texts: {
|
||||
type: Array,
|
||||
default: function _default() {
|
||||
return ['极差', '失望', '一般', '满意', '惊喜'];
|
||||
}
|
||||
},
|
||||
textTemplate: {
|
||||
type: String,
|
||||
default: '{value}'
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
text: function text() {
|
||||
var result = '';
|
||||
if (this.disabled) {
|
||||
result = this.textTemplate.replace(/\{\s*value\s*\}/, this.value);
|
||||
} else {
|
||||
result = this.texts[Math.ceil(this.currentValue) - 1];
|
||||
}
|
||||
return result;
|
||||
},
|
||||
decimalStyle: function decimalStyle() {
|
||||
var width = '';
|
||||
if (this.disabled) {
|
||||
width = (this.valueDecimal < 50 ? 0 : 50) + '%';
|
||||
}
|
||||
if (this.allowHalf) {
|
||||
width = '50%';
|
||||
}
|
||||
return {
|
||||
color: this.activeColor,
|
||||
width: width
|
||||
};
|
||||
},
|
||||
valueDecimal: function valueDecimal() {
|
||||
return this.value * 100 - Math.floor(this.value) * 100;
|
||||
},
|
||||
decimalIconClass: function decimalIconClass() {
|
||||
return this.getValueFromMap(this.value, this.classMap);
|
||||
},
|
||||
voidClass: function voidClass() {
|
||||
return this.disabled ? this.classMap.disabledVoidClass : this.classMap.voidClass;
|
||||
},
|
||||
activeClass: function activeClass() {
|
||||
return this.getValueFromMap(this.currentValue, this.classMap);
|
||||
},
|
||||
activeColor: function activeColor() {
|
||||
return this.getValueFromMap(this.currentValue, this.colorMap);
|
||||
},
|
||||
classes: function classes() {
|
||||
var result = [];
|
||||
var i = 0;
|
||||
var threshold = this.currentValue;
|
||||
if (this.allowHalf && this.currentValue !== Math.floor(this.currentValue)) {
|
||||
threshold--;
|
||||
}
|
||||
for (; i < threshold; i++) {
|
||||
result.push(this.activeClass);
|
||||
}
|
||||
for (; i < this.max; i++) {
|
||||
result.push(this.voidClass);
|
||||
}
|
||||
return result;
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
value: function value(val) {
|
||||
this.$emit('change', val);
|
||||
this.currentValue = val;
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
getValueFromMap: function getValueFromMap(value, map) {
|
||||
var result = '';
|
||||
if (value <= this.lowThreshold) {
|
||||
result = map.lowColor || map.lowClass;
|
||||
} else if (value >= this.highThreshold) {
|
||||
result = map.highColor || map.highClass;
|
||||
} else {
|
||||
result = map.mediumColor || map.mediumClass;
|
||||
}
|
||||
return result;
|
||||
},
|
||||
showDecimalIcon: function showDecimalIcon(item) {
|
||||
var showWhenDisabled = this.disabled && this.valueDecimal > 0 && item - 1 < this.value && item > this.value;
|
||||
/* istanbul ignore next */
|
||||
var showWhenAllowHalf = this.allowHalf && this.pointerAtLeftHalf && (item - 0.5).toFixed(1) === this.currentValue.toFixed(1);
|
||||
return showWhenDisabled || showWhenAllowHalf;
|
||||
},
|
||||
getIconStyle: function getIconStyle(item) {
|
||||
var voidColor = this.disabled ? this.colorMap.disabledVoidColor : this.colorMap.voidColor;
|
||||
return {
|
||||
color: item <= this.currentValue ? this.activeColor : voidColor
|
||||
};
|
||||
},
|
||||
selectValue: function selectValue(value) {
|
||||
if (this.disabled) {
|
||||
return;
|
||||
}
|
||||
if (this.allowHalf && this.pointerAtLeftHalf) {
|
||||
this.$emit('input', this.currentValue);
|
||||
} else {
|
||||
this.$emit('input', value);
|
||||
}
|
||||
},
|
||||
setCurrentValue: function setCurrentValue(value, event) {
|
||||
if (this.disabled) {
|
||||
return;
|
||||
}
|
||||
/* istanbul ignore if */
|
||||
if (this.allowHalf) {
|
||||
var target = event.target;
|
||||
if ((0, _dom.hasClass)(target, 'el-rate__item')) {
|
||||
target = target.querySelector('.el-rate__icon');
|
||||
}
|
||||
if ((0, _dom.hasClass)(target, 'el-rate__decimal')) {
|
||||
target = target.parentNode;
|
||||
}
|
||||
this.pointerAtLeftHalf = event.offsetX * 2 <= target.clientWidth;
|
||||
this.currentValue = this.pointerAtLeftHalf ? value - 0.5 : value;
|
||||
} else {
|
||||
this.currentValue = value;
|
||||
}
|
||||
this.hoverIndex = value;
|
||||
},
|
||||
resetCurrentValue: function resetCurrentValue() {
|
||||
if (this.disabled) {
|
||||
return;
|
||||
}
|
||||
if (this.allowHalf) {
|
||||
this.pointerAtLeftHalf = this.value !== Math.floor(this.value);
|
||||
}
|
||||
this.currentValue = this.value;
|
||||
this.hoverIndex = -1;
|
||||
}
|
||||
},
|
||||
|
||||
created: function created() {
|
||||
if (!this.value) {
|
||||
this.$emit('input', 0);
|
||||
}
|
||||
this.classMap = {
|
||||
lowClass: this.iconClasses[0],
|
||||
mediumClass: this.iconClasses[1],
|
||||
highClass: this.iconClasses[2],
|
||||
voidClass: this.voidIconClass,
|
||||
disabledVoidClass: this.disabledVoidIconClass
|
||||
};
|
||||
this.colorMap = {
|
||||
lowColor: this.colors[0],
|
||||
mediumColor: this.colors[1],
|
||||
highColor: this.colors[2],
|
||||
voidColor: this.voidColor,
|
||||
disabledVoidColor: this.disabledVoidColor
|
||||
};
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 249:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "el-rate"
|
||||
}, [_vm._l((_vm.max), function(item) {
|
||||
return _c('span', {
|
||||
staticClass: "el-rate__item",
|
||||
style: ({
|
||||
cursor: _vm.disabled ? 'auto' : 'pointer'
|
||||
}),
|
||||
on: {
|
||||
"mousemove": function($event) {
|
||||
_vm.setCurrentValue(item, $event)
|
||||
},
|
||||
"mouseleave": _vm.resetCurrentValue,
|
||||
"click": function($event) {
|
||||
_vm.selectValue(item)
|
||||
}
|
||||
}
|
||||
}, [_c('i', {
|
||||
staticClass: "el-rate__icon",
|
||||
class: [_vm.classes[item - 1], {
|
||||
'hover': _vm.hoverIndex === item
|
||||
}],
|
||||
style: (_vm.getIconStyle(item))
|
||||
}, [(_vm.showDecimalIcon(item)) ? _c('i', {
|
||||
staticClass: "el-rate__decimal",
|
||||
class: _vm.decimalIconClass,
|
||||
style: (_vm.decimalStyle)
|
||||
}) : _vm._e()])])
|
||||
}), (_vm.showText) ? _c('span', {
|
||||
staticClass: "el-rate__text",
|
||||
style: ({
|
||||
color: _vm.textColor
|
||||
})
|
||||
}, [_vm._v(_vm._s(_vm.text))]) : _vm._e()], 2)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,221 @@
|
|||
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__(250);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 250:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _row = __webpack_require__(251);
|
||||
|
||||
var _row2 = _interopRequireDefault(_row);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_row2.default.install = function (Vue) {
|
||||
Vue.component(_row2.default.name, _row2.default);
|
||||
};
|
||||
|
||||
exports.default = _row2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 251:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(252),
|
||||
/* template */
|
||||
__webpack_require__(253),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 252:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElRow',
|
||||
|
||||
props: {
|
||||
gutter: Number,
|
||||
type: String,
|
||||
justify: {
|
||||
type: String,
|
||||
default: 'start'
|
||||
},
|
||||
align: {
|
||||
type: String,
|
||||
default: 'top'
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
style: function style() {
|
||||
var ret = {};
|
||||
|
||||
if (this.gutter) {
|
||||
ret.marginLeft = '-' + this.gutter / 2 + 'px';
|
||||
ret.marginRight = ret.marginLeft;
|
||||
}
|
||||
|
||||
return ret;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 253:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "el-row",
|
||||
class: [
|
||||
_vm.justify !== 'start' ? 'is-justify-' + _vm.justify : '',
|
||||
_vm.align !== 'top' ? 'is-align-' + _vm.align : '', {
|
||||
'el-row--flex': _vm.type === 'flex'
|
||||
}
|
||||
],
|
||||
style: (_vm.style)
|
||||
}, [_vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,422 @@
|
|||
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__(254);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 47:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/resize-event");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 117:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/dom");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 254:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _main = __webpack_require__(255);
|
||||
|
||||
var _main2 = _interopRequireDefault(_main);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_main2.default.install = function (Vue) {
|
||||
Vue.component(_main2.default.name, _main2.default);
|
||||
};
|
||||
|
||||
exports.default = _main2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 255:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _resizeEvent = __webpack_require__(47);
|
||||
|
||||
var _scrollbarWidth = __webpack_require__(256);
|
||||
|
||||
var _scrollbarWidth2 = _interopRequireDefault(_scrollbarWidth);
|
||||
|
||||
var _util = __webpack_require__(257);
|
||||
|
||||
var _bar = __webpack_require__(258);
|
||||
|
||||
var _bar2 = _interopRequireDefault(_bar);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
// reference https://github.com/noeldelgado/gemini-scrollbar/blob/master/index.js
|
||||
|
||||
exports.default = {
|
||||
name: 'ElScrollbar',
|
||||
|
||||
components: { Bar: _bar2.default },
|
||||
|
||||
props: {
|
||||
native: Boolean,
|
||||
wrapStyle: {},
|
||||
wrapClass: {},
|
||||
viewClass: {},
|
||||
viewStyle: {},
|
||||
noresize: Boolean, // 如果 container 尺寸不会发生变化,最好设置它可以优化性能
|
||||
tag: {
|
||||
type: String,
|
||||
default: 'div'
|
||||
}
|
||||
},
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
sizeWidth: '0',
|
||||
sizeHeight: '0',
|
||||
moveX: 0,
|
||||
moveY: 0
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
computed: {
|
||||
wrap: function wrap() {
|
||||
return this.$refs.wrap;
|
||||
}
|
||||
},
|
||||
|
||||
render: function render(h) {
|
||||
var gutter = (0, _scrollbarWidth2.default)();
|
||||
var style = this.wrapStyle;
|
||||
|
||||
if (gutter) {
|
||||
var gutterWith = '-' + gutter + 'px';
|
||||
var gutterStyle = 'margin-bottom: ' + gutterWith + '; margin-right: ' + gutterWith + ';';
|
||||
|
||||
if (Array.isArray(this.wrapStyle)) {
|
||||
style = (0, _util.toObject)(this.wrapStyle);
|
||||
style.marginRight = style.marginBottom = gutterWith;
|
||||
} else if (typeof this.wrapStyle === 'string') {
|
||||
style += gutterStyle;
|
||||
} else {
|
||||
style = gutterStyle;
|
||||
}
|
||||
}
|
||||
var view = h(this.tag, {
|
||||
class: ['el-scrollbar__view', this.viewClass],
|
||||
style: this.viewStyle,
|
||||
ref: 'resize'
|
||||
}, this.$slots.default);
|
||||
var wrap = h(
|
||||
'div',
|
||||
{
|
||||
ref: 'wrap',
|
||||
style: style,
|
||||
on: {
|
||||
'scroll': this.handleScroll
|
||||
},
|
||||
|
||||
'class': [this.wrapClass, 'el-scrollbar__wrap', gutter ? '' : 'el-scrollbar__wrap--hidden-default'] },
|
||||
[[view]]
|
||||
);
|
||||
var nodes = void 0;
|
||||
|
||||
if (!this.native) {
|
||||
nodes = [wrap, h(
|
||||
_bar2.default,
|
||||
{
|
||||
attrs: {
|
||||
move: this.moveX,
|
||||
size: this.sizeWidth }
|
||||
},
|
||||
[]
|
||||
), h(
|
||||
_bar2.default,
|
||||
{
|
||||
attrs: {
|
||||
vertical: true,
|
||||
move: this.moveY,
|
||||
size: this.sizeHeight }
|
||||
},
|
||||
[]
|
||||
)];
|
||||
} else {
|
||||
nodes = [h(
|
||||
'div',
|
||||
{
|
||||
ref: 'wrap',
|
||||
'class': [this.wrapClass, 'el-scrollbar__wrap'],
|
||||
style: style },
|
||||
[[view]]
|
||||
)];
|
||||
}
|
||||
return h('div', { class: 'el-scrollbar' }, nodes);
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
handleScroll: function handleScroll() {
|
||||
var wrap = this.wrap;
|
||||
|
||||
this.moveY = wrap.scrollTop * 100 / wrap.clientHeight;
|
||||
this.moveX = wrap.scrollLeft * 100 / wrap.clientWidth;
|
||||
},
|
||||
update: function update() {
|
||||
var heightPercentage = void 0,
|
||||
widthPercentage = void 0;
|
||||
var wrap = this.wrap;
|
||||
if (!wrap) return;
|
||||
|
||||
heightPercentage = wrap.clientHeight * 100 / wrap.scrollHeight;
|
||||
widthPercentage = wrap.clientWidth * 100 / wrap.scrollWidth;
|
||||
|
||||
this.sizeHeight = heightPercentage < 100 ? heightPercentage + '%' : '';
|
||||
this.sizeWidth = widthPercentage < 100 ? widthPercentage + '%' : '';
|
||||
}
|
||||
},
|
||||
|
||||
mounted: function mounted() {
|
||||
if (this.native) return;
|
||||
this.$nextTick(this.update);
|
||||
!this.noresize && (0, _resizeEvent.addResizeListener)(this.$refs.resize, this.update);
|
||||
},
|
||||
beforeDestroy: function beforeDestroy() {
|
||||
if (this.native) return;
|
||||
!this.noresize && (0, _resizeEvent.removeResizeListener)(this.$refs.resize, this.update);
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 256:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/scrollbar-width");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 257:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/util");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 258:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _dom = __webpack_require__(117);
|
||||
|
||||
var _util = __webpack_require__(259);
|
||||
|
||||
/* istanbul ignore next */
|
||||
exports.default = {
|
||||
name: 'Bar',
|
||||
|
||||
props: {
|
||||
vertical: Boolean,
|
||||
size: String,
|
||||
move: Number
|
||||
},
|
||||
|
||||
computed: {
|
||||
bar: function bar() {
|
||||
return _util.BAR_MAP[this.vertical ? 'vertical' : 'horizontal'];
|
||||
},
|
||||
wrap: function wrap() {
|
||||
return this.$parent.wrap;
|
||||
}
|
||||
},
|
||||
|
||||
render: function render(h) {
|
||||
var size = this.size,
|
||||
move = this.move,
|
||||
bar = this.bar;
|
||||
|
||||
|
||||
return h(
|
||||
'div',
|
||||
{
|
||||
'class': ['el-scrollbar__bar', 'is-' + bar.key],
|
||||
on: {
|
||||
'mousedown': this.clickTrackHandler
|
||||
}
|
||||
},
|
||||
[h(
|
||||
'div',
|
||||
{
|
||||
ref: 'thumb',
|
||||
'class': 'el-scrollbar__thumb',
|
||||
on: {
|
||||
'mousedown': this.clickThumbHandler
|
||||
},
|
||||
|
||||
style: (0, _util.renderThumbStyle)({ size: size, move: move, bar: bar }) },
|
||||
[]
|
||||
)]
|
||||
);
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
clickThumbHandler: function clickThumbHandler(e) {
|
||||
this.startDrag(e);
|
||||
this[this.bar.axis] = e.currentTarget[this.bar.offset] - (e[this.bar.client] - e.currentTarget.getBoundingClientRect()[this.bar.direction]);
|
||||
},
|
||||
clickTrackHandler: function clickTrackHandler(e) {
|
||||
var offset = Math.abs(e.target.getBoundingClientRect()[this.bar.direction] - e[this.bar.client]);
|
||||
var thumbHalf = this.$refs.thumb[this.bar.offset] / 2;
|
||||
var thumbPositionPercentage = (offset - thumbHalf) * 100 / this.$el[this.bar.offset];
|
||||
|
||||
this.wrap[this.bar.scroll] = thumbPositionPercentage * this.wrap[this.bar.scrollSize] / 100;
|
||||
},
|
||||
startDrag: function startDrag(e) {
|
||||
e.stopImmediatePropagation();
|
||||
this.cursorDown = true;
|
||||
|
||||
(0, _dom.on)(document, 'mousemove', this.mouseMoveDocumentHandler);
|
||||
(0, _dom.on)(document, 'mouseup', this.mouseUpDocumentHandler);
|
||||
document.onselectstart = function () {
|
||||
return false;
|
||||
};
|
||||
},
|
||||
mouseMoveDocumentHandler: function mouseMoveDocumentHandler(e) {
|
||||
if (this.cursorDown === false) return;
|
||||
var prevPage = this[this.bar.axis];
|
||||
|
||||
if (!prevPage) return;
|
||||
|
||||
var offset = (this.$el.getBoundingClientRect()[this.bar.direction] - e[this.bar.client]) * -1;
|
||||
var thumbClickPosition = this.$refs.thumb[this.bar.offset] - prevPage;
|
||||
var thumbPositionPercentage = (offset - thumbClickPosition) * 100 / this.$el[this.bar.offset];
|
||||
|
||||
this.wrap[this.bar.scroll] = thumbPositionPercentage * this.wrap[this.bar.scrollSize] / 100;
|
||||
},
|
||||
mouseUpDocumentHandler: function mouseUpDocumentHandler(e) {
|
||||
this.cursorDown = false;
|
||||
this[this.bar.axis] = 0;
|
||||
(0, _dom.off)(document, 'mousemove', this.mouseMoveDocumentHandler);
|
||||
document.onselectstart = null;
|
||||
}
|
||||
},
|
||||
|
||||
destroyed: function destroyed() {
|
||||
(0, _dom.off)(document, 'mouseup', this.mouseUpDocumentHandler);
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 259:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.renderThumbStyle = renderThumbStyle;
|
||||
var BAR_MAP = exports.BAR_MAP = {
|
||||
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'
|
||||
}
|
||||
};
|
||||
|
||||
function renderThumbStyle(_ref) {
|
||||
var move = _ref.move,
|
||||
size = _ref.size,
|
||||
bar = _ref.bar;
|
||||
|
||||
var style = {};
|
||||
var translate = 'translate' + bar.axis + '(' + move + '%)';
|
||||
|
||||
style[bar.size] = size;
|
||||
style.transform = translate;
|
||||
style.msTransform = translate;
|
||||
style.webkitTransform = translate;
|
||||
|
||||
return style;
|
||||
};
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
File diff suppressed because it is too large
Load Diff
|
@ -0,0 +1,790 @@
|
|||
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__(268);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 14:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/mixins/emitter");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 117:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/dom");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 268:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _main = __webpack_require__(269);
|
||||
|
||||
var _main2 = _interopRequireDefault(_main);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_main2.default.install = function (Vue) {
|
||||
Vue.component(_main2.default.name, _main2.default);
|
||||
};
|
||||
|
||||
exports.default = _main2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 269:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(270),
|
||||
/* template */
|
||||
__webpack_require__(276),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 270:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _inputNumber = __webpack_require__(271);
|
||||
|
||||
var _inputNumber2 = _interopRequireDefault(_inputNumber);
|
||||
|
||||
var _button = __webpack_require__(272);
|
||||
|
||||
var _button2 = _interopRequireDefault(_button);
|
||||
|
||||
var _dom = __webpack_require__(117);
|
||||
|
||||
var _emitter = __webpack_require__(14);
|
||||
|
||||
var _emitter2 = _interopRequireDefault(_emitter);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElSlider',
|
||||
|
||||
mixins: [_emitter2.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: false
|
||||
},
|
||||
showInputControls: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
showStops: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
showTooltip: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
formatTooltip: Function,
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
range: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
|
||||
components: {
|
||||
ElInputNumber: _inputNumber2.default,
|
||||
SliderButton: _button2.default
|
||||
},
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
firstValue: null,
|
||||
secondValue: null,
|
||||
oldValue: null,
|
||||
dragging: false
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
watch: {
|
||||
value: function value(val, oldVal) {
|
||||
if (this.dragging || Array.isArray(val) && Array.isArray(oldVal) && val.every(function (item, index) {
|
||||
return item === oldVal[index];
|
||||
})) {
|
||||
return;
|
||||
}
|
||||
this.setValues();
|
||||
},
|
||||
dragging: function dragging(val) {
|
||||
if (!val) {
|
||||
this.setValues();
|
||||
}
|
||||
},
|
||||
firstValue: function firstValue(val) {
|
||||
if (this.range) {
|
||||
this.$emit('input', [this.minValue, this.maxValue]);
|
||||
} else {
|
||||
this.$emit('input', val);
|
||||
}
|
||||
},
|
||||
secondValue: function secondValue() {
|
||||
if (this.range) {
|
||||
this.$emit('input', [this.minValue, this.maxValue]);
|
||||
}
|
||||
},
|
||||
min: function min() {
|
||||
this.setValues();
|
||||
},
|
||||
max: function max() {
|
||||
this.setValues();
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
valueChanged: function valueChanged() {
|
||||
var _this = this;
|
||||
|
||||
if (this.range) {
|
||||
return ![this.minValue, this.maxValue].every(function (item, index) {
|
||||
return item === _this.oldValue[index];
|
||||
});
|
||||
} else {
|
||||
return this.value !== this.oldValue;
|
||||
}
|
||||
},
|
||||
setValues: function setValues() {
|
||||
var val = this.value;
|
||||
if (this.range && Array.isArray(val)) {
|
||||
if (val[1] < this.min) {
|
||||
this.$emit('input', [this.min, this.min]);
|
||||
} else if (val[0] > this.max) {
|
||||
this.$emit('input', [this.max, this.max]);
|
||||
} else if (val[0] < this.min) {
|
||||
this.$emit('input', [this.min, val[1]]);
|
||||
} else if (val[1] > this.max) {
|
||||
this.$emit('input', [val[0], this.max]);
|
||||
} else {
|
||||
this.firstValue = val[0];
|
||||
this.secondValue = val[1];
|
||||
if (this.valueChanged()) {
|
||||
this.$emit('change', [this.minValue, this.maxValue]);
|
||||
this.dispatch('ElFormItem', 'el.form.change', [this.minValue, this.maxValue]);
|
||||
this.oldValue = val.slice();
|
||||
}
|
||||
}
|
||||
} else if (!this.range && typeof val === 'number' && !isNaN(val)) {
|
||||
if (val < this.min) {
|
||||
this.$emit('input', this.min);
|
||||
} else if (val > this.max) {
|
||||
this.$emit('input', this.max);
|
||||
} else {
|
||||
this.firstValue = val;
|
||||
if (this.valueChanged()) {
|
||||
this.$emit('change', val);
|
||||
this.dispatch('ElFormItem', 'el.form.change', val);
|
||||
this.oldValue = val;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
setPosition: function setPosition(percent) {
|
||||
var targetValue = this.min + percent * (this.max - this.min) / 100;
|
||||
if (!this.range) {
|
||||
this.$refs.button1.setPosition(percent);
|
||||
return;
|
||||
}
|
||||
var button = void 0;
|
||||
if (Math.abs(this.minValue - targetValue) < Math.abs(this.maxValue - targetValue)) {
|
||||
button = this.firstValue < this.secondValue ? 'button1' : 'button2';
|
||||
} else {
|
||||
button = this.firstValue > this.secondValue ? 'button1' : 'button2';
|
||||
}
|
||||
this.$refs[button].setPosition(percent);
|
||||
},
|
||||
onSliderClick: function onSliderClick(event) {
|
||||
if (this.disabled || this.dragging) return;
|
||||
var sliderOffsetLeft = this.$refs.slider.getBoundingClientRect().left;
|
||||
this.setPosition((event.clientX - sliderOffsetLeft) / this.$sliderWidth * 100);
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
$sliderWidth: function $sliderWidth() {
|
||||
return parseInt((0, _dom.getStyle)(this.$refs.slider, 'width'), 10);
|
||||
},
|
||||
stops: function stops() {
|
||||
var _this2 = this;
|
||||
|
||||
var stopCount = (this.max - this.min) / this.step;
|
||||
var stepWidth = 100 * this.step / (this.max - this.min);
|
||||
var result = [];
|
||||
for (var i = 1; i < stopCount; i++) {
|
||||
result.push(i * stepWidth);
|
||||
}
|
||||
if (this.range) {
|
||||
return result.filter(function (step) {
|
||||
return step < 100 * (_this2.minValue - _this2.min) / (_this2.max - _this2.min) || step > 100 * (_this2.maxValue - _this2.min) / (_this2.max - _this2.min);
|
||||
});
|
||||
} else {
|
||||
return result.filter(function (step) {
|
||||
return step > 100 * (_this2.firstValue - _this2.min) / (_this2.max - _this2.min);
|
||||
});
|
||||
}
|
||||
},
|
||||
minValue: function minValue() {
|
||||
return Math.min(this.firstValue, this.secondValue);
|
||||
},
|
||||
maxValue: function maxValue() {
|
||||
return Math.max(this.firstValue, this.secondValue);
|
||||
},
|
||||
barWidth: function barWidth() {
|
||||
return this.range ? 100 * (this.maxValue - this.minValue) / (this.max - this.min) + '%' : 100 * (this.firstValue - this.min) / (this.max - this.min) + '%';
|
||||
},
|
||||
barLeft: function barLeft() {
|
||||
return this.range ? 100 * (this.minValue - this.min) / (this.max - this.min) + '%' : '0%';
|
||||
},
|
||||
precision: function precision() {
|
||||
var precisions = [this.min, this.max, this.step].map(function (item) {
|
||||
var decimal = ('' + item).split('.')[1];
|
||||
return decimal ? decimal.length : 0;
|
||||
});
|
||||
return Math.max.apply(null, precisions);
|
||||
}
|
||||
},
|
||||
|
||||
mounted: function mounted() {
|
||||
if (this.range) {
|
||||
if (Array.isArray(this.value)) {
|
||||
this.firstValue = Math.max(this.min, this.value[0]);
|
||||
this.secondValue = Math.min(this.max, this.value[1]);
|
||||
} else {
|
||||
this.firstValue = this.min;
|
||||
this.secondValue = this.max;
|
||||
}
|
||||
this.oldValue = [this.firstValue, this.secondValue];
|
||||
} else {
|
||||
if (typeof this.value !== 'number' || isNaN(this.value)) {
|
||||
this.firstValue = this.min;
|
||||
} else {
|
||||
this.firstValue = Math.min(this.max, Math.max(this.min, this.value));
|
||||
}
|
||||
this.oldValue = this.firstValue;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 271:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/input-number");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 272:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(273),
|
||||
/* template */
|
||||
__webpack_require__(275),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 273:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _tooltip = __webpack_require__(274);
|
||||
|
||||
var _tooltip2 = _interopRequireDefault(_tooltip);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'ElSliderButton',
|
||||
|
||||
components: {
|
||||
ElTooltip: _tooltip2.default
|
||||
},
|
||||
|
||||
props: {
|
||||
value: {
|
||||
type: Number,
|
||||
default: 0
|
||||
}
|
||||
},
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
hovering: false,
|
||||
dragging: false,
|
||||
startX: 0,
|
||||
currentX: 0,
|
||||
startPosition: 0,
|
||||
newPosition: null,
|
||||
oldValue: this.value
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
computed: {
|
||||
disabled: function disabled() {
|
||||
return this.$parent.disabled;
|
||||
},
|
||||
max: function max() {
|
||||
return this.$parent.max;
|
||||
},
|
||||
min: function min() {
|
||||
return this.$parent.min;
|
||||
},
|
||||
step: function step() {
|
||||
return this.$parent.step;
|
||||
},
|
||||
showTooltip: function showTooltip() {
|
||||
return this.$parent.showTooltip;
|
||||
},
|
||||
precision: function precision() {
|
||||
return this.$parent.precision;
|
||||
},
|
||||
currentPosition: function currentPosition() {
|
||||
return (this.value - this.min) / (this.max - this.min) * 100 + '%';
|
||||
},
|
||||
enableFormat: function enableFormat() {
|
||||
return this.$parent.formatTooltip instanceof Function;
|
||||
},
|
||||
formatValue: function formatValue() {
|
||||
return this.enableFormat && this.$parent.formatTooltip(this.value) || this.value;
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
dragging: function dragging(val) {
|
||||
this.$parent.dragging = val;
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
displayTooltip: function displayTooltip() {
|
||||
this.$refs.tooltip && (this.$refs.tooltip.showPopper = true);
|
||||
},
|
||||
hideTooltip: function hideTooltip() {
|
||||
this.$refs.tooltip && (this.$refs.tooltip.showPopper = false);
|
||||
},
|
||||
handleMouseEnter: function handleMouseEnter() {
|
||||
this.hovering = true;
|
||||
this.displayTooltip();
|
||||
},
|
||||
handleMouseLeave: function handleMouseLeave() {
|
||||
this.hovering = false;
|
||||
this.hideTooltip();
|
||||
},
|
||||
onButtonDown: function onButtonDown(event) {
|
||||
if (this.disabled) return;
|
||||
event.preventDefault();
|
||||
this.onDragStart(event);
|
||||
window.addEventListener('mousemove', this.onDragging);
|
||||
window.addEventListener('mouseup', this.onDragEnd);
|
||||
window.addEventListener('contextmenu', this.onDragEnd);
|
||||
},
|
||||
onDragStart: function onDragStart(event) {
|
||||
this.dragging = true;
|
||||
this.startX = event.clientX;
|
||||
this.startPosition = parseFloat(this.currentPosition);
|
||||
},
|
||||
onDragging: function onDragging(event) {
|
||||
if (this.dragging) {
|
||||
this.displayTooltip();
|
||||
this.currentX = event.clientX;
|
||||
var diff = (this.currentX - this.startX) / this.$parent.$sliderWidth * 100;
|
||||
this.newPosition = this.startPosition + diff;
|
||||
this.setPosition(this.newPosition);
|
||||
}
|
||||
},
|
||||
onDragEnd: function onDragEnd() {
|
||||
var _this = this;
|
||||
|
||||
if (this.dragging) {
|
||||
/*
|
||||
* 防止在 mouseup 后立即触发 click,导致滑块有几率产生一小段位移
|
||||
* 不使用 preventDefault 是因为 mouseup 和 click 没有注册在同一个 DOM 上
|
||||
*/
|
||||
setTimeout(function () {
|
||||
_this.dragging = false;
|
||||
_this.hideTooltip();
|
||||
_this.setPosition(_this.newPosition);
|
||||
}, 0);
|
||||
window.removeEventListener('mousemove', this.onDragging);
|
||||
window.removeEventListener('mouseup', this.onDragEnd);
|
||||
window.removeEventListener('contextmenu', this.onDragEnd);
|
||||
}
|
||||
},
|
||||
setPosition: function setPosition(newPosition) {
|
||||
if (newPosition < 0) {
|
||||
newPosition = 0;
|
||||
} else if (newPosition > 100) {
|
||||
newPosition = 100;
|
||||
}
|
||||
var lengthPerStep = 100 / ((this.max - this.min) / this.step);
|
||||
var steps = Math.round(newPosition / lengthPerStep);
|
||||
var value = steps * lengthPerStep * (this.max - this.min) * 0.01 + this.min;
|
||||
value = parseFloat(value.toFixed(this.precision));
|
||||
this.$emit('input', value);
|
||||
this.$refs.tooltip && this.$refs.tooltip.updatePopper();
|
||||
if (!this.dragging && this.value !== this.oldValue) {
|
||||
this.oldValue = this.value;
|
||||
}
|
||||
}
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 274:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/tooltip");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 275:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
ref: "button",
|
||||
staticClass: "el-slider__button-wrapper",
|
||||
class: {
|
||||
'hover': _vm.hovering, 'dragging': _vm.dragging
|
||||
},
|
||||
style: ({
|
||||
left: _vm.currentPosition
|
||||
}),
|
||||
on: {
|
||||
"mouseenter": _vm.handleMouseEnter,
|
||||
"mouseleave": _vm.handleMouseLeave,
|
||||
"mousedown": _vm.onButtonDown
|
||||
}
|
||||
}, [_c('el-tooltip', {
|
||||
ref: "tooltip",
|
||||
attrs: {
|
||||
"placement": "top",
|
||||
"disabled": !_vm.showTooltip
|
||||
}
|
||||
}, [_c('span', {
|
||||
slot: "content"
|
||||
}, [_vm._v(_vm._s(_vm.formatValue))]), _c('div', {
|
||||
staticClass: "el-slider__button",
|
||||
class: {
|
||||
'hover': _vm.hovering, 'dragging': _vm.dragging
|
||||
}
|
||||
})])], 1)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 276:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "el-slider"
|
||||
}, [(_vm.showInput && !_vm.range) ? _c('el-input-number', {
|
||||
directives: [{
|
||||
name: "model",
|
||||
rawName: "v-model",
|
||||
value: (_vm.firstValue),
|
||||
expression: "firstValue"
|
||||
}],
|
||||
ref: "input",
|
||||
staticClass: "el-slider__input",
|
||||
attrs: {
|
||||
"step": _vm.step,
|
||||
"disabled": _vm.disabled,
|
||||
"controls": _vm.showInputControls,
|
||||
"min": _vm.min,
|
||||
"max": _vm.max,
|
||||
"size": "small"
|
||||
},
|
||||
domProps: {
|
||||
"value": (_vm.firstValue)
|
||||
},
|
||||
on: {
|
||||
"input": function($event) {
|
||||
_vm.firstValue = $event
|
||||
}
|
||||
}
|
||||
}) : _vm._e(), _c('div', {
|
||||
ref: "slider",
|
||||
staticClass: "el-slider__runway",
|
||||
class: {
|
||||
'show-input': _vm.showInput, 'disabled': _vm.disabled
|
||||
},
|
||||
on: {
|
||||
"click": _vm.onSliderClick
|
||||
}
|
||||
}, [_c('div', {
|
||||
staticClass: "el-slider__bar",
|
||||
style: ({
|
||||
width: _vm.barWidth,
|
||||
left: _vm.barLeft
|
||||
})
|
||||
}), _c('slider-button', {
|
||||
directives: [{
|
||||
name: "model",
|
||||
rawName: "v-model",
|
||||
value: (_vm.firstValue),
|
||||
expression: "firstValue"
|
||||
}],
|
||||
ref: "button1",
|
||||
domProps: {
|
||||
"value": (_vm.firstValue)
|
||||
},
|
||||
on: {
|
||||
"input": function($event) {
|
||||
_vm.firstValue = $event
|
||||
}
|
||||
}
|
||||
}), (_vm.range) ? _c('slider-button', {
|
||||
directives: [{
|
||||
name: "model",
|
||||
rawName: "v-model",
|
||||
value: (_vm.secondValue),
|
||||
expression: "secondValue"
|
||||
}],
|
||||
ref: "button2",
|
||||
domProps: {
|
||||
"value": (_vm.secondValue)
|
||||
},
|
||||
on: {
|
||||
"input": function($event) {
|
||||
_vm.secondValue = $event
|
||||
}
|
||||
}
|
||||
}) : _vm._e(), _vm._l((_vm.stops), function(item) {
|
||||
return (_vm.showStops) ? _c('div', {
|
||||
staticClass: "el-slider__stop",
|
||||
style: ({
|
||||
'left': item + '%'
|
||||
})
|
||||
}) : _vm._e()
|
||||
})], 2)], 1)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,214 @@
|
|||
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__(277);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 277:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _spinner = __webpack_require__(278);
|
||||
|
||||
var _spinner2 = _interopRequireDefault(_spinner);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_spinner2.default.install = function (Vue) {
|
||||
Vue.component(_spinner2.default.name, _spinner2.default);
|
||||
};
|
||||
|
||||
exports.default = _spinner2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 278:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(279),
|
||||
/* template */
|
||||
__webpack_require__(280),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 279:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElSpinner',
|
||||
props: {
|
||||
type: String,
|
||||
radius: {
|
||||
type: Number,
|
||||
default: 100
|
||||
},
|
||||
strokeWidth: {
|
||||
type: Number,
|
||||
default: 5
|
||||
},
|
||||
strokeColor: {
|
||||
type: String,
|
||||
default: '#efefef'
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 280:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('span', {
|
||||
staticClass: "el-spinner"
|
||||
}, [_c('svg', {
|
||||
staticClass: "el-spinner-inner",
|
||||
style: ({
|
||||
width: _vm.radius / 2 + 'px',
|
||||
height: _vm.radius / 2 + 'px'
|
||||
}),
|
||||
attrs: {
|
||||
"viewBox": "0 0 50 50"
|
||||
}
|
||||
}, [_c('circle', {
|
||||
staticClass: "path",
|
||||
attrs: {
|
||||
"cx": "25",
|
||||
"cy": "25",
|
||||
"r": "20",
|
||||
"fill": "none",
|
||||
"stroke": _vm.strokeColor,
|
||||
"stroke-width": _vm.strokeWidth
|
||||
}
|
||||
})])])
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,349 @@
|
|||
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__(281);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 281:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _step = __webpack_require__(282);
|
||||
|
||||
var _step2 = _interopRequireDefault(_step);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_step2.default.install = function (Vue) {
|
||||
Vue.component(_step2.default.name, _step2.default);
|
||||
};
|
||||
|
||||
exports.default = _step2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 282:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(283),
|
||||
/* template */
|
||||
__webpack_require__(284),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 283:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElStep',
|
||||
|
||||
props: {
|
||||
title: String,
|
||||
icon: String,
|
||||
description: String,
|
||||
status: String
|
||||
},
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
index: -1,
|
||||
style: {},
|
||||
lineStyle: {},
|
||||
mainOffset: 0,
|
||||
isLast: false,
|
||||
internalStatus: ''
|
||||
};
|
||||
},
|
||||
beforeCreate: function beforeCreate() {
|
||||
this.$parent.steps.push(this);
|
||||
},
|
||||
|
||||
|
||||
computed: {
|
||||
currentStatus: function currentStatus() {
|
||||
return this.status || this.internalStatus;
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
updateStatus: function updateStatus(val) {
|
||||
var prevChild = this.$parent.$children[this.index - 1];
|
||||
|
||||
if (val > this.index) {
|
||||
this.internalStatus = this.$parent.finishStatus;
|
||||
} else if (val === this.index) {
|
||||
this.internalStatus = this.$parent.processStatus;
|
||||
} else {
|
||||
this.internalStatus = 'wait';
|
||||
}
|
||||
|
||||
if (prevChild) prevChild.calcProgress(this.internalStatus);
|
||||
},
|
||||
calcProgress: function calcProgress(status) {
|
||||
var step = 100;
|
||||
var style = {};
|
||||
|
||||
style.transitionDelay = 150 * this.index + 'ms';
|
||||
if (status === this.$parent.processStatus) {
|
||||
step = 50;
|
||||
} else if (status === 'wait') {
|
||||
step = 0;
|
||||
style.transitionDelay = -150 * this.index + 'ms';
|
||||
}
|
||||
|
||||
style.borderWidth = step ? '1px' : 0;
|
||||
this.$parent.direction === 'vertical' ? style.height = step + '%' : style.width = step + '%';
|
||||
|
||||
this.lineStyle = style;
|
||||
},
|
||||
adjustPosition: function adjustPosition() {
|
||||
this.style = {};
|
||||
this.$parent.stepOffset = this.$el.getBoundingClientRect().width / (this.$parent.steps.length - 1);
|
||||
}
|
||||
},
|
||||
|
||||
mounted: function mounted() {
|
||||
var _this = this;
|
||||
|
||||
var parent = this.$parent;
|
||||
var isCenter = parent.center;
|
||||
var len = parent.steps.length;
|
||||
var isLast = this.isLast = parent.steps[parent.steps.length - 1] === this;
|
||||
var space = typeof parent.space === 'number' ? parent.space + 'px' : parent.space ? parent.space : 100 / (isCenter ? len - 1 : len) + '%';
|
||||
|
||||
if (parent.direction === 'horizontal') {
|
||||
this.style = { width: space };
|
||||
if (parent.alignCenter) {
|
||||
this.mainOffset = -this.$refs.title.getBoundingClientRect().width / 2 + 16 + 'px';
|
||||
}
|
||||
isCenter && isLast && this.adjustPosition();
|
||||
} else {
|
||||
if (!isLast) {
|
||||
this.style = { height: space };
|
||||
}
|
||||
}
|
||||
|
||||
var unwatch = this.$watch('index', function (val) {
|
||||
_this.$watch('$parent.active', _this.updateStatus, { immediate: true });
|
||||
unwatch();
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 284:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "el-step",
|
||||
class: ['is-' + _vm.$parent.direction],
|
||||
style: ([_vm.style, _vm.isLast ? '' : {
|
||||
marginRight: -_vm.$parent.stepOffset + 'px'
|
||||
}])
|
||||
}, [_c('div', {
|
||||
staticClass: "el-step__head",
|
||||
class: ['is-' + _vm.currentStatus, {
|
||||
'is-text': !_vm.icon
|
||||
}]
|
||||
}, [_c('div', {
|
||||
staticClass: "el-step__line",
|
||||
class: ['is-' + _vm.$parent.direction, {
|
||||
'is-icon': _vm.icon
|
||||
}],
|
||||
style: (_vm.isLast ? '' : {
|
||||
marginRight: _vm.$parent.stepOffset + 'px'
|
||||
})
|
||||
}, [_c('i', {
|
||||
staticClass: "el-step__line-inner",
|
||||
style: (_vm.lineStyle)
|
||||
})]), _c('span', {
|
||||
staticClass: "el-step__icon"
|
||||
}, [(_vm.currentStatus !== 'success' && _vm.currentStatus !== 'error') ? _vm._t("icon", [(_vm.icon) ? _c('i', {
|
||||
class: ['el-icon-' + _vm.icon]
|
||||
}) : _c('div', [_vm._v(_vm._s(_vm.index + 1))])]) : _c('i', {
|
||||
class: ['el-icon-' + (_vm.currentStatus === 'success' ? 'check' : 'close')]
|
||||
})], 2)]), _c('div', {
|
||||
staticClass: "el-step__main",
|
||||
style: ({
|
||||
marginLeft: _vm.mainOffset
|
||||
})
|
||||
}, [_c('div', {
|
||||
ref: "title",
|
||||
staticClass: "el-step__title",
|
||||
class: ['is-' + _vm.currentStatus]
|
||||
}, [_vm._t("title", [_vm._v(_vm._s(_vm.title))])], 2), _c('div', {
|
||||
staticClass: "el-step__description",
|
||||
class: ['is-' + _vm.currentStatus]
|
||||
}, [_vm._t("description", [_vm._v(_vm._s(_vm.description))])], 2)])])
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,220 @@
|
|||
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__(285);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 285:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _steps = __webpack_require__(286);
|
||||
|
||||
var _steps2 = _interopRequireDefault(_steps);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_steps2.default.install = function (Vue) {
|
||||
Vue.component(_steps2.default.name, _steps2.default);
|
||||
};
|
||||
|
||||
exports.default = _steps2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 286:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(287),
|
||||
/* template */
|
||||
__webpack_require__(288),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 287:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElSteps',
|
||||
|
||||
props: {
|
||||
space: [Number, String],
|
||||
active: Number,
|
||||
direction: {
|
||||
type: String,
|
||||
default: 'horizontal'
|
||||
},
|
||||
alignCenter: Boolean,
|
||||
center: Boolean,
|
||||
finishStatus: {
|
||||
type: String,
|
||||
default: 'finish'
|
||||
},
|
||||
processStatus: {
|
||||
type: String,
|
||||
default: 'process'
|
||||
}
|
||||
},
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
steps: [],
|
||||
stepOffset: 0
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
watch: {
|
||||
active: function active(newVal, oldVal) {
|
||||
this.$emit('change', newVal, oldVal);
|
||||
},
|
||||
steps: function steps(_steps) {
|
||||
_steps.forEach(function (child, index) {
|
||||
child.index = index;
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 288:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "el-steps",
|
||||
class: ['is-' + _vm.direction, _vm.center ? 'is-center' : '']
|
||||
}, [_vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,424 @@
|
|||
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__(289);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 14:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/mixins/emitter");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 80:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/transitions/collapse-transition");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 183:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
computed: {
|
||||
indexPath: function indexPath() {
|
||||
var path = [this.index];
|
||||
var parent = this.$parent;
|
||||
while (parent.$options.componentName !== 'ElMenu') {
|
||||
if (parent.index) {
|
||||
path.unshift(parent.index);
|
||||
}
|
||||
parent = parent.$parent;
|
||||
}
|
||||
return path;
|
||||
},
|
||||
rootMenu: function rootMenu() {
|
||||
var parent = this.$parent;
|
||||
while (parent && parent.$options.componentName !== 'ElMenu') {
|
||||
parent = parent.$parent;
|
||||
}
|
||||
return parent;
|
||||
},
|
||||
parentMenu: function parentMenu() {
|
||||
var parent = this.$parent;
|
||||
while (parent && ['ElMenu', 'ElSubmenu'].indexOf(parent.$options.componentName) === -1) {
|
||||
parent = parent.$parent;
|
||||
}
|
||||
return parent;
|
||||
},
|
||||
paddingStyle: function paddingStyle() {
|
||||
if (this.rootMenu.mode !== 'vertical') return {};
|
||||
|
||||
var padding = 20;
|
||||
var parent = this.$parent;
|
||||
while (parent && parent.$options.componentName !== 'ElMenu') {
|
||||
if (parent.$options.componentName === 'ElSubmenu') {
|
||||
padding += 20;
|
||||
}
|
||||
parent = parent.$parent;
|
||||
}
|
||||
return { paddingLeft: padding + 'px' };
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 289:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _submenu = __webpack_require__(290);
|
||||
|
||||
var _submenu2 = _interopRequireDefault(_submenu);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_submenu2.default.install = function (Vue) {
|
||||
Vue.component(_submenu2.default.name, _submenu2.default);
|
||||
};
|
||||
|
||||
exports.default = _submenu2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 290:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(291),
|
||||
/* template */
|
||||
__webpack_require__(292),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 291:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _menuMixin = __webpack_require__(183);
|
||||
|
||||
var _menuMixin2 = _interopRequireDefault(_menuMixin);
|
||||
|
||||
var _emitter = __webpack_require__(14);
|
||||
|
||||
var _emitter2 = _interopRequireDefault(_emitter);
|
||||
|
||||
var _collapseTransition = __webpack_require__(80);
|
||||
|
||||
var _collapseTransition2 = _interopRequireDefault(_collapseTransition);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'ElSubmenu',
|
||||
|
||||
componentName: 'ElSubmenu',
|
||||
|
||||
mixins: [_menuMixin2.default, _emitter2.default],
|
||||
|
||||
components: {
|
||||
CollapseTransition: _collapseTransition2.default
|
||||
},
|
||||
|
||||
props: {
|
||||
index: {
|
||||
type: String,
|
||||
required: true
|
||||
}
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
timeout: null,
|
||||
items: {},
|
||||
submenus: {}
|
||||
};
|
||||
},
|
||||
|
||||
computed: {
|
||||
opened: function opened() {
|
||||
return this.rootMenu.openedMenus.indexOf(this.index) > -1;
|
||||
},
|
||||
|
||||
active: {
|
||||
cache: false,
|
||||
get: function get() {
|
||||
var isActive = false;
|
||||
var submenus = this.submenus;
|
||||
var items = this.items;
|
||||
|
||||
Object.keys(items).forEach(function (index) {
|
||||
if (items[index].active) {
|
||||
isActive = true;
|
||||
}
|
||||
});
|
||||
|
||||
Object.keys(submenus).forEach(function (index) {
|
||||
if (submenus[index].active) {
|
||||
isActive = true;
|
||||
}
|
||||
});
|
||||
|
||||
return isActive;
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
addItem: function addItem(item) {
|
||||
this.$set(this.items, item.index, item);
|
||||
},
|
||||
removeItem: function removeItem(item) {
|
||||
delete this.items[item.index];
|
||||
},
|
||||
addSubmenu: function addSubmenu(item) {
|
||||
this.$set(this.submenus, item.index, item);
|
||||
},
|
||||
removeSubmenu: function removeSubmenu(item) {
|
||||
delete this.submenus[item.index];
|
||||
},
|
||||
handleClick: function handleClick() {
|
||||
this.dispatch('ElMenu', 'submenu-click', this);
|
||||
},
|
||||
handleMouseenter: function handleMouseenter() {
|
||||
var _this = this;
|
||||
|
||||
clearTimeout(this.timeout);
|
||||
this.timeout = setTimeout(function () {
|
||||
_this.rootMenu.openMenu(_this.index, _this.indexPath);
|
||||
}, 300);
|
||||
},
|
||||
handleMouseleave: function handleMouseleave() {
|
||||
var _this2 = this;
|
||||
|
||||
clearTimeout(this.timeout);
|
||||
this.timeout = setTimeout(function () {
|
||||
_this2.rootMenu.closeMenu(_this2.index, _this2.indexPath);
|
||||
}, 300);
|
||||
},
|
||||
initEvents: function initEvents() {
|
||||
var rootMenu = this.rootMenu,
|
||||
handleMouseenter = this.handleMouseenter,
|
||||
handleMouseleave = this.handleMouseleave,
|
||||
handleClick = this.handleClick;
|
||||
|
||||
var triggerElm = void 0;
|
||||
|
||||
if (rootMenu.mode === 'horizontal' && rootMenu.menuTrigger === 'hover') {
|
||||
triggerElm = this.$el;
|
||||
triggerElm.addEventListener('mouseenter', handleMouseenter);
|
||||
triggerElm.addEventListener('mouseleave', handleMouseleave);
|
||||
} else {
|
||||
triggerElm = this.$refs['submenu-title'];
|
||||
triggerElm.addEventListener('click', handleClick);
|
||||
}
|
||||
}
|
||||
},
|
||||
created: function created() {
|
||||
this.parentMenu.addSubmenu(this);
|
||||
this.rootMenu.addSubmenu(this);
|
||||
},
|
||||
beforeDestroy: function beforeDestroy() {
|
||||
this.parentMenu.removeSubmenu(this);
|
||||
this.rootMenu.removeSubmenu(this);
|
||||
},
|
||||
mounted: function mounted() {
|
||||
this.initEvents();
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 292:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('li', {
|
||||
class: {
|
||||
'el-submenu': true,
|
||||
'is-active': _vm.active,
|
||||
'is-opened': _vm.opened
|
||||
}
|
||||
}, [_c('div', {
|
||||
ref: "submenu-title",
|
||||
staticClass: "el-submenu__title",
|
||||
style: (_vm.paddingStyle)
|
||||
}, [_vm._t("title"), _c('i', {
|
||||
class: {
|
||||
'el-submenu__icon-arrow': true,
|
||||
'el-icon-arrow-down': _vm.rootMenu.mode === 'vertical',
|
||||
'el-icon-caret-bottom': _vm.rootMenu.mode === 'horizontal'
|
||||
}
|
||||
})], 2), (_vm.rootMenu.mode === 'horizontal') ? [_c('transition', {
|
||||
attrs: {
|
||||
"name": "el-zoom-in-top"
|
||||
}
|
||||
}, [_c('ul', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.opened),
|
||||
expression: "opened"
|
||||
}],
|
||||
staticClass: "el-menu"
|
||||
}, [_vm._t("default")], 2)])] : _c('collapse-transition', [_c('ul', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.opened),
|
||||
expression: "opened"
|
||||
}],
|
||||
staticClass: "el-menu"
|
||||
}, [_vm._t("default")], 2)])], 2)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,389 @@
|
|||
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__(293);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 293:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _component = __webpack_require__(294);
|
||||
|
||||
var _component2 = _interopRequireDefault(_component);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_component2.default.install = function (Vue) {
|
||||
Vue.component(_component2.default.name, _component2.default);
|
||||
};
|
||||
|
||||
exports.default = _component2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 294:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(295),
|
||||
/* template */
|
||||
__webpack_require__(296),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 295:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElSwitch',
|
||||
props: {
|
||||
value: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
width: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
onIconClass: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
offIconClass: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
onText: {
|
||||
type: String,
|
||||
default: 'ON'
|
||||
},
|
||||
offText: {
|
||||
type: String,
|
||||
default: 'OFF'
|
||||
},
|
||||
onColor: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
offColor: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
name: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
coreWidth: this.width
|
||||
};
|
||||
},
|
||||
|
||||
computed: {
|
||||
hasText: function hasText() {
|
||||
/* istanbul ignore next */
|
||||
return this.onText || this.offText;
|
||||
},
|
||||
|
||||
_value: {
|
||||
get: function get() {
|
||||
return this.value;
|
||||
},
|
||||
set: function set(val) {
|
||||
this.$emit('input', val);
|
||||
}
|
||||
},
|
||||
transform: function transform() {
|
||||
return this.value ? 'translate(' + (this.coreWidth - 20) + 'px, 2px)' : 'translate(2px, 2px)';
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
value: function value() {
|
||||
if (this.onColor || this.offColor) {
|
||||
this.setBackgroundColor();
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleChange: function handleChange(event) {
|
||||
this.$emit('change', event.currentTarget.checked);
|
||||
},
|
||||
setBackgroundColor: function setBackgroundColor() {
|
||||
var newColor = this.value ? this.onColor : this.offColor;
|
||||
this.$refs.core.style.borderColor = newColor;
|
||||
this.$refs.core.style.backgroundColor = newColor;
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
/* istanbul ignore if */
|
||||
if (this.width === 0) {
|
||||
this.coreWidth = this.hasText ? 58 : 46;
|
||||
}
|
||||
if (this.onColor || this.offColor) {
|
||||
this.setBackgroundColor();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 296:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('label', {
|
||||
staticClass: "el-switch",
|
||||
class: {
|
||||
'is-disabled': _vm.disabled, 'el-switch--wide': _vm.hasText
|
||||
}
|
||||
}, [_c('div', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.disabled),
|
||||
expression: "disabled"
|
||||
}],
|
||||
staticClass: "el-switch__mask"
|
||||
}), _c('input', {
|
||||
directives: [{
|
||||
name: "model",
|
||||
rawName: "v-model",
|
||||
value: (_vm._value),
|
||||
expression: "_value"
|
||||
}],
|
||||
staticClass: "el-switch__input",
|
||||
attrs: {
|
||||
"type": "checkbox",
|
||||
"name": _vm.name,
|
||||
"disabled": _vm.disabled
|
||||
},
|
||||
domProps: {
|
||||
"checked": Array.isArray(_vm._value) ? _vm._i(_vm._value, null) > -1 : (_vm._value)
|
||||
},
|
||||
on: {
|
||||
"change": [function($event) {
|
||||
var $$a = _vm._value,
|
||||
$$el = $event.target,
|
||||
$$c = $$el.checked ? (true) : (false);
|
||||
if (Array.isArray($$a)) {
|
||||
var $$v = null,
|
||||
$$i = _vm._i($$a, $$v);
|
||||
if ($$c) {
|
||||
$$i < 0 && (_vm._value = $$a.concat($$v))
|
||||
} else {
|
||||
$$i > -1 && (_vm._value = $$a.slice(0, $$i).concat($$a.slice($$i + 1)))
|
||||
}
|
||||
} else {
|
||||
_vm._value = $$c
|
||||
}
|
||||
}, _vm.handleChange]
|
||||
}
|
||||
}), _c('span', {
|
||||
ref: "core",
|
||||
staticClass: "el-switch__core",
|
||||
style: ({
|
||||
'width': _vm.coreWidth + 'px'
|
||||
})
|
||||
}, [_c('span', {
|
||||
staticClass: "el-switch__button",
|
||||
style: ({
|
||||
transform: _vm.transform
|
||||
})
|
||||
})]), _c('transition', {
|
||||
attrs: {
|
||||
"name": "label-fade"
|
||||
}
|
||||
}, [_c('div', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.value),
|
||||
expression: "value"
|
||||
}],
|
||||
staticClass: "el-switch__label el-switch__label--left",
|
||||
style: ({
|
||||
'width': _vm.coreWidth + 'px'
|
||||
})
|
||||
}, [(_vm.onIconClass) ? _c('i', {
|
||||
class: [_vm.onIconClass]
|
||||
}) : _vm._e(), (!_vm.onIconClass && _vm.onText) ? _c('span', [_vm._v(_vm._s(_vm.onText))]) : _vm._e()])]), _c('transition', {
|
||||
attrs: {
|
||||
"name": "label-fade"
|
||||
}
|
||||
}, [_c('div', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (!_vm.value),
|
||||
expression: "!value"
|
||||
}],
|
||||
staticClass: "el-switch__label el-switch__label--right",
|
||||
style: ({
|
||||
'width': _vm.coreWidth + 'px'
|
||||
})
|
||||
}, [(_vm.offIconClass) ? _c('i', {
|
||||
class: [_vm.offIconClass]
|
||||
}) : _vm._e(), (!_vm.offIconClass && _vm.offText) ? _c('span', [_vm._v(_vm._s(_vm.offText))]) : _vm._e()])])], 1)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,227 @@
|
|||
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__(297);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 297:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _tabPane = __webpack_require__(298);
|
||||
|
||||
var _tabPane2 = _interopRequireDefault(_tabPane);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_tabPane2.default.install = function (Vue) {
|
||||
Vue.component(_tabPane2.default.name, _tabPane2.default);
|
||||
};
|
||||
|
||||
exports.default = _tabPane2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 298:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(299),
|
||||
/* template */
|
||||
__webpack_require__(300),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 299:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElTabPane',
|
||||
|
||||
componentName: 'ElTabPane',
|
||||
|
||||
props: {
|
||||
label: String,
|
||||
labelContent: Function,
|
||||
name: String,
|
||||
closable: Boolean,
|
||||
disabled: Boolean
|
||||
},
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
index: null
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
computed: {
|
||||
isClosable: function isClosable() {
|
||||
return this.closable || this.$parent.closable;
|
||||
},
|
||||
active: function active() {
|
||||
return this.$parent.currentName === (this.name || this.index);
|
||||
}
|
||||
},
|
||||
|
||||
mounted: function mounted() {
|
||||
this.$parent.addPanes(this);
|
||||
},
|
||||
destroyed: function destroyed() {
|
||||
if (this.$el && this.$el.parentNode) {
|
||||
this.$el.parentNode.removeChild(this.$el);
|
||||
}
|
||||
this.$parent.removePanes(this);
|
||||
},
|
||||
|
||||
|
||||
watch: {
|
||||
label: function label() {
|
||||
this.$parent.$forceUpdate();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 300:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (_vm.active),
|
||||
expression: "active"
|
||||
}],
|
||||
staticClass: "el-tab-pane"
|
||||
}, [_vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
|
@ -0,0 +1,666 @@
|
|||
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__(316);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 164:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/merge");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 266:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/tag");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 304:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/checkbox");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 306:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
|
||||
|
||||
var getCell = exports.getCell = function getCell(event) {
|
||||
var cell = event.target;
|
||||
|
||||
while (cell && cell.tagName.toUpperCase() !== 'HTML') {
|
||||
if (cell.tagName.toUpperCase() === 'TD') {
|
||||
return cell;
|
||||
}
|
||||
cell = cell.parentNode;
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var getValueByPath = exports.getValueByPath = function getValueByPath(object, prop) {
|
||||
prop = prop || '';
|
||||
var paths = prop.split('.');
|
||||
var current = object;
|
||||
var result = null;
|
||||
for (var i = 0, j = paths.length; i < j; i++) {
|
||||
var path = paths[i];
|
||||
if (!current) break;
|
||||
|
||||
if (i === j - 1) {
|
||||
result = current[path];
|
||||
break;
|
||||
}
|
||||
current = current[path];
|
||||
}
|
||||
return result;
|
||||
};
|
||||
|
||||
var isObject = function isObject(obj) {
|
||||
return obj !== null && (typeof obj === 'undefined' ? 'undefined' : _typeof(obj)) === 'object';
|
||||
};
|
||||
|
||||
var orderBy = exports.orderBy = function orderBy(array, sortKey, reverse, sortMethod) {
|
||||
if (typeof reverse === 'string') {
|
||||
reverse = reverse === 'descending' ? -1 : 1;
|
||||
}
|
||||
if (!sortKey) {
|
||||
return array;
|
||||
}
|
||||
var order = reverse && reverse < 0 ? -1 : 1;
|
||||
|
||||
// sort on a copy to avoid mutating original array
|
||||
return array.slice().sort(sortMethod ? function (a, b) {
|
||||
return sortMethod(a, b) ? order : -order;
|
||||
} : function (a, b) {
|
||||
if (sortKey !== '$key') {
|
||||
if (isObject(a) && '$value' in a) a = a.$value;
|
||||
if (isObject(b) && '$value' in b) b = b.$value;
|
||||
}
|
||||
a = isObject(a) ? getValueByPath(a, sortKey) : a;
|
||||
b = isObject(b) ? getValueByPath(b, sortKey) : b;
|
||||
return a === b ? 0 : a > b ? order : -order;
|
||||
});
|
||||
};
|
||||
|
||||
var getColumnById = exports.getColumnById = function getColumnById(table, columnId) {
|
||||
var column = null;
|
||||
table.columns.forEach(function (item) {
|
||||
if (item.id === columnId) {
|
||||
column = item;
|
||||
}
|
||||
});
|
||||
return column;
|
||||
};
|
||||
|
||||
var getColumnByCell = exports.getColumnByCell = function getColumnByCell(table, cell) {
|
||||
var matches = (cell.className || '').match(/el-table_[^\s]+/gm);
|
||||
if (matches) {
|
||||
return getColumnById(table, matches[0]);
|
||||
}
|
||||
return null;
|
||||
};
|
||||
|
||||
var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
|
||||
|
||||
var mousewheel = exports.mousewheel = function mousewheel(element, callback) {
|
||||
if (element && element.addEventListener) {
|
||||
element.addEventListener(isFirefox ? 'DOMMouseScroll' : 'mousewheel', callback);
|
||||
}
|
||||
};
|
||||
|
||||
var getRowIdentity = exports.getRowIdentity = function getRowIdentity(row, rowKey) {
|
||||
if (!row) throw new Error('row is required when get row identity');
|
||||
if (typeof rowKey === 'string') {
|
||||
return row[rowKey];
|
||||
} else if (typeof rowKey === 'function') {
|
||||
return rowKey.call(null, row);
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 316:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _tableColumn = __webpack_require__(317);
|
||||
|
||||
var _tableColumn2 = _interopRequireDefault(_tableColumn);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_tableColumn2.default.install = function (Vue) {
|
||||
Vue.component(_tableColumn2.default.name, _tableColumn2.default);
|
||||
};
|
||||
|
||||
exports.default = _tableColumn2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 317:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _checkbox = __webpack_require__(304);
|
||||
|
||||
var _checkbox2 = _interopRequireDefault(_checkbox);
|
||||
|
||||
var _tag = __webpack_require__(266);
|
||||
|
||||
var _tag2 = _interopRequireDefault(_tag);
|
||||
|
||||
var _merge = __webpack_require__(164);
|
||||
|
||||
var _merge2 = _interopRequireDefault(_merge);
|
||||
|
||||
var _util = __webpack_require__(306);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
|
||||
|
||||
var columnIdSeed = 1;
|
||||
|
||||
var defaults = {
|
||||
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: ''
|
||||
}
|
||||
};
|
||||
|
||||
var forced = {
|
||||
selection: {
|
||||
renderHeader: function renderHeader(h) {
|
||||
return h(
|
||||
'el-checkbox',
|
||||
{
|
||||
nativeOn: {
|
||||
'click': this.toggleAllSelection
|
||||
},
|
||||
domProps: {
|
||||
'value': this.isAllSelected
|
||||
}
|
||||
},
|
||||
[]
|
||||
);
|
||||
},
|
||||
renderCell: function renderCell(h, _ref) {
|
||||
var row = _ref.row,
|
||||
column = _ref.column,
|
||||
store = _ref.store,
|
||||
$index = _ref.$index;
|
||||
|
||||
return h(
|
||||
'el-checkbox',
|
||||
{
|
||||
domProps: {
|
||||
'value': store.isSelected(row)
|
||||
},
|
||||
attrs: {
|
||||
disabled: column.selectable ? !column.selectable.call(null, row, $index) : false
|
||||
},
|
||||
on: {
|
||||
'input': function input() {
|
||||
store.commit('rowSelectedChanged', row);
|
||||
}
|
||||
}
|
||||
},
|
||||
[]
|
||||
);
|
||||
},
|
||||
sortable: false,
|
||||
resizable: false
|
||||
},
|
||||
index: {
|
||||
renderHeader: function renderHeader(h, _ref2) {
|
||||
var column = _ref2.column;
|
||||
|
||||
return column.label || '#';
|
||||
},
|
||||
renderCell: function renderCell(h, _ref3) {
|
||||
var $index = _ref3.$index;
|
||||
|
||||
return h(
|
||||
'div',
|
||||
null,
|
||||
[$index + 1]
|
||||
);
|
||||
},
|
||||
sortable: false
|
||||
},
|
||||
expand: {
|
||||
renderHeader: function renderHeader(h, _ref4) {
|
||||
_objectDestructuringEmpty(_ref4);
|
||||
|
||||
return '';
|
||||
},
|
||||
renderCell: function renderCell(h, _ref5, proxy) {
|
||||
var row = _ref5.row,
|
||||
store = _ref5.store;
|
||||
|
||||
var expanded = store.states.expandRows.indexOf(row) > -1;
|
||||
return h(
|
||||
'div',
|
||||
{ 'class': 'el-table__expand-icon ' + (expanded ? 'el-table__expand-icon--expanded' : ''),
|
||||
on: {
|
||||
'click': function click() {
|
||||
return proxy.handleExpandClick(row);
|
||||
}
|
||||
}
|
||||
},
|
||||
[h(
|
||||
'i',
|
||||
{ 'class': 'el-icon el-icon-arrow-right' },
|
||||
[]
|
||||
)]
|
||||
);
|
||||
},
|
||||
sortable: false,
|
||||
resizable: false,
|
||||
className: 'el-table__expand-column'
|
||||
}
|
||||
};
|
||||
|
||||
var getDefaultColumn = function getDefaultColumn(type, options) {
|
||||
var column = {};
|
||||
|
||||
(0, _merge2.default)(column, defaults[type || 'default']);
|
||||
|
||||
for (var name in options) {
|
||||
if (options.hasOwnProperty(name)) {
|
||||
var value = options[name];
|
||||
if (typeof value !== 'undefined') {
|
||||
column[name] = value;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (!column.minWidth) {
|
||||
column.minWidth = 80;
|
||||
}
|
||||
|
||||
column.realWidth = column.width || column.minWidth;
|
||||
|
||||
return column;
|
||||
};
|
||||
|
||||
var DEFAULT_RENDER_CELL = function DEFAULT_RENDER_CELL(h, _ref6) {
|
||||
var row = _ref6.row,
|
||||
column = _ref6.column;
|
||||
|
||||
var property = column.property;
|
||||
if (column && column.formatter) {
|
||||
return column.formatter(row, column);
|
||||
}
|
||||
|
||||
if (property && property.indexOf('.') === -1) {
|
||||
return row[property];
|
||||
}
|
||||
|
||||
return (0, _util.getValueByPath)(row, property);
|
||||
};
|
||||
|
||||
exports.default = {
|
||||
name: 'ElTableColumn',
|
||||
|
||||
props: {
|
||||
type: {
|
||||
type: String,
|
||||
default: 'default'
|
||||
},
|
||||
label: String,
|
||||
className: String,
|
||||
labelClassName: String,
|
||||
property: String,
|
||||
prop: String,
|
||||
width: {},
|
||||
minWidth: {},
|
||||
renderHeader: Function,
|
||||
sortable: {
|
||||
type: [String, Boolean],
|
||||
default: false
|
||||
},
|
||||
sortMethod: Function,
|
||||
resizable: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
context: {},
|
||||
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,
|
||||
filterMultiple: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
}
|
||||
},
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
isSubColumn: false,
|
||||
columns: []
|
||||
};
|
||||
},
|
||||
beforeCreate: function beforeCreate() {
|
||||
this.row = {};
|
||||
this.column = {};
|
||||
this.$index = 0;
|
||||
},
|
||||
|
||||
|
||||
components: {
|
||||
ElCheckbox: _checkbox2.default,
|
||||
ElTag: _tag2.default
|
||||
},
|
||||
|
||||
computed: {
|
||||
owner: function owner() {
|
||||
var parent = this.$parent;
|
||||
while (parent && !parent.tableId) {
|
||||
parent = parent.$parent;
|
||||
}
|
||||
return parent;
|
||||
}
|
||||
},
|
||||
|
||||
created: function created() {
|
||||
var _this = this;
|
||||
|
||||
this.customRender = this.$options.render;
|
||||
this.$options.render = function (h) {
|
||||
return h('div', _this.$slots.default);
|
||||
};
|
||||
this.columnId = (this.$parent.tableId || this.$parent.columnId + '_') + 'column_' + columnIdSeed++;
|
||||
|
||||
var parent = this.$parent;
|
||||
var owner = this.owner;
|
||||
this.isSubColumn = owner !== parent;
|
||||
|
||||
var type = this.type;
|
||||
|
||||
var width = this.width;
|
||||
if (width !== undefined) {
|
||||
width = parseInt(width, 10);
|
||||
if (isNaN(width)) {
|
||||
width = null;
|
||||
}
|
||||
}
|
||||
|
||||
var minWidth = this.minWidth;
|
||||
if (minWidth !== undefined) {
|
||||
minWidth = parseInt(minWidth, 10);
|
||||
if (isNaN(minWidth)) {
|
||||
minWidth = 80;
|
||||
}
|
||||
}
|
||||
|
||||
var isColumnGroup = false;
|
||||
|
||||
var column = getDefaultColumn(type, {
|
||||
id: this.columnId,
|
||||
columnKey: this.columnKey,
|
||||
label: this.label,
|
||||
className: this.className,
|
||||
labelClassName: this.labelClassName,
|
||||
property: this.prop || this.property,
|
||||
type: type,
|
||||
renderCell: null,
|
||||
renderHeader: this.renderHeader,
|
||||
minWidth: minWidth,
|
||||
width: width,
|
||||
isColumnGroup: isColumnGroup,
|
||||
context: this.context,
|
||||
align: this.align ? 'is-' + this.align : null,
|
||||
headerAlign: this.headerAlign ? 'is-' + this.headerAlign : this.align ? 'is-' + this.align : null,
|
||||
sortable: this.sortable === '' ? true : this.sortable,
|
||||
sortMethod: this.sortMethod,
|
||||
resizable: this.resizable,
|
||||
showOverflowTooltip: this.showOverflowTooltip || this.showTooltipWhenOverflow,
|
||||
formatter: this.formatter,
|
||||
selectable: this.selectable,
|
||||
reserveSelection: this.reserveSelection,
|
||||
fixed: this.fixed === '' ? true : this.fixed,
|
||||
filterMethod: this.filterMethod,
|
||||
filters: this.filters,
|
||||
filterable: this.filters || this.filterMethod,
|
||||
filterMultiple: this.filterMultiple,
|
||||
filterOpened: false,
|
||||
filteredValue: this.filteredValue || []
|
||||
});
|
||||
|
||||
(0, _merge2.default)(column, forced[type] || {});
|
||||
|
||||
this.columnConfig = column;
|
||||
|
||||
var renderCell = column.renderCell;
|
||||
var _self = this;
|
||||
|
||||
if (type === 'expand') {
|
||||
owner.renderExpanded = function (h, data) {
|
||||
return _self.$scopedSlots.default ? _self.$scopedSlots.default(data) : _self.$slots.default;
|
||||
};
|
||||
|
||||
column.renderCell = function (h, data) {
|
||||
return h(
|
||||
'div',
|
||||
{ 'class': 'cell' },
|
||||
[renderCell(h, data, this._renderProxy)]
|
||||
);
|
||||
};
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
column.renderCell = function (h, data) {
|
||||
// 未来版本移除
|
||||
if (_self.$vnode.data.inlineTemplate) {
|
||||
renderCell = function renderCell() {
|
||||
data._self = _self.context || data._self;
|
||||
if (Object.prototype.toString.call(data._self) === '[object Object]') {
|
||||
for (var prop in data._self) {
|
||||
if (!data.hasOwnProperty(prop)) {
|
||||
data[prop] = data._self[prop];
|
||||
}
|
||||
}
|
||||
}
|
||||
// 静态内容会缓存到 _staticTrees 内,不改的话获取的静态数据就不是内部 context
|
||||
data._staticTrees = _self._staticTrees;
|
||||
data.$options.staticRenderFns = _self.$options.staticRenderFns;
|
||||
return _self.customRender.call(data);
|
||||
};
|
||||
} else if (_self.$scopedSlots.default) {
|
||||
renderCell = function renderCell() {
|
||||
return _self.$scopedSlots.default(data);
|
||||
};
|
||||
}
|
||||
|
||||
if (!renderCell) {
|
||||
renderCell = DEFAULT_RENDER_CELL;
|
||||
}
|
||||
|
||||
return _self.showOverflowTooltip || _self.showTooltipWhenOverflow ? h(
|
||||
'div',
|
||||
{ 'class': 'cell el-tooltip' },
|
||||
[renderCell(h, data)]
|
||||
) : h(
|
||||
'div',
|
||||
{ 'class': 'cell' },
|
||||
[renderCell(h, data)]
|
||||
);
|
||||
};
|
||||
},
|
||||
destroyed: function destroyed() {
|
||||
if (!this.$parent) return;
|
||||
this.owner.store.commit('removeColumn', this.columnConfig);
|
||||
},
|
||||
|
||||
|
||||
watch: {
|
||||
label: function label(newVal) {
|
||||
if (this.columnConfig) {
|
||||
this.columnConfig.label = newVal;
|
||||
}
|
||||
},
|
||||
prop: function prop(newVal) {
|
||||
if (this.columnConfig) {
|
||||
this.columnConfig.property = newVal;
|
||||
}
|
||||
},
|
||||
property: function property(newVal) {
|
||||
if (this.columnConfig) {
|
||||
this.columnConfig.property = newVal;
|
||||
}
|
||||
},
|
||||
filters: function filters(newVal) {
|
||||
if (this.columnConfig) {
|
||||
this.columnConfig.filters = newVal;
|
||||
}
|
||||
},
|
||||
filterMultiple: function filterMultiple(newVal) {
|
||||
if (this.columnConfig) {
|
||||
this.columnConfig.filterMultiple = newVal;
|
||||
}
|
||||
},
|
||||
align: function align(newVal) {
|
||||
if (this.columnConfig) {
|
||||
this.columnConfig.align = newVal ? 'is-' + newVal : null;
|
||||
|
||||
if (!this.headerAlign) {
|
||||
this.columnConfig.headerAlign = newVal ? 'is-' + newVal : null;
|
||||
}
|
||||
}
|
||||
},
|
||||
headerAlign: function headerAlign(newVal) {
|
||||
if (this.columnConfig) {
|
||||
this.columnConfig.headerAlign = 'is-' + (newVal ? newVal : this.align);
|
||||
}
|
||||
},
|
||||
width: function width(newVal) {
|
||||
if (this.columnConfig) {
|
||||
this.columnConfig.width = newVal;
|
||||
this.owner.store.scheduleLayout();
|
||||
}
|
||||
},
|
||||
minWidth: function minWidth(newVal) {
|
||||
if (this.columnConfig) {
|
||||
this.columnConfig.minWidth = newVal;
|
||||
this.owner.store.scheduleLayout();
|
||||
}
|
||||
},
|
||||
fixed: function fixed(newVal) {
|
||||
if (this.columnConfig) {
|
||||
this.columnConfig.fixed = newVal;
|
||||
this.owner.store.scheduleLayout();
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
mounted: function mounted() {
|
||||
var owner = this.owner;
|
||||
var parent = this.$parent;
|
||||
var columnIndex = void 0;
|
||||
|
||||
if (!this.isSubColumn) {
|
||||
columnIndex = [].indexOf.call(parent.$refs.hiddenColumns.children, this.$el);
|
||||
} else {
|
||||
columnIndex = [].indexOf.call(parent.$el.children, this.$el);
|
||||
}
|
||||
|
||||
owner.store.commit('insertColumn', this.columnConfig, columnIndex, this.isSubColumn ? parent.columnConfig : null);
|
||||
}
|
||||
};
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
File diff suppressed because it is too large
Load Diff
|
@ -0,0 +1,648 @@
|
|||
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__(318);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 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
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 47:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/resize-event");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 318:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _tabs = __webpack_require__(319);
|
||||
|
||||
var _tabs2 = _interopRequireDefault(_tabs);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
_tabs2.default.install = function (Vue) {
|
||||
Vue.component(_tabs2.default.name, _tabs2.default);
|
||||
};
|
||||
|
||||
exports.default = _tabs2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 319:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(320),
|
||||
/* template */
|
||||
null,
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 320:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _tabNav = __webpack_require__(321);
|
||||
|
||||
var _tabNav2 = _interopRequireDefault(_tabNav);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'ElTabs',
|
||||
|
||||
components: {
|
||||
TabNav: _tabNav2.default
|
||||
},
|
||||
|
||||
props: {
|
||||
type: String,
|
||||
activeName: String,
|
||||
closable: Boolean,
|
||||
addable: Boolean,
|
||||
value: {},
|
||||
editable: Boolean
|
||||
},
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
currentName: this.value || this.activeName,
|
||||
panes: []
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
watch: {
|
||||
activeName: function activeName(value) {
|
||||
this.setCurrentName(value);
|
||||
},
|
||||
value: function value(_value) {
|
||||
this.setCurrentName(_value);
|
||||
},
|
||||
currentName: function currentName(value) {
|
||||
var _this = this;
|
||||
|
||||
if (this.$refs.nav) {
|
||||
this.$nextTick(function (_) {
|
||||
_this.$refs.nav.scrollToActiveTab();
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
handleTabClick: function handleTabClick(tab, tabName, event) {
|
||||
if (tab.disabled) return;
|
||||
this.setCurrentName(tabName);
|
||||
this.$emit('tab-click', tab, event);
|
||||
},
|
||||
handleTabRemove: function handleTabRemove(pane, ev) {
|
||||
ev.stopPropagation();
|
||||
this.$emit('edit', pane.name, 'remove');
|
||||
this.$emit('tab-remove', pane.name);
|
||||
},
|
||||
handleTabAdd: function handleTabAdd() {
|
||||
this.$emit('edit', null, 'add');
|
||||
this.$emit('tab-add');
|
||||
},
|
||||
setCurrentName: function setCurrentName(value) {
|
||||
this.currentName = value;
|
||||
this.$emit('input', value);
|
||||
},
|
||||
addPanes: function addPanes(item) {
|
||||
var index = this.$slots.default.indexOf(item.$vnode);
|
||||
this.panes.splice(index, 0, item);
|
||||
},
|
||||
removePanes: function removePanes(item) {
|
||||
var panes = this.panes;
|
||||
var index = panes.indexOf(item);
|
||||
if (index > -1) {
|
||||
panes.splice(index, 1);
|
||||
}
|
||||
}
|
||||
},
|
||||
render: function render(h) {
|
||||
var type = this.type,
|
||||
handleTabClick = this.handleTabClick,
|
||||
handleTabRemove = this.handleTabRemove,
|
||||
handleTabAdd = this.handleTabAdd,
|
||||
currentName = this.currentName,
|
||||
panes = this.panes,
|
||||
editable = this.editable,
|
||||
addable = this.addable;
|
||||
|
||||
|
||||
var newButton = editable || addable ? h(
|
||||
'span',
|
||||
{
|
||||
'class': 'el-tabs__new-tab',
|
||||
on: {
|
||||
'click': handleTabAdd
|
||||
}
|
||||
},
|
||||
[h(
|
||||
'i',
|
||||
{ 'class': 'el-icon-plus' },
|
||||
[]
|
||||
)]
|
||||
) : null;
|
||||
|
||||
var navData = {
|
||||
props: {
|
||||
currentName: currentName,
|
||||
onTabClick: handleTabClick,
|
||||
onTabRemove: handleTabRemove,
|
||||
editable: editable,
|
||||
type: type,
|
||||
panes: panes
|
||||
},
|
||||
ref: 'nav'
|
||||
};
|
||||
|
||||
return h(
|
||||
'div',
|
||||
{ 'class': {
|
||||
'el-tabs': true,
|
||||
'el-tabs--card': type === 'card',
|
||||
'el-tabs--border-card': type === 'border-card'
|
||||
} },
|
||||
[h(
|
||||
'div',
|
||||
{ 'class': 'el-tabs__header' },
|
||||
[newButton, h(
|
||||
'tab-nav',
|
||||
navData,
|
||||
[]
|
||||
)]
|
||||
), h(
|
||||
'div',
|
||||
{ 'class': 'el-tabs__content' },
|
||||
[this.$slots.default]
|
||||
)]
|
||||
);
|
||||
},
|
||||
created: function created() {
|
||||
if (!this.currentName) {
|
||||
this.setCurrentName('0');
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 321:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(322),
|
||||
/* template */
|
||||
null,
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 322:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _tabBar = __webpack_require__(323);
|
||||
|
||||
var _tabBar2 = _interopRequireDefault(_tabBar);
|
||||
|
||||
var _resizeEvent = __webpack_require__(47);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function noop() {}
|
||||
|
||||
exports.default = {
|
||||
name: 'TabNav',
|
||||
|
||||
components: {
|
||||
TabBar: _tabBar2.default
|
||||
},
|
||||
|
||||
props: {
|
||||
panes: Array,
|
||||
currentName: String,
|
||||
editable: Boolean,
|
||||
onTabClick: {
|
||||
type: Function,
|
||||
default: noop
|
||||
},
|
||||
onTabRemove: {
|
||||
type: Function,
|
||||
default: noop
|
||||
},
|
||||
type: String
|
||||
},
|
||||
|
||||
data: function data() {
|
||||
return {
|
||||
scrollable: false,
|
||||
navStyle: {
|
||||
transform: ''
|
||||
}
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
scrollPrev: function scrollPrev() {
|
||||
var containerWidth = this.$refs.navScroll.offsetWidth;
|
||||
var currentOffset = this.getCurrentScrollOffset();
|
||||
|
||||
if (!currentOffset) return;
|
||||
|
||||
var newOffset = currentOffset > containerWidth ? currentOffset - containerWidth : 0;
|
||||
|
||||
this.setOffset(newOffset);
|
||||
},
|
||||
scrollNext: function scrollNext() {
|
||||
var navWidth = this.$refs.nav.offsetWidth;
|
||||
var containerWidth = this.$refs.navScroll.offsetWidth;
|
||||
var currentOffset = this.getCurrentScrollOffset();
|
||||
|
||||
if (navWidth - currentOffset <= containerWidth) return;
|
||||
|
||||
var newOffset = navWidth - currentOffset > containerWidth * 2 ? currentOffset + containerWidth : navWidth - containerWidth;
|
||||
|
||||
this.setOffset(newOffset);
|
||||
},
|
||||
scrollToActiveTab: function scrollToActiveTab() {
|
||||
if (!this.scrollable) return;
|
||||
var nav = this.$refs.nav;
|
||||
var activeTab = this.$el.querySelector('.is-active');
|
||||
var navScroll = this.$refs.navScroll;
|
||||
var activeTabBounding = activeTab.getBoundingClientRect();
|
||||
var navScrollBounding = navScroll.getBoundingClientRect();
|
||||
var navBounding = nav.getBoundingClientRect();
|
||||
var currentOffset = this.getCurrentScrollOffset();
|
||||
var newOffset = currentOffset;
|
||||
|
||||
if (activeTabBounding.left < navScrollBounding.left) {
|
||||
newOffset = currentOffset - (navScrollBounding.left - activeTabBounding.left);
|
||||
}
|
||||
if (activeTabBounding.right > navScrollBounding.right) {
|
||||
newOffset = currentOffset + activeTabBounding.right - navScrollBounding.right;
|
||||
}
|
||||
if (navBounding.right < navScrollBounding.right) {
|
||||
newOffset = nav.offsetWidth - navScrollBounding.width;
|
||||
}
|
||||
this.setOffset(Math.max(newOffset, 0));
|
||||
},
|
||||
getCurrentScrollOffset: function getCurrentScrollOffset() {
|
||||
var navStyle = this.navStyle;
|
||||
|
||||
return navStyle.transform ? Number(navStyle.transform.match(/translateX\(-(\d+(\.\d+)*)px\)/)[1]) : 0;
|
||||
},
|
||||
setOffset: function setOffset(value) {
|
||||
this.navStyle.transform = 'translateX(-' + value + 'px)';
|
||||
},
|
||||
update: function update() {
|
||||
var navWidth = this.$refs.nav.offsetWidth;
|
||||
var containerWidth = this.$refs.navScroll.offsetWidth;
|
||||
var currentOffset = this.getCurrentScrollOffset();
|
||||
|
||||
if (containerWidth < navWidth) {
|
||||
var _currentOffset = this.getCurrentScrollOffset();
|
||||
this.scrollable = this.scrollable || {};
|
||||
this.scrollable.prev = _currentOffset;
|
||||
this.scrollable.next = _currentOffset + containerWidth < navWidth;
|
||||
if (navWidth - _currentOffset < containerWidth) {
|
||||
this.setOffset(navWidth - containerWidth);
|
||||
}
|
||||
} else {
|
||||
this.scrollable = false;
|
||||
if (currentOffset > 0) {
|
||||
this.setOffset(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
updated: function updated() {
|
||||
this.update();
|
||||
},
|
||||
render: function render(h) {
|
||||
var type = this.type,
|
||||
panes = this.panes,
|
||||
editable = this.editable,
|
||||
onTabClick = this.onTabClick,
|
||||
onTabRemove = this.onTabRemove,
|
||||
navStyle = this.navStyle,
|
||||
scrollable = this.scrollable,
|
||||
scrollNext = this.scrollNext,
|
||||
scrollPrev = this.scrollPrev;
|
||||
|
||||
|
||||
var scrollBtn = scrollable ? [h(
|
||||
'span',
|
||||
{ 'class': ['el-tabs__nav-prev', scrollable.prev ? '' : 'is-disabled'], on: {
|
||||
'click': scrollPrev
|
||||
}
|
||||
},
|
||||
[h(
|
||||
'i',
|
||||
{ 'class': 'el-icon-arrow-left' },
|
||||
[]
|
||||
)]
|
||||
), h(
|
||||
'span',
|
||||
{ 'class': ['el-tabs__nav-next', scrollable.next ? '' : 'is-disabled'], on: {
|
||||
'click': scrollNext
|
||||
}
|
||||
},
|
||||
[h(
|
||||
'i',
|
||||
{ 'class': 'el-icon-arrow-right' },
|
||||
[]
|
||||
)]
|
||||
)] : null;
|
||||
|
||||
var tabs = this._l(panes, function (pane, index) {
|
||||
var tabName = pane.name || pane.index || index;
|
||||
var closable = pane.isClosable || editable;
|
||||
|
||||
pane.index = '' + index;
|
||||
|
||||
var btnClose = closable ? h(
|
||||
'span',
|
||||
{ 'class': 'el-icon-close', on: {
|
||||
'click': function click(ev) {
|
||||
onTabRemove(pane, ev);
|
||||
}
|
||||
}
|
||||
},
|
||||
[]
|
||||
) : null;
|
||||
|
||||
var tabLabelContent = pane.$slots.label || pane.label;
|
||||
return h(
|
||||
'div',
|
||||
{
|
||||
'class': {
|
||||
'el-tabs__item': true,
|
||||
'is-active': pane.active,
|
||||
'is-disabled': pane.disabled,
|
||||
'is-closable': closable
|
||||
},
|
||||
ref: 'tabs',
|
||||
refInFor: true,
|
||||
on: {
|
||||
'click': function click(ev) {
|
||||
onTabClick(pane, tabName, ev);
|
||||
}
|
||||
}
|
||||
},
|
||||
[tabLabelContent, btnClose]
|
||||
);
|
||||
});
|
||||
return h(
|
||||
'div',
|
||||
{ 'class': ['el-tabs__nav-wrap', scrollable ? 'is-scrollable' : ''] },
|
||||
[scrollBtn, h(
|
||||
'div',
|
||||
{ 'class': ['el-tabs__nav-scroll'], ref: 'navScroll' },
|
||||
[h(
|
||||
'div',
|
||||
{ 'class': 'el-tabs__nav', ref: 'nav', style: navStyle },
|
||||
[!type ? h(
|
||||
'tab-bar',
|
||||
{
|
||||
attrs: { tabs: panes }
|
||||
},
|
||||
[]
|
||||
) : null, tabs]
|
||||
)]
|
||||
)]
|
||||
);
|
||||
},
|
||||
mounted: function mounted() {
|
||||
(0, _resizeEvent.addResizeListener)(this.$el, this.update);
|
||||
},
|
||||
beforeDestroy: function beforeDestroy() {
|
||||
if (this.$el && this.update) (0, _resizeEvent.removeResizeListener)(this.$el, this.update);
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 323:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(324),
|
||||
/* template */
|
||||
__webpack_require__(325),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 324:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'TabBar',
|
||||
|
||||
props: {
|
||||
tabs: Array
|
||||
},
|
||||
|
||||
computed: {
|
||||
barStyle: {
|
||||
cache: false,
|
||||
get: function get() {
|
||||
var _this = this;
|
||||
|
||||
if (!this.$parent.$refs.tabs) return {};
|
||||
var style = {};
|
||||
var offset = 0;
|
||||
var tabWidth = 0;
|
||||
|
||||
this.tabs.every(function (tab, index) {
|
||||
var $el = _this.$parent.$refs.tabs[index];
|
||||
if (!$el) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!tab.active) {
|
||||
offset += $el.clientWidth;
|
||||
return true;
|
||||
} else {
|
||||
tabWidth = $el.clientWidth;
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
var transform = 'translateX(' + offset + 'px)';
|
||||
style.width = tabWidth + 'px';
|
||||
style.transform = transform;
|
||||
style.msTransform = transform;
|
||||
style.webkitTransform = transform;
|
||||
|
||||
return style;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 325:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "el-tabs__active-bar",
|
||||
style: (_vm.barStyle)
|
||||
})
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue