wwl
/
Escort
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

main
wwl 2023-12-18 21:50:04 +08:00
parent 3091e55afb
commit 71e1342728
478 changed files with 541 additions and 11446 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
pages.config.js
View File

@ -88,6 +88,13 @@ export default defineUniPages({
navigationBarTitleText: '订单完成', navigationBarTitleText: '订单完成',
}, },
}, },
{
path: 'search',
aliasPath: '/search',
style: {
navigationBarTitleText: '',
},
},
], ],
}, },
{ {
@ -211,8 +218,8 @@ export default defineUniPages({
// "van-checkbox": "/wxcomponents/vant-weapp/checkbox", // "van-checkbox": "/wxcomponents/vant-weapp/checkbox",
// "van-cell-group": "/wxcomponents/vant-weapp/cell-group", // "van-cell-group": "/wxcomponents/vant-weapp/cell-group",
// "van-checkbox-group": "/wxcomponents/vant-weapp/checkbox-group", // "van-checkbox-group": "/wxcomponents/vant-weapp/checkbox-group",
"van-rate": "/wxcomponents/vant-weapp/rate", // "van-rate": "/wxcomponents/vant-weapp/rate",
"van-icon": "/wxcomponents/vant-weapp/icon" // "van-icon": "/wxcomponents/vant-weapp/icon"
// "van-tabbar": "/wxcomponents/@vant/weapp/tabbar/index", // "van-tabbar": "/wxcomponents/@vant/weapp/tabbar/index",
// "van-tabbar-item": "/wxcomponents/@vant/weapp/tabbar-item/index" // "van-tabbar-item": "/wxcomponents/@vant/weapp/tabbar-item/index"
} }

2
src/App.vue
View File

@ -18,6 +18,6 @@ export default {
@import 'uview-plus/index.scss'; @import 'uview-plus/index.scss';
/* #ifdef MP-WEIXIN */ /* #ifdef MP-WEIXIN */
@import '@/wxcomponents/vant-weapp/common/index.wxss'; // @import '@/wxcomponents/vant-weapp/common/index.wxss';
/* #endif */ /* #endif */
</style> </style>

5
src/api/base/index.js
View File

@ -85,3 +85,8 @@ export const fetchServerTypeList = params =>
*/ */
export const fetchReportTypelList = params => export const fetchReportTypelList = params =>
request.get('/reporttype/listAll', params) request.get('/reporttype/listAll', params)
/**
* @desc 轮播图
*/
export const fetchSwiperList = params =>
request.get('/swiper/listAll', params)

30
src/api/order/index.js
View File

@ -17,6 +17,11 @@ export const orderPay = data =>
*/ */
export const orderInfo = params => export const orderInfo = params =>
request.get('/order/infomation', params) request.get('/order/infomation', params)
/**
* @description 开始服务
*/
export const startOrder = params =>
request.get('/order/start', params)
/** /**
* @description 获取取消原因列表 * @description 获取取消原因列表
@ -40,3 +45,28 @@ export const cancelOrder = data =>
*/ */
export const orderRefund = data => export const orderRefund = data =>
request.post('/refound', data) request.post('/refound', data)
/**
* @description 订单完成 & 打分
*/
export const orderComentSubmit = data =>
request.post('/comment/submit', data)
/**
* @description 订单完成 & 打分 详情
*/
export const orderComentInfo = params =>
request.get('/comment/infomation', params)
/**
* @description 今日收入
*/
export const orderTodayIncome = data =>
request.post('/order/todayIncome', data)
/**
* @description 提现
*/
export const cashSubmit = data =>
request.post('/cash/submit', data)
/**
* @description 提现记录
*/
export const cashSubmitRecord = data =>
request.post('/cash/record', data)

12
src/components/upload-img/upload-img.vue
View File

@ -4,11 +4,12 @@
@delete="deletePic" @delete="deletePic"
accept="image" accept="image"
uploadIconColor="#999" uploadIconColor="#999"
v-bind="omit($attrs, ['disabled', 'maxCount', 'maxSize'])" v-bind="omit($attrs, ['maxCount', 'maxSize'])"
:fileList="fileList" :fileList="fileList"
:deletable="!$attrs.disabled" :deletable="!$attrs.disabled"
:maxSize="10 * 1024 * 1024" :maxSize="10 * 1024 * 1024"
:maxCount="$attrs.disabled ? fileList.length : $attrs.maxCount" :maxCount="$attrs.disabled ? fileList.length : $attrs.maxCount"
@clickPreview="clickPreview"
/> />
</template> </template>
@ -23,7 +24,10 @@ const props = defineProps({
default: () => [] default: () => []
} }
}) })
const fileList = ref(props.modelValue) const fileList = ref([])
watchEffect(() => {
fileList.value = props.modelValue
})
// 删除图片 // 删除图片
const deletePic = (event) => { const deletePic = (event) => {
fileList.value.splice(event.index, 1) fileList.value.splice(event.index, 1)
@ -74,6 +78,10 @@ const afterRead = async (event) => {
})) }))
) )
} }
const clickPreview = (item) => {
console.log('🚀 ~ file: upload-img.vue:83 ~ item:', item)
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
:deep { :deep {

12
src/pages.json
View File

@ -83,6 +83,13 @@
"style": { "style": {
"navigationBarTitleText": "订单完成" "navigationBarTitleText": "订单完成"
} }
},
{
"path": "search",
"aliasPath": "/search",
"style": {
"navigationBarTitleText": ""
}
} }
] ]
}, },
@ -176,9 +183,6 @@
"navigationBarTitleText": "", "navigationBarTitleText": "",
"navigationBarBackgroundColor": "#FF8CA6", "navigationBarBackgroundColor": "#FF8CA6",
"backgroundColor": "#ffffff", "backgroundColor": "#ffffff",
"usingComponents": { "usingComponents": {}
"van-rate": "/wxcomponents/vant-weapp/rate",
"van-icon": "/wxcomponents/vant-weapp/icon"
}
} }
} }

114
src/pages/form/complete.vue
View File

