bmui
Version:
Bluemoon Moon Components
2,213 lines (2,028 loc) • 139 kB
JavaScript
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("vue"));
else if(typeof define === 'function' && define.amd)
define(["vue"], factory);
else if(typeof exports === 'object')
exports["bmui"] = factory(require("vue"));
else
root["bmui"] = factory(root["Vue"]);
})(window, function(__WEBPACK_EXTERNAL_MODULE__43__) {
return /******/ (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] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = 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;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "./";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 64);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
/* globals __VUE_SSR_CONTEXT__ */
// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
// This module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle.
function normalizeComponent (
scriptExports,
render,
staticRenderFns,
functionalTemplate,
injectStyles,
scopeId,
moduleIdentifier, /* server only */
shadowMode /* vue-cli only */
) {
scriptExports = scriptExports || {}
// ES6 modules interop
var type = typeof scriptExports.default
if (type === 'object' || type === 'function') {
scriptExports = scriptExports.default
}
// Vue.extend constructor export interop
var options = typeof scriptExports === 'function'
? scriptExports.options
: scriptExports
// render functions
if (render) {
options.render = render
options.staticRenderFns = staticRenderFns
options._compiled = true
}
// functional template
if (functionalTemplate) {
options.functional = true
}
// scopedId
if (scopeId) {
options._scopeId = scopeId
}
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = shadowMode
? function () { injectStyles.call(this, this.$root.$options.shadowRoot) }
: injectStyles
}
if (hook) {
if (options.functional) {
// for template-only hot-reload because in that case the render fn doesn't
// go through the normalizer
options._injectStyles = hook
// register for functioal component in vue file
var originalRender = options.render
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return originalRender(h, context)
}
} else {
// inject component registration as beforeCreate hook
var existing = options.beforeCreate
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
}
}
return {
exports: scriptExports,
options: options
}
}
/***/ }),
/* 1 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
data: function data() {
return {
valueInside: '',
disabledInside: false,
checkedInside: false
};
},
props: {
value: {
default: ''
},
disabled: {
default: false
},
checked: {
default: false
},
placeholder: {
default: ''
},
maxlength: {
default: undefined
},
type: {
default: undefined
},
readonly: {
default: undefined
}
},
computed: {
mixinInputProps: function mixinInputProps() {
return {
// value: this.value,
disabled: this.disabled,
// checked: this.checked,
placeholder: this.placeholder,
maxlength: this.maxlength,
type: this.type,
readonly: this.readonly
};
}
},
watch: {
value: function value(v) {
this.valueInside = this.value;
},
disabled: function disabled(v) {
this.disabledInside = !!this.disabled;
},
checked: function checked(v) {
this.checkedInside = !!this.checked;
},
valueInside: function valueInside(v) {
this.$emit('input', v);
},
checkedInside: function checkedInside(v) {
this.$emit('change', v);
}
},
methods: {
mixinInputDoFocus: function mixinInputDoFocus() {
var target = this.$refs.input;
if (target && typeof target.focus === 'function') target.focus();
}
},
created: function created() {
this.valueInside = this.value;
this.disabledInside = !!this.disabled;
this.checkedInside = !!this.checked;
}
};
/***/ }),
/* 2 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
var _OFFSET = 30;
exports.default = {
data: function data() {
return {
type: '',
items: [],
indexes: [],
yTarget: null,
yStart: null,
yCurr: null,
status: '', // STARTING
NOW: null,
TODAY: null
};
},
computed: {
OFFSET: function OFFSET() {
return _OFFSET;
},
displayedItems: function displayedItems() {
if (this.items.length > 1) {
return this.items;
} else {
var res = [];
var i = 0;
var target = this.items[0];
while (target && target.length) {
res.push(target);
var itemIndex = this.indexes[i];
if (typeof itemIndex === 'number') {
var item = target[itemIndex];
if (item && item.sub && item.sub.length) {
if (item.sub) {
if (item.sub.length) {
target = item.sub;
i++;
continue;
}
}
}
}
break;
}
return res;
}
},
targetIndex: function targetIndex() {
if (typeof this.yTarget === 'number') {
var offset = this.yCurr - this.yStart;
var ceiling = offset > 0 ? offset % _OFFSET > _OFFSET / 2 : offset % _OFFSET > -_OFFSET / 2;
var target = this.indexes[this.yTarget] - (ceiling ? Math.ceil(offset / _OFFSET) : Math.floor(offset / _OFFSET));
var max = this.displayedItems[this.yTarget].length - 1;
return target > 0 ? target > max ? max : target : 0;
}
return null;
}
},
created: function created() {
this.doInitData();
},
methods: {
doInitData: function doInitData() {
this.NOW = Date.now();
this.TODAY = new Date().setHours(0, 0, 0, 0);
this.type = this.$options.config && this.$options.config.type || '';
if (this.type === 'TIME') {
this.items = function () {
var res = [];
var hours = [];
var minutes = [];
for (var h = 0; h < 24; h++) {
hours.push({
name: h < 10 ? '0' + h : '' + h,
value: h
});
}
for (var m = 0; m < 60; m++) {
minutes.push({
name: m < 10 ? '0' + m : '' + m,
value: m
});
}
res.push(hours);
res.push(minutes);
return res;
}();
var date = this.$options.value === undefined ? new Date() : new Date(this.$options.value);
this.$options.value = [date.getHours(), date.getMinutes()];
} else {
this.items = this.$options.list || [];
}
this.doSetIndexes(this.$options.value || []);
},
doSetIndexes: function doSetIndexes(values) {
var _this = this;
var _loop = function _loop(i) {
if (!values || values[i] === undefined) {
_this.indexes.splice(i, 1, _this.indexes[i] || 0);
} else {
var target = _this.displayedItems[i].findIndex(function (item) {
return typeof item === 'string' ? item === values[i] : item.value === values[i];
});
_this.indexes.splice(i, 1, target === -1 ? 0 : target);
}
};
for (var i = 0; i < this.displayedItems.length; i++) {
_loop(i);
}
return this.indexes;
},
down: function down(ev, index) {
if (!this.status) {
this.yTarget = index;
this.yStart = ev.touches ? ev.touches[0].clientY : ev.clientY;
this.yCurr = ev.touches ? ev.touches[0].clientY : ev.clientY;
this.status = 'STARTING';
}
},
move: function () {
var locker = void 0;
return function (ev) {
if (this.status === 'STARTING') {
if (locker) return;
locker = setTimeout(function () {
locker = null;
}, 75);
this.yCurr = ev.touches ? ev.touches[0].clientY : ev.clientY;
}
};
}(),
up: function up() {
if (this.status === 'STARTING') {
if (this.items.length > 1) {
this.indexes.splice(this.yTarget, 1, this.targetIndex);
} else {
this.indexes = this.indexes.slice(0, this.yTarget).concat(this.targetIndex);
}
// 下面这一句会自动选择sub的第一项，但会增加较多的displayedItems消耗
// this.doSetIndexes()
this.yTarget = null;
this.yStart = null;
this.yCurr = null;
this.status = '';
}
}
}
};
/***/ }),
/* 3 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
//
//
//
//
exports.default = {
name: 'BmuiEmpty',
props: {
title: {
type: String,
default: ''
},
btn: {
type: String,
default: ''
}
}
};
/***/ }),
/* 4 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
name: 'BmuiSegment',
props: {
items: {
type: Array,
default: function _default() {
return [];
}
},
index: {
type: Number,
default: null
}
},
data: function data() {
return {
indexInside: null
};
},
watch: {
index: function index(v) {
this.indexInside = v;
},
indexInside: function indexInside(v) {
this.$emit('change', v);
}
},
created: function created() {
this.indexInside = this.index;
}
};
/***/ }),
/* 5 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
exports.default = {
name: 'BmuiSearchboxEmpty',
props: {
title: {
type: String,
default: ''
}
}
};
/***/ }),
/* 6 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _input = __webpack_require__(1);
var _input2 = _interopRequireDefault(_input);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'BmuiSearchbox',
mixins: [_input2.default],
data: function data() {
return {
active: false
};
},
methods: {
submit: function submit() {
this.$emit('submit', this.valueInside);
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/***/ }),
/* 7 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _input = __webpack_require__(1);
var _input2 = _interopRequireDefault(_input);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'BmuiFieldBtn',
mixins: [_input2.default],
props: {
title: {
type: String,
default: ''
},
btn: {
type: String,
default: ''
},
status: {
type: String,
default: ''
}
},
methods: {
submit: function submit() {
this.$emit('submit', this.valueInside);
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/***/ }),
/* 8 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _input = __webpack_require__(1);
var _input2 = _interopRequireDefault(_input);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'BmuiFieldParagraph',
mixins: [_input2.default],
props: {
title: {
type: String,
default: ''
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/***/ }),
/* 9 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _input = __webpack_require__(1);
var _input2 = _interopRequireDefault(_input);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'BmuiFieldText2',
mixins: [_input2.default],
props: {
title: {
type: String,
default: ''
},
selectable: {
type: Boolean,
default: false
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/***/ }),
/* 10 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _input = __webpack_require__(1);
var _input2 = _interopRequireDefault(_input);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'BmuiFieldText1',
mixins: [_input2.default],
props: {
title: {
type: String,
default: ''
},
selectable: {
type: Boolean,
default: false
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/***/ }),
/* 11 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _input = __webpack_require__(1);
var _input2 = _interopRequireDefault(_input);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'BmuiFieldArrow2',
mixins: [_input2.default],
props: {
title: {
type: String,
default: ''
},
content: {
type: String,
default: ''
}
}
}; //
//
//
//
//
//
//
//
//
//
//
/***/ }),
/* 12 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _input = __webpack_require__(1);
var _input2 = _interopRequireDefault(_input);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'BmuiFieldArrow1',
mixins: [_input2.default],
props: {
title: {
type: String,
default: ''
},
content: {
type: String,
default: ''
}
}
}; //
//
//
//
//
//
//
//
//
/***/ }),
/* 13 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _input = __webpack_require__(1);
var _input2 = _interopRequireDefault(_input);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'BmuiSelector',
mixins: [_input2.default],
props: {
item: {
type: [String, Object],
default: ''
}
},
methods: {
click: function click() {
this.$emit('click', {
item: typeof this.item === 'string' ? this.item : this.item.value,
checked: !this.checkedInside
});
}
}
}; //
//
//
//
//
//
//
//
//
/***/ }),
/* 14 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _input = __webpack_require__(1);
var _input2 = _interopRequireDefault(_input);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'BmuiCheckListRight',
mixins: [_input2.default],
props: {
items: {
type: Array,
default: function _default() {
return [];
}
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/***/ }),
/* 15 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _input = __webpack_require__(1);
var _input2 = _interopRequireDefault(_input);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'BmuiCheckListLeft',
mixins: [_input2.default],
props: {
items: {
type: Array,
default: function _default() {
return [];
}
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/***/ }),
/* 16 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _input = __webpack_require__(1);
var _input2 = _interopRequireDefault(_input);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'BmuiRadioList',
mixins: [_input2.default],
props: {
items: {
type: Array,
default: function _default() {
return [];
}
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/***/ }),
/* 17 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _input = __webpack_require__(1);
var _input2 = _interopRequireDefault(_input);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'BmuiRadio',
mixins: [_input2.default],
props: {
title: {
type: String,
default: ''
},
items: {
type: Array,
default: function _default() {
return [];
}
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/***/ }),
/* 18 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
name: 'BmuiCellParagraph',
props: {
title: {
type: String,
default: ''
},
content: {
type: String,
default: ''
}
}
};
/***/ }),
/* 19 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
name: 'BmuiCellText',
props: {
title: {
type: String,
default: ''
},
content: {
type: String,
default: ''
}
}
};
/***/ }),
/* 20 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
exports.default = {
name: 'BmuiCellArrow2',
props: {
title: {
type: String,
default: ''
}
}
};
/***/ }),
/* 21 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
name: 'BmuiCellArrow1',
props: {
title: {
type: String,
default: ''
},
content: {
type: String,
default: ''
}
}
};
/***/ }),
/* 22 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return render; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return staticRenderFns; });
var render = function() {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c("div", { staticClass: "bmui-picker-shade" }, [
_c("aside", { staticClass: "bmui-picker" }, [
_vm._m(0),
_vm._v(" "),
_vm.type === "TIME"
? _c("div", { staticClass: "bmui-picker-content" }, [
_c(
"div",
{
staticClass: "bmui-picker-list",
on: {
touchstart: function($event) {
$event.preventDefault()
_vm.down($event, 0)
},
touchmove: function($event) {
$event.preventDefault()
return _vm.move($event)
},
touchend: function($event) {
$event.preventDefault()
return _vm.up($event)
},
mousedown: function($event) {
$event.preventDefault()
_vm.down($event, 0)
},
mousemove: function($event) {
$event.preventDefault()
return _vm.move($event)
},
mouseleave: function($event) {
$event.preventDefault()
return _vm.up($event)
},
mouseup: function($event) {
$event.preventDefault()
return _vm.up($event)
}
}
},
[
_c(
"div",
{
staticClass: "bmui-picker-wrap",
style: {
transform:
"translateY(" +
((_vm.indexes[0] || 0) * -_vm.OFFSET +
(_vm.yTarget === 0 ? _vm.yCurr - _vm.yStart : 0)) +
"px)"
}
},
_vm._l(_vm.displayedItems[0], function(h, i) {
return _c(
"div",
{
staticClass: "bmui-picker-item",
class: {
"bmui-picker-active":
_vm.yTarget === 0
? i === _vm.targetIndex
: i === _vm.indexes[0]
},
style: {
height: _vm.OFFSET + "px",
lineHeight: _vm.OFFSET + "px"
}
},
[_vm._v(_vm._s(h.name))]
)
})
)
]
),
_vm._v(" "),
_vm._m(1),
_vm._v(" "),
_c(
"div",
{
staticClass: "bmui-picker-list",
on: {
touchstart: function($event) {
$event.preventDefault()
_vm.down($event, 1)
},
touchmove: function($event) {
$event.preventDefault()
return _vm.move($event)
},
touchend: function($event) {
$event.preventDefault()
return _vm.up($event)
},
mousedown: function($event) {
$event.preventDefault()
_vm.down($event, 1)
},
mousemove: function($event) {
$event.preventDefault()
return _vm.move($event)
},
mouseleave: function($event) {
$event.preventDefault()
return _vm.up($event)
},
mouseup: function($event) {
$event.preventDefault()
return _vm.up($event)
}
}
},
[
_c(
"div",
{
staticClass: "bmui-picker-wrap",
style: {
transform:
"translateY(" +
((_vm.indexes[1] || 0) * -_vm.OFFSET +
(_vm.yTarget === 1 ? _vm.yCurr - _vm.yStart : 0)) +
"px)"
}
},
_vm._l(_vm.displayedItems[1], function(m, i) {
return _c(
"div",
{
staticClass: "bmui-picker-item",
class: {
"bmui-picker-active":
_vm.yTarget === 1
? i === _vm.targetIndex
: i === _vm.indexes[1]
},
style: {
height: _vm.OFFSET + "px",
lineHeight: _vm.OFFSET + "px"
}
},
[_vm._v(_vm._s(m.name))]
)
})
)
]
)
])
: _c(
"div",
{ staticClass: "bmui-picker-content" },
_vm._l(_vm.displayedItems, function(list, listIndex) {
return list.length
? _c(
"div",
{
staticClass: "bmui-picker-list",
on: {
touchstart: function($event) {
$event.preventDefault()
_vm.down($event, listIndex)
},
touchmove: function($event) {
$event.preventDefault()
return _vm.move($event)
},
touchend: function($event) {
$event.preventDefault()
return _vm.up($event)
},
mousedown: function($event) {
$event.preventDefault()
_vm.down($event, listIndex)
},
mousemove: function($event) {
$event.preventDefault()
return _vm.move($event)
},
mouseleave: function($event) {
$event.preventDefault()
return _vm.up($event)
},
mouseup: function($event) {
$event.preventDefault()
return _vm.up($event)
}
}
},
[
_c(
"div",
{
staticClass: "bmui-picker-wrap",
style: {
transform:
"translateY(" +
((_vm.indexes[listIndex] || 0) * -_vm.OFFSET +
(_vm.yTarget === listIndex
? _vm.yCurr - _vm.yStart
: 0)) +
"px)"
}
},
_vm._l(list, function(item, itemIndex) {
return _c(
"div",
{
staticClass: "bmui-picker-item",
class: {
"bmui-picker-active":
_vm.yTarget === listIndex
? itemIndex === _vm.targetIndex
: itemIndex === _vm.indexes[listIndex]
},
style: {
height: _vm.OFFSET + "px",
lineHeight: _vm.OFFSET + "px"
}
},
[
_vm._v(
_vm._s(
typeof item === "string" ? item : item.value
)
)
]
)
})
)
]
)
: _vm._e()
})
)
])
])
}
var staticRenderFns = [
function() {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c("div", { staticClass: "bmui-picker-head" }, [
_c(
"button",
{ staticClass: "bmui-picker-btn", attrs: { type: "button" } },
[_vm._v("取消")]
),
_vm._v(" "),
_c(
"button",
{ staticClass: "bmui-picker-btn", attrs: { type: "button" } },
[_vm._v("确认")]
)
])
},
function() {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c("div", { staticClass: "bmui-picker-list bmui-picker-colon" }, [
_c("div", { staticClass: "bmui-picker-wrap" }, [_vm._v(":")])
])
}
]
render._withStripped = true
if (false) {}
/***/ }),
/* 23 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return render; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return staticRenderFns; });
var render = function() {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c("aside", { staticClass: "bmui-empty" }, [
_c("i", { staticClass: "bmui-empty-img" }),
_vm._v(" "),
_c("p", { staticClass: "bmui-empty-text" }, [
_vm._v(_vm._s(_vm.title || "暂无数据"))
]),
_vm._v(" "),
_vm.btn
? _c(
"button",
{ staticClass: "bmui-empty-btn", attrs: { type: "button" } },
[_vm._v(_vm._s(_vm.btn))]
)
: _vm._e()
])
}
var staticRenderFns = []
render._withStripped = true
if (false) {}
/***/ }),
/* 24 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return render; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return staticRenderFns; });
var render = function() {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c(
"nav",
{ staticClass: "bmui-segment" },
_vm._l(_vm.items, function(item, i) {
return _c(
"label",
{
class: [
"bmui-segment-item",
{ "bmui-segment-active": _vm.indexInside === i }
]
},
[
_c("div", { staticClass: "bmui-segment-box" }, [
_c("div", { staticClass: "bmui-segment-box2" }, [
_c(
"button",
{
staticClass: "bmui-segment-text",
attrs: { type: "button" },
on: {
click: function($event) {
_vm.indexInside = i
}
}
},
[
_vm._v(
_vm._s(
(typeof item === "string" ? item : item.name) || "ITEM"
)
)
]
),
_vm._v(" "),
typeof item.mark === "number"
? _c(
"i",
{
class:
item.mark > 9
? "bmui-segment-mark"
: "bmui-segment-single-mark"
},
[_vm._v(_vm._s(item.mark > 99 ? "99+" : item.mark))]
)
: _vm._e()
])
])
]
)
})
)
}
var staticRenderFns = []
render._withStripped = true
if (false) {}
/***/ }),
/* 25 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return render; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return staticRenderFns; });
var render = function() {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c("div", { staticClass: "bmui-searchbox_empty" }, [
_vm._v(_vm._s(_vm.title || "查找不到结果"))
])
}
var staticRenderFns = []
render._withStripped = true
if (false) {}
/***/ }),
/* 26 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return render; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return staticRenderFns; });
var render = function() {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c(
"form",
{
class: ["bmui-searchbox", { "bmui-searchbox-active": _vm.active }],
on: {
click: _vm.mixinInputDoFocus,
submit: function($event) {
$event.preventDefault()
return _vm.submit($event)
}
}
},
[
_c("div", { staticClass: "bmui-searchbox-wrap" }, [
_c("i", { staticClass: "bmui-searchbox-icon" }),
_vm._v(" "),
_c(
"input",
_vm._b(
{
directives: [
{
name: "model",
rawName: "v-model",
value: _vm.valueInside,
expression: "valueInside"
}
],
ref: "input",
staticClass: "bmui-searchbox-content",
attrs: {
placeholder: _vm.placeholder || "请输入关键字",
type: "text"
},
domProps: { value: _vm.valueInside },
on: {
focus: function($event) {
_vm.active = true
},
input: function($event) {
if ($event.target.composing) {
return
}
_vm.valueInside = $event.target.value
}
}
},
"input",
_vm.mixinInputProps,
false
)
),
_vm._v(" "),
_vm.valueInside
? _c("button", {
staticClass: "bmui-searchbox-del",
attrs: { type: "button" },
on: {
click: function($event) {
_vm.valueInside = ""
}
}
})
: _vm._e(),
_vm._v(" "),
_vm.active && _vm.valueInside
? _c(
"button",
{
staticClass: "bmui-searchbox-submit",
attrs: { type: "submit" },
on: {
click: function($event) {
$event.stopPropagation()
}
}
},
[_vm._v("确 认")]
)
: _vm._e(),
_vm._v(" "),
_vm.active && !_vm.valueInside
? _c(
"button",
{
staticClass: "bmui-searchbox-submit",
attrs: { type: "button" },
on: {
click: function($event) {
$event.stopPropagation()
_vm.active = false
}
}
},
[_vm._v("取 消")]
)
: _vm._e()
])
]
)
}
var staticRenderFns = []
render._withStripped = true
if (false) {}
/***/ }),
/* 27 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return render; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return staticRenderFns; });
var render = function() {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c(
"div",
{ staticClass: "bmui-field_btn", on: { click: _vm.mixinInputDoFocus } },
[
_c("p", { staticClass: "bmui-field_btn-title" }, [
_vm._v(_vm._s(_vm.title || "TITLE"))
]),
_vm._v(" "),
_vm.mixinInputProps.type === "checkbox"
? _c(
"input",
_vm._b(
{
directives: [
{
name: "model",
rawName: "v-model",
value: _vm.valueInside,
expression: "valueInside"
}
],
ref: "input",
staticClass: "bmui-field_btn-content",
attrs: {
placeholder: _vm.placeholder || "请输入",
type: "checkbox"
},
domProps: {
checked: Array.isArray(_vm.valueInside)
? _vm._i(_vm.valueInside, null) > -1
: _vm.valueInside
},
on: {
change: function($event) {
var $$a = _vm.valueInside,
$$el = $event.target,
$$c = $$el.checked ? true : false
if (Array.isArray($$a)) {
var $$v = null,
$$i = _vm._i($$a, $$v)
if ($$el.checked) {
$$i < 0 && (_vm.valueInside = $$a.concat([$$v]))
} else {
$$i > -1 &&
(_vm.valueInside = $$a
.slice(0, $$i)
.concat($$a.slice($$i + 1)))
}
} else {
_vm.valueInside = $$c
}
}
}
},
"input",
_vm.mixinInputProps,
false
)
)
: _vm.mixinInputProps.type === "radio"
? _c(
"input",
_vm._b(
{
directives: [
{
name: "model",
rawName: "v-model",
value: _vm.valueInside,
expression: "valueInside"
}
],
ref: "input",
staticClass: "bmui-field_btn-content",
attrs: {
placeholder: _vm.placeholder || "请输入",
type: "radio"
},
domProps: { checked: _vm._q(_vm.valueInside, null) },
on: {
change: function($event) {
_vm.valueInside = null
}
}
},
"input",
_vm.mixinInputProps,
false
)
)
: _c(
"input",
_vm._b(
{
directives: [
{
name: "model",
rawName: "v-model",
value: _vm.valueInside,
expression: "valueInside"
}
],
ref: "input",
staticClass: "bmui-field_btn-content",
attrs: {
placeholder: _vm.placeholder || "请输入",
type: _vm.mixinInputProps.type
},
domProps: { value: _vm.valueInside },
on: {
input: function($event) {
if ($event.target.composing) {
return
}
_vm.valueInside = $event.target.value
}
}
},
"input",
_vm.mixinInputProps,
false
)
),
_vm._v(" "),
!_vm.status
? _c(
"button",
{
staticClass: "bmui-field_btn-btn",
attrs: { type: "button" },
on: {
click: function($event) {
$event.stopPropagation()
return _vm.submit($event)
}
}
},
[_vm._v(_vm._s(_vm.btn || "BUTTON"))]
)
: _vm._e(),
_vm._v(" "),
_vm.status
? _c("i", { class: "bmui-field_btn-status-" + _vm.status })
: _vm._e()
]
)
}
var staticRenderFns = []
render._withStripped = true
if (false) {}
/***/ }),
/* 28 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return render; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return staticRenderFns; });
var render = function() {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c(
"div",
{
staticClass: "bmui-field_paragraph",
on: { click: _vm.mixinInputDoFocus }
},
[
_c("div", { staticClass: "bmui-field_paragraph-wrap" }, [
_c("p", { staticClass: "bmui-field_paragraph-title" }, [
_vm._v(_vm._s(_vm.title || "TITLE"))
]),
_vm._v(" "),
_c("p", { staticClass: "bmui-field_paragraph-count" }, [
_vm._v(
_vm._s(_vm.valueInside.length) + "/" + _vm._s(_vm.maxlength || 100)
)
])
]),
_vm._v(" "),
_c(
"textarea",
_vm._b(
{
directives: [
{
name: "model",
rawName: "v-model",
value: _vm.valueInside,
expression: "valueInside"
}
],
ref: "input",
staticClass: "bmui-field_paragraph-input",
attrs: {
placeholder: _vm.placeholder || "请输入",
maxlength: _vm.maxlength || 100
},
domProps: { value: _vm.valueInside },
on: {
input: function($event) {
if ($event.target.composing) {
return
}
_vm.valueInside = $event.target.value
}
}
},
"textarea",
_vm.mixinInputProps,
false
)
)
]
)
}
var staticRenderFns = []
render._withStripped = true
if (false) {}
/***/ }),
/* 29 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return render; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return staticRenderFns; });
var render = function() {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c(
"div",
{ staticClass: "bmui-field_text2", on: { click: _vm.mixinInputDoFocus } },
[
_c("p", { staticClass: "bmui-field_text2-title" }, [
_vm._v(_vm._s(_vm.title || "TITLE"))
]),
_vm._v(" "),
_c("div", { staticClass: "bmui-field_text2-wrap" }, [
_vm.$slots.default
? _c(
"div",
{
staticClass: "bmui-field_text2-input",
class: { "bmui-field_text2-empty": !_vm.valueInside }
},
[_vm._t("default")],
2
)
: _vm.mixinInputProps.type === "checkbox"
? _c(
"input",
_vm._b(
{
directives: [
{
name: "model",
rawName: "v-model",
value: _vm.valueInside,
expression: "valueInside"
}
],
ref: "input",
staticClass: "bmui-field_text2-input",
class: { "bmui-field_text1-empty": !_vm.valueInside },
attrs: {
placeholder: _vm.placeholder || "请输入",
type: "checkbox"
},
domProps: {
checked: Array.isArray(_vm.valueInside)
? _vm._i(_vm.valueInside, null) > -1
: _vm.val