换ubuntu
This commit is contained in:
2
utils/dist/dropdown-menu/index.d.ts
vendored
2
utils/dist/dropdown-menu/index.d.ts
vendored
@@ -1 +1 @@
|
||||
export {};
|
||||
export {};
|
||||
|
||||
242
utils/dist/dropdown-menu/index.js
vendored
242
utils/dist/dropdown-menu/index.js
vendored
@@ -1,121 +1,121 @@
|
||||
import { VantComponent } from '../common/component';
|
||||
import { addUnit } from '../common/utils';
|
||||
let ARRAY = [];
|
||||
VantComponent({
|
||||
field: true,
|
||||
relation: {
|
||||
name: 'dropdown-item',
|
||||
type: 'descendant',
|
||||
linked(target) {
|
||||
this.children.push(target);
|
||||
this.updateItemListData();
|
||||
},
|
||||
unlinked(target) {
|
||||
this.children = this.children.filter((child) => child !== target);
|
||||
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() {
|
||||
const { windowHeight } = wx.getSystemInfoSync();
|
||||
this.windowHeight = windowHeight;
|
||||
this.children = [];
|
||||
ARRAY.push(this);
|
||||
},
|
||||
destroyed() {
|
||||
ARRAY = ARRAY.filter(item => item !== this);
|
||||
},
|
||||
methods: {
|
||||
updateItemListData() {
|
||||
this.setData({
|
||||
itemListData: this.children.map((child) => child.data)
|
||||
});
|
||||
},
|
||||
updateChildrenData() {
|
||||
this.children.forEach((child) => {
|
||||
child.updateDataFromParent();
|
||||
});
|
||||
},
|
||||
toggleItem(active) {
|
||||
this.children.forEach((item, index) => {
|
||||
const { showPopup } = item.data;
|
||||
if (index === active) {
|
||||
item.toggle();
|
||||
}
|
||||
else if (showPopup) {
|
||||
item.toggle(false, { immediate: true });
|
||||
}
|
||||
});
|
||||
},
|
||||
close() {
|
||||
this.children.forEach((child) => {
|
||||
child.toggle(false, { immediate: true });
|
||||
});
|
||||
},
|
||||
getChildWrapperStyle() {
|
||||
const { zIndex, direction } = this.data;
|
||||
return this.getRect('.van-dropdown-menu').then((rect) => {
|
||||
const { top = 0, bottom = 0 } = rect;
|
||||
const offset = direction === 'down' ? bottom : this.windowHeight - top;
|
||||
let wrapperStyle = `z-index: ${zIndex};`;
|
||||
if (direction === 'down') {
|
||||
wrapperStyle += `top: ${addUnit(offset)};`;
|
||||
}
|
||||
else {
|
||||
wrapperStyle += `bottom: ${addUnit(offset)};`;
|
||||
}
|
||||
return wrapperStyle;
|
||||
});
|
||||
},
|
||||
onTitleTap(event) {
|
||||
const { index } = event.currentTarget.dataset;
|
||||
const child = this.children[index];
|
||||
if (!child.data.disabled) {
|
||||
ARRAY.forEach(menuItem => {
|
||||
if (menuItem &&
|
||||
menuItem.data.closeOnClickOutside &&
|
||||
menuItem !== this) {
|
||||
menuItem.close();
|
||||
}
|
||||
});
|
||||
this.toggleItem(index);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
import { VantComponent } from '../common/component';
|
||||
import { addUnit } from '../common/utils';
|
||||
let ARRAY = [];
|
||||
VantComponent({
|
||||
field: true,
|
||||
relation: {
|
||||
name: 'dropdown-item',
|
||||
type: 'descendant',
|
||||
linked(target) {
|
||||
this.children.push(target);
|
||||
this.updateItemListData();
|
||||
},
|
||||
unlinked(target) {
|
||||
this.children = this.children.filter((child) => child !== target);
|
||||
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() {
|
||||
const { windowHeight } = wx.getSystemInfoSync();
|
||||
this.windowHeight = windowHeight;
|
||||
this.children = [];
|
||||
ARRAY.push(this);
|
||||
},
|
||||
destroyed() {
|
||||
ARRAY = ARRAY.filter(item => item !== this);
|
||||
},
|
||||
methods: {
|
||||
updateItemListData() {
|
||||
this.setData({
|
||||
itemListData: this.children.map((child) => child.data)
|
||||
});
|
||||
},
|
||||
updateChildrenData() {
|
||||
this.children.forEach((child) => {
|
||||
child.updateDataFromParent();
|
||||
});
|
||||
},
|
||||
toggleItem(active) {
|
||||
this.children.forEach((item, index) => {
|
||||
const { showPopup } = item.data;
|
||||
if (index === active) {
|
||||
item.toggle();
|
||||
}
|
||||
else if (showPopup) {
|
||||
item.toggle(false, { immediate: true });
|
||||
}
|
||||
});
|
||||
},
|
||||
close() {
|
||||
this.children.forEach((child) => {
|
||||
child.toggle(false, { immediate: true });
|
||||
});
|
||||
},
|
||||
getChildWrapperStyle() {
|
||||
const { zIndex, direction } = this.data;
|
||||
return this.getRect('.van-dropdown-menu').then((rect) => {
|
||||
const { top = 0, bottom = 0 } = rect;
|
||||
const offset = direction === 'down' ? bottom : this.windowHeight - top;
|
||||
let wrapperStyle = `z-index: ${zIndex};`;
|
||||
if (direction === 'down') {
|
||||
wrapperStyle += `top: ${addUnit(offset)};`;
|
||||
}
|
||||
else {
|
||||
wrapperStyle += `bottom: ${addUnit(offset)};`;
|
||||
}
|
||||
return wrapperStyle;
|
||||
});
|
||||
},
|
||||
onTitleTap(event) {
|
||||
const { index } = event.currentTarget.dataset;
|
||||
const child = this.children[index];
|
||||
if (!child.data.disabled) {
|
||||
ARRAY.forEach(menuItem => {
|
||||
if (menuItem &&
|
||||
menuItem.data.closeOnClickOutside &&
|
||||
menuItem !== this) {
|
||||
menuItem.close();
|
||||
}
|
||||
});
|
||||
this.toggleItem(index);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
4
utils/dist/dropdown-menu/index.json
vendored
4
utils/dist/dropdown-menu/index.json
vendored
@@ -1,3 +1,3 @@
|
||||
{
|
||||
"component": true
|
||||
{
|
||||
"component": true
|
||||
}
|
||||
46
utils/dist/dropdown-menu/index.wxml
vendored
46
utils/dist/dropdown-menu/index.wxml
vendored
@@ -1,23 +1,23 @@
|
||||
<wxs src="../wxs/utils.wxs" module="utils" />
|
||||
<wxs src="./index.wxs" module="computed" />
|
||||
|
||||
<view class="van-dropdown-menu van-dropdown-menu--top-bottom">
|
||||
<view
|
||||
wx:for="{{ itemListData }}"
|
||||
wx:key="index"
|
||||
data-index="{{ index }}"
|
||||
class="{{ utils.bem('dropdown-menu__item', { disabled: item.disabled }) }}"
|
||||
bind:tap="onTitleTap"
|
||||
>
|
||||
<view
|
||||
class="{{ item.titleClass }} {{ utils.bem('dropdown-menu__title', { active: item.showPopup, down: item.showPopup === (direction === 'down') }) }}"
|
||||
style="{{ item.showPopup ? 'color:' + activeColor : '' }}"
|
||||
>
|
||||
<view class="van-ellipsis">
|
||||
{{ computed.displayTitle(item) }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<slot />
|
||||
</view>
|
||||
<wxs src="../wxs/utils.wxs" module="utils" />
|
||||
<wxs src="./index.wxs" module="computed" />
|
||||
|
||||
<view class="van-dropdown-menu van-dropdown-menu--top-bottom">
|
||||
<view
|
||||
wx:for="{{ itemListData }}"
|
||||
wx:key="index"
|
||||
data-index="{{ index }}"
|
||||
class="{{ utils.bem('dropdown-menu__item', { disabled: item.disabled }) }}"
|
||||
bind:tap="onTitleTap"
|
||||
>
|
||||
<view
|
||||
class="{{ item.titleClass }} {{ utils.bem('dropdown-menu__title', { active: item.showPopup, down: item.showPopup === (direction === 'down') }) }}"
|
||||
style="{{ item.showPopup ? 'color:' + activeColor : '' }}"
|
||||
>
|
||||
<view class="van-ellipsis">
|
||||
{{ computed.displayTitle(item) }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<slot />
|
||||
</view>
|
||||
|
||||
32
utils/dist/dropdown-menu/index.wxs
vendored
32
utils/dist/dropdown-menu/index.wxs
vendored
@@ -1,16 +1,16 @@
|
||||
/* eslint-disable */
|
||||
function displayTitle(item) {
|
||||
if (item.title) {
|
||||
return item.title;
|
||||
}
|
||||
|
||||
var match = item.options.filter(function(option) {
|
||||
return option.value === item.value;
|
||||
});
|
||||
var displayTitle = match.length ? match[0].text : '';
|
||||
return displayTitle;
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
displayTitle: displayTitle
|
||||
};
|
||||
/* eslint-disable */
|
||||
function displayTitle(item) {
|
||||
if (item.title) {
|
||||
return item.title;
|
||||
}
|
||||
|
||||
var match = item.options.filter(function(option) {
|
||||
return option.value === item.value;
|
||||
});
|
||||
var displayTitle = match.length ? match[0].text : '';
|
||||
return displayTitle;
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
displayTitle: displayTitle
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user