79 lines
1.6 KiB
TypeScript
79 lines
1.6 KiB
TypeScript
import { PropType } from 'vue';
|
|
import { isDef, createNamespace } from '../utils';
|
|
import type { CouponInfo } from '../coupon';
|
|
|
|
// Components
|
|
import Cell from '../cell';
|
|
|
|
const [createComponent, bem, t] = createNamespace('coupon-cell');
|
|
|
|
function formatValue(
|
|
coupons: CouponInfo[],
|
|
chosenCoupon: number | string,
|
|
currency: string
|
|
) {
|
|
const coupon = coupons[+chosenCoupon];
|
|
|
|
if (coupon) {
|
|
let value = 0;
|
|
|
|
if (isDef(coupon.value)) {
|
|
({ value } = coupon);
|
|
} else if (isDef(coupon.denominations)) {
|
|
value = coupon.denominations;
|
|
}
|
|
|
|
return `-${currency} ${(value / 100).toFixed(2)}`;
|
|
}
|
|
|
|
return coupons.length === 0 ? t('tips') : t('count', coupons.length);
|
|
}
|
|
|
|
export default createComponent({
|
|
props: {
|
|
title: String,
|
|
coupons: {
|
|
type: Array as PropType<CouponInfo[]>,
|
|
default: () => [],
|
|
},
|
|
currency: {
|
|
type: String,
|
|
default: '¥',
|
|
},
|
|
border: {
|
|
type: Boolean,
|
|
default: true,
|
|
},
|
|
editable: {
|
|
type: Boolean,
|
|
default: true,
|
|
},
|
|
chosenCoupon: {
|
|
type: [Number, String],
|
|
default: -1,
|
|
},
|
|
},
|
|
|
|
setup(props) {
|
|
return () => {
|
|
const selected = props.coupons[+props.chosenCoupon];
|
|
const value = formatValue(
|
|
props.coupons,
|
|
props.chosenCoupon,
|
|
props.currency
|
|
);
|
|
|
|
return (
|
|
<Cell
|
|
class={bem()}
|
|
value={value}
|
|
title={props.title || t('title')}
|
|
border={props.border}
|
|
isLink={props.editable}
|
|
valueClass={bem('value', { selected })}
|
|
/>
|
|
);
|
|
};
|
|
},
|
|
});
|