mirror of
https://gitee.com/beecue/fastbee.git
synced 2025-12-18 00:45:55 +08:00
智慧宿舍系统小程序
This commit is contained in:
@@ -0,0 +1,126 @@
|
||||
'use strict';
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
var component_1 = require('../common/component');
|
||||
var relation_1 = require('../common/relation');
|
||||
var utils_1 = require('../common/utils');
|
||||
var ARRAY = [];
|
||||
component_1.VantComponent({
|
||||
field: true,
|
||||
relation: relation_1.useChildren('dropdown-item', function () {
|
||||
this.updateItemListData();
|
||||
}),
|
||||
props: {
|
||||
activeColor: {
|
||||
type: String,
|
||||
observer: 'updateChildrenData',
|
||||
},
|
||||
overlay: {
|
||||
type: Boolean,
|
||||
value: true,
|
||||
observer: 'updateChildrenData',
|
||||
},
|
||||
zIndex: {
|
||||
type: Number,
|
||||
value: 10,
|
||||
},
|
||||
duration: {
|
||||
type: Number,
|
||||
value: 200,
|
||||
observer: 'updateChildrenData',
|
||||
},
|
||||
direction: {
|
||||
type: String,
|
||||
value: 'down',
|
||||
observer: 'updateChildrenData',
|
||||
},
|
||||
closeOnClickOverlay: {
|
||||
type: Boolean,
|
||||
value: true,
|
||||
observer: 'updateChildrenData',
|
||||
},
|
||||
closeOnClickOutside: {
|
||||
type: Boolean,
|
||||
value: true,
|
||||
},
|
||||
},
|
||||
data: {
|
||||
itemListData: [],
|
||||
},
|
||||
beforeCreate: function () {
|
||||
var windowHeight = utils_1.getSystemInfoSync().windowHeight;
|
||||
this.windowHeight = windowHeight;
|
||||
ARRAY.push(this);
|
||||
},
|
||||
destroyed: function () {
|
||||
var _this = this;
|
||||
ARRAY = ARRAY.filter(function (item) {
|
||||
return item !== _this;
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
updateItemListData: function () {
|
||||
this.setData({
|
||||
itemListData: this.children.map(function (child) {
|
||||
return child.data;
|
||||
}),
|
||||
});
|
||||
},
|
||||
updateChildrenData: function () {
|
||||
this.children.forEach(function (child) {
|
||||
child.updateDataFromParent();
|
||||
});
|
||||
},
|
||||
toggleItem: function (active) {
|
||||
this.children.forEach(function (item, index) {
|
||||
var showPopup = item.data.showPopup;
|
||||
if (index === active) {
|
||||
item.toggle();
|
||||
} else if (showPopup) {
|
||||
item.toggle(false, { immediate: true });
|
||||
}
|
||||
});
|
||||
},
|
||||
close: function () {
|
||||
this.children.forEach(function (child) {
|
||||
child.toggle(false, { immediate: true });
|
||||
});
|
||||
},
|
||||
getChildWrapperStyle: function () {
|
||||
var _this = this;
|
||||
var _a = this.data,
|
||||
zIndex = _a.zIndex,
|
||||
direction = _a.direction;
|
||||
return utils_1.getRect(this, '.van-dropdown-menu').then(function (rect) {
|
||||
var _a = rect.top,
|
||||
top = _a === void 0 ? 0 : _a,
|
||||
_b = rect.bottom,
|
||||
bottom = _b === void 0 ? 0 : _b;
|
||||
var offset = direction === 'down' ? bottom : _this.windowHeight - top;
|
||||
var wrapperStyle = 'z-index: ' + zIndex + ';';
|
||||
if (direction === 'down') {
|
||||
wrapperStyle += 'top: ' + utils_1.addUnit(offset) + ';';
|
||||
} else {
|
||||
wrapperStyle += 'bottom: ' + utils_1.addUnit(offset) + ';';
|
||||
}
|
||||
return wrapperStyle;
|
||||
});
|
||||
},
|
||||
onTitleTap: function (event) {
|
||||
var _this = this;
|
||||
var index = event.currentTarget.dataset.index;
|
||||
var child = this.children[index];
|
||||
if (!child.data.disabled) {
|
||||
ARRAY.forEach(function (menuItem) {
|
||||
if (
|
||||
menuItem &&
|
||||
menuItem.data.closeOnClickOutside &&
|
||||
menuItem !== _this
|
||||
) {
|
||||
menuItem.close();
|
||||
}
|
||||
});
|
||||
this.toggleItem(index);
|
||||
}
|
||||
},
|
||||
},
|
||||
});
|
||||
Reference in New Issue
Block a user