@ -1,39 +1,135 @@
<template> <template>
<view class="h-full bg-white px-24rpx"> <view class="h-full bg-white px-24rpx">
<view class="mt-20rpx mb-20rpx text-34rpx">上传工作记录</view> <view class="mt-20rpx mb-20rpx text-34rpx"
<upload-img v-model:fileList="fileList" multiple :maxCount="10" /> >{{ roleName === 'common' ? '上传' : '陪诊师' }}工作记录</view
<view class="text-24rpx text-#666 mt-20rpx" >
<view class="h-220rpx">
<upload-img
width="220rpx"
height="220rpx"
v-model="fileList"
multiple
:maxCount="10"
:disabled="roleName !== 'common' || isView"
/>
</view>
<view v-if="roleName === 'common'" class="text-24rpx text-#666 mt-20rpx"
>请上传陪诊工作中的照片，建议一个环节一张照片</view >请上传陪诊工作中的照片，建议一个环节一张照片</view
> >
<view class="mt-40rpx mb-20rpx text-34rpx">填写备注</view> <view class="mt-40rpx mb-20rpx text-34rpx">{{
roleName === 'common' ? '填写备注' : '陪诊师留言'
}}</view>
<u--textarea <u--textarea
v-model="remark" v-model="remark"
placeholder="" placeholder=""
maxlength="300" maxlength="300"
count
:autoHeight="false" :autoHeight="false"
:disabled="roleName !== 'common' || isView"
count
/> />
<block v-if="roleName !== 'common' || isView">
<view class="mt-40rpx mb-40rpx text-34rpx"
>{{ roleName !== 'common' && !isView ? '为' : '' }}陪诊师打分</view
>
<u-rate
size="30"
v-model="rate"
activeIcon="heart-fill"
inactiveIcon="heart"
activeColor="#FF8CA6"
:readonly="isView"
></u-rate>
</block>
<view <view
v-if="!isView"
class="fixed bottom-8 left-0 right-0 text-white pt-12rpx border-t-1px border-solid border-#E5E5E5" class="fixed bottom-8 left-0 right-0 text-white pt-12rpx border-t-1px border-solid border-#E5E5E5"
><view ><view
@click="handleSubmit"
class="bg-#FF8CA6 rounded-24rpx w-660rpx h-80rpx text-center leading-80rpx hover:shadow-md mx-auto" class="bg-#FF8CA6 rounded-24rpx w-660rpx h-80rpx text-center leading-80rpx hover:shadow-md mx-auto"
>订单已完成，提交工作记录</view >{{ roleName === 'common' ? '订单已完成，提交工作记录' : '完成' }}</view
></view ></view
> >
</view> </view>
</template> </template>
<script setup> <script setup>
const instance = getCurrentInstance()
const { $api, $store, $Route, $Router, $toast, $dialog } = instance.proxy
const fileList = ref([]) const fileList = ref([])
const remark = ref('') const remark = ref('')
const rate = ref(0)
const roleName = computed(() => $store.user.userInfo.roleName)
const orderId = $Route.query.id
const isView = ref($Route.query.isEvaluate === 0)
const getOrderComentInfo = () => {
$api.orderComentInfo({ orderId }).then(({ data, success }) => {
if (data && success) {
fileList.value = data.images
? data.images.split(',').map((item) => ({ url: item }))
: []
rate.value = data.level
remark.value = data.remark
}
})
}
const init = () => {
if (roleName.value !== 'common') {
uni.setNavigationBarTitle({
title: '服务评价'
})
}
getOrderComentInfo()
}
init()
const handleSubmit = () => {
const isCommon = roleName.value === 'common'
console.log('🚀 ~ file: complete.vue:77 ~ fileList.value:', fileList.value)
if (fileList.value.length === 0) {
$toast('请上传照片')
return
} else if (remark.value.length === 0) {
$toast('请填写备注')
return
} else if (rate.value === 0) {
$toast('请为陪诊师打分')
return
}
$dialog(isCommon ? '确认提交工作记录？' : '确认为陪诊师打分？', {
showCancelButton: true,
confirmButtonText: '确定',
cancelButtonText: '取消',
confirmColor: '#FF8CA6'
}).then(() => {
$api
.orderComentSubmit({
orderId,
images: fileList.value.map((item) => item.url).join(','),
remark: remark.value,
level: isCommon ? null : rate.value,
roleName: roleName.value
})
.then((res) => {
if (res.success) {
$toast('提交成功').then(() => {
$Router.back()
})
}
})
})
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
:deep { :deep {
.u-textarea, .u-textarea {
.u-textarea__count { height: 240rpx;
background-color: #f2f2f2 !important; &,
.u-textarea__count {
background-color: #f2f2f2 !important;
}
} }
} }
</style> </style>

128
src/pages/form/index.vue
View File

@ -1,7 +1,12 @@
<template> <template>
<view> <view>
<view class="px-24rpx py-20rpx bg-[f2f2f2] min-h-[calc(100vh-230rpx)]"> <view
<view class="rounded-16rpx bg-#fff pt-24rpx pb-16rpx"> class="px-24rpx pt-20rpx pb-30rpx bg-[f2f2f2] min-h-[calc(100vh-230rpx)]"
>
<view
v-if="roleName === 'simple'"
class="rounded-16rpx bg-#fff pt-24rpx pb-16rpx"
>
<view class="flex items-center"> <view class="flex items-center">
<view <view
class="relative flex-1 flex-col items-center flex" class="relative flex-1 flex-col items-center flex"
@ -104,7 +109,7 @@
> >
<upload-img <upload-img
v-model="fileList" v-model="fileList"
:disabled="current > 1" :disabled="current > 1 || roleName === 'common'"
:maxCount="10" :maxCount="10"
multiple multiple
></upload-img> ></upload-img>
@ -114,7 +119,7 @@
v-model="model.remark" v-model="model.remark"
placeholder="" placeholder=""
maxlength="300" maxlength="300"
:disabled="current > 1" :disabled="current > 1 || roleName === 'common'"
count count
:autoHeight="false" :autoHeight="false"
/> />
@ -127,7 +132,10 @@
3. 服务地点为必填项 3. 服务地点为必填项
<br /> <br />
</view> </view>
<agreed-comp v-model:agreed="agreed" :disabled="current > 1" /> <agreed-comp
v-model:agreed="agreed"
:disabled="current > 1 || roleName === 'common'"
/>
</view> </view>
<u-picker <u-picker
@ -198,21 +206,25 @@
v-if="!orderInfo.reasonId" v-if="!orderInfo.reasonId"
class="bg-#fff h-150rpx w-full sticky bottom-0 z-2 flex justify-between items-center pr-24rpx pl-40rpx pb-48rpx rounded-sm" class="bg-#fff h-150rpx w-full sticky bottom-0 z-2 flex justify-between items-center pr-24rpx pl-40rpx pb-48rpx rounded-sm"
> >
<block v-if="orderInfo.status < 3 || !orderId"> <block v-if="orderInfo.status < 3 || !orderId || roleName === 'common'">
<view> <view class="" v-if="orderInfo.receiveStatus !== 0">
<text>预估收入</text>
<text class="text-32rpx">￥</text> <text class="text-32rpx">￥</text>
<text class="font-bold text-54rpx">{{ <text class="font-bold text-54rpx" v-if="roleName === 'common'">
{{ orderInfo.doctorPrice }}
</text>
<text class="font-bold text-54rpx" v-else>{{
orderInfo.orderPrice || selTypeItem.price || 0 orderInfo.orderPrice || selTypeItem.price || 0
}}</text> }}</text>
</view> </view>
<view <view
v-if="orderInfo.status === 2" v-if="orderInfo.status === 2 && roleName === 'simple'"
@click="$u.throttle(orderPay, 1000)" @click="$u.throttle(orderPay, 1000)"
class="text-white mr-4 bg-#FF8CA6 rounded-24rpx w-240rpx h-80rpx text-center leading-80rpx hover:shadow-md" class="text-white mr-4 bg-#FF8CA6 rounded-24rpx w-240rpx h-80rpx text-center leading-80rpx hover:shadow-md"
>支付</view >支付</view
> >
<view <view
v-if="!orderId" v-if="!orderId && roleName === 'simple'"
@click="$u.throttle(onSubmit, 1000)" @click="$u.throttle(onSubmit, 1000)"
class="text-white bg-#FF8CA6 rounded-24rpx w-240rpx h-80rpx text-center leading-80rpx hover:shadow-md" class="text-white bg-#FF8CA6 rounded-24rpx w-240rpx h-80rpx text-center leading-80rpx hover:shadow-md"
>立即下单</view >立即下单</view
@ -220,14 +232,33 @@
</block> </block>
<view <view
v-if="roleName === 'common'" v-if="roleName === 'common'"
class="text-white bg-#FF8CA6 rounded-24rpx w-full mx-30rpx h-80rpx text-center leading-80rpx hover:shadow-md" @click="
>{{ true ? '开始服务' : '订单已完成，提交工作记录' }}</view $u.throttle(
handleOrder.bind(
null,
orderInfo.receiveStatus !== 0 ? 'start' : 'end'
),
1000
)
"
class="text-white bg-#FF8CA6 w-240rpx rounded-24rpx mx-30rpx h-80rpx text-center leading-80rpx hover:shadow-md"
:class="orderInfo.receiveStatus === 0 && 'w-full'"
>{{
orderInfo.receiveStatus !== 0
? '开始服务'
: '订单已完成，提交工作记录'
}}</view
> >
<view <view
v-if="roleName === 'simple' && orderInfo.status > 2" v-if="roleName === 'simple' && orderInfo.status > 2"
@click="$u.throttle(handleOrder.bind(null, 'end'), 500)"
class="text-white bg-#FF8CA6 rounded-24rpx w-full mx-30rpx h-80rpx text-center leading-80rpx hover:shadow-md" class="text-white bg-#FF8CA6 rounded-24rpx w-full mx-30rpx h-80rpx text-center leading-80rpx hover:shadow-md"
>{{ >{{
orderInfo.status === 3 ? '订单已提交，请耐心等待' : '服务完成，请评价' orderInfo.status === 3
? '订单已提交，请耐心等待'
: orderInfo.isEvaluate === 0
? '查看评价'
: '服务完成，请评价'
}}</view }}</view
> >
</view> </view>
@ -238,7 +269,7 @@
const instance = getCurrentInstance() const instance = getCurrentInstance()
const { $u, $api, $Router, $Route, $dialog, $toast, $store, $loading } = const { $u, $api, $Router, $Route, $dialog, $toast, $store, $loading } =
instance.proxy instance.proxy
const roleName = $store.user.userInfo.roleName const roleName = computed(() => $store.user.userInfo.roleName)
// 填写订单 在线支付 服务中 服务完成 // 填写订单 在线支付 服务中 服务完成
const list = ref([ const list = ref([
{ label: '填写订单', id: 1 }, { label: '填写订单', id: 1 },
@ -445,6 +476,8 @@ const serverTypelList = ref([])
const reportTypelList = ref([]) const reportTypelList = ref([])
const dateKeyObj = {} const dateKeyObj = {}
const orderId = ref($Route.query.id ? +$Route.query.id : '') const orderId = ref($Route.query.id ? +$Route.query.id : '')
const hospitaId = ref($Route.query.hospitaId ? +$Route.query.hospitaId : '')
const hospitaName = ref($Route.query.hospitaName || '')
const orderInfo = ref({}) const orderInfo = ref({})
const getPzList = async () => { const getPzList = async () => {
@ -453,7 +486,7 @@ const getPzList = async () => {
} }
const getPzHospitalList = async () => { const getPzHospitalList = async () => {
const res = await $api.fetchPzHospitalList() const res = await $api.fetchPzHospitalList({ name: '' })
hospitalList.value = (res?.list || []).map((item) => ({ hospitalList.value = (res?.list || []).map((item) => ({
label: item.name, label: item.name,
id: item.id + '' id: item.id + ''
@ -479,7 +512,6 @@ const getOrderInfo = async () => {
const res = await $api.orderInfo({ id: orderId.value }) const res = await $api.orderInfo({ id: orderId.value })
if (res.success) { if (res.success) {
const { order = {} } = res const { order = {} } = res
console.log('🚀 ~ file: index.vue:465 ~ order:', order.result)
orderInfo.value = order orderInfo.value = order
curType.value = order.serverId curType.value = order.serverId
current.value = order.status || 1 current.value = order.status || 1
@ -488,11 +520,28 @@ const getOrderInfo = async () => {
$loading(false) $loading(false)
} }
getPzList() const init = () => {
getPzHospitalList() getPzList()
getServerTypeList() getPzHospitalList()
getReportTypelList() if (!roleName.value) {
getOrderInfo() $dialog('请先登录', {
showCancelButton: true,
confirmButtonText: '去登录',
cancelButtonText: '取消',
confirmColor: '#FF8CA6'
})
.then(() => {
$Router.push('/personal')
})
.catch(() => $Router.push('/'))
return
}
getServerTypeList()
getReportTypelList()
getOrderInfo()
}
init()
const orderPay = async () => { const orderPay = async () => {
const res = await $api.orderPay({ const res = await $api.orderPay({
@ -577,6 +626,34 @@ const onSubmit = () => {
}) })
} }
const handleOrder = async (type) => {
if (type === 'start') {
$dialog('确认开始服务吗？', {
showCancelButton: true,
confirmButtonText: '确定',
cancelButtonText: '取消',
confirmColor: '#FF8CA6'
})
.then(async () => {
const res = await $api.startOrder({
id: orderId.value
})
if (res.success) {
getOrderInfo()
$toast('开始服务成功!', { duration: 3000 })
}
})
.cahch(() => '')
} else if (type === 'end') {
if (orderInfo.value.status === 4) {
$Router.push({
path: '/complete',
query: { id: orderId.value, isEvaluate: orderInfo.value.isEvaluate }
})
}
}
}
watchEffect(() => { watchEffect(() => {
const cur = curType.value const cur = curType.value
const item = columns[0].find((item) => item.id === cur) const item = columns[0].find((item) => item.id === cur)
@ -587,9 +664,12 @@ watchEffect(() => {
formItems.forEach((item) => { formItems.forEach((item) => {
const { required, key, keyName, message, trigger, type } = item const { required, key, keyName, message, trigger, type } = item
if (item.cur.includes(cur)) { if (item.cur.includes(cur)) {
if (key === 'hospitalId') item.options = [hospitalList.value] if (key === 'hospitalId') {
if (key === 'typeId') item.options = [serverTypelList.value] item.options = [hospitalList.value]
if (key === 'reportType') item.options = [reportTypelList.value] model.value.hospitalId = hospitaId.value
item.val = hospitaName.value
} else if (key === 'typeId') item.options = [serverTypelList.value]
else if (key === 'reportType') item.options = [reportTypelList.value]
formList.value.push(item) formList.value.push(item)
if (type !== 'string') { if (type !== 'string') {
dateAndSelectFormList.value.push(item) dateAndSelectFormList.value.push(item)

40
src/pages/index/home/index.vue
View File

@ -2,6 +2,7 @@
<view class="px-24rpx bg-#fff" v-if="userRole === 'simple'"> <view class="px-24rpx bg-#fff" v-if="userRole === 'simple'">
<u-search <u-search
v-model="searchVal" v-model="searchVal"
@click="$Router.push('/search')"
shape="square" shape="square"
margin="20rpx 0rpx 30rpx 0rpx" margin="20rpx 0rpx 30rpx 0rpx"
height="80rpx" height="80rpx"
@ -11,12 +12,13 @@
placeholderColor="#666" placeholderColor="#666"
placeholder="搜索您需要陪诊的医院" placeholder="搜索您需要陪诊的医院"
clearabled clearabled
disabled
/> />
<u-swiper <u-swiper
:list="swiperList" :list="swiperList"
height="200" height="200"
radius="24rpx" radius="24rpx"
keyName="image" keyName="images"
indicatorMode="dot" indicatorMode="dot"
indicator indicator
circular circular
@ -40,8 +42,9 @@
}}</text> }}</text>
</u-grid-item> </u-grid-item>
</u-grid> </u-grid>
<!-- right-30rpx -->
<button <button
class="absolute right-30rpx bottom-40rpx bg-transparent border-transparent z-2 w-120rpx h-150rpx" class="absolute right-200rpx bottom-40rpx bg-transparent border-transparent z-2 w-120rpx h-150rpx"
open-type="contact" open-type="contact"
hoverClass="none" hoverClass="none"
></button> ></button>
@ -62,7 +65,7 @@
hoverClass="none" hoverClass="none"
></button> ></button>
</view> </view>
<view class="mt-30rpx flex items-center h-180rpx mb-20rpx"> <view v-if="false" class="mt-30rpx flex items-center h-180rpx mb-20rpx">
<u--image <u--image
:src="$assets('/tongzhi.png')" :src="$assets('/tongzhi.png')"
:duration="300" :duration="300"
@ -85,7 +88,7 @@
</template> </template>
<script setup> <script setup>
import { ref, getCurrentInstance } from 'vue' import { onShow } from '@dcloudio/uni-app'
import Order from '../order/index.vue' import Order from '../order/index.vue'
const { $Router, $api, $store } = getCurrentInstance().proxy const { $Router, $api, $store } = getCurrentInstance().proxy
@ -93,15 +96,15 @@ const userRole = computed(() => $store.user.userInfo.roleName ?? 'simple')
const searchVal = ref('') const searchVal = ref('')
const swiperList = ref([ const swiperList = ref([
{ {
image: 'https://cdn.uviewui.com/uview/swiper/1.jpg', images: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
title: '昨夜西风凋碧树' title: '昨夜西风凋碧树'
}, },
{ {
image: 'https://cdn.uviewui.com/uview/swiper/2.jpg', images: 'https://cdn.uviewui.com/uview/swiper/2.jpg',
title: '行色匆匆' title: '行色匆匆'
}, },
{ {
image: 'https://cdn.uviewui.com/uview/swiper/3.jpg', images: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
title: '更上一层楼' title: '更上一层楼'
} }
]) ])
@ -123,14 +126,14 @@ const gridList = ref([
cur: 2 cur: 2
} }
}, },
{ // {
title: '遵享服务', // title: '遵享服务',
icon: '/home-icon/h-icon-3.png', // icon: '/home-icon/h-icon-3.png',
path: '/pages/form/index', // path: '/pages/form/index',
query: { // query: {
cur: '' // cur: ''
} // }
}, // },
{ {
title: '代办约号', title: '代办约号',
icon: '/home-icon/h-icon-4.png', icon: '/home-icon/h-icon-4.png',
@ -178,6 +181,13 @@ const handleGridClick = (path, query = {}) => {
}) })
} }
} }
const getSwiperList = async () => {
const { list = [] } = await $api.fetchSwiperList()
swiperList.value = list
}
onShow(() => {
getSwiperList()
})
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

117
src/pages/index/order/index.vue
View File

@ -1,4 +1,3 @@
import { onShow } from '@dcloudio/uni-app';
<template> <template>
<z-paging-swiper> <z-paging-swiper>
<template #top> <template #top>
@ -13,11 +12,13 @@ import { onShow } from '@dcloudio/uni-app';
class="text-white flex items-center justify-between px-130rpx pt-20rpx absolute top-0 left-0 w-full h-full" class="text-white flex items-center justify-between px-130rpx pt-20rpx absolute top-0 left-0 w-full h-full"
> >
<view class="flex flex-col items-center"> <view class="flex flex-col items-center">
<view class="text-64rpx">11</view> <view class="text-64rpx">{{ orderTodayIncome.count || 0 }}</view>
<view class="text-34rpx">今日接单</view> <view class="text-34rpx">今日接单</view>
</view> </view>
<view class="flex flex-col items-center"> <view class="flex flex-col items-center">
<view class="text-64rpx">12323</view> <view class="text-64rpx">{{
orderTodayIncome.doctorPrice || 0
}}</view>
<view class="text-34rpx">今日收入</view> <view class="text-34rpx">今日收入</view>
</view> </view>
</view> </view>
@ -62,7 +63,9 @@ import { onShow } from '@dcloudio/uni-app';
class="min-h-410rpx bg-white rounded-16rpx mx-30rpx px-20rpx py-30rpx mb-20rpx shadow-current" class="min-h-410rpx bg-white rounded-16rpx mx-30rpx px-20rpx py-30rpx mb-20rpx shadow-current"
> >
<view class="flex-row-between"> <view class="flex-row-between">
<text class="text-#999 text-24rpx">订单号：22323232323</text> <text class="text-#999 text-24rpx"
>订单号：{{ item.outTradeNo }}</text
>
<view <view
v-if="item.orderStatus !== null" v-if="item.orderStatus !== null"
class="w-124rpx h-48rpx leading-48rpx text-center rounded-sm text-24rpx" class="w-124rpx h-48rpx leading-48rpx text-center rounded-sm text-24rpx"
@ -72,7 +75,9 @@ import { onShow } from '@dcloudio/uni-app';
>{{ stateColorList[item.orderStatus].text }}</view >{{ stateColorList[item.orderStatus].text }}</view
> >
</view> </view>
<view class="flex-row-between text-28rpx text-#999 mt-20rpx"> <view
class="flex-row-between items-center text-28rpx text-#999 mt-20rpx"
>
<view <view
>服务项目：<text class="text-#000">{{ >服务项目：<text class="text-#000">{{
item.projectName item.projectName
@ -81,13 +86,16 @@ import { onShow } from '@dcloudio/uni-app';
<view <view
v-if="roleName === 'common'" v-if="roleName === 'common'"
class="text-#FF3939 font-bold" class="text-#FF3939 font-bold"
>预计收入：￥{{ '100' }}</view >预计收入：￥{{ item.doctorPrice || '' }}</view
> >
</view> </view>
<view <view
class="mt-10rpx mb-24rpx flex text-24rpx bg-#f2f2f2 w-full min-h-140rpx rounded-sm px-34rpx pt-20rpx pb-10rpx" class="mt-10rpx mb-24rpx flex text-24rpx bg-#f2f2f2 w-full min-h-140rpx rounded-sm px-34rpx pt-20rpx pb-10rpx"
> >
<view class="flex flex-col text-#666"> <view
v-if="item.result?.contact || item.result?.clinicPerson"
class="flex flex-col text-#666 mr-40rpx"
>
<block v-if="item.result?.clinicPerson"> <block v-if="item.result?.clinicPerson">
<text>就诊人</text> <text>就诊人</text>
<text class="text-#000 mt-8rpx">{{ <text class="text-#000 mt-8rpx">{{
@ -97,12 +105,12 @@ import { onShow } from '@dcloudio/uni-app';
<block v-else-if="item.result?.contact"> <block v-else-if="item.result?.contact">
<text>联系人</text> <text>联系人</text>
<text class="text-#000 mt-8rpx">{{ <text class="text-#000 mt-8rpx">{{
item.result?.contact item.result.contact
}}</text> }}</text>
</block> </block>
</view> </view>
<view class="flex flex-col flex-1 pl-40rpx pr-20rpx text-#666"> <view class="flex flex-col flex-1 pr-20rpx text-#666">
<text>医院</text> <text v-if="item.result?.hospitalName">医院</text>
<text class="text-#000 mt-8rpx">{{ <text class="text-#000 mt-8rpx">{{
item.result?.hospitalName item.result?.hospitalName
}}</text> }}</text>
@ -121,16 +129,37 @@ import { onShow } from '@dcloudio/uni-app';
</view> </view>
<view class="flex justify-end items-center"> <view class="flex justify-end items-center">
<view <view
v-if="item.orderStatus === 4" v-if="item.orderStatus === 4 && item.refundStatus !== 0"
@click="handleClick(item, 'refund')" @click="handleClick(item, 'refund')"
class="btn text-30rpx px-30rpx py-14rpx ml-30rpx border-#5F5F5F text-#5F5F5F" class="btn text-30rpx px-30rpx py-14rpx ml-30rpx border-#5F5F5F text-#5F5F5F"
>申请退款</view >申请退款</view
> >
<view <view
v-if="roleName === 'common' && item.orderStatus === 1" v-if="roleName === 'common' && item.orderStatus < 3"
@click="$u.throttle(() => handleClick(item, 'start'), 800)" @click="
$u.throttle(
() =>
handleClick(
item,
item.receiveStatus !== 0 ? 'start' : 'end'
),
800
)
"
class="btn text-30rpx px-30rpx py-14rpx ml-30rpx border-#40A0E4 text-#40A0E4" class="btn text-30rpx px-30rpx py-14rpx ml-30rpx border-#40A0E4 text-#40A0E4"
>开始服务</view >{{ item.receiveStatus !== 0 ? '开始' : '完成' }}服务</view
>
<view
v-if="roleName === 'common' && item.orderStatus === 3"
@click="$u.throttle(() => handleClick(item, 'end'), 800)"
class="btn text-30rpx px-30rpx py-14rpx ml-30rpx border-#40A0E4 text-#40A0E4"
>工作记录</view
>
<view
v-if="roleName !== 'common' && item.orderStatus === 3"
@click="$u.throttle(() => handleClick(item, 'end'), 800)"
class="btn text-30rpx px-30rpx py-14rpx ml-30rpx border-#40A0E4 text-#40A0E4"
>{{ item.isEvaluate !== 0 ? '去评价' : '查看评价' }}</view
> >
<view <view
@click="$u.throttle(() => handleClick(item, 'detail'), 800)" @click="$u.throttle(() => handleClick(item, 'detail'), 800)"
@ -251,6 +280,7 @@ const stateColorList = [
bg: 'bg-#ccc' bg: 'bg-#ccc'
} }
] ]
const orderTodayIncome = ref({})
const getReasonList = () => { const getReasonList = () => {
$api.reasonList().then(({ page = {} }) => { $api.reasonList().then(({ page = {} }) => {
@ -260,25 +290,27 @@ const getReasonList = () => {
getReasonList() getReasonList()
onShow(() => { onShow(() => {
nextTick(() => { if (!roleName.value) {
if (!roleName.value) { $dialog('请先登录', {
$dialog('请先登录', { showCancelButton: true,
showCancelButton: true, confirmButtonText: '去登录',
confirmButtonText: '去登录', cancelButtonText: '取消',
cancelButtonText: '取消', confirmColor: '#FF8CA6'
confirmColor: '#FF8CA6' })
.then(() => {
$Router.push('/personal')
}) })
.then(() => { .catch(() => '')
$Router.push('/personal') return
}) } else paging.value[current.value]?.reload()
.catch(() => '') if (roleName.value === 'common') {
return $api.orderTodayIncome({ isToday: 0 }).then(({ data = {} }) => {
} else paging.value[current.value]?.reload() orderTodayIncome.value = data
}) })
}
}) })
const handleTabChange = (item) => { const handleTabChange = (item) => {
console.log('🚀 ~ file: index.vue:250 ~ item:', item)
current.value = item.id current.value = item.id
status.value = item.id - 1 < 0 ? 0 : item.id - 1 status.value = item.id - 1 < 0 ? 0 : item.id - 1
dataList.value[item.id].show = true dataList.value[item.id].show = true
@ -309,14 +341,37 @@ const queryList = (pageNo, pageSize) => {
dataList.value[current.value].data = data?.records || [] dataList.value[current.value].data = data?.records || []
dataList.value[current.value].show = true dataList.value[current.value].show = true
}) })
.catch((res) => { .catch(() => {
paging.value[current.value]?.complete(false) paging.value[current.value]?.complete(false)
}) })
} }
const handleClick = async (item, type) => { const handleClick = async (item, type) => {
console.log('🚀 ~ file: index.vue:284 ~ item:', item)
if (type === 'start') { if (type === 'start') {
$dialog('确认开始服务吗？', {
showCancelButton: true,
confirmButtonText: '确定',
cancelButtonText: '取消',
confirmColor: '#FF8CA6'
})
.then(async () => {
const res = await $api.startOrder({
id: item.id
})
if (res.success) {
paging.value?.[current.value]?.reload()
$toast('开始服务成功!', { duration: 1000 })
}
})
.catch(() => '')
} else if (type === 'end') {
$Router.push({
path: '/complete',
query: {
id: item.id,
isEvaluate: item.isEvaluate
}
})
} else if (type === 'detail') { } else if (type === 'detail') {
$Router.push({ $Router.push({
path: '/pages/form/index', path: '/pages/form/index',

129
src/pages/index/personal/index.vue
View File

@ -26,15 +26,15 @@
</view> </view>
<view class="flex items-center pl-16rpx my-40rpx"> <view class="flex items-center pl-16rpx my-40rpx">
<view class="flex flex-1 flex-col"> <view class="flex flex-1 flex-col">
<text class="text-34rpx">10</text> <text class="text-34rpx">{{ orderTodayIncome.count || 0 }}</text>
<text class="text-28rpx text-#999">累计接单</text> <text class="text-28rpx text-#999">累计接单</text>
</view> </view>
<view class="flex flex-1 flex-col"> <view class="flex flex-1 flex-col">
<text class="text-34rpx">10</text> <text class="text-34rpx">{{ orderTodayIncome.doctorPrice || 0 }}</text>
<text class="text-28rpx text-#999">累计收入</text> <text class="text-28rpx text-#999">累计收入</text>
</view> </view>
<view class="flex flex-1 flex-col"> <view class="flex flex-1 flex-col">
<text class="text-34rpx">10</text> <text class="text-34rpx">{{ orderTodayIncome.cashPrice || 0 }}</text>
<text class="text-28rpx text-#999">可提现</text> <text class="text-28rpx text-#999">可提现</text>
</view> </view>
<view <view
@ -73,7 +73,7 @@
title="提现" title="提现"
@cancel="showWithdraw = false" @cancel="showWithdraw = false"
@confirm="handleWithdraw" @confirm="handleWithdraw"
confirmText="立即提现" confirmText="申请提现"
confirmColor="#FF8CA6" confirmColor="#FF8CA6"
:show-cancel-button="true" :show-cancel-button="true"
:zoom="false" :zoom="false"
@ -81,31 +81,40 @@
> >
<view class="w-full"> <view class="w-full">
<view class="flex items-center justify-between mb-36rpx"> <view class="flex items-center justify-between mb-36rpx">
<view class="">可提现余额：999元</view> <view class=""
>可提现余额：{{ orderTodayIncome.cashPrice || 0 }}元</view
>
<view <view
@click="cashModel.price = orderTodayIncome.cashPrice || 0"
class="flex justify-center items-center border-primary-500 border-1px w-150rpx h-54rpx rounded-12rpx text-primary" class="flex justify-center items-center border-primary-500 border-1px w-150rpx h-54rpx rounded-12rpx text-primary"
>全部提现</view >全部提现</view
> >
</view> </view>
<view class="bg-#f2f2f2 rounded-15rpx h-80rpx"> <view class="bg-#f2f2f2 rounded-15rpx">
<u-input <view
:customStyle="{ height: '80rpx' }" v-for="item in cashItemList"
v-model="amount" :key="item.key"
type="number" class="bg-#f2f2f2 rounded-15rpx h-80rpx border-b"
placeholder="请输入金额"
border="0"
fontSize="28rpx"
:focus="false"
> >
<template #prefix> <u-input
<u-text :customStyle="{ height: '80rpx' }"
text="金额" v-model="cashModel[item.key]"
margin="0 5px 0 0" :type="item.key === 'price' ? 'number' : 'text'"
type="tips" :placeholder="`请输入${item.text}`"
color="#000000" :border="item.key !== 'price' ? 'bottom' : 'none'"
></u-text> fontSize="28rpx"
</template> :focus="false"
</u-input> >
<template #prefix>
<u-text
:text="item.text"
margin="0 5px 0 0"
type="tips"
color="#000000"
></u-text>
</template>
</u-input>
</view>
</view> </view>
<view class="mt-12rpx text-24rpx text-#c1c1c1"> <view class="mt-12rpx text-24rpx text-#c1c1c1">
提现手续费每笔X元 提现手续费每笔X元
@ -121,13 +130,13 @@ import defaultAvatar from '@/static/avatar.png'
import { onShow } from '@dcloudio/uni-app' import { onShow } from '@dcloudio/uni-app'
const instance = getCurrentInstance() const instance = getCurrentInstance()
const { $api, $store, $Router, $loading, $dialog, $toast } = instance.proxy const { $api, $store, $Router, $loading, $dialog, $toast, $u } = instance.proxy
const userStore = $store.user const userStore = $store.user
const isLogin = computed(() => !!$store.user.token) const isLogin = computed(() => !!$store.user.token)
const userInfo = computed(() => $store.user.userInfo) const userInfo = computed(() => $store.user.userInfo)
const showWithdraw = ref(false) const showWithdraw = ref(false)
const amount = ref('') const orderTodayIncome = ref({})
const list = { const list = {
simple: [ simple: [
{ {
@ -177,6 +186,36 @@ const listConst = [
} }
] ]
const menuList = ref([]) const menuList = ref([])
const cashModel = ref({
name: userInfo.value.nickName,
wxNumber: '',
aliNumber: '',
price: ''
})
// 姓名 微信号 支付宝号 金额
const cashItemList = [
{
text: '姓名',
key: 'name',
val: ''
},
{
text: '微信号',
key: 'wxNumber',
val: ''
},
{
text: '支付宝号',
key: 'aliNumber',
val: ''
},
{
text: '金额',
key: 'price',
val: ''
}
]
watchEffect(() => { watchEffect(() => {
const { roleName, roleList = [] } = userInfo.value const { roleName, roleList = [] } = userInfo.value
list.simple[1].text = roleList.includes('common') ? '切换身份' : '成为陪诊师' list.simple[1].text = roleList.includes('common') ? '切换身份' : '成为陪诊师'
@ -212,8 +251,39 @@ const handleInfo = async (item) => {
query: item.query || {} query: item.query || {}
}) })
} }
const getOrderTodayIncome = () => {
$api.orderTodayIncome({ isToday: 1 }).then(({ data = {} }) => {
orderTodayIncome.value = data
})
}
// 提现 // 提现
const handleWithdraw = () => {} const handleWithdraw = async () => {
console.log(cashModel.value)
// return
if (!cashModel.value.price) {
return $toast('请输入提现金额!')
}
if (!cashModel.value.name.trim()) {
return $toast('请输入姓名!')
}
if (!cashModel.value.aliNumber?.trim() || !cashModel.value.wxNumber?.trim()) {
return $toast('请输入收款账号!')
}
if (cashModel.value.price > orderTodayIncome.value.cashPrice) {
return $toast('提现金额不能大于可提现余额!', { type: 'error' })
}
const res = await $api.cashSubmit(cashModel.value)
if (res.success) {
$toast('申请提现成功！', {
icon: 'success',
duration: 2000
}).then(() => {
showWithdraw.value = false
getOrderTodayIncome()
})
}
}
const handleLogin = async () => { const handleLogin = async () => {
if (!isLogin.value) { if (!isLogin.value) {
@ -235,9 +305,12 @@ const handleLogin = async () => {
const getUserInfo = async () => { const getUserInfo = async () => {
if (isLogin.value) { if (isLogin.value) {
const res = await $api.getUser() const res = await $api.getUser()
if (res.success) { if (res?.success) {
userStore.setUserInfo(res.wxUser || {}) userStore.setUserInfo(res.wxUser || {})
} else userStore.logout() if (res.wxUser?.roleName === 'common') {
getOrderTodayIncome()
}
}
} else userStore.logout() } else userStore.logout()
} }

65
src/pages/other/income-details.vue
View File

@ -1,30 +1,44 @@
<template> <template>
<view> <view>
<view class="flex items-center justify-between px-50rpx pt-20rpx pb-40rpx"> <view
class="bg-#fff z-10 fixed top-0 left-0 right-0 flex items-center justify-between px-50rpx pt-20rpx pb-40rpx"
>
<view <view
class="flex justify-center items-center w-150rpx h-64rpx rounded-36rpx bg-primary text-white" @click="handleAll"
class="flex justify-center items-center w-150rpx h-64rpx rounded-36rpx"
:class="!isSelect ? 'bg-primary text-white' : 'bg-#f2f2f2 text-#000'"
> >
全部 全部
</view> </view>
<view <view
@click="datetimeShow = true" @click="datetimeShow = true"
class="flex justify-center items-center w-250rpx h-64rpx rounded-36rpx bg-#f2f2f2 text-#000" class="flex justify-center items-center w-250rpx h-64rpx rounded-36rpx"
:class="isSelect ? 'bg-primary text-white' : 'bg-#f2f2f2 text-#000'"
> >
{{ $u.timeFormat(datetime, 'yyyy-mm') }} {{ $u.timeFormat(datetime, 'yyyy-mm') }}
</view> </view>
</view> </view>
<view class="px-34rpx"> <view class="px-34rpx relative mt-150rpx">
<!-- <z-paging
:ref="paging"
v-model="recordList"
@query="queryList"
:min-delay="300"
use-page-scroll
> -->
<view <view
class="flex justify-between pb-20rpx border-b-#E5E5E5 border-b-1px mb-20rpx" class="flex justify-between pb-20rpx border-b-#E5E5E5 border-b-1px mb-20rpx"
v-for="i in 10" v-for="item in recordList"
:key="i" :key="item.id"
> >
<view class="flex flex-col text-28rpx"> <view class="flex flex-col text-28rpx">
<text class="">陪诊sour</text> <text class="">提现金额</text>
<text class="text-24rpx text-#999">2023年3月1日</text> <text class="text-24rpx text-#999">{{
$u.timeFormat(item.createTime, 'yyyy年mm月dd')
}}</text>
</view> </view>
<view class="text-#FF3939">+100</view> <view class="text-#FF3939">-{{ item.price || 0 }}</view>
<!-- <u-text <!-- <u-text
text="+100" text="+100"
mode="price" mode="price"
@ -33,6 +47,7 @@
color="#FF3939" color="#FF3939"
></u-text> --> ></u-text> -->
</view> </view>
<!-- </z-paging> -->
</view> </view>
<u-datetime-picker <u-datetime-picker
@ -52,13 +67,43 @@
<script setup> <script setup>
const instance = getCurrentInstance() const instance = getCurrentInstance()
const { $u } = instance.proxy const { $u, $api } = instance.proxy
const datetimeShow = ref(false) const datetimeShow = ref(false)
const datetime = ref(new Date().getTime()) const datetime = ref(new Date().getTime())
const recordList = ref([])
const isSelect = ref(false)
const paging = ref(null)
const handleDatePickerConfirm = ({ value }) => { const handleDatePickerConfirm = ({ value }) => {
datetime.value = $u.timeFormat(value, 'yyyy-mm') datetime.value = $u.timeFormat(value, 'yyyy-mm')
datetimeShow.value = false datetimeShow.value = false
isSelect.value = true
getRecordList()
} }
const handleAll = () => {
isSelect.value = false
getRecordList()
}
const getRecordList = async (pageNum = 1, pageSize = 10) => {
const res = await $api.cashSubmitRecord({
time: isSelect.value ? datetime.value : '',
pageNum,
pageSize
})
if (res.success) {
recordList.value = res.page?.list || []
paging.value?.complete(res.page?.list || [])
} else {
paging.value?.complete(false)
}
}
const queryList = (pageNo, pageSize) => {
getRecordList(pageNo, pageSize)
}
queryList(1, 100)
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

1
src/wxcomponents/vant-weapp/action-sheet/index.d.ts vendored
View File

@ -1 +0,0 @@
export {};

71
src/wxcomponents/vant-weapp/action-sheet/index.js
View File

@ -1,71 +0,0 @@
import { VantComponent } from '../common/component';
import { button } from '../mixins/button';
VantComponent({
classes: ['list-class'],
mixins: [button],
props: {
show: Boolean,
title: String,
cancelText: String,
description: String,
round: {
type: Boolean,
value: true,
},
zIndex: {
type: Number,
value: 100,
},
actions: {
type: Array,
value: [],
},
overlay: {
type: Boolean,
value: true,
},
closeOnClickOverlay: {
type: Boolean,
value: true,
},
closeOnClickAction: {
type: Boolean,
value: true,
},
safeAreaInsetBottom: {
type: Boolean,
value: true,
},
},
methods: {
onSelect(event) {
const { index } = event.currentTarget.dataset;
const { actions, closeOnClickAction, canIUseGetUserProfile } = this.data;
const item = actions[index];
if (item) {
this.$emit('select', item);
if (closeOnClickAction) {
this.onClose();
}
if (item.openType === 'getUserInfo' && canIUseGetUserProfile) {
wx.getUserProfile({
desc: item.getUserProfileDesc || ' ',
complete: (userProfile) => {
this.$emit('getuserinfo', userProfile);
},
});
}
}
},
onCancel() {
this.$emit('cancel');
},
onClose() {
this.$emit('close');
},
onClickOverlay() {
this.$emit('click-overlay');
this.onClose();
},
},
});

8
src/wxcomponents/vant-weapp/action-sheet/index.json
View File

@ -1,8 +0,0 @@
{
"component": true,
"usingComponents": {
"van-icon": "../icon/index",
"van-popup": "../popup/index",
"van-loading": "../loading/index"
}
}

69
src/wxcomponents/vant-weapp/action-sheet/index.wxml
View File

@ -1,69 +0,0 @@
<wxs src="../wxs/utils.wxs" module="utils" />
<van-popup
show="{{ show }}"
position="bottom"
round="{{ round }}"
z-index="{{ zIndex }}"
overlay="{{ overlay }}"
custom-class="van-action-sheet custom-class"
safe-area-inset-bottom="{{ safeAreaInsetBottom }}"
close-on-click-overlay="{{ closeOnClickOverlay }}"
bind:close="onClickOverlay"
>
<view wx:if="{{ title }}" class="van-action-sheet__header">
{{ title }}
<van-icon
name="cross"
custom-class="van-action-sheet__close"
bind:click="onClose"
/>
</view>
<view wx:if="{{ description }}" class="van-action-sheet__description van-hairline--bottom">
{{ description }}
</view>
<view wx:if="{{ actions && actions.length }}" class="list-class">
<!-- button外包一层view，防止actions动态变化，导致渲染时button被打散 -->
<button
wx:for="{{ actions }}"
wx:key="index"
open-type="{{ item.disabled || item.loading || (canIUseGetUserProfile && item.openType === 'getUserInfo') ? '' : item.openType }}"
style="{{ item.color ? 'color: ' + item.color : '' }}"
class="{{ utils.bem('action-sheet__item', { disabled: item.disabled || item.loading }) }} {{ item.className || '' }}"
hover-class="van-action-sheet__item--hover"
data-index="{{ index }}"
bindtap="{{ item.disabled || item.loading ? '' : 'onSelect' }}"
bindgetuserinfo="onGetUserInfo"
bindcontact="onContact"
bindgetphonenumber="onGetPhoneNumber"
binderror="onError"
bindlaunchapp="onLaunchApp"
bindopensetting="onOpenSetting"
lang="{{ lang }}"
session-from="{{ sessionFrom }}"
send-message-title="{{ sendMessageTitle }}"
send-message-path="{{ sendMessagePath }}"
send-message-img="{{ sendMessageImg }}"
show-message-card="{{ showMessageCard }}"
app-parameter="{{ appParameter }}"
>
<block wx:if="{{ !item.loading }}">
{{ item.name }}
<view wx:if="{{ item.subname }}" class="van-action-sheet__subname" >{{ item.subname }}</view>
</block>
<van-loading wx:else custom-class="van-action-sheet__loading" size="22px" />
</button>
</view>
<slot />
<block wx:if="{{ cancelText }}">
<view class="van-action-sheet__gap" />
<view
class="van-action-sheet__cancel"
hover-class="van-action-sheet__cancel--hover"
hover-stay-time="70"
bind:tap="onCancel"
>
{{ cancelText }}
</view>
</block>
</van-popup>

1
src/wxcomponents/vant-weapp/action-sheet/index.wxss
View File

@ -1 +0,0 @@
@import '../common/index.wxss';.van-action-sheet{color:var(--action-sheet-item-text-color,#323233);max-height:var(--action-sheet-max-height,90%)!important}.van-action-sheet__cancel,.van-action-sheet__item{background-color:var(--action-sheet-item-background,#fff);font-size:var(--action-sheet-item-font-size,16px);line-height:var(--action-sheet-item-line-height,22px);padding:14px 16px;text-align:center}.van-action-sheet__cancel--hover,.van-action-sheet__item--hover{background-color:#f2f3f5}.van-action-sheet__cancel:after,.van-action-sheet__item:after{border-width:0}.van-action-sheet__cancel{color:var(--action-sheet-cancel-text-color,#646566)}.van-action-sheet__gap{background-color:var(--action-sheet-cancel-padding-color,#f7f8fa);display:block;height:var(--action-sheet-cancel-padding-top,8px)}.van-action-sheet__item--disabled{color:var(--action-sheet-item-disabled-text-color,#c8c9cc)}.van-action-sheet__item--disabled.van-action-sheet__item--hover{background-color:var(--action-sheet-item-background,#fff)}.van-action-sheet__subname{color:var(--action-sheet-subname-color,#969799);font-size:var(--action-sheet-subname-font-size,12px);line-height:var(--action-sheet-subname-line-height,20px);margin-top:var(--padding-xs,8px)}.van-action-sheet__header{font-size:var(--action-sheet-header-font-size,16px);font-weight:var(--font-weight-bold,500);line-height:var(--action-sheet-header-height,48px);text-align:center}.van-action-sheet__description{color:var(--action-sheet-description-color,#969799);font-size:var(--action-sheet-description-font-size,14px);line-height:var(--action-sheet-description-line-height,20px);padding:20px var(--padding-md,16px);text-align:center}.van-action-sheet__close{color:var(--action-sheet-close-icon-color,#c8c9cc);font-size:var(--action-sheet-close-icon-size,22px)!important;line-height:inherit!important;padding:var(--action-sheet-close-icon-padding,0 16px);position:absolute!important;right:0;top:0}.van-action-sheet__loading{display:flex!important}

1
src/wxcomponents/vant-weapp/area/index.d.ts vendored
View File

@ -1 +0,0 @@
export {};

220
src/wxcomponents/vant-weapp/area/index.js
View File

@ -1,220 +0,0 @@
import { VantComponent } from '../common/component';
import { pickerProps } from '../picker/shared';
import { requestAnimationFrame } from '../common/utils';
const EMPTY_CODE = '000000';
VantComponent({
classes: ['active-class', 'toolbar-class', 'column-class'],
props: Object.assign(Object.assign({}, pickerProps), { showToolbar: {
type: Boolean,
value: true,
}, value: {
type: String,
observer(value) {
this.code = value;
this.setValues();
},
}, areaList: {
type: Object,
value: {},
observer: 'setValues',
}, columnsNum: {
type: null,
value: 3,
}, columnsPlaceholder: {
type: Array,
observer(val) {
this.setData({
typeToColumnsPlaceholder: {
province: val[0] || '',
city: val[1] || '',
county: val[2] || '',
},
});
},
} }),
data: {
columns: [{ values: [] }, { values: [] }, { values: [] }],
typeToColumnsPlaceholder: {},
},
mounted() {
requestAnimationFrame(() => {
this.setValues();
});
},
methods: {
getPicker() {
if (this.picker == null) {
this.picker = this.selectComponent('.van-area__picker');
}
return this.picker;
},
onCancel(event) {
this.emit('cancel', event.detail);
},
onConfirm(event) {
const { index } = event.detail;
let { value } = event.detail;
value = this.parseValues(value);
this.emit('confirm', { value, index });
},
emit(type, detail) {
detail.values = detail.value;
delete detail.value;
this.$emit(type, detail);
},
parseValues(values) {
const { columnsPlaceholder } = this.data;
return values.map((value, index) => {
if (value &&
(!value.code || value.name === columnsPlaceholder[index])) {
return Object.assign(Object.assign({}, value), { code: '', name: '' });
}
return value;
});
},
onChange(event) {
var _a;
const { index, picker, value } = event.detail;
this.code = value[index].code;
(_a = this.setValues()) === null || _a === void 0 ? void 0 : _a.then(() => {
this.$emit('change', {
picker,
values: this.parseValues(picker.getValues()),
index,
});
});
},
getConfig(type) {
const { areaList } = this.data;
return (areaList && areaList[`${type}_list`]) || {};
},
getList(type, code) {
if (type !== 'province' && !code) {
return [];
}
const { typeToColumnsPlaceholder } = this.data;
const list = this.getConfig(type);
let result = Object.keys(list).map((code) => ({
code,
name: list[code],
}));
if (code != null) {
// oversea code
if (code[0] === '9' && type === 'city') {
code = '9';
}
result = result.filter((item) => item.code.indexOf(code) === 0);
}
if (typeToColumnsPlaceholder[type] && result.length) {
// set columns placeholder
const codeFill = type === 'province'
? ''
: type === 'city'
? EMPTY_CODE.slice(2, 4)
: EMPTY_CODE.slice(4, 6);
result.unshift({
code: `${code}${codeFill}`,
name: typeToColumnsPlaceholder[type],
});
}
return result;
},
getIndex(type, code) {
let compareNum = type === 'province' ? 2 : type === 'city' ? 4 : 6;
const list = this.getList(type, code.slice(0, compareNum - 2));
// oversea code
if (code[0] === '9' && type === 'province') {
compareNum = 1;
}
code = code.slice(0, compareNum);
for (let i = 0; i < list.length; i++) {
if (list[i].code.slice(0, compareNum) === code) {
return i;
}
}
return 0;
},
setValues() {
const picker = this.getPicker();
if (!picker) {
return;
}
let code = this.code || this.getDefaultCode();
const provinceList = this.getList('province');
const cityList = this.getList('city', code.slice(0, 2));
const stack = [];
const indexes = [];
const { columnsNum } = this.data;
if (columnsNum >= 1) {
stack.push(picker.setColumnValues(0, provinceList, false));
indexes.push(this.getIndex('province', code));
}
if (columnsNum >= 2) {
stack.push(picker.setColumnValues(1, cityList, false));
indexes.push(this.getIndex('city', code));
if (cityList.length && code.slice(2, 4) === '00') {
[{ code }] = cityList;
}
}
if (columnsNum === 3) {
stack.push(picker.setColumnValues(2, this.getList('county', code.slice(0, 4)), false));
indexes.push(this.getIndex('county', code));
}
return Promise.all(stack)
.catch(() => { })
.then(() => picker.setIndexes(indexes))
.catch(() => { });
},
getDefaultCode() {
const { columnsPlaceholder } = this.data;
if (columnsPlaceholder.length) {
return EMPTY_CODE;
}
const countyCodes = Object.keys(this.getConfig('county'));
if (countyCodes[0]) {
return countyCodes[0];
}
const cityCodes = Object.keys(this.getConfig('city'));
if (cityCodes[0]) {
return cityCodes[0];
}
return '';
},
getValues() {
const picker = this.getPicker();
if (!picker) {
return [];
}
return this.parseValues(picker.getValues().filter((value) => !!value));
},
getDetail() {
const values = this.getValues();
const area = {
code: '',
country: '',
province: '',
city: '',
county: '',
};
if (!values.length) {
return area;
}
const names = values.map((item) => item.name);
area.code = values[values.length - 1].code;
if (area.code[0] === '9') {
area.country = names[1] || '';
area.province = names[2] || '';
}
else {
area.province = names[0] || '';
area.city = names[1] || '';
area.county = names[2] || '';
}
return area;
},
reset(code) {
this.code = code || '';
return this.setValues();
},
},
});

6
src/wxcomponents/vant-weapp/area/index.json
View File

@ -1,6 +0,0 @@
{
"component": true,
"usingComponents": {
"van-picker": "../picker/index"
}
}

20
src/wxcomponents/vant-weapp/area/index.wxml
View File

@ -1,20 +0,0 @@
<wxs src="./index.wxs" module="computed" />
<van-picker
class="van-area__picker"
active-class="active-class"
toolbar-class="toolbar-class"
column-class="column-class"
show-toolbar="{{ showToolbar }}"
value-key="name"
title="{{ title }}"
loading="{{ loading }}"
columns="{{ computed.displayColumns(columns, columnsNum) }}"
item-height="{{ itemHeight }}"
visible-item-count="{{ visibleItemCount }}"
cancel-button-text="{{ cancelButtonText }}"
confirm-button-text="{{ confirmButtonText }}"
bind:change="onChange"
bind:confirm="onConfirm"
bind:cancel="onCancel"
/>

8
src/wxcomponents/vant-weapp/area/index.wxs
View File

@ -1,8 +0,0 @@
/* eslint-disable */
function displayColumns(columns, columnsNum) {
return columns.slice(0, +columnsNum);
}
module.exports = {
displayColumns: displayColumns,
};

1
src/wxcomponents/vant-weapp/area/index.wxss
View File

@ -1 +0,0 @@
@import '../common/index.wxss';

1
src/wxcomponents/vant-weapp/button/index.d.ts vendored
View File

@ -1 +0,0 @@
export {};

64
src/wxcomponents/vant-weapp/button/index.js
View File

@ -1,64 +0,0 @@
import { VantComponent } from '../common/component';
import { button } from '../mixins/button';
import { canIUseFormFieldButton } from '../common/version';
const mixins = [button];
if (canIUseFormFieldButton()) {
mixins.push('wx://form-field-button');
}
VantComponent({
mixins,
classes: ['hover-class', 'loading-class'],
data: {
baseStyle: '',
},
props: {
formType: String,
icon: String,
classPrefix: {
type: String,
value: 'van-icon',
},
plain: Boolean,
block: Boolean,
round: Boolean,
square: Boolean,
loading: Boolean,
hairline: Boolean,
disabled: Boolean,
loadingText: String,
customStyle: String,
loadingType: {
type: String,
value: 'circular',
},
type: {
type: String,
value: 'default',
},
dataset: null,
size: {
type: String,
value: 'normal',
},
loadingSize: {
type: String,
value: '20px',
},
color: String,
},
methods: {
onClick(event) {
this.$emit('click', event);
const { canIUseGetUserProfile, openType, getUserProfileDesc, lang, } = this.data;
if (openType === 'getUserInfo' && canIUseGetUserProfile) {
wx.getUserProfile({
desc: getUserProfileDesc || ' ',
lang: lang || 'en',
complete: (userProfile) => {
this.$emit('getuserinfo', userProfile);
},
});
}
},
},
});

7
src/wxcomponents/vant-weapp/button/index.json
View File

@ -1,7 +0,0 @@
{
"component": true,
"usingComponents": {
"van-icon": "../icon/index",
"van-loading": "../loading/index"
}
}

56
src/wxcomponents/vant-weapp/button/index.wxml
View File

@ -1,56 +0,0 @@
<wxs src="../wxs/utils.wxs" module="utils" />
<wxs src="./index.wxs" module="computed" />
<button
id="{{ id || buttonId }}"
data-detail="{{ dataset }}"
class="custom-class {{ utils.bem('button', [type, size, { block, round, plain, square, loading, disabled, hairline, unclickable: disabled || loading }]) }} {{ hairline ? 'van-hairline--surround' : '' }}"
hover-class="{{ disabled || loading ? '' : 'van-button--active hover-class'}}"
lang="{{ lang }}"
form-type="{{ formType }}"
style="{{ computed.rootStyle({ plain, color, customStyle }) }}"
open-type="{{ disabled || loading || (canIUseGetUserProfile && openType === 'getUserInfo') ? '' : openType }}"
business-id="{{ businessId }}"
session-from="{{ sessionFrom }}"
send-message-title="{{ sendMessageTitle }}"
send-message-path="{{ sendMessagePath }}"
send-message-img="{{ sendMessageImg }}"
show-message-card="{{ showMessageCard }}"
app-parameter="{{ appParameter }}"
aria-label="{{ ariaLabel }}"
bindtap="{{ disabled || loading ? '' : 'onClick' }}"
bindgetuserinfo="onGetUserInfo"
bindcontact="onContact"
bindgetphonenumber="onGetPhoneNumber"
bindgetrealtimephonenumber="onGetRealTimePhoneNumber"
bindagreeprivacyauthorization="onAgreePrivacyAuthorization"
binderror="onError"
bindlaunchapp="onLaunchApp"
bindopensetting="onOpenSetting"
bindchooseavatar="onChooseAvatar"
>
<block wx:if="{{ loading }}">
<van-loading
custom-class="loading-class"
size="{{ loadingSize }}"
type="{{ loadingType }}"
color="{{ computed.loadingColor({ type, color, plain }) }}"
/>
<view wx:if="{{ loadingText }}" class="van-button__loading-text">
{{ loadingText }}
</view>
</block>
<block wx:else>
<van-icon
wx:if="{{ icon }}"
size="1.2em"
name="{{ icon }}"
class-prefix="{{ classPrefix }}"
class="van-button__icon"
custom-style="line-height: inherit;"
/>
<view class="van-button__text">
<slot />
</view>
</block>
</button>

39
src/wxcomponents/vant-weapp/button/index.wxs
View File

@ -1,39 +0,0 @@
/* eslint-disable */
var style = require('../wxs/style.wxs');
function rootStyle(data) {
if (!data.color) {
return data.customStyle;
}
var properties = {
color: data.plain ? data.color : '#fff',
background: data.plain ? null : data.color,
};
// hide border when color is linear-gradient
if (data.color.indexOf('gradient') !== -1) {
properties.border = 0;
} else {
properties['border-color'] = data.color;
}
return style([properties, data.customStyle]);
}
function loadingColor(data) {
if (data.plain) {
return data.color ? data.color : '#c9c9c9';
}
if (data.type === 'default') {
return '#c9c9c9';
}
return '#fff';
}
module.exports = {
rootStyle: rootStyle,
loadingColor: loadingColor,
};

1
src/wxcomponents/vant-weapp/button/index.wxss
View File

@ -1 +0,0 @@
@import '../common/index.wxss';.van-button{-webkit-text-size-adjust:100%;align-items:center;-webkit-appearance:none;border-radius:var(--button-border-radius,2px);box-sizing:border-box;display:inline-flex;font-size:var(--button-default-font-size,16px);height:var(--button-default-height,44px);justify-content:center;line-height:var(--button-line-height,20px);padding:0;position:relative;text-align:center;transition:opacity .2s;vertical-align:middle}.van-button:before{background-color:#000;border:inherit;border-color:#000;border-radius:inherit;content:" ";height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.van-button:after{border-width:0}.van-button--active:before{opacity:.15}.van-button--unclickable:after{display:none}.van-button--default{background:var(--button-default-background-color,#fff);border:var(--button-border-width,1px) solid var(--button-default-border-color,#ebedf0);color:var(--button-default-color,#323233)}.van-button--primary{background:var(--button-primary-background-color,#07c160);border:var(--button-border-width,1px) solid var(--button-primary-border-color,#07c160);color:var(--button-primary-color,#fff)}.van-button--info{background:var(--button-info-background-color,#1989fa);border:var(--button-border-width,1px) solid var(--button-info-border-color,#1989fa);color:var(--button-info-color,#fff)}.van-button--danger{background:var(--button-danger-background-color,#ee0a24);border:var(--button-border-width,1px) solid var(--button-danger-border-color,#ee0a24);color:var(--button-danger-color,#fff)}.van-button--warning{background:var(--button-warning-background-color,#ff976a);border:var(--button-border-width,1px) solid var(--button-warning-border-color,#ff976a);color:var(--button-warning-color,#fff)}.van-button--plain{background:var(--button-plain-background-color,#fff)}.van-button--plain.van-button--primary{color:var(--button-primary-background-color,#07c160)}.van-button--plain.van-button--info{color:var(--button-info-background-color,#1989fa)}.van-button--plain.van-button--danger{color:var(--button-danger-background-color,#ee0a24)}.van-button--plain.van-button--warning{color:var(--button-warning-background-color,#ff976a)}.van-button--large{height:var(--button-large-height,50px);width:100%}.van-button--normal{font-size:var(--button-normal-font-size,14px);padding:0 15px}.van-button--small{font-size:var(--button-small-font-size,12px);height:var(--button-small-height,30px);min-width:var(--button-small-min-width,60px);padding:0 var(--padding-xs,8px)}.van-button--mini{display:inline-block;font-size:var(--button-mini-font-size,10px);height:var(--button-mini-height,22px);min-width:var(--button-mini-min-width,50px)}.van-button--mini+.van-button--mini{margin-left:5px}.van-button--block{display:flex;width:100%}.van-button--round{border-radius:var(--button-round-border-radius,999px)}.van-button--square{border-radius:0}.van-button--disabled{opacity:var(--button-disabled-opacity,.5)}.van-button__text{display:inline}.van-button__icon+.van-button__text:not(:empty),.van-button__loading-text{margin-left:4px}.van-button__icon{line-height:inherit!important;min-width:1em;vertical-align:top}.van-button--hairline{border-width:0;padding-top:1px}.van-button--hairline:after{border-color:inherit;border-radius:calc(var(--button-border-radius, 2px)*2);border-width:1px}.van-button--hairline.van-button--round:after{border-radius:var(--button-round-border-radius,999px)}.van-button--hairline.van-button--square:after{border-radius:0}

68
src/wxcomponents/vant-weapp/calendar/calendar.wxml
View File

@ -1,68 +0,0 @@
<view class="van-calendar">
<header
title="{{ title }}"
showTitle="{{ showTitle }}"
subtitle="{{ subtitle }}"
showSubtitle="{{ showSubtitle }}"
firstDayOfWeek="{{ firstDayOfWeek }}"
bind:click-subtitle="onClickSubtitle"
>
<slot name="title" slot="title"></slot>
</header>
<scroll-view
class="van-calendar__body"
scroll-y
scroll-into-view="{{ scrollIntoView }}"
>
<month
wx:for="{{ computed.getMonths(minDate, maxDate) }}"
wx:key="index"
id="month{{ index }}"
class="month"
data-date="{{ item }}"
date="{{ item }}"
type="{{ type }}"
color="{{ color }}"
minDate="{{ minDate }}"
maxDate="{{ maxDate }}"
showMark="{{ showMark }}"
formatter="{{ formatter }}"
rowHeight="{{ rowHeight }}"
currentDate="{{ currentDate }}"
showSubtitle="{{ showSubtitle }}"
allowSameDay="{{ allowSameDay }}"
showMonthTitle="{{ index !== 0 || !showSubtitle }}"
firstDayOfWeek="{{ firstDayOfWeek }}"
bind:click="onClickDay"
/>
</scroll-view>
<view
class="{{ utils.bem('calendar__footer', { safeAreaInsetBottom }) }}"
>
<slot name="footer"></slot>
</view>
<view
class="{{ utils.bem('calendar__footer', { safeAreaInsetBottom }) }}"
>
<van-button
wx:if="{{ showConfirm }}"
round
block
type="danger"
color="{{ color }}"
custom-class="van-calendar__confirm"
disabled="{{ computed.getButtonDisabled(type, currentDate, minRange) }}"
nativeType="text"
bind:click="onConfirm"
>
{{
computed.getButtonDisabled(type, currentDate, minRange)
? confirmDisabledText
: confirmText
}}
</van-button>
</view>
</view>

1
src/wxcomponents/vant-weapp/calendar/components/header/index.d.ts vendored
View File

@ -1 +0,0 @@
export {};

37
src/wxcomponents/vant-weapp/calendar/components/header/index.js
View File

@ -1,37 +0,0 @@
import { VantComponent } from '../../../common/component';
VantComponent({
props: {
title: {
type: String,
value: '日期选择',
},
subtitle: String,
showTitle: Boolean,
showSubtitle: Boolean,
firstDayOfWeek: {
type: Number,
observer: 'initWeekDay',
},
},
data: {
weekdays: [],
},
created() {
this.initWeekDay();
},
methods: {
initWeekDay() {
const defaultWeeks = ['日', '一', '二', '三', '四', '五', '六'];
const firstDayOfWeek = this.data.firstDayOfWeek || 0;
this.setData({
weekdays: [
...defaultWeeks.slice(firstDayOfWeek, 7),
...defaultWeeks.slice(0, firstDayOfWeek),
],
});
},
onClickSubtitle(event) {
this.$emit('click-subtitle', event);
},
},
});

3
src/wxcomponents/vant-weapp/calendar/components/header/index.json
View File

@ -1,3 +0,0 @@
{
"component": true
}

16
src/wxcomponents/vant-weapp/calendar/components/header/index.wxml
View File

@ -1,16 +0,0 @@
<view class="van-calendar__header">
<block wx:if="{{ showTitle }}">
<view class="van-calendar__header-title"><slot name="title"></slot></view>
<view class="van-calendar__header-title">{{ title }}</view>
</block>
<view wx:if="{{ showSubtitle }}" class="van-calendar__header-subtitle" bind:tap="onClickSubtitle">
{{ subtitle }}
</view>
<view class="van-calendar__weekdays">
<view wx:for="{{ weekdays }}" wx:key="index" class="van-calendar__weekday">
{{ item }}
</view>
</view>
</view>

1
src/wxcomponents/vant-weapp/calendar/components/header/index.wxss
View File

@ -1 +0,0 @@
@import '../../../common/index.wxss';.van-calendar__header{box-shadow:var(--calendar-header-box-shadow,0 2px 10px hsla(220,1%,50%,.16));flex-shrink:0}.van-calendar__header-subtitle,.van-calendar__header-title{font-weight:var(--font-weight-bold,500);height:var(--calendar-header-title-height,44px);line-height:var(--calendar-header-title-height,44px);text-align:center}.van-calendar__header-title+.van-calendar__header-title,.van-calendar__header-title:empty{display:none}.van-calendar__header-title:empty+.van-calendar__header-title{display:block!important}.van-calendar__weekdays{display:flex}.van-calendar__weekday{flex:1;font-size:var(--calendar-weekdays-font-size,12px);line-height:var(--calendar-weekdays-height,30px);text-align:center}

6
src/wxcomponents/vant-weapp/calendar/components/month/index.d.ts vendored
View File

@ -1,6 +0,0 @@
export interface Day {
date: Date;
type: string;
text: number;
bottomInfo?: string;
}

154
src/wxcomponents/vant-weapp/calendar/components/month/index.js
View File

@ -1,154 +0,0 @@
import { VantComponent } from '../../../common/component';
import { getMonthEndDay, compareDay, getPrevDay, getNextDay, } from '../../utils';
VantComponent({
props: {
date: {
type: null,
observer: 'setDays',
},
type: {
type: String,
observer: 'setDays',
},
color: String,
minDate: {
type: null,
observer: 'setDays',
},
maxDate: {
type: null,
observer: 'setDays',
},
showMark: Boolean,
rowHeight: null,
formatter: {
type: null,
observer: 'setDays',
},
currentDate: {
type: null,
observer: 'setDays',
},
firstDayOfWeek: {
type: Number,
observer: 'setDays',
},
allowSameDay: Boolean,
showSubtitle: Boolean,
showMonthTitle: Boolean,
},
data: {
visible: true,
days: [],
},
methods: {
onClick(event) {
const { index } = event.currentTarget.dataset;
const item = this.data.days[index];
if (item.type !== 'disabled') {
this.$emit('click', item);
}
},
setDays() {
const days = [];
const startDate = new Date(this.data.date);
const year = startDate.getFullYear();
const month = startDate.getMonth();
const totalDay = getMonthEndDay(startDate.getFullYear(), startDate.getMonth() + 1);
for (let day = 1; day <= totalDay; day++) {
const date = new Date(year, month, day);
const type = this.getDayType(date);
let config = {
date,
type,
text: day,
bottomInfo: this.getBottomInfo(type),
};
if (this.data.formatter) {
config = this.data.formatter(config);
}
days.push(config);
}
this.setData({ days });
},
getMultipleDayType(day) {
const { currentDate } = this.data;
if (!Array.isArray(currentDate)) {
return '';
}
const isSelected = (date) => currentDate.some((item) => compareDay(item, date) === 0);
if (isSelected(day)) {
const prevDay = getPrevDay(day);
const nextDay = getNextDay(day);
const prevSelected = isSelected(prevDay);
const nextSelected = isSelected(nextDay);
if (prevSelected && nextSelected) {
return 'multiple-middle';
}
if (prevSelected) {
return 'end';
}
return nextSelected ? 'start' : 'multiple-selected';
}
return '';
},
getRangeDayType(day) {
const { currentDate, allowSameDay } = this.data;
if (!Array.isArray(currentDate)) {
return '';
}
const [startDay, endDay] = currentDate;
if (!startDay) {
return '';
}
const compareToStart = compareDay(day, startDay);
if (!endDay) {
return compareToStart === 0 ? 'start' : '';
}
const compareToEnd = compareDay(day, endDay);
if (compareToStart === 0 && compareToEnd === 0 && allowSameDay) {
return 'start-end';
}
if (compareToStart === 0) {
return 'start';
}
if (compareToEnd === 0) {
return 'end';
}
if (compareToStart > 0 && compareToEnd < 0) {
return 'middle';
}
return '';
},
getDayType(day) {
const { type, minDate, maxDate, currentDate } = this.data;
if (compareDay(day, minDate) < 0 || compareDay(day, maxDate) > 0) {
return 'disabled';
}
if (type === 'single') {
return compareDay(day, currentDate) === 0 ? 'selected' : '';
}
if (type === 'multiple') {
return this.getMultipleDayType(day);
}
/* istanbul ignore else */
if (type === 'range') {
return this.getRangeDayType(day);
}
return '';
},
getBottomInfo(type) {
if (this.data.type === 'range') {
if (type === 'start') {
return '开始';
}
if (type === 'end') {
return '结束';
}
if (type === 'start-end') {
return '开始/结束';
}
}
},
},
});

3
src/wxcomponents/vant-weapp/calendar/components/month/index.json
View File

@ -1,3 +0,0 @@
{
"component": true
}

39
src/wxcomponents/vant-weapp/calendar/components/month/index.wxml
View File

@ -1,39 +0,0 @@
<wxs src="./index.wxs" module="computed"></wxs>
<wxs src="../../../wxs/utils.wxs" module="utils" />
<view class="van-calendar__month" style="{{ computed.getMonthStyle(visible, date, rowHeight) }}">
<view wx:if="{{ showMonthTitle }}" class="van-calendar__month-title">
{{ computed.formatMonthTitle(date) }}
</view>
<view wx:if="{{ visible }}" class="van-calendar__days">
<view wx:if="{{ showMark }}" class="van-calendar__month-mark">
{{ computed.getMark(date) }}
</view>
<view
wx:for="{{ days }}"
wx:key="index"
style="{{ computed.getDayStyle(item.type, index, date, rowHeight, color, firstDayOfWeek) }}"
class="{{ utils.bem('calendar__day', [item.type]) }} {{ item.className }}"
data-index="{{ index }}"
bindtap="onClick"
>
<view wx:if="{{ item.type === 'selected' }}" class="van-calendar__selected-day" style="width: {{ rowHeight }}px; height: {{ rowHeight }}px; background: {{ color }}">
<view wx:if="{{ item.topInfo }}" class="van-calendar__top-info">{{ item.topInfo }}</view>
{{ item.text }}
<view wx:if="{{ item.bottomInfo }}" class="van-calendar__bottom-info">
{{ item.bottomInfo }}
</view>
</view>
<view wx:else>
<view wx:if="{{ item.topInfo }}" class="van-calendar__top-info">{{ item.topInfo }}</view>
{{ item.text }}
<view wx:if="{{ item.bottomInfo }}" class="van-calendar__bottom-info">
{{ item.bottomInfo }}
</view>
</view>
</view>
</view>
</view>

71
src/wxcomponents/vant-weapp/calendar/components/month/index.wxs
View File

@ -1,71 +0,0 @@
/* eslint-disable */
var utils = require('../../utils.wxs');
function getMark(date) {
return getDate(date).getMonth() + 1;
}
var ROW_HEIGHT = 64;
function getDayStyle(type, index, date, rowHeight, color, firstDayOfWeek) {
var style = [];
var current = getDate(date).getDay() || 7;
var offset = current < firstDayOfWeek ? (7 - firstDayOfWeek + current) :
current === 7 && firstDayOfWeek === 0 ? 0 :
(current - firstDayOfWeek);
if (index === 0) {
style.push(['margin-left', (100 * offset) / 7 + '%']);
}
if (rowHeight !== ROW_HEIGHT) {
style.push(['height', rowHeight + 'px']);
}
if (color) {
if (
type === 'start' ||
type === 'end' ||
type === 'start-end' ||
type === 'multiple-selected' ||
type === 'multiple-middle'
) {
style.push(['background', color]);
} else if (type === 'middle') {
style.push(['color', color]);
}
}
return style
.map(function(item) {
return item.join(':');
})
.join(';');
}
function formatMonthTitle(date) {
date = getDate(date);
return date.getFullYear() + '年' + (date.getMonth() + 1) + '月';
}
function getMonthStyle(visible, date, rowHeight) {
if (!visible) {
date = getDate(date);
var totalDay = utils.getMonthEndDay(
date.getFullYear(),
date.getMonth() + 1
);
var offset = getDate(date).getDay();
var padding = Math.ceil((totalDay + offset) / 7) * rowHeight;
return 'padding-bottom:' + padding + 'px';
}
}
module.exports = {
getMark: getMark,
getDayStyle: getDayStyle,
formatMonthTitle: formatMonthTitle,
getMonthStyle: getMonthStyle
};

1
src/wxcomponents/vant-weapp/calendar/components/month/index.wxss
View File

@ -1 +0,0 @@
@import '../../../common/index.wxss';.van-calendar{background-color:var(--calendar-background-color,#fff);display:flex;flex-direction:column;height:100%}.van-calendar__month-title{font-size:var(--calendar-month-title-font-size,14px);font-weight:var(--font-weight-bold,500);height:var(--calendar-header-title-height,44px);line-height:var(--calendar-header-title-height,44px);text-align:center}.van-calendar__days{display:flex;flex-wrap:wrap;position:relative;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{color:var(--calendar-month-mark-color,rgba(242,243,245,.8));font-size:var(--calendar-month-mark-font-size,160px);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:0}.van-calendar__day,.van-calendar__selected-day{align-items:center;display:flex;justify-content:center;text-align:center}.van-calendar__day{font-size:var(--calendar-day-font-size,16px);height:var(--calendar-day-height,64px);position:relative;width:14.285%}.van-calendar__day--end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected,.van-calendar__day--start,.van-calendar__day--start-end{background-color:var(--calendar-range-edge-background-color,#ee0a24);color:var(--calendar-range-edge-color,#fff)}.van-calendar__day--start{border-radius:4px 0 0 4px}.van-calendar__day--end{border-radius:0 4px 4px 0}.van-calendar__day--multiple-selected,.van-calendar__day--start-end{border-radius:4px}.van-calendar__day--middle{color:var(--calendar-range-middle-color,#ee0a24)}.van-calendar__day--middle:after{background-color:currentColor;bottom:0;content:"";left:0;opacity:var(--calendar-range-middle-background-opacity,.1);position:absolute;right:0;top:0}.van-calendar__day--disabled{color:var(--calendar-day-disabled-color,#c8c9cc);cursor:default}.van-calendar__bottom-info,.van-calendar__top-info{font-size:var(--calendar-info-font-size,10px);left:0;line-height:var(--calendar-info-line-height,14px);position:absolute;right:0}@media (max-width:350px){.van-calendar__bottom-info,.van-calendar__top-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{background-color:var(--calendar-selected-day-background-color,#ee0a24);border-radius:4px;color:var(--calendar-selected-day-color,#fff);height:var(--calendar-selected-day-size,54px);width:var(--calendar-selected-day-size,54px)}

1
src/wxcomponents/vant-weapp/calendar/index.d.ts vendored
View File

@ -1 +0,0 @@
export {};

356
src/wxcomponents/vant-weapp/calendar/index.js
View File

@ -1,356 +0,0 @@
import { VantComponent } from '../common/component';
import { ROW_HEIGHT, getPrevDay, getNextDay, getToday, compareDay, copyDates, calcDateNum, formatMonthTitle, compareMonth, getMonths, getDayByOffset, } from './utils';
import Toast from '../toast/toast';
import { requestAnimationFrame } from '../common/utils';
const initialMinDate = getToday().getTime();
const initialMaxDate = (() => {
const now = getToday();
return new Date(now.getFullYear(), now.getMonth() + 6, now.getDate()).getTime();
})();
const getTime = (date) => date instanceof Date ? date.getTime() : date;
VantComponent({
props: {
title: {
type: String,
value: '日期选择',
},
color: String,
show: {
type: Boolean,
observer(val) {
if (val) {
this.initRect();
this.scrollIntoView();
}
},
},
formatter: null,
confirmText: {
type: String,
value: '确定',
},
confirmDisabledText: {
type: String,
value: '确定',
},
rangePrompt: String,
showRangePrompt: {
type: Boolean,
value: true,
},
defaultDate: {
type: null,
value: getToday().getTime(),
observer(val) {
this.setData({ currentDate: val });
this.scrollIntoView();
},
},
allowSameDay: Boolean,
type: {
type: String,
value: 'single',
observer: 'reset',
},
minDate: {
type: Number,
value: initialMinDate,
},
maxDate: {
type: Number,
value: initialMaxDate,
},
position: {
type: String,
value: 'bottom',
},
rowHeight: {
type: null,
value: ROW_HEIGHT,
},
round: {
type: Boolean,
value: true,
},
poppable: {
type: Boolean,
value: true,
},
showMark: {
type: Boolean,
value: true,
},
showTitle: {
type: Boolean,
value: true,
},
showConfirm: {
type: Boolean,
value: true,
},
showSubtitle: {
type: Boolean,
value: true,
},
safeAreaInsetBottom: {
type: Boolean,
value: true,
},
closeOnClickOverlay: {
type: Boolean,
value: true,
},
maxRange: {
type: null,
value: null,
},
minRange: {
type: Number,
value: 1,
},
firstDayOfWeek: {
type: Number,
value: 0,
},
readonly: Boolean,
},
data: {
subtitle: '',
currentDate: null,
scrollIntoView: '',
},
watch: {
minDate() {
this.initRect();
},
maxDate() {
this.initRect();
},
},
created() {
this.setData({
currentDate: this.getInitialDate(this.data.defaultDate),
});
},
mounted() {
if (this.data.show || !this.data.poppable) {
this.initRect();
this.scrollIntoView();
}
},
methods: {
reset() {
this.setData({ currentDate: this.getInitialDate(this.data.defaultDate) });
this.scrollIntoView();
},
initRect() {
if (this.contentObserver != null) {
this.contentObserver.disconnect();
}
const contentObserver = this.createIntersectionObserver({
thresholds: [0, 0.1, 0.9, 1],
observeAll: true,
});
this.contentObserver = contentObserver;
contentObserver.relativeTo('.van-calendar__body');
contentObserver.observe('.month', (res) => {
if (res.boundingClientRect.top <= res.relativeRect.top) {
// @ts-ignore
this.setData({ subtitle: formatMonthTitle(res.dataset.date) });
}
});
},
limitDateRange(date, minDate = null, maxDate = null) {
minDate = minDate || this.data.minDate;
maxDate = maxDate || this.data.maxDate;
if (compareDay(date, minDate) === -1) {
return minDate;
}
if (compareDay(date, maxDate) === 1) {
return maxDate;
}
return date;
},
getInitialDate(defaultDate = null) {
const { type, minDate, maxDate, allowSameDay } = this.data;
if (!defaultDate)
return [];
const now = getToday().getTime();
if (type === 'range') {
if (!Array.isArray(defaultDate)) {
defaultDate = [];
}
const [startDay, endDay] = defaultDate || [];
const startDate = getTime(startDay || now);
const start = this.limitDateRange(startDate, minDate, allowSameDay ? startDate : getPrevDay(new Date(maxDate)).getTime());
const date = getTime(endDay || now);
const end = this.limitDateRange(date, allowSameDay ? date : getNextDay(new Date(minDate)).getTime());
return [start, end];
}
if (type === 'multiple') {
if (Array.isArray(defaultDate)) {
return defaultDate.map((date) => this.limitDateRange(date));
}
return [this.limitDateRange(now)];
}
if (!defaultDate || Array.isArray(defaultDate)) {
defaultDate = now;
}
return this.limitDateRange(defaultDate);
},
scrollIntoView() {
requestAnimationFrame(() => {
const { currentDate, type, show, poppable, minDate, maxDate } = this.data;
if (!currentDate)
return;
// @ts-ignore
const targetDate = type === 'single' ? currentDate : currentDate[0];
const displayed = show || !poppable;
if (!targetDate || !displayed) {
return;
}
const months = getMonths(minDate, maxDate);
months.some((month, index) => {
if (compareMonth(month, targetDate) === 0) {
this.setData({ scrollIntoView: `month${index}` });
return true;
}
return false;
});
});
},
onOpen() {
this.$emit('open');
},
onOpened() {
this.$emit('opened');
},
onClose() {
this.$emit('close');
},
onClosed() {
this.$emit('closed');
},
onClickDay(event) {
if (this.data.readonly) {
return;
}
let { date } = event.detail;
const { type, currentDate, allowSameDay } = this.data;
if (type === 'range') {
// @ts-ignore
const [startDay, endDay] = currentDate;
if (startDay && !endDay) {
const compareToStart = compareDay(date, startDay);
if (compareToStart === 1) {
const { days } = this.selectComponent('.month').data;
days.some((day, index) => {
const isDisabled = day.type === 'disabled' &&
getTime(startDay) < getTime(day.date) &&
getTime(day.date) < getTime(date);
if (isDisabled) {
({ date } = days[index - 1]);
}
return isDisabled;
});
this.select([startDay, date], true);
}
else if (compareToStart === -1) {
this.select([date, null]);
}
else if (allowSameDay) {
this.select([date, date], true);
}
}
else {
this.select([date, null]);
}
}
else if (type === 'multiple') {
let selectedIndex;
// @ts-ignore
const selected = currentDate.some((dateItem, index) => {
const equal = compareDay(dateItem, date) === 0;
if (equal) {
selectedIndex = index;
}
return equal;
});
if (selected) {
// @ts-ignore
const cancelDate = currentDate.splice(selectedIndex, 1);
this.setData({ currentDate });
this.unselect(cancelDate);
}
else {
// @ts-ignore
this.select([...currentDate, date]);
}
}
else {
this.select(date, true);
}
},
unselect(dateArray) {
const date = dateArray[0];
if (date) {
this.$emit('unselect', copyDates(date));
}
},
select(date, complete) {
if (complete && this.data.type === 'range') {
const valid = this.checkRange(date);
if (!valid) {
// auto selected to max range if showConfirm
if (this.data.showConfirm) {
this.emit([
date[0],
getDayByOffset(date[0], this.data.maxRange - 1),
]);
}
else {
this.emit(date);
}
return;
}
}
this.emit(date);
if (complete && !this.data.showConfirm) {
this.onConfirm();
}
},
emit(date) {
this.setData({
currentDate: Array.isArray(date) ? date.map(getTime) : getTime(date),
});
this.$emit('select', copyDates(date));
},
checkRange(date) {
const { maxRange, rangePrompt, showRangePrompt } = this.data;
if (maxRange && calcDateNum(date) > maxRange) {
if (showRangePrompt) {
Toast({
context: this,
message: rangePrompt || `选择天数不能超过 ${maxRange} 天`,
});
}
this.$emit('over-range');
return false;
}
return true;
},
onConfirm() {
if (this.data.type === 'range' &&
!this.checkRange(this.data.currentDate)) {
return;
}
wx.nextTick(() => {
// @ts-ignore
this.$emit('confirm', copyDates(this.data.currentDate));
});
},
onClickSubtitle(event) {
this.$emit('click-subtitle', event);
},
},
});

10
src/wxcomponents/vant-weapp/calendar/index.json
View File

@ -1,10 +0,0 @@
{
"component": true,
"usingComponents": {
"header": "./components/header/index",
"month": "./components/month/index",
"van-button": "../button/index",
"van-popup": "../popup/index",
"van-toast": "../toast/index"
}
}

26
src/wxcomponents/vant-weapp/calendar/index.wxml
View File

@ -1,26 +0,0 @@
<wxs src="./index.wxs" module="computed" />
<wxs src="../wxs/utils.wxs" module="utils" />
<import src="./calendar.wxml" />
<van-popup
wx:if="{{ poppable }}"
custom-class="van-calendar__popup--{{ position }}"
close-icon-class="van-calendar__close-icon"
show="{{ show }}"
round="{{ round }}"
position="{{ position }}"
closeable="{{ showTitle || showSubtitle }}"
close-on-click-overlay="{{ closeOnClickOverlay }}"
safe-area-inset-bottom="{{ safeAreaInsetBottom }}"
bind:enter="onOpen"
bind:close="onClose"
bind:after-enter="onOpened"
bind:after-leave="onClosed"
>
<include src="./calendar.wxml" />
</van-popup>
<include wx:else src="./calendar.wxml" />
<van-toast id="van-toast" />

37
src/wxcomponents/vant-weapp/calendar/index.wxs
View File

@ -1,37 +0,0 @@
/* eslint-disable */
var utils = require('./utils.wxs');
function getMonths(minDate, maxDate) {
var months = [];
var cursor = getDate(minDate);
cursor.setDate(1);
do {
months.push(cursor.getTime());
cursor.setMonth(cursor.getMonth() + 1);
} while (utils.compareMonth(cursor, getDate(maxDate)) !== 1);
return months;
}
function getButtonDisabled(type, currentDate, minRange) {
if (currentDate == null) {
return true;
}
if (type === 'range') {
return !currentDate[0] || !currentDate[1];
}
if (type === 'multiple') {
return currentDate.length < minRange;
}
return !currentDate;
}
module.exports = {
getMonths: getMonths,
getButtonDisabled: getButtonDisabled
};

1
src/wxcomponents/vant-weapp/calendar/index.wxss
View File

@ -1 +0,0 @@
@import '../common/index.wxss';.van-calendar{background-color:var(--calendar-background-color,#fff);display:flex;flex-direction:column;height:var(--calendar-height,100%)}.van-calendar__close-icon{top:11px}.van-calendar__popup--bottom,.van-calendar__popup--top{height:var(--calendar-popup-height,90%)}.van-calendar__popup--left,.van-calendar__popup--right{height:100%}.van-calendar__body{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.van-calendar__footer{flex-shrink:0;padding:0 var(--padding-md,16px)}.van-calendar__footer--safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom)}.van-calendar__footer+.van-calendar__footer,.van-calendar__footer:empty{display:none}.van-calendar__footer:empty+.van-calendar__footer{display:block!important}.van-calendar__confirm{height:var(--calendar-confirm-button-height,36px)!important;line-height:var(--calendar-confirm-button-line-height,34px)!important;margin:var(--calendar-confirm-button-margin,7px 0)!important}

12
src/wxcomponents/vant-weapp/calendar/utils.d.ts vendored
View File

@ -1,12 +0,0 @@
export declare const ROW_HEIGHT = 64;
export declare function formatMonthTitle(date: Date): string;
export declare function compareMonth(date1: Date | number, date2: Date | number): 0 | 1 | -1;
export declare function compareDay(day1: Date | number, day2: Date | number): 0 | 1 | -1;
export declare function getDayByOffset(date: Date, offset: number): Date;
export declare function getPrevDay(date: Date): Date;
export declare function getNextDay(date: Date): Date;
export declare function getToday(): Date;
export declare function calcDateNum(date: [Date, Date]): number;
export declare function copyDates(dates: Date | Date[]): Date | Date[];
export declare function getMonthEndDay(year: number, month: number): number;
export declare function getMonths(minDate: number, maxDate: number): number[];

83
src/wxcomponents/vant-weapp/calendar/utils.js
View File

@ -1,83 +0,0 @@
export const ROW_HEIGHT = 64;
export function formatMonthTitle(date) {
if (!(date instanceof Date)) {
date = new Date(date);
}
return `${date.getFullYear()}年${date.getMonth() + 1}月`;
}
export function compareMonth(date1, date2) {
if (!(date1 instanceof Date)) {
date1 = new Date(date1);
}
if (!(date2 instanceof Date)) {
date2 = new Date(date2);
}
const year1 = date1.getFullYear();
const year2 = date2.getFullYear();
const month1 = date1.getMonth();
const month2 = date2.getMonth();
if (year1 === year2) {
return month1 === month2 ? 0 : month1 > month2 ? 1 : -1;
}
return year1 > year2 ? 1 : -1;
}
export function compareDay(day1, day2) {
if (!(day1 instanceof Date)) {
day1 = new Date(day1);
}
if (!(day2 instanceof Date)) {
day2 = new Date(day2);
}
const compareMonthResult = compareMonth(day1, day2);
if (compareMonthResult === 0) {
const date1 = day1.getDate();
const date2 = day2.getDate();
return date1 === date2 ? 0 : date1 > date2 ? 1 : -1;
}
return compareMonthResult;
}
export function getDayByOffset(date, offset) {
date = new Date(date);
date.setDate(date.getDate() + offset);
return date;
}
export function getPrevDay(date) {
return getDayByOffset(date, -1);
}
export function getNextDay(date) {
return getDayByOffset(date, 1);
}
export function getToday() {
const today = new Date();
today.setHours(0, 0, 0, 0);
return today;
}
export function calcDateNum(date) {
const day1 = new Date(date[0]).getTime();
const day2 = new Date(date[1]).getTime();
return (day2 - day1) / (1000 * 60 * 60 * 24) + 1;
}
export function copyDates(dates) {
if (Array.isArray(dates)) {
return dates.map((date) => {
if (date === null) {
return date;
}
return new Date(date);
});
}
return new Date(dates);
}
export function getMonthEndDay(year, month) {
return 32 - new Date(year, month - 1, 32).getDate();
}
export function getMonths(minDate, maxDate) {
const months = [];
const cursor = new Date(minDate);
cursor.setDate(1);
do {
months.push(cursor.getTime());
cursor.setMonth(cursor.getMonth() + 1);
} while (compareMonth(cursor, maxDate) !== 1);
return months;
}

25
src/wxcomponents/vant-weapp/calendar/utils.wxs
View File

@ -1,25 +0,0 @@
/* eslint-disable */
function getMonthEndDay(year, month) {
return 32 - getDate(year, month - 1, 32).getDate();
}
function compareMonth(date1, date2) {
date1 = getDate(date1);
date2 = getDate(date2);
var year1 = date1.getFullYear();
var year2 = date2.getFullYear();
var month1 = date1.getMonth();
var month2 = date2.getMonth();
if (year1 === year2) {
return month1 === month2 ? 0 : month1 > month2 ? 1 : -1;
}
return year1 > year2 ? 1 : -1;
}
module.exports = {
getMonthEndDay: getMonthEndDay,
compareMonth: compareMonth
};

1
src/wxcomponents/vant-weapp/card/index.d.ts vendored
View File

@ -1 +0,0 @@
export {};

49
src/wxcomponents/vant-weapp/card/index.js
View File

@ -1,49 +0,0 @@
import { link } from '../mixins/link';
import { VantComponent } from '../common/component';
VantComponent({
classes: [
'num-class',
'desc-class',
'thumb-class',
'title-class',
'price-class',
'origin-price-class',
],
mixins: [link],
props: {
tag: String,
num: String,
desc: String,
thumb: String,
title: String,
price: {
type: String,
observer: 'updatePrice',
},
centered: Boolean,
lazyLoad: Boolean,
thumbLink: String,
originPrice: String,
thumbMode: {
type: String,
value: 'aspectFit',
},
currency: {
type: String,
value: '¥',
},
},
methods: {
updatePrice() {
const { price } = this.data;
const priceArr = price.toString().split('.');
this.setData({
integerStr: priceArr[0],
decimalStr: priceArr[1] ? `.${priceArr[1]}` : '',
});
},
onClickThumb() {
this.jumpLink('thumbLink');
},
},
});

6
src/wxcomponents/vant-weapp/card/index.json
View File

@ -1,6 +0,0 @@
{
"component": true,
"usingComponents": {
"van-tag": "../tag/index"
}
}

56
src/wxcomponents/vant-weapp/card/index.wxml
View File

@ -1,56 +0,0 @@
<wxs src="../wxs/utils.wxs" module="utils" />
<view class="custom-class van-card">
<view class="{{ utils.bem('card__header', { center: centered }) }}">
<view class="van-card__thumb" bind:tap="onClickThumb">
<image
wx:if="{{ thumb }}"
src="{{ thumb }}"
mode="{{ thumbMode }}"
lazy-load="{{ lazyLoad }}"
class="van-card__img thumb-class"
/>
<slot wx:else name="thumb" />
<van-tag
wx:if="{{ tag }}"
mark
type="danger"
custom-class="van-card__tag"
>
{{ tag }}
</van-tag>
<slot wx:else name="tag" />
</view>
<view class="van-card__content {{ utils.bem('card__content', { center: centered }) }}">
<view>
<view wx:if="{{ title }}" class="van-card__title title-class">{{ title }}</view>
<slot wx:else name="title" />
<view wx:if="{{ desc }}" class="van-card__desc desc-class">{{ desc }}</view>
<slot wx:else name="desc" />
<slot name="tags" />
</view>
<view class="van-card__bottom">
<slot name="price-top" />
<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" />
</view>
</view>
</view>
<view class="van-card__footer">
<slot name="footer" />
</view>
</view>

1
src/wxcomponents/vant-weapp/card/index.wxss
View File

@ -1 +0,0 @@
@import '../common/index.wxss';.van-card{background-color:var(--card-background-color,#fafafa);box-sizing:border-box;color:var(--card-text-color,#323233);font-size:var(--card-font-size,12px);padding:var(--card-padding,8px 16px);position:relative}.van-card__header{display:flex}.van-card__header--center{align-items:center;justify-content:center}.van-card__thumb{flex:none;height:var(--card-thumb-size,88px);margin-right:var(--padding-xs,8px);position:relative;width:var(--card-thumb-size,88px)}.van-card__thumb:empty{display:none}.van-card__img{border-radius:8px;height:100%;width:100%}.van-card__content{display:flex;flex:1;flex-direction:column;justify-content:space-between;min-height:var(--card-thumb-size,88px);min-width:0;position:relative}.van-card__content--center{justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{font-weight:700;line-height:var(--card-title-line-height,16px)}.van-card__desc{color:var(--card-desc-color,#646566);line-height:var(--card-desc-line-height,20px)}.van-card__bottom{line-height:20px}.van-card__price{color:var(--card-price-color,#ee0a24);display:inline-block;font-size:var(--card-price-font-size,12px);font-weight:700}.van-card__price-integer{font-size:var(--card-price-integer-font-size,16px)}.van-card__price-decimal,.van-card__price-integer{font-family:var(--card-price-font-family,Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif)}.van-card__origin-price{color:var(--card-origin-price-color,#646566);display:inline-block;font-size:var(--card-origin-price-font-size,10px);margin-left:5px;text-decoration:line-through}.van-card__num{float:right}.van-card__tag{left:0;position:absolute!important;top:2px}.van-card__footer{flex:none;text-align:right;width:100%}

1
src/wxcomponents/vant-weapp/cascader/index.d.ts vendored
View File

@ -1 +0,0 @@
export {};

208
src/wxcomponents/vant-weapp/cascader/index.js
View File

@ -1,208 +0,0 @@
import { VantComponent } from '../common/component';
var FieldName;
(function (FieldName) {
FieldName["TEXT"] = "text";
FieldName["VALUE"] = "value";
FieldName["CHILDREN"] = "children";
})(FieldName || (FieldName = {}));
const defaultFieldNames = {
text: FieldName.TEXT,
value: FieldName.VALUE,
children: FieldName.CHILDREN,
};
VantComponent({
props: {
title: String,
value: {
type: String,
},
placeholder: {
type: String,
value: '请选择',
},
activeColor: {
type: String,
value: '#1989fa',
},
options: {
type: Array,
value: [],
},
swipeable: {
type: Boolean,
value: false,
},
closeable: {
type: Boolean,
value: true,
},
showHeader: {
type: Boolean,
value: true,
},
closeIcon: {
type: String,
value: 'cross',
},
fieldNames: {
type: Object,
value: defaultFieldNames,
observer: 'updateFieldNames',
},
},
data: {
tabs: [],
activeTab: 0,
textKey: FieldName.TEXT,
valueKey: FieldName.VALUE,
childrenKey: FieldName.CHILDREN,
innerValue: '',
},
watch: {
options() {
this.updateTabs();
},
value(newVal) {
this.updateValue(newVal);
},
},
created() {
this.updateTabs();
},
methods: {
updateValue(val) {
if (val !== undefined) {
const values = this.data.tabs.map((tab) => tab.selected && tab.selected[this.data.valueKey]);
if (values.indexOf(val) > -1) {
return;
}
}
this.innerValue = val;
this.updateTabs();
},
updateFieldNames() {
const { text = 'text', value = 'value', children = 'children', } = this.data.fieldNames || defaultFieldNames;
this.setData({
textKey: text,
valueKey: value,
childrenKey: children,
});
},
getSelectedOptionsByValue(options, value) {
for (let i = 0; i < options.length; i++) {
const option = options[i];
if (option[this.data.valueKey] === value) {
return [option];
}
if (option[this.data.childrenKey]) {
const selectedOptions = this.getSelectedOptionsByValue(option[this.data.childrenKey], value);
if (selectedOptions) {
return [option, ...selectedOptions];
}
}
}
},
updateTabs() {
const { options } = this.data;
const { innerValue } = this;
if (!options.length) {
return;
}
if (innerValue !== undefined) {
const selectedOptions = this.getSelectedOptionsByValue(options, innerValue);
if (selectedOptions) {
let optionsCursor = options;
const tabs = selectedOptions.map((option) => {
const tab = {
options: optionsCursor,
selected: option,
};
const next = optionsCursor.find((item) => item[this.data.valueKey] === option[this.data.valueKey]);
if (next) {
optionsCursor = next[this.data.childrenKey];
}
return tab;
});
if (optionsCursor) {
tabs.push({
options: optionsCursor,
selected: null,
});
}
this.setData({
tabs,
});
wx.nextTick(() => {
this.setData({
activeTab: tabs.length - 1,
});
});
return;
}
}
this.setData({
tabs: [
{
options,
selected: null,
},
],
});
},
onClose() {
this.$emit('close');
},
onClickTab(e) {
const { index: tabIndex, title } = e.detail;
this.$emit('click-tab', { title, tabIndex });
this.setData({
activeTab: tabIndex,
});
},
// 选中
onSelect(e) {
const { option, tabIndex } = e.currentTarget.dataset;
if (option && option.disabled) {
return;
}
const { valueKey, childrenKey } = this.data;
let { tabs } = this.data;
tabs[tabIndex].selected = option;
if (tabs.length > tabIndex + 1) {
tabs = tabs.slice(0, tabIndex + 1);
}
if (option[childrenKey]) {
const nextTab = {
options: option[childrenKey],
selected: null,
};
if (tabs[tabIndex + 1]) {
tabs[tabIndex + 1] = nextTab;
}
else {
tabs.push(nextTab);
}
wx.nextTick(() => {
this.setData({
activeTab: tabIndex + 1,
});
});
}
this.setData({
tabs,
});
const selectedOptions = tabs.map((tab) => tab.selected).filter(Boolean);
const value = option[valueKey];
const params = {
value,
tabIndex,
selectedOptions,
};
this.innerValue = value;
this.$emit('change', params);
if (!option[childrenKey]) {
this.$emit('finish', params);
}
},
},
});

8
src/wxcomponents/vant-weapp/cascader/index.json
View File

@ -1,8 +0,0 @@
{
"component": true,
"usingComponents": {
"van-icon": "../icon/index",
"van-tab": "../tab/index",
"van-tabs": "../tabs/index"
}
}

53
src/wxcomponents/vant-weapp/cascader/index.wxml
View File

@ -1,53 +0,0 @@
<wxs src="./index.wxs" module="utils" />
<view wx:if="{{ showHeader }}" class="van-cascader__header">
<text class="van-cascader__title"><slot name="title"></slot>{{ title }}</text>
<van-icon
wx:if="{{ closeable }}"
name="{{ closeIcon }}"
class="van-cascader__close-icon"
bind:tap="onClose"
/>
</view>
<van-tabs
active="{{ activeTab }}"
custom-class="van-cascader__tabs"
wrap-class="van-cascader__tabs-wrap"
tab-class="van-cascader__tab"
color="{{ activeColor }}"
border="{{ false }}"
swipeable="{{ swipeable }}"
bind:click="onClickTab"
>
<van-tab
wx:for="{{ tabs }}"
wx:for-item="tab"
wx:for-index="tabIndex"
wx:key="tabIndex"
title="{{ tab.selected ? tab.selected[textKey] : placeholder }}"
style="width: 100%;"
title-style="{{ !tab.selected ? 'color: #969799;font-weight:normal;' : '' }}"
>
<!-- 暂不支持 -->
<!-- <slot name="options-top"></slot> -->
<view class="van-cascader__options">
<view
wx:for="{{ tab.options }}"
wx:for-item="option"
wx:key="index"
class="{{ option.className }} {{ utils.optionClass(tab, valueKey, option) }}"
style="{{ utils.optionStyle({ tab, valueKey, option, activeColor }) }}"
data-option="{{ option }}"
data-tab-index="{{ tabIndex }}"
bind:tap="onSelect"
>
<text>{{ option[textKey] }}</text>
<van-icon wx:if="{{ utils.isSelected(tab, valueKey, option) }}" name="success" size="18" />
</view>
</view>
<!-- 暂不支持 -->
<!-- <slot name="options-bottom"></slot> -->
</van-tab>
</van-tabs>

24
src/wxcomponents/vant-weapp/cascader/index.wxs
View File

@ -1,24 +0,0 @@
var utils = require('../wxs/utils.wxs');
var style = require('../wxs/style.wxs');
function isSelected(tab, valueKey, option) {
return tab.selected && tab.selected[valueKey] === option[valueKey]
}
function optionClass(tab, valueKey, option) {
return utils.bem('cascader__option', { selected: isSelected(tab, valueKey, option), disabled: option.disabled })
}
function optionStyle(data) {
var color = data.option.color || (isSelected(data.tab, data.valueKey, data.option) ? data.activeColor : undefined);
return style({
color
});
}
module.exports = {
isSelected: isSelected,
optionClass: optionClass,
optionStyle: optionStyle,
};

1
src/wxcomponents/vant-weapp/cascader/index.wxss
View File

@ -1 +0,0 @@
@import '../common/index.wxss';.van-cascader__header{align-items:center;display:flex;height:48px;justify-content:space-between;padding:0 16px}.van-cascader__title{font-size:16px;font-weight:600;line-height:20px}.van-cascader__close-icon{color:#c8c9cc;font-size:22px;height:22px}.van-cascader__tabs-wrap{height:48px!important;padding:0 8px}.van-cascader__tab{color:#323233!important;flex:none!important;font-weight:600!important;padding:0 8px!important}.van-cascader__tab--unselected{color:#969799!important;font-weight:400!important}.van-cascader__option{align-items:center;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;line-height:20px;padding:10px 16px}.van-cascader__option:active{background-color:#f2f3f5}.van-cascader__option--selected{color:#1989fa;font-weight:600}.van-cascader__option--disabled{color:#c8c9cc;cursor:not-allowed}.van-cascader__option--disabled:active{background-color:initial}.van-cascader__options{-webkit-overflow-scrolling:touch;box-sizing:border-box;height:384px;overflow-y:auto;padding-top:6px}

1
src/wxcomponents/vant-weapp/cell-group/index.d.ts vendored
View File

@ -1 +0,0 @@
export {};

11
src/wxcomponents/vant-weapp/cell-group/index.js
View File

@ -1,11 +0,0 @@
import { VantComponent } from '../common/component';
VantComponent({
props: {
title: String,
border: {
type: Boolean,
value: true,
},
inset: Boolean,
},
});

3
src/wxcomponents/vant-weapp/cell-group/index.json
View File

@ -1,3 +0,0 @@
{
"component": true
}

11
src/wxcomponents/vant-weapp/cell-group/index.wxml
View File

@ -1,11 +0,0 @@
<wxs src="../wxs/utils.wxs" module="utils" />
<view
wx:if="{{ title }}"
class="{{ utils.bem('cell-group__title', { inset }) }}"
>
{{ title }}
</view>
<view class="custom-class {{ utils.bem('cell-group', { inset }) }} {{ border ? 'van-hairline--top-bottom' : '' }}">
<slot />
</view>

1
src/wxcomponents/vant-weapp/cell-group/index.wxss
View File

@ -1 +0,0 @@
@import '../common/index.wxss';.van-cell-group--inset{border-radius:var(--cell-group-inset-border-radius,8px);margin:var(--cell-group-inset-padding,0 16px);overflow:hidden}.van-cell-group__title{color:var(--cell-group-title-color,#969799);font-size:var(--cell-group-title-font-size,14px);line-height:var(--cell-group-title-line-height,16px);padding:var(--cell-group-title-padding,16px 16px 8px)}.van-cell-group__title--inset{padding:var(--cell-group-inset-title-padding,16px 16px 8px 32px)}

1
src/wxcomponents/vant-weapp/cell/index.d.ts vendored
View File

@ -1 +0,0 @@
export {};

38
src/wxcomponents/vant-weapp/cell/index.js
View File

@ -1,38 +0,0 @@
import { link } from '../mixins/link';
import { VantComponent } from '../common/component';
VantComponent({
classes: [
'title-class',
'label-class',
'value-class',
'right-icon-class',
'hover-class',
],
mixins: [link],
props: {
title: null,
value: null,
icon: String,
size: String,
label: String,
center: Boolean,
isLink: Boolean,
required: Boolean,
clickable: Boolean,
titleWidth: String,
customStyle: String,
arrowDirection: String,
useLabelSlot: Boolean,
border: {
type: Boolean,
value: true,
},
titleStyle: String,
},
methods: {
onClick(event) {
this.$emit('click', event.detail);
this.jumpLink();
},
},
});

6
src/wxcomponents/vant-weapp/cell/index.json
View File

@ -1,6 +0,0 @@
{
"component": true,
"usingComponents": {
"van-icon": "../icon/index"
}
}

47
src/wxcomponents/vant-weapp/cell/index.wxml
View File

@ -1,47 +0,0 @@
<wxs src="../wxs/utils.wxs" module="utils" />
<wxs src="./index.wxs" module="computed" />
<view
class="custom-class {{ utils.bem('cell', [size, { center, required, borderless: !border, clickable: isLink || clickable }]) }}"
hover-class="van-cell--hover hover-class"
hover-stay-time="70"
style="{{ customStyle }}"
bind:tap="onClick"
>
<van-icon
wx:if="{{ icon }}"
name="{{ icon }}"
class="van-cell__left-icon-wrap"
custom-class="van-cell__left-icon"
/>
<slot wx:else name="icon" />
<view
style="{{ computed.titleStyle({ titleWidth, titleStyle }) }}"
class="van-cell__title title-class"
>
<block wx:if="{{ title }}">{{ title }}</block>
<slot wx:else name="title" />
<view wx:if="{{ label || useLabelSlot }}" class="van-cell__label label-class">
<slot wx:if="{{ useLabelSlot }}" name="label" />
<block wx:elif="{{ label }}">{{ label }}</block>
</view>
</view>
<view class="van-cell__value value-class">
<block wx:if="{{ value || value === 0 }}">{{ value }}</block>
<slot wx:else />
</view>
<van-icon
wx:if="{{ isLink }}"
name="{{ arrowDirection ? 'arrow' + '-' + arrowDirection : 'arrow' }}"
class="van-cell__right-icon-wrap right-icon-class"
custom-class="van-cell__right-icon"
/>
<slot wx:else name="right-icon" />
<slot name="extra" />
</view>

17
src/wxcomponents/vant-weapp/cell/index.wxs
View File

@ -1,17 +0,0 @@
/* eslint-disable */
var style = require('../wxs/style.wxs');
var addUnit = require('../wxs/add-unit.wxs');
function titleStyle(data) {
return style([
{
'max-width': addUnit(data.titleWidth),
'min-width': addUnit(data.titleWidth),
},
data.titleStyle,
]);
}
module.exports = {
titleStyle: titleStyle,
};

1
src/wxcomponents/vant-weapp/cell/index.wxss
View File

@ -1 +0,0 @@
@import '../common/index.wxss';.van-cell{background-color:var(--cell-background-color,#fff);box-sizing:border-box;color:var(--cell-text-color,#323233);display:flex;font-size:var(--cell-font-size,14px);line-height:var(--cell-line-height,24px);padding:var(--cell-vertical-padding,10px) var(--cell-horizontal-padding,16px);position:relative;width:100%}.van-cell:after{border-bottom:1px solid #ebedf0;bottom:0;box-sizing:border-box;content:" ";left:16px;pointer-events:none;position:absolute;right:16px;transform:scaleY(.5);transform-origin:center}.van-cell--borderless:after{display:none}.van-cell-group{background-color:var(--cell-background-color,#fff)}.van-cell__label{color:var(--cell-label-color,#969799);font-size:var(--cell-label-font-size,12px);line-height:var(--cell-label-line-height,18px);margin-top:var(--cell-label-margin-top,3px)}.van-cell__value{color:var(--cell-value-color,#969799);overflow:hidden;text-align:right;vertical-align:middle}.van-cell__title,.van-cell__value{flex:1}.van-cell__title:empty,.van-cell__value:empty{display:none}.van-cell__left-icon-wrap,.van-cell__right-icon-wrap{align-items:center;display:flex;font-size:var(--cell-icon-size,16px);height:var(--cell-line-height,24px)}.van-cell__left-icon-wrap{margin-right:var(--padding-base,4px)}.van-cell__right-icon-wrap{color:var(--cell-right-icon-color,#969799);margin-left:var(--padding-base,4px)}.van-cell__left-icon{vertical-align:middle}.van-cell__left-icon,.van-cell__right-icon{line-height:var(--cell-line-height,24px)}.van-cell--clickable.van-cell--hover{background-color:var(--cell-active-color,#f2f3f5)}.van-cell--required{overflow:visible}.van-cell--required:before{color:var(--cell-required-color,#ee0a24);content:"*";font-size:var(--cell-font-size,14px);left:var(--padding-xs,8px);position:absolute}.van-cell--center{align-items:center}.van-cell--large{padding-bottom:var(--cell-large-vertical-padding,12px);padding-top:var(--cell-large-vertical-padding,12px)}.van-cell--large .van-cell__title{font-size:var(--cell-large-title-font-size,16px)}.van-cell--large .van-cell__value{font-size:var(--cell-large-value-font-size,16px)}.van-cell--large .van-cell__label{font-size:var(--cell-large-label-font-size,14px)}

1
src/wxcomponents/vant-weapp/checkbox-group/index.d.ts vendored
View File

@ -1 +0,0 @@
export {};

36
src/wxcomponents/vant-weapp/checkbox-group/index.js
View File

@ -1,36 +0,0 @@
import { useChildren } from '../common/relation';
import { VantComponent } from '../common/component';
VantComponent({
field: true,
relation: useChildren('checkbox', function (target) {
this.updateChild(target);
}),
props: {
max: Number,
value: {
type: Array,
observer: 'updateChildren',
},
disabled: {
type: Boolean,
observer: 'updateChildren',
},
direction: {
type: String,
value: 'vertical',
},
},
methods: {
updateChildren() {
this.children.forEach((child) => this.updateChild(child));
},
updateChild(child) {
const { value, disabled, direction } = this.data;
child.setData({
value: value.indexOf(child.data.name) !== -1,
parentDisabled: disabled,
direction,
});
},
},
});

3
src/wxcomponents/vant-weapp/checkbox-group/index.json
View File

@ -1,3 +0,0 @@
{
"component": true
}

5
src/wxcomponents/vant-weapp/checkbox-group/index.wxml
View File

@ -1,5 +0,0 @@
<wxs src="../wxs/utils.wxs" module="utils" />
<view class="{{ utils.bem('checkbox-group', [{ horizontal: direction === 'horizontal' }]) }}">
<slot />
</view>

1
src/wxcomponents/vant-weapp/checkbox-group/index.wxss
View File

@ -1 +0,0 @@
@import '../common/index.wxss';.van-checkbox-group--horizontal{display:flex;flex-wrap:wrap}

1
src/wxcomponents/vant-weapp/checkbox/index.d.ts vendored
View File

@ -1 +0,0 @@
export {};

77
src/wxcomponents/vant-weapp/checkbox/index.js
View File

@ -1,77 +0,0 @@
import { useParent } from '../common/relation';
import { VantComponent } from '../common/component';
function emit(target, value) {
target.$emit('input', value);
target.$emit('change', value);
}
VantComponent({
field: true,
relation: useParent('checkbox-group'),
classes: ['icon-class', 'label-class'],
props: {
value: Boolean,
disabled: Boolean,
useIconSlot: Boolean,
checkedColor: String,
labelPosition: {
type: String,
value: 'right',
},
labelDisabled: Boolean,
shape: {
type: String,
value: 'round',
},
iconSize: {
type: null,
value: 20,
},
},
data: {
parentDisabled: false,
direction: 'vertical',
},
methods: {
emitChange(value) {
if (this.parent) {
this.setParentValue(this.parent, value);
}
else {
emit(this, value);
}
},
toggle() {
const { parentDisabled, disabled, value } = this.data;
if (!disabled && !parentDisabled) {
this.emitChange(!value);
}
},
onClickLabel() {
const { labelDisabled, parentDisabled, disabled, value } = this.data;
if (!disabled && !labelDisabled && !parentDisabled) {
this.emitChange(!value);
}
},
setParentValue(parent, value) {
const parentValue = parent.data.value.slice();
const { name } = this.data;
const { max } = parent.data;
if (value) {
if (max && parentValue.length >= max) {
return;
}
if (parentValue.indexOf(name) === -1) {
parentValue.push(name);
emit(parent, parentValue);
}
}
else {
const index = parentValue.indexOf(name);
if (index !== -1) {
parentValue.splice(index, 1);
emit(parent, parentValue);
}
}
},
},
});

6
src/wxcomponents/vant-weapp/checkbox/index.json
View File

@ -1,6 +0,0 @@
{
"component": true,
"usingComponents": {
"van-icon": "../icon/index"
}
}

31
src/wxcomponents/vant-weapp/checkbox/index.wxml
View File

@ -1,31 +0,0 @@
<wxs src="../wxs/utils.wxs" module="utils" />
<wxs src="./index.wxs" module="computed" />
<view class="{{ utils.bem('checkbox', [{ horizontal: direction === 'horizontal' }]) }} custom-class">
<view
wx:if="{{ labelPosition === 'left' }}"
class="label-class {{ utils.bem('checkbox__label', [labelPosition, { disabled: disabled || parentDisabled }]) }}"
bindtap="onClickLabel"
>
<slot />
</view>
<view class="van-checkbox__icon-wrap" bindtap="toggle">
<slot wx:if="{{ useIconSlot }}" name="icon" />
<van-icon
wx:else
name="success"
size="0.8em"
class="{{ utils.bem('checkbox__icon', [shape, { disabled: disabled || parentDisabled, checked: value }]) }}"
style="{{ computed.iconStyle(checkedColor, value, disabled, parentDisabled, iconSize) }}"
custom-class="icon-class"
custom-style="line-height: 1.25em;"
/>
</view>
<view
wx:if="{{ labelPosition === 'right' }}"
class="label-class {{ utils.bem('checkbox__label', [labelPosition, { disabled: disabled || parentDisabled }]) }}"
bindtap="onClickLabel"
>
<slot />
</view>
</view>

20
src/wxcomponents/vant-weapp/checkbox/index.wxs
View File

@ -1,20 +0,0 @@
/* eslint-disable */
var style = require('../wxs/style.wxs');
var addUnit = require('../wxs/add-unit.wxs');
function iconStyle(checkedColor, value, disabled, parentDisabled, iconSize) {
var styles = {
'font-size': addUnit(iconSize),
};
if (checkedColor && value && !disabled && !parentDisabled) {
styles['border-color'] = checkedColor;
styles['background-color'] = checkedColor;
}
return style(styles);
}
module.exports = {
iconStyle: iconStyle,
};

1
src/wxcomponents/vant-weapp/checkbox/index.wxss
View File

@ -1 +0,0 @@
@import '../common/index.wxss';.van-checkbox{align-items:center;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-checkbox--horizontal{margin-right:12px}.van-checkbox__icon-wrap,.van-checkbox__label{line-height:var(--checkbox-size,20px)}.van-checkbox__icon-wrap{flex:none}.van-checkbox__icon{align-items:center;border:1px solid var(--checkbox-border-color,#c8c9cc);box-sizing:border-box;color:transparent;display:flex;font-size:var(--checkbox-size,20px);height:1em;justify-content:center;text-align:center;transition-duration:var(--checkbox-transition-duration,.2s);transition-property:color,border-color,background-color;width:1em}.van-checkbox__icon--round{border-radius:100%}.van-checkbox__icon--checked{background-color:var(--checkbox-checked-icon-color,#1989fa);border-color:var(--checkbox-checked-icon-color,#1989fa);color:#fff}.van-checkbox__icon--disabled{background-color:var(--checkbox-disabled-background-color,#ebedf0);border-color:var(--checkbox-disabled-icon-color,#c8c9cc)}.van-checkbox__icon--disabled.van-checkbox__icon--checked{color:var(--checkbox-disabled-icon-color,#c8c9cc)}.van-checkbox__label{word-wrap:break-word;color:var(--checkbox-label-color,#323233);padding-left:var(--checkbox-label-margin,10px)}.van-checkbox__label--left{float:left;margin:0 var(--checkbox-label-margin,10px) 0 0}.van-checkbox__label--disabled{color:var(--checkbox-disabled-label-color,#c8c9cc)}.van-checkbox__label:empty{margin:0}

4
src/wxcomponents/vant-weapp/circle/canvas.d.ts vendored
View File

@ -1,4 +0,0 @@
/// <reference types="miniprogram-api-typings" />
type CanvasContext = WechatMiniprogram.CanvasContext;
export declare function adaptor(ctx: CanvasContext & Record<string, unknown>): CanvasContext;
export {};

43
src/wxcomponents/vant-weapp/circle/canvas.js
View File

@ -1,43 +0,0 @@
export function adaptor(ctx) {
// @ts-ignore
return Object.assign(ctx, {
setStrokeStyle(val) {
ctx.strokeStyle = val;
},
setLineWidth(val) {
ctx.lineWidth = val;
},
setLineCap(val) {
ctx.lineCap = val;
},
setFillStyle(val) {
ctx.fillStyle = val;
},
setFontSize(val) {
ctx.font = String(val);
},
setGlobalAlpha(val) {
ctx.globalAlpha = val;
},
setLineJoin(val) {
ctx.lineJoin = val;
},
setTextAlign(val) {
ctx.textAlign = val;
},
setMiterLimit(val) {
ctx.miterLimit = val;
},
setShadow(offsetX, offsetY, blur, color) {
ctx.shadowOffsetX = offsetX;
ctx.shadowOffsetY = offsetY;
ctx.shadowBlur = blur;
ctx.shadowColor = color;
},
setTextBaseline(val) {
ctx.textBaseline = val;
},
createCircularGradient() { },
draw() { },
});
}

1
src/wxcomponents/vant-weapp/circle/index.d.ts vendored
View File

@ -1 +0,0 @@
export {};

197
src/wxcomponents/vant-weapp/circle/index.js
View File

@ -1,197 +0,0 @@
import { BLUE, WHITE } from '../common/color';
import { VantComponent } from '../common/component';
import { getSystemInfoSync } from '../common/utils';
import { isObj } from '../common/validator';
import { canIUseCanvas2d } from '../common/version';
import { adaptor } from './canvas';
function format(rate) {
return Math.min(Math.max(rate, 0), 100);
}
const PERIMETER = 2 * Math.PI;
const BEGIN_ANGLE = -Math.PI / 2;
const STEP = 1;
VantComponent({
props: {
text: String,
lineCap: {
type: String,
value: 'round',
},
value: {
type: Number,
value: 0,
observer: 'reRender',
},
speed: {
type: Number,
value: 50,
},
size: {
type: Number,
value: 100,
observer() {
this.drawCircle(this.currentValue);
},
},
fill: String,
layerColor: {
type: String,
value: WHITE,
},
color: {
type: null,
value: BLUE,
observer() {
this.setHoverColor().then(() => {
this.drawCircle(this.currentValue);
});
},
},
type: {
type: String,
value: '',
},
strokeWidth: {
type: Number,
value: 4,
},
clockwise: {
type: Boolean,
value: true,
},
},
data: {
hoverColor: BLUE,
},
methods: {
getContext() {
const { type, size } = this.data;
if (type === '' || !canIUseCanvas2d()) {
const ctx = wx.createCanvasContext('van-circle', this);
return Promise.resolve(ctx);
}
const dpr = getSystemInfoSync().pixelRatio;
return new Promise((resolve) => {
wx.createSelectorQuery()
.in(this)
.select('#van-circle')
.node()
.exec((res) => {
const canvas = res[0].node;
const ctx = canvas.getContext(type);
if (!this.inited) {
this.inited = true;
canvas.width = size * dpr;
canvas.height = size * dpr;
ctx.scale(dpr, dpr);
}
resolve(adaptor(ctx));
});
});
},
setHoverColor() {
const { color, size } = this.data;
if (isObj(color)) {
return this.getContext().then((context) => {
if (!context)
return;
const LinearColor = context.createLinearGradient(size, 0, 0, 0);
Object.keys(color)
.sort((a, b) => parseFloat(a) - parseFloat(b))
.map((key) => LinearColor.addColorStop(parseFloat(key) / 100, color[key]));
this.hoverColor = LinearColor;
});
}
this.hoverColor = color;
return Promise.resolve();
},
presetCanvas(context, strokeStyle, beginAngle, endAngle, fill) {
const { strokeWidth, lineCap, clockwise, size } = this.data;
const position = size / 2;
const radius = position - strokeWidth / 2;
context.setStrokeStyle(strokeStyle);
context.setLineWidth(strokeWidth);
context.setLineCap(lineCap);
context.beginPath();
context.arc(position, position, radius, beginAngle, endAngle, !clockwise);
context.stroke();
if (fill) {
context.setFillStyle(fill);
context.fill();
}
},
renderLayerCircle(context) {
const { layerColor, fill } = this.data;
this.presetCanvas(context, layerColor, 0, PERIMETER, fill);
},
renderHoverCircle(context, formatValue) {
const { clockwise } = this.data;
// 结束角度
const progress = PERIMETER * (formatValue / 100);
const endAngle = clockwise
? BEGIN_ANGLE + progress
: 3 * Math.PI - (BEGIN_ANGLE + progress);
this.presetCanvas(context, this.hoverColor, BEGIN_ANGLE, endAngle);
},
drawCircle(currentValue) {
const { size } = this.data;
this.getContext().then((context) => {
if (!context)
return;
context.clearRect(0, 0, size, size);
this.renderLayerCircle(context);
const formatValue = format(currentValue);
if (formatValue !== 0) {
this.renderHoverCircle(context, formatValue);
}
context.draw();
});
},
reRender() {
// tofector 动画暂时没有想到好的解决方案
const { value, speed } = this.data;
if (speed <= 0 || speed > 1000) {
this.drawCircle(value);
return;
}
this.clearMockInterval();
this.currentValue = this.currentValue || 0;
const run = () => {
this.interval = setTimeout(() => {
if (this.currentValue !== value) {
if (Math.abs(this.currentValue - value) < STEP) {
this.currentValue = value;
}
else if (this.currentValue < value) {
this.currentValue += STEP;
}
else {
this.currentValue -= STEP;
}
this.drawCircle(this.currentValue);
run();
}
else {
this.clearMockInterval();
}
}, 1000 / speed);
};
run();
},
clearMockInterval() {
if (this.interval) {
clearTimeout(this.interval);
this.interval = null;
}
},
},
mounted() {
this.currentValue = this.data.value;
this.setHoverColor().then(() => {
this.drawCircle(this.currentValue);
});
},
destroyed() {
this.clearMockInterval();
},
});

3
src/wxcomponents/vant-weapp/circle/index.json
View File

@ -1,3 +0,0 @@
{
"component": true
}

9
src/wxcomponents/vant-weapp/circle/index.wxml
View File

@ -1,9 +0,0 @@
<wxs src="../wxs/utils.wxs" module="utils" />
<view class="van-circle">
<canvas class="van-circle__canvas" type="{{ type }}" style="width: {{ utils.addUnit(size) }};height:{{ utils.addUnit(size) }}" id="van-circle" canvas-id="van-circle"></canvas>
<view wx:if="{{ !text }}" class="van-circle__text">
<slot></slot>
</view>
<cover-view wx:else class="van-circle__text">{{ text }}</cover-view>
</view>

1
src/wxcomponents/vant-weapp/circle/index.wxss
View File

@ -1 +0,0 @@
@import '../common/index.wxss';.van-circle{display:inline-block;position:relative;text-align:center}.van-circle__text{color:var(--circle-text-color,#323233);left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}

1
src/wxcomponents/vant-weapp/col/index.d.ts vendored
View File

@ -1 +0,0 @@
export {};

9
src/wxcomponents/vant-weapp/col/index.js
View File

@ -1,9 +0,0 @@
import { useParent } from '../common/relation';
import { VantComponent } from '../common/component';
VantComponent({
relation: useParent('row'),
props: {
span: Number,
offset: Number,
},
});

3
src/wxcomponents/vant-weapp/col/index.json
View File

@ -1,3 +0,0 @@
{
"component": true
}

9
src/wxcomponents/vant-weapp/col/index.wxml
View File

@ -1,9 +0,0 @@
<wxs src="../wxs/utils.wxs" module="utils" />
<wxs src="./index.wxs" module="computed" />
<view
class="custom-class {{ utils.bem('col', [span]) }} {{ offset ? 'van-col--offset-' + offset : '' }}"
style="{{ computed.rootStyle({ gutter }) }}"
>
<slot />
</view>

18
src/wxcomponents/vant-weapp/col/index.wxs
View File

@ -1,18 +0,0 @@
/* eslint-disable */
var style = require('../wxs/style.wxs');
var addUnit = require('../wxs/add-unit.wxs');
function rootStyle(data) {
if (!data.gutter) {
return '';
}
return style({
'padding-right': addUnit(data.gutter / 2),
'padding-left': addUnit(data.gutter / 2),
});
}
module.exports = {
rootStyle: rootStyle,
};

1
src/wxcomponents/vant-weapp/col/index.wxss
View File

@ -1 +0,0 @@
@import '../common/index.wxss';.van-col{box-sizing:border-box;float:left}.van-col--1{width:4.16666667%}.van-col--offset-1{margin-left:4.16666667%}.van-col--2{width:8.33333333%}.van-col--offset-2{margin-left:8.33333333%}.van-col--3{width:12.5%}.van-col--offset-3{margin-left:12.5%}.van-col--4{width:16.66666667%}.van-col--offset-4{margin-left:16.66666667%}.van-col--5{width:20.83333333%}.van-col--offset-5{margin-left:20.83333333%}.van-col--6{width:25%}.van-col--offset-6{margin-left:25%}.van-col--7{width:29.16666667%}.van-col--offset-7{margin-left:29.16666667%}.van-col--8{width:33.33333333%}.van-col--offset-8{margin-left:33.33333333%}.van-col--9{width:37.5%}.van-col--offset-9{margin-left:37.5%}.van-col--10{width:41.66666667%}.van-col--offset-10{margin-left:41.66666667%}.van-col--11{width:45.83333333%}.van-col--offset-11{margin-left:45.83333333%}.van-col--12{width:50%}.van-col--offset-12{margin-left:50%}.van-col--13{width:54.16666667%}.van-col--offset-13{margin-left:54.16666667%}.van-col--14{width:58.33333333%}.van-col--offset-14{margin-left:58.33333333%}.van-col--15{width:62.5%}.van-col--offset-15{margin-left:62.5%}.van-col--16{width:66.66666667%}.van-col--offset-16{margin-left:66.66666667%}.van-col--17{width:70.83333333%}.van-col--offset-17{margin-left:70.83333333%}.van-col--18{width:75%}.van-col--offset-18{margin-left:75%}.van-col--19{width:79.16666667%}.van-col--offset-19{margin-left:79.16666667%}.van-col--20{width:83.33333333%}.van-col--offset-20{margin-left:83.33333333%}.van-col--21{width:87.5%}.van-col--offset-21{margin-left:87.5%}.van-col--22{width:91.66666667%}.van-col--offset-22{margin-left:91.66666667%}.van-col--23{width:95.83333333%}.van-col--offset-23{margin-left:95.83333333%}.van-col--24{width:100%}.van-col--offset-24{margin-left:100%}

2
src/wxcomponents/vant-weapp/collapse-item/animate.d.ts vendored
View File

@ -1,2 +0,0 @@
/// <reference types="miniprogram-api-typings" />
export declare function setContentAnimate(context: WechatMiniprogram.Component.TrivialInstance, expanded: boolean, mounted: boolean): void;

39
src/wxcomponents/vant-weapp/collapse-item/animate.js
View File

@ -1,39 +0,0 @@
import { getRect } from '../common/utils';
function useAnimation(context, expanded, mounted, height) {
const animation = wx.createAnimation({
duration: 0,
timingFunction: 'ease-in-out',
});
if (expanded) {
if (height === 0) {
animation.height('auto').top(1).step();
}
else {
animation
.height(height)
.top(1)
.step({
duration: mounted ? 300 : 1,
})
.height('auto')
.step();
}
context.setData({
animation: animation.export(),
});
return;
}
animation.height(height).top(0).step({ duration: 1 }).height(0).step({
duration: 300,
});
context.setData({
animation: animation.export(),
});
}
export function setContentAnimate(context, expanded, mounted) {
getRect(context, '.van-collapse-item__content')
.then((rect) => rect.height)
.then((height) => {
useAnimation(context, expanded, mounted, height);
});
}

1
src/wxcomponents/vant-weapp/collapse-item/index.d.ts vendored
View File

@ -1 +0,0 @@
export {};

60
src/wxcomponents/vant-weapp/collapse-item/index.js
View File

@ -1,60 +0,0 @@
import { VantComponent } from '../common/component';
import { useParent } from '../common/relation';
import { setContentAnimate } from './animate';
VantComponent({
classes: ['title-class', 'content-class'],
relation: useParent('collapse'),
props: {
size: String,
name: null,
title: null,
value: null,
icon: String,
label: String,
disabled: Boolean,
clickable: Boolean,
border: {
type: Boolean,
value: true,
},
isLink: {
type: Boolean,
value: true,
},
},
data: {
expanded: false,
},
mounted() {
this.updateExpanded();
this.mounted = true;
},
methods: {
updateExpanded() {
if (!this.parent) {
return;
}
const { value, accordion } = this.parent.data;
const { children = [] } = this.parent;
const { name } = this.data;
const index = children.indexOf(this);
const currentName = name == null ? index : name;
const expanded = accordion
? value === currentName
: (value || []).some((name) => name === currentName);
if (expanded !== this.data.expanded) {
setContentAnimate(this, expanded, this.mounted);
}
this.setData({ index, expanded });
},
onClick() {
if (this.data.disabled) {
return;
}
const { name, expanded } = this.data;
const index = this.parent.children.indexOf(this);
const currentName = name == null ? index : name;
this.parent.switch(currentName, !expanded);
},
},
});

Some files were not shown because too many files have changed in this diff Show More