mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
build: compile 1.5.1
This commit is contained in:
zhongnan
parent
c3351ce01d
commit
05cc5c9299
10
dist/card/index.wxml
vendored
10
dist/card/index.wxml
vendored
@ -10,7 +10,7 @@
|
||||
lazy-load="{{ lazyLoad }}"
|
||||
class="van-card__img thumb-class"
|
||||
/>
|
||||
<slot name="thumb" />
|
||||
<slot wx:else name="thumb" />
|
||||
<van-tag
|
||||
wx:if="{{ tag }}"
|
||||
mark
|
||||
@ -19,6 +19,7 @@
|
||||
>
|
||||
{{ tag }}
|
||||
</van-tag>
|
||||
<slot wx:else name="tag" />
|
||||
</view>
|
||||
|
||||
<view class="van-card__content {{ utils.bem('card__content', { center: centered }) }}">
|
||||
@ -34,9 +35,14 @@
|
||||
|
||||
<view class="van-card__bottom">
|
||||
<slot name="price-top" />
|
||||
<view wx:if="{{ price || price === 0 }}" class="van-card__price price-class">{{ currency }}<text class="van-card__price-integer">{{ integerStr }}</text><text class="van-card__price-decimal">{{ decimalStr }}</text></view>
|
||||
<view wx:if="{{ price || price === 0 }}" class="van-card__price price-class">
|
||||
<text>{{ currency }}</text>
|
||||
<text class="van-card__price-integer">{{ integerStr }}</text>
|
||||
<text class="van-card__price-decimal">{{ decimalStr }}</text>
|
||||
</view>
|
||||
<slot wx:else name="price" />
|
||||
<view wx:if="{{ originPrice || originPrice === 0 }}" class="van-card__origin-price origin-price-class">{{ currency }} {{ originPrice }}</view>
|
||||
<slot wx:else name="origin-price" />
|
||||
<view wx:if="{{ num }}" class="van-card__num num-class">x {{ num }}</view>
|
||||
<slot wx:else name="num" />
|
||||
<slot name="bottom" />
|
||||
|
||||
2
dist/card/index.wxss
vendored
2
dist/card/index.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-card{position:relative;box-sizing:border-box;padding:8px 16px;padding:var(--card-padding,8px 16px);font-size:12px;font-size:var(--card-font-size,12px);color:#323233;color:var(--card-text-color,#323233);background-color:#fafafa;background-color:var(--card-background-color,#fafafa)}.van-card__header{display:-webkit-flex;display:flex}.van-card__header--center{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.van-card__thumb{position:relative;-webkit-flex:none;flex:none;width:88px;width:var(--card-thumb-size,88px);height:88px;height:var(--card-thumb-size,88px);margin-right:8px;margin-right:var(--padding-xs,8px)}.van-card__thumb:empty{display:none}.van-card__img{width:100%;height:100%;border-radius:8px;border-radius:var(--border-radius-lg,8px)}.van-card__content{position:relative;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;min-width:0;min-height:88px;min-height:var(--card-thumb-size,88px)}.van-card__content--center{-webkit-justify-content:center;justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{font-weight:700;line-height:16px;line-height:var(--card-title-line-height,16px)}.van-card__desc{line-height:20px;line-height:var(--card-desc-line-height,20px);color:#646566;color:var(--card-desc-color,#646566)}.van-card__bottom{line-height:20px}.van-card__price{display:inline-block;font-weight:700;color:#ee0a24;color:var(--card-price-color,#ee0a24);font-size:12px;font-size:var(--card-price-font-size,12px)}.van-card__price-integer{font-size:16px;font-size:var(--card-price-integer-font-size,16px)}.van-card__price-decimal,.van-card__price-integer{font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;font-family:var(--card-price-font-family,Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif)}.van-card__origin-price{display:inline-block;margin-left:5px;text-decoration:line-through;font-size:10px;font-size:var(--card-origin-price-font-size,10px);color:#646566;color:var(--card-origin-price-color,#646566)}.van-card__num{float:right}.van-card__tag{position:absolute;top:2px;left:0}.van-card__footer{-webkit-flex:none;flex:none;width:100%;text-align:right}
|
||||
@import '../common/index.wxss';.van-card{position:relative;box-sizing:border-box;padding:8px 16px;padding:var(--card-padding,8px 16px);font-size:12px;font-size:var(--card-font-size,12px);color:#323233;color:var(--card-text-color,#323233);background-color:#fafafa;background-color:var(--card-background-color,#fafafa)}.van-card__header{display:-webkit-flex;display:flex}.van-card__header--center{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.van-card__thumb{position:relative;-webkit-flex:none;flex:none;width:88px;width:var(--card-thumb-size,88px);height:88px;height:var(--card-thumb-size,88px);margin-right:8px;margin-right:var(--padding-xs,8px)}.van-card__thumb:empty{display:none}.van-card__img{width:100%;height:100%;border-radius:8px;border-radius:var(--border-radius-lg,8px)}.van-card__content{position:relative;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;min-width:0;min-height:88px;min-height:var(--card-thumb-size,88px)}.van-card__content--center{-webkit-justify-content:center;justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{font-weight:700;line-height:16px;line-height:var(--card-title-line-height,16px)}.van-card__desc{line-height:20px;line-height:var(--card-desc-line-height,20px);color:#646566;color:var(--card-desc-color,#646566)}.van-card__bottom{line-height:20px}.van-card__price{display:inline-block;font-weight:700;color:#ee0a24;color:var(--card-price-color,#ee0a24);font-size:12px;font-size:var(--card-price-font-size,12px)}.van-card__price-integer{font-size:16px;font-size:var(--card-price-integer-font-size,16px)}.van-card__price-decimal,.van-card__price-integer{font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;font-family:var(--card-price-font-family,Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif)}.van-card__origin-price{display:inline-block;margin-left:5px;text-decoration:line-through;font-size:10px;font-size:var(--card-origin-price-font-size,10px);color:#646566;color:var(--card-origin-price-color,#646566)}.van-card__num{float:right}.van-card__tag{position:absolute!important;top:2px;left:0}.van-card__footer{-webkit-flex:none;flex:none;width:100%;text-align:right}
|
||||
2
dist/circle/canvas.d.ts
vendored
2
dist/circle/canvas.d.ts
vendored
@ -1,4 +1,4 @@
|
||||
/// <reference types="miniprogram-api-typings" />
|
||||
/// <reference types="wechat-miniprogram" />
|
||||
declare type CanvasContext = WechatMiniprogram.CanvasContext;
|
||||
export declare function adaptor(
|
||||
ctx: CanvasRenderingContext2D
|
||||
|
||||
10
dist/common/utils.d.ts
vendored
10
dist/common/utils.d.ts
vendored
@ -1,4 +1,4 @@
|
||||
/// <reference types="miniprogram-api-typings" />
|
||||
/// <reference types="wechat-miniprogram" />
|
||||
export declare function isDef(value: any): boolean;
|
||||
export declare function isObj(x: any): boolean;
|
||||
export declare function isNumber(value: any): boolean;
|
||||
@ -9,3 +9,11 @@ export declare function addUnit(value?: string | number): string | undefined;
|
||||
export declare function requestAnimationFrame(
|
||||
cb: Function
|
||||
): void | WechatMiniprogram.NodesRef;
|
||||
export declare function getRect(
|
||||
this: WechatMiniprogram.Component.TrivialInstance,
|
||||
selector: string
|
||||
): Promise<WechatMiniprogram.BoundingClientRectCallbackResult>;
|
||||
export declare function getAllRect(
|
||||
this: WechatMiniprogram.Component.TrivialInstance,
|
||||
selector: string
|
||||
): Promise<WechatMiniprogram.BoundingClientRectCallbackResult[]>;
|
||||
|
||||
20
dist/common/utils.js
vendored
20
dist/common/utils.js
vendored
@ -16,7 +16,7 @@ export function nextTick(fn) {
|
||||
fn();
|
||||
}, 1000 / 30);
|
||||
}
|
||||
let systemInfo = null;
|
||||
let systemInfo;
|
||||
export function getSystemInfoSync() {
|
||||
if (systemInfo == null) {
|
||||
systemInfo = wx.getSystemInfoSync();
|
||||
@ -43,3 +43,21 @@ export function requestAnimationFrame(cb) {
|
||||
cb();
|
||||
});
|
||||
}
|
||||
export function getRect(selector) {
|
||||
return new Promise((resolve) => {
|
||||
wx.createSelectorQuery()
|
||||
.in(this)
|
||||
.select(selector)
|
||||
.boundingClientRect()
|
||||
.exec((rect = []) => resolve(rect[0]));
|
||||
});
|
||||
}
|
||||
export function getAllRect(selector) {
|
||||
return new Promise((resolve) => {
|
||||
wx.createSelectorQuery()
|
||||
.in(this)
|
||||
.selectAll(selector)
|
||||
.boundingClientRect()
|
||||
.exec((rect = []) => resolve(rect[0]));
|
||||
});
|
||||
}
|
||||
|
||||
6
dist/definitions/index.d.ts
vendored
6
dist/definitions/index.d.ts
vendored
@ -1,9 +1,11 @@
|
||||
/// <reference types="miniprogram-api-typings" />
|
||||
/// <reference types="wechat-miniprogram" />
|
||||
import { Weapp } from './weapp';
|
||||
declare type RecordToAny<T> = {
|
||||
[K in keyof T]: any;
|
||||
};
|
||||
export declare type CombinedComponentInstance<Data, Props, Methods> = Methods & WechatMiniprogram.Component.TrivialInstance & Weapp.FormField & {
|
||||
export declare type CombinedComponentInstance<Data, Props, Methods> = Methods &
|
||||
WechatMiniprogram.Component.TrivialInstance &
|
||||
Weapp.FormField & {
|
||||
data: Data & RecordToAny<Props>;
|
||||
};
|
||||
export interface VantComponentOptions<Data, Props, Methods, Instance> {
|
||||
|
||||
42
dist/definitions/weapp.d.ts
vendored
42
dist/definitions/weapp.d.ts
vendored
@ -1,4 +1,4 @@
|
||||
/// <reference types="miniprogram-api-typings" />
|
||||
/// <reference types="wechat-miniprogram" />
|
||||
export declare namespace Weapp {
|
||||
export interface FormField {
|
||||
data: {
|
||||
@ -68,18 +68,32 @@ export declare namespace Weapp {
|
||||
/** 目标组件的相对关系 */
|
||||
type: 'parent' | 'child' | 'ancestor' | 'descendant';
|
||||
/** 关系生命周期函数，当关系被建立在页面节点树中时触发，触发时机在组件attached生命周期之后 */
|
||||
linked?(this: Instance, target: WechatMiniprogram.Component.TrivialInstance): void;
|
||||
linked?(
|
||||
this: Instance,
|
||||
target: WechatMiniprogram.Component.TrivialInstance
|
||||
): void;
|
||||
/** 关系生命周期函数，当关系在页面节点树中发生改变时触发，触发时机在组件moved生命周期之后 */
|
||||
linkChanged?(this: Instance, target: WechatMiniprogram.Component.TrivialInstance): void;
|
||||
linkChanged?(
|
||||
this: Instance,
|
||||
target: WechatMiniprogram.Component.TrivialInstance
|
||||
): void;
|
||||
/** 关系生命周期函数，当关系脱离页面节点树时触发，触发时机在组件detached生命周期之后 */
|
||||
unlinked?(this: Instance, target: WechatMiniprogram.Component.TrivialInstance): void;
|
||||
unlinked?(
|
||||
this: Instance,
|
||||
target: WechatMiniprogram.Component.TrivialInstance
|
||||
): void;
|
||||
/** 如果这一项被设置，则它表示关联的目标节点所应具有的behavior，所有拥有这一behavior的组件节点都会被关联 */
|
||||
target?: string;
|
||||
}
|
||||
/**
|
||||
* obverser定义，miniprogram-api-typings缺少this定义
|
||||
*/
|
||||
type Observer<Instance, T> = (this: Instance, newVal: T, oldVal: T, changedPath: Array<string | number>) => void;
|
||||
type Observer<Instance, T> = (
|
||||
this: Instance,
|
||||
newVal: T,
|
||||
oldVal: T,
|
||||
changedPath: Array<string | number>
|
||||
) => void;
|
||||
/**
|
||||
* methods定义，miniprogram-api-typings缺少this定义
|
||||
*/
|
||||
@ -89,15 +103,27 @@ export declare namespace Weapp {
|
||||
export interface ComputedOption<Instance> {
|
||||
[name: string]: (this: Instance) => any;
|
||||
}
|
||||
type PropertyType = StringConstructor | NumberConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor | FunctionConstructor | null;
|
||||
type PropertyType =
|
||||
| StringConstructor
|
||||
| NumberConstructor
|
||||
| BooleanConstructor
|
||||
| ArrayConstructor
|
||||
| ObjectConstructor
|
||||
| FunctionConstructor
|
||||
| null;
|
||||
export interface PropertyOption {
|
||||
[name: string]: PropertyType | PropertyType[] | {
|
||||
[name: string]:
|
||||
| PropertyType
|
||||
| PropertyType[]
|
||||
| {
|
||||
/** 属性类型 */
|
||||
type: PropertyType | PropertyType[];
|
||||
/** 属性初始值 */
|
||||
value?: any;
|
||||
/** 属性值被更改时的响应函数 */
|
||||
observer?: string | Observer<WechatMiniprogram.Component.TrivialInstance, any>;
|
||||
observer?:
|
||||
| string
|
||||
| Observer<WechatMiniprogram.Component.TrivialInstance, any>;
|
||||
/** 属性的类型（可以指定多个） */
|
||||
optionalTypes?: PropertyType[];
|
||||
};
|
||||
|
||||
47
dist/dialog/dialog.d.ts
vendored
47
dist/dialog/dialog.d.ts
vendored
@ -1,5 +1,4 @@
|
||||
/// <reference types="miniprogram-api-typings" />
|
||||
declare type DialogAction = 'confirm' | 'cancel';
|
||||
/// <reference types="wechat-miniprogram" />
|
||||
declare type DialogOptions = {
|
||||
lang?: string;
|
||||
show?: boolean;
|
||||
@ -34,17 +33,35 @@ declare type DialogOptions = {
|
||||
closeOnClickOverlay?: boolean;
|
||||
confirmButtonOpenType?: string;
|
||||
};
|
||||
interface Dialog {
|
||||
(options: DialogOptions): Promise<DialogAction>;
|
||||
alert?: (options: DialogOptions) => Promise<DialogAction>;
|
||||
confirm?: (options: DialogOptions) => Promise<DialogAction>;
|
||||
close?: () => void;
|
||||
stopLoading?: () => void;
|
||||
install?: () => void;
|
||||
setDefaultOptions?: (options: DialogOptions) => void;
|
||||
resetDefaultOptions?: () => void;
|
||||
defaultOptions?: DialogOptions;
|
||||
currentOptions?: DialogOptions;
|
||||
}
|
||||
declare const Dialog: Dialog;
|
||||
declare const Dialog: {
|
||||
(options: DialogOptions): Promise<
|
||||
WechatMiniprogram.Component.TrivialInstance
|
||||
>;
|
||||
alert(
|
||||
options: DialogOptions
|
||||
): Promise<
|
||||
WechatMiniprogram.Component.Instance<
|
||||
Record<string, any>,
|
||||
Record<string, any>,
|
||||
Record<string, any>,
|
||||
Record<string, any>
|
||||
>
|
||||
>;
|
||||
confirm(
|
||||
options: DialogOptions
|
||||
): Promise<
|
||||
WechatMiniprogram.Component.Instance<
|
||||
Record<string, any>,
|
||||
Record<string, any>,
|
||||
Record<string, any>,
|
||||
Record<string, any>
|
||||
>
|
||||
>;
|
||||
close(): void;
|
||||
stopLoading(): void;
|
||||
currentOptions: DialogOptions;
|
||||
defaultOptions: DialogOptions;
|
||||
setDefaultOptions(options: DialogOptions): void;
|
||||
resetDefaultOptions(): void;
|
||||
};
|
||||
export default Dialog;
|
||||
|
||||
65
dist/dialog/dialog.js
vendored
65
dist/dialog/dialog.js
vendored
@ -1,31 +1,5 @@
|
||||
let queue = [];
|
||||
function getContext() {
|
||||
const pages = getCurrentPages();
|
||||
return pages[pages.length - 1];
|
||||
}
|
||||
const Dialog = (options) => {
|
||||
options = Object.assign(Object.assign({}, Dialog.currentOptions), options);
|
||||
return new Promise((resolve, reject) => {
|
||||
const context = options.context || getContext();
|
||||
const dialog = context.selectComponent(options.selector);
|
||||
delete options.context;
|
||||
delete options.selector;
|
||||
if (dialog) {
|
||||
dialog.setData(
|
||||
Object.assign({ onCancel: reject, onConfirm: resolve }, options)
|
||||
);
|
||||
wx.nextTick(() => {
|
||||
dialog.setData({ show: true });
|
||||
});
|
||||
queue.push(dialog);
|
||||
} else {
|
||||
console.warn(
|
||||
'未找到 van-dialog 节点，请确认 selector 及 context 是否正确'
|
||||
);
|
||||
}
|
||||
});
|
||||
};
|
||||
Dialog.defaultOptions = {
|
||||
const defaultOptions = {
|
||||
show: false,
|
||||
title: '',
|
||||
width: null,
|
||||
@ -47,7 +21,34 @@ Dialog.defaultOptions = {
|
||||
closeOnClickOverlay: false,
|
||||
confirmButtonOpenType: '',
|
||||
};
|
||||
Dialog.alert = Dialog;
|
||||
let currentOptions = Object.assign({}, defaultOptions);
|
||||
function getContext() {
|
||||
const pages = getCurrentPages();
|
||||
return pages[pages.length - 1];
|
||||
}
|
||||
const Dialog = (options) => {
|
||||
options = Object.assign(Object.assign({}, currentOptions), options);
|
||||
return new Promise((resolve, reject) => {
|
||||
const context = options.context || getContext();
|
||||
const dialog = context.selectComponent(options.selector);
|
||||
delete options.context;
|
||||
delete options.selector;
|
||||
if (dialog) {
|
||||
dialog.setData(
|
||||
Object.assign({ onCancel: reject, onConfirm: resolve }, options)
|
||||
);
|
||||
wx.nextTick(() => {
|
||||
dialog.setData({ show: true });
|
||||
});
|
||||
queue.push(dialog);
|
||||
} else {
|
||||
console.warn(
|
||||
'未找到 van-dialog 节点，请确认 selector 及 context 是否正确'
|
||||
);
|
||||
}
|
||||
});
|
||||
};
|
||||
Dialog.alert = (options) => Dialog(options);
|
||||
Dialog.confirm = (options) =>
|
||||
Dialog(Object.assign({ showCancelButton: true }, options));
|
||||
Dialog.close = () => {
|
||||
@ -61,11 +62,15 @@ Dialog.stopLoading = () => {
|
||||
dialog.stopLoading();
|
||||
});
|
||||
};
|
||||
Dialog.currentOptions = currentOptions;
|
||||
Dialog.defaultOptions = defaultOptions;
|
||||
Dialog.setDefaultOptions = (options) => {
|
||||
Object.assign(Dialog.currentOptions, options);
|
||||
currentOptions = Object.assign(Object.assign({}, currentOptions), options);
|
||||
Dialog.currentOptions = currentOptions;
|
||||
};
|
||||
Dialog.resetDefaultOptions = () => {
|
||||
Dialog.currentOptions = Object.assign({}, Dialog.defaultOptions);
|
||||
currentOptions = Object.assign({}, defaultOptions);
|
||||
Dialog.currentOptions = currentOptions;
|
||||
};
|
||||
Dialog.resetDefaultOptions();
|
||||
export default Dialog;
|
||||
|
||||
2
dist/icon/index.wxss
vendored
2
dist/icon/index.wxss
vendored
File diff suppressed because one or more lines are too long
2
dist/mixins/page-scroll.d.ts
vendored
2
dist/mixins/page-scroll.d.ts
vendored
@ -1,4 +1,4 @@
|
||||
/// <reference types="miniprogram-api-typings" />
|
||||
/// <reference types="wechat-miniprogram" />
|
||||
declare type IPageScrollOption = WechatMiniprogram.Page.IPageScrollOption;
|
||||
declare type Scroller = (event: IPageScrollOption) => void;
|
||||
export declare const pageScrollMixin: (scroller: Scroller) => string;
|
||||
|
||||
14
dist/nav-bar/index.js
vendored
14
dist/nav-bar/index.js
vendored
@ -1,5 +1,5 @@
|
||||
import { VantComponent } from '../common/component';
|
||||
import { getSystemInfoSync } from '../common/utils';
|
||||
import { getRect, getSystemInfoSync } from '../common/utils';
|
||||
VantComponent({
|
||||
classes: ['title-class'],
|
||||
props: {
|
||||
@ -30,19 +30,13 @@ VantComponent({
|
||||
},
|
||||
},
|
||||
data: {
|
||||
statusBarHeight: 0,
|
||||
height: 44,
|
||||
baseStyle: '',
|
||||
height: 46,
|
||||
},
|
||||
created() {
|
||||
const { statusBarHeight } = getSystemInfoSync();
|
||||
const { safeAreaInsetTop, zIndex } = this.data;
|
||||
const paddingTop = safeAreaInsetTop ? statusBarHeight : 0;
|
||||
const baseStyle = `z-index: ${zIndex};padding-top: ${paddingTop}px;`;
|
||||
this.setData({
|
||||
statusBarHeight,
|
||||
height: 44 + statusBarHeight,
|
||||
baseStyle,
|
||||
height: 46 + statusBarHeight,
|
||||
});
|
||||
},
|
||||
mounted() {
|
||||
@ -60,7 +54,7 @@ VantComponent({
|
||||
return;
|
||||
}
|
||||
wx.nextTick(() => {
|
||||
this.getRect('.van-nav-bar').then((res) => {
|
||||
getRect.call(this, '.van-nav-bar').then((res) => {
|
||||
this.setData({ height: res.height });
|
||||
});
|
||||
});
|
||||
|
||||
3
dist/nav-bar/index.wxml
vendored
3
dist/nav-bar/index.wxml
vendored
@ -1,10 +1,11 @@
|
||||
<wxs src="../wxs/utils.wxs" module="utils" />
|
||||
<wxs src="./index.wxs" module="computed" />
|
||||
|
||||
<view wx:if="{{ fixed && placeholder }}" style="height: {{ height }}px;" />
|
||||
|
||||
<view
|
||||
class="{{ utils.bem('nav-bar', { fixed }) }} custom-class {{ border ? 'van-hairline--bottom' : '' }}"
|
||||
style="{{ baseStyle }}; {{ customStyle }}"
|
||||
style="{{ computed.barStyle({ zIndex, statusBarHeight, safeAreaInsetTop }) }}; {{ customStyle }}"
|
||||
>
|
||||
<view class="van-nav-bar__content">
|
||||
<view class="van-nav-bar__left" bind:tap="onClickLeft">
|
||||
|
||||
17
dist/nav-bar/index.wxs
vendored
Normal file
17
dist/nav-bar/index.wxs
vendored
Normal file
@ -0,0 +1,17 @@
|
||||
/* eslint-disable */
|
||||
function barStyle(data) {
|
||||
var styles = [
|
||||
['z-index', data.zIndex],
|
||||
['padding-top', data.safeAreaInsetTop ? data.statusBarHeight + 'px' : 0],
|
||||
];
|
||||
|
||||
return styles
|
||||
.map(function (item) {
|
||||
return item.join(':');
|
||||
})
|
||||
.join(';');
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
barStyle: barStyle,
|
||||
};
|
||||
2
dist/nav-bar/index.wxss
vendored
2
dist/nav-bar/index.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-nav-bar{text-align:center;-webkit-user-select:none;user-select:none;height:44px;height:var(--nav-bar-height,44px);line-height:44px;line-height:var(--nav-bar-height,44px);background-color:#fff;background-color:var(--nav-bar-background-color,#fff)}.van-nav-bar,.van-nav-bar__content{position:relative}.van-nav-bar__text{display:inline-block;vertical-align:middle;margin:0 -16px;margin:0 -var(--padding-md,16px);padding:0 16px;padding:0 var(--padding-md,16px);color:#1989fa;color:var(--nav-bar-text-color,#1989fa)}.van-nav-bar__text--hover{background-color:#f2f3f5;background-color:var(--active-color,#f2f3f5)}.van-nav-bar__arrow{vertical-align:middle;font-size:16px;font-size:var(--nav-bar-arrow-size,16px);color:#1989fa;color:var(--nav-bar-text-color,#1989fa)}.van-nav-bar__arrow+.van-nav-bar__text{margin-left:-20px;padding-left:25px}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar__title{max-width:60%;margin:0 auto;color:#323233;color:var(--nav-bar-title-text-color,#323233);font-weight:500;font-weight:var(--font-weight-bold,500);font-size:16px;font-size:var(--nav-bar-title-font-size,16px)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:14px;font-size:var(--font-size-md,14px)}.van-nav-bar__left{left:16px;left:var(--padding-md,16px)}.van-nav-bar__right{right:16px;right:var(--padding-md,16px)}
|
||||
@import '../common/index.wxss';.van-nav-bar{position:relative;text-align:center;-webkit-user-select:none;user-select:none;height:46px;height:var(--nav-bar-height,46px);line-height:46px;line-height:var(--nav-bar-height,46px);background-color:#fff;background-color:var(--nav-bar-background-color,#fff)}.van-nav-bar__content{position:relative;height:100%}.van-nav-bar__text{display:inline-block;vertical-align:middle;margin:0 -16px;margin:0 -var(--padding-md,16px);padding:0 16px;padding:0 var(--padding-md,16px);color:#1989fa;color:var(--nav-bar-text-color,#1989fa)}.van-nav-bar__text--hover{background-color:#f2f3f5;background-color:var(--active-color,#f2f3f5)}.van-nav-bar__arrow{vertical-align:middle;font-size:16px!important;font-size:var(--nav-bar-arrow-size,16px)!important;color:#1989fa!important;color:var(--nav-bar-icon-color,#1989fa)!important}.van-nav-bar__arrow+.van-nav-bar__text{margin-left:-20px;padding-left:25px}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar__title{max-width:60%;margin:0 auto;color:#323233;color:var(--nav-bar-title-text-color,#323233);font-weight:500;font-weight:var(--font-weight-bold,500);font-size:16px;font-size:var(--nav-bar-title-font-size,16px)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:14px;font-size:var(--font-size-md,14px)}.van-nav-bar__left{left:16px;left:var(--padding-md,16px)}.van-nav-bar__right{right:16px;right:var(--padding-md,16px)}
|
||||
5
dist/share-sheet/index.js
vendored
5
dist/share-sheet/index.js
vendored
@ -6,7 +6,10 @@ VantComponent({
|
||||
// overlay custom style
|
||||
overlayStyle: Object,
|
||||
// z-index
|
||||
zIndex: [Number, String],
|
||||
zIndex: {
|
||||
type: Number,
|
||||
value: 100,
|
||||
},
|
||||
title: String,
|
||||
cancelText: {
|
||||
type: String,
|
||||
|
||||
2
dist/share-sheet/options.wxml
vendored
2
dist/share-sheet/options.wxml
vendored
@ -9,7 +9,9 @@
|
||||
data-index="{{ index }}"
|
||||
bindtap="onSelect"
|
||||
>
|
||||
<button class="van-share-sheet__button" open-type="{{ item.openType }}">
|
||||
<image src="{{ computed.getIconURL(item.icon) }}" class="van-share-sheet__icon" />
|
||||
</button>
|
||||
<view wx:if="{{ item.name }}" class="van-share-sheet__name">{{ item.name }}</view>
|
||||
<view wx:if="{{ item.description }}" class="van-share-sheet__option-description">
|
||||
{{ item.description }}
|
||||
|
||||
2
dist/share-sheet/options.wxss
vendored
2
dist/share-sheet/options.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-share-sheet__options{position:relative;display:-webkit-flex;display:flex;padding:16px 0 16px 8px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.van-share-sheet__options--border:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:16px;border-top:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-share-sheet__options::-webkit-scrollbar{height:0}.van-share-sheet__option{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-user-select:none;user-select:none}.van-share-sheet__option:active{opacity:.7}.van-share-sheet__icon{width:48px;height:48px;margin:0 16px}.van-share-sheet__name{margin-top:8px;padding:0 4px;color:#646566;font-size:12px}.van-share-sheet__option-description{padding:0 4px;color:#c8c9cc;font-size:12px}
|
||||
@import '../common/index.wxss';.van-share-sheet__options{position:relative;display:-webkit-flex;display:flex;padding:16px 0 16px 8px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.van-share-sheet__options--border:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:16px;border-top:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-share-sheet__options::-webkit-scrollbar{height:0}.van-share-sheet__option{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-user-select:none;user-select:none}.van-share-sheet__option:active{opacity:.7}.van-share-sheet__button{height:auto;padding:0;line-height:inherit;background-color:initial;border:0}.van-share-sheet__button:after{border:0}.van-share-sheet__icon{width:48px;height:48px;margin:0 16px}.van-share-sheet__name{margin-top:8px;padding:0 4px;color:#646566;font-size:12px}.van-share-sheet__option-description{padding:0 4px;color:#c8c9cc;font-size:12px}
|
||||
54
dist/tabs/index.js
vendored
54
dist/tabs/index.js
vendored
@ -1,6 +1,6 @@
|
||||
import { VantComponent } from '../common/component';
|
||||
import { touch } from '../mixins/touch';
|
||||
import { isDef, addUnit } from '../common/utils';
|
||||
import { getAllRect, getRect, isDef } from '../common/utils';
|
||||
VantComponent({
|
||||
mixins: [touch],
|
||||
classes: ['nav-class', 'tab-class', 'tab-active-class', 'line-class'],
|
||||
@ -26,10 +26,7 @@ VantComponent({
|
||||
swipeable: Boolean,
|
||||
titleActiveColor: String,
|
||||
titleInactiveColor: String,
|
||||
color: {
|
||||
type: String,
|
||||
observer: 'setLine',
|
||||
},
|
||||
color: String,
|
||||
animated: {
|
||||
type: Boolean,
|
||||
observer() {
|
||||
@ -46,7 +43,6 @@ VantComponent({
|
||||
lineHeight: {
|
||||
type: [String, Number],
|
||||
value: -1,
|
||||
observer: 'setLine',
|
||||
},
|
||||
active: {
|
||||
type: [String, Number],
|
||||
@ -97,8 +93,10 @@ VantComponent({
|
||||
scrollLeft: 0,
|
||||
scrollable: false,
|
||||
trackStyle: '',
|
||||
currentIndex: null,
|
||||
currentIndex: 0,
|
||||
container: null,
|
||||
skipTransition: true,
|
||||
lineOffsetLeft: 0,
|
||||
},
|
||||
mounted() {
|
||||
wx.nextTick(() => {
|
||||
@ -191,44 +189,26 @@ VantComponent({
|
||||
return activeTab.getComputedName();
|
||||
}
|
||||
},
|
||||
setLine(skipTransition) {
|
||||
setLine(skipTransition = false) {
|
||||
if (this.data.type !== 'line') {
|
||||
return;
|
||||
}
|
||||
const {
|
||||
color,
|
||||
duration,
|
||||
currentIndex,
|
||||
lineWidth,
|
||||
lineHeight,
|
||||
} = this.data;
|
||||
this.getRect('.van-tab', true).then((rects = []) => {
|
||||
const { currentIndex } = this.data;
|
||||
Promise.all([
|
||||
getAllRect.call(this, '.van-tab'),
|
||||
getRect.call(this, '.van-tabs__line'),
|
||||
]).then(([rects = [], lineRect]) => {
|
||||
const rect = rects[currentIndex];
|
||||
if (rect == null) {
|
||||
return;
|
||||
}
|
||||
const height =
|
||||
lineHeight !== -1
|
||||
? `height: ${addUnit(lineHeight)}; border-radius: ${addUnit(
|
||||
lineHeight
|
||||
)};`
|
||||
: '';
|
||||
let left = rects
|
||||
let lineOffsetLeft = rects
|
||||
.slice(0, currentIndex)
|
||||
.reduce((prev, curr) => prev + curr.width, 0);
|
||||
left += (rect.width - lineWidth) / 2;
|
||||
const transition = skipTransition
|
||||
? ''
|
||||
: `transition-duration: ${duration}s; -webkit-transition-duration: ${duration}s;`;
|
||||
lineOffsetLeft += (rect.width - lineRect.width) / 2;
|
||||
this.setData({
|
||||
lineStyle: `
|
||||
${height}
|
||||
width: ${addUnit(lineWidth)};
|
||||
background-color: ${color};
|
||||
-webkit-transform: translateX(${left}px);
|
||||
transform: translateX(${left}px);
|
||||
${transition}
|
||||
`,
|
||||
lineOffsetLeft,
|
||||
skipTransition,
|
||||
});
|
||||
});
|
||||
},
|
||||
@ -239,8 +219,8 @@ VantComponent({
|
||||
return;
|
||||
}
|
||||
Promise.all([
|
||||
this.getRect('.van-tab', true),
|
||||
this.getRect('.van-tabs__nav'),
|
||||
getAllRect.call(this, '.van-tab'),
|
||||
getRect.call(this, '.van-tabs__nav'),
|
||||
]).then(([tabRects, navRect]) => {
|
||||
const tabRect = tabRects[currentIndex];
|
||||
const offsetLeft = tabRects
|
||||
|
||||
2
dist/tabs/index.wxml
vendored
2
dist/tabs/index.wxml
vendored
@ -20,7 +20,7 @@
|
||||
style="{{ color ? 'border-color: ' + color : '' }}"
|
||||
>
|
||||
<view class="{{ utils.bem('tabs__nav', [type, { complete: !ellipsis }]) }} nav-class" style="{{ getters.tabCardTypeBorderStyle(color, type) }}">
|
||||
<view wx:if="{{ type === 'line' }}" class="van-tabs__line" style="{{ lineStyle }}" />
|
||||
<view wx:if="{{ type === 'line' }}" class="van-tabs__line" style="{{ getters.lineStyle({ color, lineOffsetLeft, lineHeight, skipTransition, duration, lineWidth }) }}" />
|
||||
<view
|
||||
wx:for="{{ tabs }}"
|
||||
wx:key="index"
|
||||
|
||||
43
dist/tabs/index.wxs
vendored
43
dist/tabs/index.wxs
vendored
@ -1,4 +1,6 @@
|
||||
/* eslint-disable */
|
||||
var utils = require('../wxs/utils.wxs');
|
||||
|
||||
function tabClass(active, ellipsis) {
|
||||
var classes = ['tab-class'];
|
||||
|
||||
@ -68,11 +70,42 @@ function trackStyle(data) {
|
||||
return [
|
||||
'transform: translate3d(' + -100 * data.currentIndex + '%, 0, 0)',
|
||||
'-webkit-transition-duration: ' + data.duration + 's',
|
||||
'transition-duration: ' + data.duration + 's'
|
||||
'transition-duration: ' + data.duration + 's',
|
||||
].join(';');
|
||||
}
|
||||
|
||||
module.exports.tabClass = tabClass;
|
||||
module.exports.tabStyle = tabStyle;
|
||||
module.exports.trackStyle = trackStyle;
|
||||
module.exports.tabCardTypeBorderStyle = tabCardTypeBorderStyle;
|
||||
function lineStyle(data) {
|
||||
var styles = [
|
||||
['width', utils.addUnit(data.lineWidth)],
|
||||
['transform', 'translateX(' + data.lineOffsetLeft + 'px)'],
|
||||
['-webkit-transform', 'translateX(' + data.lineOffsetLeft + 'px)'],
|
||||
];
|
||||
|
||||
if (data.color) {
|
||||
styles.push(['background-color', data.color]);
|
||||
}
|
||||
|
||||
if (data.lineHeight !== -1) {
|
||||
styles.push(['height', utils.addUnit(data.lineHeight)]);
|
||||
styles.push(['border-radius', utils.addUnit(data.lineHeight)]);
|
||||
}
|
||||
|
||||
if (!data.skipTransition) {
|
||||
styles.push(['transition-duration', data.duration + 's']);
|
||||
styles.push(['-webkit-transition-duration', data.duration + 's']);
|
||||
}
|
||||
|
||||
return styles
|
||||
.map(function (item) {
|
||||
return item.join(':');
|
||||
})
|
||||
.join(';');
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
tabClass: tabClass,
|
||||
tabStyle: tabStyle,
|
||||
trackStyle: trackStyle,
|
||||
lineStyle: lineStyle,
|
||||
tabCardTypeBorderStyle: tabCardTypeBorderStyle,
|
||||
};
|
||||
|
||||
37
dist/toast/toast.d.ts
vendored
37
dist/toast/toast.d.ts
vendored
@ -1,11 +1,13 @@
|
||||
/// <reference types="miniprogram-api-typings" />
|
||||
/// <reference types="wechat-miniprogram" />
|
||||
declare type ToastMessage = string | number;
|
||||
interface ToastOptions {
|
||||
show?: boolean;
|
||||
type?: string;
|
||||
mask?: boolean;
|
||||
zIndex?: number;
|
||||
context?: WechatMiniprogram.Component.TrivialInstance | WechatMiniprogram.Page.TrivialInstance;
|
||||
context?:
|
||||
| WechatMiniprogram.Component.TrivialInstance
|
||||
| WechatMiniprogram.Page.TrivialInstance;
|
||||
position?: string;
|
||||
duration?: number;
|
||||
selector?: string;
|
||||
@ -14,11 +16,34 @@ interface ToastOptions {
|
||||
message?: ToastMessage;
|
||||
onClose?: () => void;
|
||||
}
|
||||
declare function Toast(toastOptions: ToastOptions | ToastMessage): WechatMiniprogram.Component.TrivialInstance;
|
||||
declare function Toast(
|
||||
toastOptions: ToastOptions | ToastMessage
|
||||
): WechatMiniprogram.Component.TrivialInstance;
|
||||
declare namespace Toast {
|
||||
var loading: (options: string | number | ToastOptions) => WechatMiniprogram.Component.Instance<Record<string, any>, Record<string, any>, Record<string, any>>;
|
||||
var success: (options: string | number | ToastOptions) => WechatMiniprogram.Component.Instance<Record<string, any>, Record<string, any>, Record<string, any>>;
|
||||
var fail: (options: string | number | ToastOptions) => WechatMiniprogram.Component.Instance<Record<string, any>, Record<string, any>, Record<string, any>>;
|
||||
var loading: (
|
||||
options: string | number | ToastOptions
|
||||
) => WechatMiniprogram.Component.Instance<
|
||||
Record<string, any>,
|
||||
Record<string, any>,
|
||||
Record<string, any>,
|
||||
Record<string, any>
|
||||
>;
|
||||
var success: (
|
||||
options: string | number | ToastOptions
|
||||
) => WechatMiniprogram.Component.Instance<
|
||||
Record<string, any>,
|
||||
Record<string, any>,
|
||||
Record<string, any>,
|
||||
Record<string, any>
|
||||
>;
|
||||
var fail: (
|
||||
options: string | number | ToastOptions
|
||||
) => WechatMiniprogram.Component.Instance<
|
||||
Record<string, any>,
|
||||
Record<string, any>,
|
||||
Record<string, any>,
|
||||
Record<string, any>
|
||||
>;
|
||||
var clear: () => void;
|
||||
var setDefaultOptions: (options: ToastOptions) => void;
|
||||
var resetDefaultOptions: () => void;
|
||||
|
||||
21
dist/uploader/index.js
vendored
21
dist/uploader/index.js
vendored
@ -176,6 +176,27 @@ VantComponent({
|
||||
},
|
||||
});
|
||||
},
|
||||
// fix: accept 为 video 时不能展示视频
|
||||
onPreviewVideo: function (event) {
|
||||
if (!this.data.previewFullImage) return;
|
||||
var index = event.currentTarget.dataset.index;
|
||||
var lists = this.data.lists;
|
||||
wx.previewMedia({
|
||||
sources: lists
|
||||
.filter(function (item) {
|
||||
return item.isVideo;
|
||||
})
|
||||
.map(function (item) {
|
||||
item.type = 'video';
|
||||
item.url = item.url || item.path;
|
||||
return item;
|
||||
}),
|
||||
current: index,
|
||||
fail: function () {
|
||||
wx.showToast({ title: '预览视频失败', icon: 'none' });
|
||||
},
|
||||
});
|
||||
},
|
||||
onClickPreview(event) {
|
||||
const { index } = event.currentTarget.dataset;
|
||||
const item = this.data.lists[index];
|
||||
|
||||
10
dist/uploader/index.wxml
vendored
10
dist/uploader/index.wxml
vendored
@ -21,6 +21,16 @@
|
||||
data-index="{{ index }}"
|
||||
bind:tap="onPreviewImage"
|
||||
/>
|
||||
<video
|
||||
wx:elif="{{ item.isVideo }}"
|
||||
src="{{item.url || item.path}}"
|
||||
autoplay="{{item.autoplay}}"
|
||||
class="van-uploader__preview-image"
|
||||
style="width: {{ utils.addUnit(previewSize) }}; height: {{ utils.addUnit(previewSize) }};"
|
||||
data-index="{{ index }}"
|
||||
bind:tap="onPreviewVideo"
|
||||
>
|
||||
</video>
|
||||
<view
|
||||
wx:else
|
||||
class="van-uploader__file"
|
||||
|
||||
2
dist/uploader/index.wxss
vendored
2
dist/uploader/index.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-uploader__slot:empty{display:none}.van-uploader__slot:not(:empty)+.van-uploader__upload{display:none!important}.van-uploader__upload{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:80px;height:80px;margin:0 8px 8px 0;background-color:#f7f8fa}.van-uploader__upload:active{background-color:#f2f3f5}.van-uploader__upload-icon{color:#dcdee0;font-size:24px}.van-uploader__upload-text{margin-top:8px;color:#969799;font-size:12px}.van-uploader__upload--disabled{opacity:.5;opacity:var(--uploader-disabled-opacity,.5)}.van-uploader__preview{position:relative;margin:0 8px 8px 0;cursor:pointer}.van-uploader__preview-image{display:block;width:80px;height:80px;overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0;width:14px;height:14px;background-color:rgba(0,0,0,.7);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:-2px;right:-2px;color:#fff;font-size:16px;-webkit-transform:scale(.5);transform:scale(.5)}.van-uploader__file{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:80px;height:80px;background-color:#f7f8fa}.van-uploader__file-icon{color:#646566;font-size:20px}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:8px;padding:0 4px;color:#646566;font-size:12px;text-align:center}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff;background-color:rgba(50,50,51,.88)}.van-uploader__mask-icon{font-size:22px}.van-uploader__mask-message{margin-top:6px;padding:0 4px;font-size:12px;line-height:14px}.van-uploader__loading{width:22px;height:22px;color:#fff!important}
|
||||
@import '../common/index.wxss';.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-uploader__slot:empty{display:none}.van-uploader__slot:not(:empty)+.van-uploader__upload{display:none!important}.van-uploader__upload{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:80px;height:80px;margin:0 8px 8px 0;background-color:#f7f8fa}.van-uploader__upload:active{background-color:#f2f3f5}.van-uploader__upload-icon{color:#dcdee0;font-size:24px}.van-uploader__upload-text{margin-top:8px;color:#969799;font-size:12px}.van-uploader__upload--disabled{opacity:.5;opacity:var(--uploader-disabled-opacity,.5)}.van-uploader__preview{position:relative;margin:0 8px 8px 0;cursor:pointer}.van-uploader__preview-image{display:block;width:80px;height:80px;overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0;width:14px;height:14px;padding:0 0 8px 8px}.van-uploader__preview-delete:after{position:absolute;top:0;right:0;width:14px;height:14px;background-color:rgba(0,0,0,.7);border-radius:0 0 0 12px;content:""}.van-uploader__preview-delete-icon{position:absolute;top:-2px;right:-2px;z-index:1;color:#fff;font-size:16px;-webkit-transform:scale(.5);transform:scale(.5)}.van-uploader__file{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:80px;height:80px;background-color:#f7f8fa}.van-uploader__file-icon{color:#646566;font-size:20px}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:8px;padding:0 4px;color:#646566;font-size:12px;text-align:center}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff;background-color:rgba(50,50,51,.88)}.van-uploader__mask-icon{font-size:22px}.van-uploader__mask-message{margin-top:6px;padding:0 4px;font-size:12px;line-height:14px}.van-uploader__loading{width:22px;height:22px;color:#fff!important}
|
||||
2
dist/uploader/utils.d.ts
vendored
2
dist/uploader/utils.d.ts
vendored
@ -1,4 +1,4 @@
|
||||
/// <reference types="miniprogram-api-typings" />
|
||||
/// <reference types="wechat-miniprogram" />
|
||||
interface File {
|
||||
path: string;
|
||||
url: string;
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
lazy-load="{{ lazyLoad }}"
|
||||
class="van-card__img thumb-class"
|
||||
/>
|
||||
<slot name="thumb" />
|
||||
<slot wx:else name="thumb" />
|
||||
<van-tag
|
||||
wx:if="{{ tag }}"
|
||||
mark
|
||||
@ -19,6 +19,7 @@
|
||||
>
|
||||
{{ tag }}
|
||||
</van-tag>
|
||||
<slot wx:else name="tag" />
|
||||
</view>
|
||||
|
||||
<view class="van-card__content {{ utils.bem('card__content', { center: centered }) }}">
|
||||
@ -34,9 +35,14 @@
|
||||
|
||||
<view class="van-card__bottom">
|
||||
<slot name="price-top" />
|
||||
<view wx:if="{{ price || price === 0 }}" class="van-card__price price-class">{{ currency }}<text class="van-card__price-integer">{{ integerStr }}</text><text class="van-card__price-decimal">{{ decimalStr }}</text></view>
|
||||
<view wx:if="{{ price || price === 0 }}" class="van-card__price price-class">
|
||||
<text>{{ currency }}</text>
|
||||
<text class="van-card__price-integer">{{ integerStr }}</text>
|
||||
<text class="van-card__price-decimal">{{ decimalStr }}</text>
|
||||
</view>
|
||||
<slot wx:else name="price" />
|
||||
<view wx:if="{{ originPrice || originPrice === 0 }}" class="van-card__origin-price origin-price-class">{{ currency }} {{ originPrice }}</view>
|
||||
<slot wx:else name="origin-price" />
|
||||
<view wx:if="{{ num }}" class="van-card__num num-class">x {{ num }}</view>
|
||||
<slot wx:else name="num" />
|
||||
<slot name="bottom" />
|
||||
|
||||
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-card{position:relative;box-sizing:border-box;padding:8px 16px;padding:var(--card-padding,8px 16px);font-size:12px;font-size:var(--card-font-size,12px);color:#323233;color:var(--card-text-color,#323233);background-color:#fafafa;background-color:var(--card-background-color,#fafafa)}.van-card__header{display:-webkit-flex;display:flex}.van-card__header--center{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.van-card__thumb{position:relative;-webkit-flex:none;flex:none;width:88px;width:var(--card-thumb-size,88px);height:88px;height:var(--card-thumb-size,88px);margin-right:8px;margin-right:var(--padding-xs,8px)}.van-card__thumb:empty{display:none}.van-card__img{width:100%;height:100%;border-radius:8px;border-radius:var(--border-radius-lg,8px)}.van-card__content{position:relative;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;min-width:0;min-height:88px;min-height:var(--card-thumb-size,88px)}.van-card__content--center{-webkit-justify-content:center;justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{font-weight:700;line-height:16px;line-height:var(--card-title-line-height,16px)}.van-card__desc{line-height:20px;line-height:var(--card-desc-line-height,20px);color:#646566;color:var(--card-desc-color,#646566)}.van-card__bottom{line-height:20px}.van-card__price{display:inline-block;font-weight:700;color:#ee0a24;color:var(--card-price-color,#ee0a24);font-size:12px;font-size:var(--card-price-font-size,12px)}.van-card__price-integer{font-size:16px;font-size:var(--card-price-integer-font-size,16px)}.van-card__price-decimal,.van-card__price-integer{font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;font-family:var(--card-price-font-family,Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif)}.van-card__origin-price{display:inline-block;margin-left:5px;text-decoration:line-through;font-size:10px;font-size:var(--card-origin-price-font-size,10px);color:#646566;color:var(--card-origin-price-color,#646566)}.van-card__num{float:right}.van-card__tag{position:absolute;top:2px;left:0}.van-card__footer{-webkit-flex:none;flex:none;width:100%;text-align:right}
|
||||
@import '../common/index.wxss';.van-card{position:relative;box-sizing:border-box;padding:8px 16px;padding:var(--card-padding,8px 16px);font-size:12px;font-size:var(--card-font-size,12px);color:#323233;color:var(--card-text-color,#323233);background-color:#fafafa;background-color:var(--card-background-color,#fafafa)}.van-card__header{display:-webkit-flex;display:flex}.van-card__header--center{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.van-card__thumb{position:relative;-webkit-flex:none;flex:none;width:88px;width:var(--card-thumb-size,88px);height:88px;height:var(--card-thumb-size,88px);margin-right:8px;margin-right:var(--padding-xs,8px)}.van-card__thumb:empty{display:none}.van-card__img{width:100%;height:100%;border-radius:8px;border-radius:var(--border-radius-lg,8px)}.van-card__content{position:relative;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;min-width:0;min-height:88px;min-height:var(--card-thumb-size,88px)}.van-card__content--center{-webkit-justify-content:center;justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{font-weight:700;line-height:16px;line-height:var(--card-title-line-height,16px)}.van-card__desc{line-height:20px;line-height:var(--card-desc-line-height,20px);color:#646566;color:var(--card-desc-color,#646566)}.van-card__bottom{line-height:20px}.van-card__price{display:inline-block;font-weight:700;color:#ee0a24;color:var(--card-price-color,#ee0a24);font-size:12px;font-size:var(--card-price-font-size,12px)}.van-card__price-integer{font-size:16px;font-size:var(--card-price-integer-font-size,16px)}.van-card__price-decimal,.van-card__price-integer{font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;font-family:var(--card-price-font-family,Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif)}.van-card__origin-price{display:inline-block;margin-left:5px;text-decoration:line-through;font-size:10px;font-size:var(--card-origin-price-font-size,10px);color:#646566;color:var(--card-origin-price-color,#646566)}.van-card__num{float:right}.van-card__tag{position:absolute!important;top:2px;left:0}.van-card__footer{-webkit-flex:none;flex:none;width:100%;text-align:right}
|
||||
@ -1,6 +1,6 @@
|
||||
'use strict';
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
exports.requestAnimationFrame = exports.addUnit = exports.getSystemInfoSync = exports.nextTick = exports.range = exports.isNumber = exports.isObj = exports.isDef = void 0;
|
||||
exports.getAllRect = exports.getRect = exports.requestAnimationFrame = exports.addUnit = exports.getSystemInfoSync = exports.nextTick = exports.range = exports.isNumber = exports.isObj = exports.isDef = void 0;
|
||||
function isDef(value) {
|
||||
return value !== undefined && value !== null;
|
||||
}
|
||||
@ -24,7 +24,7 @@ function nextTick(fn) {
|
||||
}, 1000 / 30);
|
||||
}
|
||||
exports.nextTick = nextTick;
|
||||
var systemInfo = null;
|
||||
var systemInfo;
|
||||
function getSystemInfoSync() {
|
||||
if (systemInfo == null) {
|
||||
systemInfo = wx.getSystemInfoSync();
|
||||
@ -54,3 +54,35 @@ function requestAnimationFrame(cb) {
|
||||
});
|
||||
}
|
||||
exports.requestAnimationFrame = requestAnimationFrame;
|
||||
function getRect(selector) {
|
||||
var _this = this;
|
||||
return new Promise(function (resolve) {
|
||||
wx.createSelectorQuery()
|
||||
.in(_this)
|
||||
.select(selector)
|
||||
.boundingClientRect()
|
||||
.exec(function (rect) {
|
||||
if (rect === void 0) {
|
||||
rect = [];
|
||||
}
|
||||
return resolve(rect[0]);
|
||||
});
|
||||
});
|
||||
}
|
||||
exports.getRect = getRect;
|
||||
function getAllRect(selector) {
|
||||
var _this = this;
|
||||
return new Promise(function (resolve) {
|
||||
wx.createSelectorQuery()
|
||||
.in(_this)
|
||||
.selectAll(selector)
|
||||
.boundingClientRect()
|
||||
.exec(function (rect) {
|
||||
if (rect === void 0) {
|
||||
rect = [];
|
||||
}
|
||||
return resolve(rect[0]);
|
||||
});
|
||||
});
|
||||
}
|
||||
exports.getAllRect = getAllRect;
|
||||
|
||||
@ -16,33 +16,7 @@ var __assign =
|
||||
};
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
var queue = [];
|
||||
function getContext() {
|
||||
var pages = getCurrentPages();
|
||||
return pages[pages.length - 1];
|
||||
}
|
||||
var Dialog = function (options) {
|
||||
options = __assign(__assign({}, Dialog.currentOptions), options);
|
||||
return new Promise(function (resolve, reject) {
|
||||
var context = options.context || getContext();
|
||||
var dialog = context.selectComponent(options.selector);
|
||||
delete options.context;
|
||||
delete options.selector;
|
||||
if (dialog) {
|
||||
dialog.setData(
|
||||
__assign({ onCancel: reject, onConfirm: resolve }, options)
|
||||
);
|
||||
wx.nextTick(function () {
|
||||
dialog.setData({ show: true });
|
||||
});
|
||||
queue.push(dialog);
|
||||
} else {
|
||||
console.warn(
|
||||
'未找到 van-dialog 节点，请确认 selector 及 context 是否正确'
|
||||
);
|
||||
}
|
||||
});
|
||||
};
|
||||
Dialog.defaultOptions = {
|
||||
var defaultOptions = {
|
||||
show: false,
|
||||
title: '',
|
||||
width: null,
|
||||
@ -64,7 +38,36 @@ Dialog.defaultOptions = {
|
||||
closeOnClickOverlay: false,
|
||||
confirmButtonOpenType: '',
|
||||
};
|
||||
Dialog.alert = Dialog;
|
||||
var currentOptions = __assign({}, defaultOptions);
|
||||
function getContext() {
|
||||
var pages = getCurrentPages();
|
||||
return pages[pages.length - 1];
|
||||
}
|
||||
var Dialog = function (options) {
|
||||
options = __assign(__assign({}, currentOptions), options);
|
||||
return new Promise(function (resolve, reject) {
|
||||
var context = options.context || getContext();
|
||||
var dialog = context.selectComponent(options.selector);
|
||||
delete options.context;
|
||||
delete options.selector;
|
||||
if (dialog) {
|
||||
dialog.setData(
|
||||
__assign({ onCancel: reject, onConfirm: resolve }, options)
|
||||
);
|
||||
wx.nextTick(function () {
|
||||
dialog.setData({ show: true });
|
||||
});
|
||||
queue.push(dialog);
|
||||
} else {
|
||||
console.warn(
|
||||
'未找到 van-dialog 节点，请确认 selector 及 context 是否正确'
|
||||
);
|
||||
}
|
||||
});
|
||||
};
|
||||
Dialog.alert = function (options) {
|
||||
return Dialog(options);
|
||||
};
|
||||
Dialog.confirm = function (options) {
|
||||
return Dialog(__assign({ showCancelButton: true }, options));
|
||||
};
|
||||
@ -79,11 +82,15 @@ Dialog.stopLoading = function () {
|
||||
dialog.stopLoading();
|
||||
});
|
||||
};
|
||||
Dialog.currentOptions = currentOptions;
|
||||
Dialog.defaultOptions = defaultOptions;
|
||||
Dialog.setDefaultOptions = function (options) {
|
||||
Object.assign(Dialog.currentOptions, options);
|
||||
currentOptions = __assign(__assign({}, currentOptions), options);
|
||||
Dialog.currentOptions = currentOptions;
|
||||
};
|
||||
Dialog.resetDefaultOptions = function () {
|
||||
Dialog.currentOptions = __assign({}, Dialog.defaultOptions);
|
||||
currentOptions = __assign({}, defaultOptions);
|
||||
Dialog.currentOptions = currentOptions;
|
||||
};
|
||||
Dialog.resetDefaultOptions();
|
||||
exports.default = Dialog;
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -32,22 +32,13 @@ component_1.VantComponent({
|
||||
},
|
||||
},
|
||||
data: {
|
||||
statusBarHeight: 0,
|
||||
height: 44,
|
||||
baseStyle: '',
|
||||
height: 46,
|
||||
},
|
||||
created: function () {
|
||||
var statusBarHeight = utils_1.getSystemInfoSync().statusBarHeight;
|
||||
var _a = this.data,
|
||||
safeAreaInsetTop = _a.safeAreaInsetTop,
|
||||
zIndex = _a.zIndex;
|
||||
var paddingTop = safeAreaInsetTop ? statusBarHeight : 0;
|
||||
var baseStyle =
|
||||
'z-index: ' + zIndex + ';padding-top: ' + paddingTop + 'px;';
|
||||
this.setData({
|
||||
statusBarHeight: statusBarHeight,
|
||||
height: 44 + statusBarHeight,
|
||||
baseStyle: baseStyle,
|
||||
height: 46 + statusBarHeight,
|
||||
});
|
||||
},
|
||||
mounted: function () {
|
||||
@ -66,7 +57,7 @@ component_1.VantComponent({
|
||||
return;
|
||||
}
|
||||
wx.nextTick(function () {
|
||||
_this.getRect('.van-nav-bar').then(function (res) {
|
||||
utils_1.getRect.call(_this, '.van-nav-bar').then(function (res) {
|
||||
_this.setData({ height: res.height });
|
||||
});
|
||||
});
|
||||
|
||||
@ -1,10 +1,11 @@
|
||||
<wxs src="../wxs/utils.wxs" module="utils" />
|
||||
<wxs src="./index.wxs" module="computed" />
|
||||
|
||||
<view wx:if="{{ fixed && placeholder }}" style="height: {{ height }}px;" />
|
||||
|
||||
<view
|
||||
class="{{ utils.bem('nav-bar', { fixed }) }} custom-class {{ border ? 'van-hairline--bottom' : '' }}"
|
||||
style="{{ baseStyle }}; {{ customStyle }}"
|
||||
style="{{ computed.barStyle({ zIndex, statusBarHeight, safeAreaInsetTop }) }}; {{ customStyle }}"
|
||||
>
|
||||
<view class="van-nav-bar__content">
|
||||
<view class="van-nav-bar__left" bind:tap="onClickLeft">
|
||||
|
||||
17
lib/nav-bar/index.wxs
Normal file
17
lib/nav-bar/index.wxs
Normal file
@ -0,0 +1,17 @@
|
||||
/* eslint-disable */
|
||||
function barStyle(data) {
|
||||
var styles = [
|
||||
['z-index', data.zIndex],
|
||||
['padding-top', data.safeAreaInsetTop ? data.statusBarHeight + 'px' : 0],
|
||||
];
|
||||
|
||||
return styles
|
||||
.map(function (item) {
|
||||
return item.join(':');
|
||||
})
|
||||
.join(';');
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
barStyle: barStyle,
|
||||
};
|
||||
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-nav-bar{text-align:center;-webkit-user-select:none;user-select:none;height:44px;height:var(--nav-bar-height,44px);line-height:44px;line-height:var(--nav-bar-height,44px);background-color:#fff;background-color:var(--nav-bar-background-color,#fff)}.van-nav-bar,.van-nav-bar__content{position:relative}.van-nav-bar__text{display:inline-block;vertical-align:middle;margin:0 -16px;margin:0 -var(--padding-md,16px);padding:0 16px;padding:0 var(--padding-md,16px);color:#1989fa;color:var(--nav-bar-text-color,#1989fa)}.van-nav-bar__text--hover{background-color:#f2f3f5;background-color:var(--active-color,#f2f3f5)}.van-nav-bar__arrow{vertical-align:middle;font-size:16px;font-size:var(--nav-bar-arrow-size,16px);color:#1989fa;color:var(--nav-bar-text-color,#1989fa)}.van-nav-bar__arrow+.van-nav-bar__text{margin-left:-20px;padding-left:25px}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar__title{max-width:60%;margin:0 auto;color:#323233;color:var(--nav-bar-title-text-color,#323233);font-weight:500;font-weight:var(--font-weight-bold,500);font-size:16px;font-size:var(--nav-bar-title-font-size,16px)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:14px;font-size:var(--font-size-md,14px)}.van-nav-bar__left{left:16px;left:var(--padding-md,16px)}.van-nav-bar__right{right:16px;right:var(--padding-md,16px)}
|
||||
@import '../common/index.wxss';.van-nav-bar{position:relative;text-align:center;-webkit-user-select:none;user-select:none;height:46px;height:var(--nav-bar-height,46px);line-height:46px;line-height:var(--nav-bar-height,46px);background-color:#fff;background-color:var(--nav-bar-background-color,#fff)}.van-nav-bar__content{position:relative;height:100%}.van-nav-bar__text{display:inline-block;vertical-align:middle;margin:0 -16px;margin:0 -var(--padding-md,16px);padding:0 16px;padding:0 var(--padding-md,16px);color:#1989fa;color:var(--nav-bar-text-color,#1989fa)}.van-nav-bar__text--hover{background-color:#f2f3f5;background-color:var(--active-color,#f2f3f5)}.van-nav-bar__arrow{vertical-align:middle;font-size:16px!important;font-size:var(--nav-bar-arrow-size,16px)!important;color:#1989fa!important;color:var(--nav-bar-icon-color,#1989fa)!important}.van-nav-bar__arrow+.van-nav-bar__text{margin-left:-20px;padding-left:25px}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar__title{max-width:60%;margin:0 auto;color:#323233;color:var(--nav-bar-title-text-color,#323233);font-weight:500;font-weight:var(--font-weight-bold,500);font-size:16px;font-size:var(--nav-bar-title-font-size,16px)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:14px;font-size:var(--font-size-md,14px)}.van-nav-bar__left{left:16px;left:var(--padding-md,16px)}.van-nav-bar__right{right:16px;right:var(--padding-md,16px)}
|
||||
@ -8,7 +8,10 @@ component_1.VantComponent({
|
||||
// overlay custom style
|
||||
overlayStyle: Object,
|
||||
// z-index
|
||||
zIndex: [Number, String],
|
||||
zIndex: {
|
||||
type: Number,
|
||||
value: 100,
|
||||
},
|
||||
title: String,
|
||||
cancelText: {
|
||||
type: String,
|
||||
|
||||
@ -9,7 +9,9 @@
|
||||
data-index="{{ index }}"
|
||||
bindtap="onSelect"
|
||||
>
|
||||
<button class="van-share-sheet__button" open-type="{{ item.openType }}">
|
||||
<image src="{{ computed.getIconURL(item.icon) }}" class="van-share-sheet__icon" />
|
||||
</button>
|
||||
<view wx:if="{{ item.name }}" class="van-share-sheet__name">{{ item.name }}</view>
|
||||
<view wx:if="{{ item.description }}" class="van-share-sheet__option-description">
|
||||
{{ item.description }}
|
||||
|
||||
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-share-sheet__options{position:relative;display:-webkit-flex;display:flex;padding:16px 0 16px 8px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.van-share-sheet__options--border:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:16px;border-top:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-share-sheet__options::-webkit-scrollbar{height:0}.van-share-sheet__option{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-user-select:none;user-select:none}.van-share-sheet__option:active{opacity:.7}.van-share-sheet__icon{width:48px;height:48px;margin:0 16px}.van-share-sheet__name{margin-top:8px;padding:0 4px;color:#646566;font-size:12px}.van-share-sheet__option-description{padding:0 4px;color:#c8c9cc;font-size:12px}
|
||||
@import '../common/index.wxss';.van-share-sheet__options{position:relative;display:-webkit-flex;display:flex;padding:16px 0 16px 8px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.van-share-sheet__options--border:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:16px;border-top:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-share-sheet__options::-webkit-scrollbar{height:0}.van-share-sheet__option{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-user-select:none;user-select:none}.van-share-sheet__option:active{opacity:.7}.van-share-sheet__button{height:auto;padding:0;line-height:inherit;background-color:initial;border:0}.van-share-sheet__button:after{border:0}.van-share-sheet__icon{width:48px;height:48px;margin:0 16px}.van-share-sheet__name{margin-top:8px;padding:0 4px;color:#646566;font-size:12px}.van-share-sheet__option-description{padding:0 4px;color:#c8c9cc;font-size:12px}
|
||||
@ -28,10 +28,7 @@ component_1.VantComponent({
|
||||
swipeable: Boolean,
|
||||
titleActiveColor: String,
|
||||
titleInactiveColor: String,
|
||||
color: {
|
||||
type: String,
|
||||
observer: 'setLine',
|
||||
},
|
||||
color: String,
|
||||
animated: {
|
||||
type: Boolean,
|
||||
observer: function () {
|
||||
@ -49,7 +46,6 @@ component_1.VantComponent({
|
||||
lineHeight: {
|
||||
type: [String, Number],
|
||||
value: -1,
|
||||
observer: 'setLine',
|
||||
},
|
||||
active: {
|
||||
type: [String, Number],
|
||||
@ -100,8 +96,10 @@ component_1.VantComponent({
|
||||
scrollLeft: 0,
|
||||
scrollable: false,
|
||||
trackStyle: '',
|
||||
currentIndex: null,
|
||||
currentIndex: 0,
|
||||
container: null,
|
||||
skipTransition: true,
|
||||
lineOffsetLeft: 0,
|
||||
},
|
||||
mounted: function () {
|
||||
var _this = this;
|
||||
@ -211,57 +209,33 @@ component_1.VantComponent({
|
||||
},
|
||||
setLine: function (skipTransition) {
|
||||
var _this = this;
|
||||
if (skipTransition === void 0) {
|
||||
skipTransition = false;
|
||||
}
|
||||
if (this.data.type !== 'line') {
|
||||
return;
|
||||
}
|
||||
var _a = this.data,
|
||||
color = _a.color,
|
||||
duration = _a.duration,
|
||||
currentIndex = _a.currentIndex,
|
||||
lineWidth = _a.lineWidth,
|
||||
lineHeight = _a.lineHeight;
|
||||
this.getRect('.van-tab', true).then(function (rects) {
|
||||
if (rects === void 0) {
|
||||
rects = [];
|
||||
}
|
||||
var currentIndex = this.data.currentIndex;
|
||||
Promise.all([
|
||||
utils_1.getAllRect.call(this, '.van-tab'),
|
||||
utils_1.getRect.call(this, '.van-tabs__line'),
|
||||
]).then(function (_a) {
|
||||
var _b = _a[0],
|
||||
rects = _b === void 0 ? [] : _b,
|
||||
lineRect = _a[1];
|
||||
var rect = rects[currentIndex];
|
||||
if (rect == null) {
|
||||
return;
|
||||
}
|
||||
var height =
|
||||
lineHeight !== -1
|
||||
? 'height: ' +
|
||||
utils_1.addUnit(lineHeight) +
|
||||
'; border-radius: ' +
|
||||
utils_1.addUnit(lineHeight) +
|
||||
';'
|
||||
: '';
|
||||
var left = rects.slice(0, currentIndex).reduce(function (prev, curr) {
|
||||
var lineOffsetLeft = rects
|
||||
.slice(0, currentIndex)
|
||||
.reduce(function (prev, curr) {
|
||||
return prev + curr.width;
|
||||
}, 0);
|
||||
left += (rect.width - lineWidth) / 2;
|
||||
var transition = skipTransition
|
||||
? ''
|
||||
: 'transition-duration: ' +
|
||||
duration +
|
||||
's; -webkit-transition-duration: ' +
|
||||
duration +
|
||||
's;';
|
||||
lineOffsetLeft += (rect.width - lineRect.width) / 2;
|
||||
_this.setData({
|
||||
lineStyle:
|
||||
'\n ' +
|
||||
height +
|
||||
'\n width: ' +
|
||||
utils_1.addUnit(lineWidth) +
|
||||
';\n background-color: ' +
|
||||
color +
|
||||
';\n -webkit-transform: translateX(' +
|
||||
left +
|
||||
'px);\n transform: translateX(' +
|
||||
left +
|
||||
'px);\n ' +
|
||||
transition +
|
||||
'\n ',
|
||||
lineOffsetLeft: lineOffsetLeft,
|
||||
skipTransition: skipTransition,
|
||||
});
|
||||
});
|
||||
},
|
||||
@ -275,8 +249,8 @@ component_1.VantComponent({
|
||||
return;
|
||||
}
|
||||
Promise.all([
|
||||
this.getRect('.van-tab', true),
|
||||
this.getRect('.van-tabs__nav'),
|
||||
utils_1.getAllRect.call(this, '.van-tab'),
|
||||
utils_1.getRect.call(this, '.van-tabs__nav'),
|
||||
]).then(function (_a) {
|
||||
var tabRects = _a[0],
|
||||
navRect = _a[1];
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
style="{{ color ? 'border-color: ' + color : '' }}"
|
||||
>
|
||||
<view class="{{ utils.bem('tabs__nav', [type, { complete: !ellipsis }]) }} nav-class" style="{{ getters.tabCardTypeBorderStyle(color, type) }}">
|
||||
<view wx:if="{{ type === 'line' }}" class="van-tabs__line" style="{{ lineStyle }}" />
|
||||
<view wx:if="{{ type === 'line' }}" class="van-tabs__line" style="{{ getters.lineStyle({ color, lineOffsetLeft, lineHeight, skipTransition, duration, lineWidth }) }}" />
|
||||
<view
|
||||
wx:for="{{ tabs }}"
|
||||
wx:key="index"
|
||||
|
||||
@ -1,4 +1,6 @@
|
||||
/* eslint-disable */
|
||||
var utils = require('../wxs/utils.wxs');
|
||||
|
||||
function tabClass(active, ellipsis) {
|
||||
var classes = ['tab-class'];
|
||||
|
||||
@ -68,11 +70,42 @@ function trackStyle(data) {
|
||||
return [
|
||||
'transform: translate3d(' + -100 * data.currentIndex + '%, 0, 0)',
|
||||
'-webkit-transition-duration: ' + data.duration + 's',
|
||||
'transition-duration: ' + data.duration + 's'
|
||||
'transition-duration: ' + data.duration + 's',
|
||||
].join(';');
|
||||
}
|
||||
|
||||
module.exports.tabClass = tabClass;
|
||||
module.exports.tabStyle = tabStyle;
|
||||
module.exports.trackStyle = trackStyle;
|
||||
module.exports.tabCardTypeBorderStyle = tabCardTypeBorderStyle;
|
||||
function lineStyle(data) {
|
||||
var styles = [
|
||||
['width', utils.addUnit(data.lineWidth)],
|
||||
['transform', 'translateX(' + data.lineOffsetLeft + 'px)'],
|
||||
['-webkit-transform', 'translateX(' + data.lineOffsetLeft + 'px)'],
|
||||
];
|
||||
|
||||
if (data.color) {
|
||||
styles.push(['background-color', data.color]);
|
||||
}
|
||||
|
||||
if (data.lineHeight !== -1) {
|
||||
styles.push(['height', utils.addUnit(data.lineHeight)]);
|
||||
styles.push(['border-radius', utils.addUnit(data.lineHeight)]);
|
||||
}
|
||||
|
||||
if (!data.skipTransition) {
|
||||
styles.push(['transition-duration', data.duration + 's']);
|
||||
styles.push(['-webkit-transition-duration', data.duration + 's']);
|
||||
}
|
||||
|
||||
return styles
|
||||
.map(function (item) {
|
||||
return item.join(':');
|
||||
})
|
||||
.join(';');
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
tabClass: tabClass,
|
||||
tabStyle: tabStyle,
|
||||
trackStyle: trackStyle,
|
||||
lineStyle: lineStyle,
|
||||
tabCardTypeBorderStyle: tabCardTypeBorderStyle,
|
||||
};
|
||||
|
||||
@ -214,6 +214,27 @@ component_1.VantComponent({
|
||||
},
|
||||
});
|
||||
},
|
||||
// fix: accept 为 video 时不能展示视频
|
||||
onPreviewVideo: function (event) {
|
||||
if (!this.data.previewFullImage) return;
|
||||
var index = event.currentTarget.dataset.index;
|
||||
var lists = this.data.lists;
|
||||
wx.previewMedia({
|
||||
sources: lists
|
||||
.filter(function (item) {
|
||||
return item.isVideo;
|
||||
})
|
||||
.map(function (item) {
|
||||
item.type = 'video';
|
||||
item.url = item.url || item.path;
|
||||
return item;
|
||||
}),
|
||||
current: index,
|
||||
fail: function () {
|
||||
wx.showToast({ title: '预览视频失败', icon: 'none' });
|
||||
},
|
||||
});
|
||||
},
|
||||
onClickPreview: function (event) {
|
||||
var index = event.currentTarget.dataset.index;
|
||||
var item = this.data.lists[index];
|
||||
|
||||
@ -21,6 +21,16 @@
|
||||
data-index="{{ index }}"
|
||||
bind:tap="onPreviewImage"
|
||||
/>
|
||||
<video
|
||||
wx:elif="{{ item.isVideo }}"
|
||||
src="{{item.url || item.path}}"
|
||||
autoplay="{{item.autoplay}}"
|
||||
class="van-uploader__preview-image"
|
||||
style="width: {{ utils.addUnit(previewSize) }}; height: {{ utils.addUnit(previewSize) }};"
|
||||
data-index="{{ index }}"
|
||||
bind:tap="onPreviewVideo"
|
||||
>
|
||||
</video>
|
||||
<view
|
||||
wx:else
|
||||
class="van-uploader__file"
|
||||
|
||||
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-uploader__slot:empty{display:none}.van-uploader__slot:not(:empty)+.van-uploader__upload{display:none!important}.van-uploader__upload{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:80px;height:80px;margin:0 8px 8px 0;background-color:#f7f8fa}.van-uploader__upload:active{background-color:#f2f3f5}.van-uploader__upload-icon{color:#dcdee0;font-size:24px}.van-uploader__upload-text{margin-top:8px;color:#969799;font-size:12px}.van-uploader__upload--disabled{opacity:.5;opacity:var(--uploader-disabled-opacity,.5)}.van-uploader__preview{position:relative;margin:0 8px 8px 0;cursor:pointer}.van-uploader__preview-image{display:block;width:80px;height:80px;overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0;width:14px;height:14px;background-color:rgba(0,0,0,.7);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:-2px;right:-2px;color:#fff;font-size:16px;-webkit-transform:scale(.5);transform:scale(.5)}.van-uploader__file{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:80px;height:80px;background-color:#f7f8fa}.van-uploader__file-icon{color:#646566;font-size:20px}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:8px;padding:0 4px;color:#646566;font-size:12px;text-align:center}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff;background-color:rgba(50,50,51,.88)}.van-uploader__mask-icon{font-size:22px}.van-uploader__mask-message{margin-top:6px;padding:0 4px;font-size:12px;line-height:14px}.van-uploader__loading{width:22px;height:22px;color:#fff!important}
|
||||
@import '../common/index.wxss';.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-uploader__slot:empty{display:none}.van-uploader__slot:not(:empty)+.van-uploader__upload{display:none!important}.van-uploader__upload{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:80px;height:80px;margin:0 8px 8px 0;background-color:#f7f8fa}.van-uploader__upload:active{background-color:#f2f3f5}.van-uploader__upload-icon{color:#dcdee0;font-size:24px}.van-uploader__upload-text{margin-top:8px;color:#969799;font-size:12px}.van-uploader__upload--disabled{opacity:.5;opacity:var(--uploader-disabled-opacity,.5)}.van-uploader__preview{position:relative;margin:0 8px 8px 0;cursor:pointer}.van-uploader__preview-image{display:block;width:80px;height:80px;overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0;width:14px;height:14px;padding:0 0 8px 8px}.van-uploader__preview-delete:after{position:absolute;top:0;right:0;width:14px;height:14px;background-color:rgba(0,0,0,.7);border-radius:0 0 0 12px;content:""}.van-uploader__preview-delete-icon{position:absolute;top:-2px;right:-2px;z-index:1;color:#fff;font-size:16px;-webkit-transform:scale(.5);transform:scale(.5)}.van-uploader__file{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:80px;height:80px;background-color:#f7f8fa}.van-uploader__file-icon{color:#646566;font-size:20px}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:8px;padding:0 4px;color:#646566;font-size:12px;text-align:center}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff;background-color:rgba(50,50,51,.88)}.van-uploader__mask-icon{font-size:22px}.van-uploader__mask-message{margin-top:6px;padding:0 4px;font-size:12px;line-height:14px}.van-uploader__loading{width:22px;height:22px;color:#fff!important}
|
||||
Loading…
x
Reference in New Issue
Block a user