first commit
This commit is contained in:
111
node_modules/vant/es/rate/Rate.d.ts
generated
vendored
Normal file
111
node_modules/vant/es/rate/Rate.d.ts
generated
vendored
Normal file
@@ -0,0 +1,111 @@
|
||||
import { type ExtractPropTypes } from 'vue';
|
||||
export declare const rateProps: {
|
||||
size: (NumberConstructor | StringConstructor)[];
|
||||
icon: {
|
||||
type: import("vue").PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
color: StringConstructor;
|
||||
count: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
gutter: (NumberConstructor | StringConstructor)[];
|
||||
clearable: BooleanConstructor;
|
||||
readonly: BooleanConstructor;
|
||||
disabled: BooleanConstructor;
|
||||
voidIcon: {
|
||||
type: import("vue").PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
allowHalf: BooleanConstructor;
|
||||
voidColor: StringConstructor;
|
||||
touchable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
iconPrefix: StringConstructor;
|
||||
modelValue: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
disabledColor: StringConstructor;
|
||||
};
|
||||
export type RateProps = ExtractPropTypes<typeof rateProps>;
|
||||
declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
|
||||
size: (NumberConstructor | StringConstructor)[];
|
||||
icon: {
|
||||
type: import("vue").PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
color: StringConstructor;
|
||||
count: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
gutter: (NumberConstructor | StringConstructor)[];
|
||||
clearable: BooleanConstructor;
|
||||
readonly: BooleanConstructor;
|
||||
disabled: BooleanConstructor;
|
||||
voidIcon: {
|
||||
type: import("vue").PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
allowHalf: BooleanConstructor;
|
||||
voidColor: StringConstructor;
|
||||
touchable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
iconPrefix: StringConstructor;
|
||||
modelValue: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
disabledColor: StringConstructor;
|
||||
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<ExtractPropTypes<{
|
||||
size: (NumberConstructor | StringConstructor)[];
|
||||
icon: {
|
||||
type: import("vue").PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
color: StringConstructor;
|
||||
count: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
gutter: (NumberConstructor | StringConstructor)[];
|
||||
clearable: BooleanConstructor;
|
||||
readonly: BooleanConstructor;
|
||||
disabled: BooleanConstructor;
|
||||
voidIcon: {
|
||||
type: import("vue").PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
allowHalf: BooleanConstructor;
|
||||
voidColor: StringConstructor;
|
||||
touchable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
iconPrefix: StringConstructor;
|
||||
modelValue: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
disabledColor: StringConstructor;
|
||||
}>> & Readonly<{
|
||||
onChange?: ((...args: any[]) => any) | undefined;
|
||||
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
||||
}>, {
|
||||
disabled: boolean;
|
||||
icon: string;
|
||||
clearable: boolean;
|
||||
modelValue: number;
|
||||
readonly: boolean;
|
||||
touchable: boolean;
|
||||
count: string | number;
|
||||
voidIcon: string;
|
||||
allowHalf: boolean;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export default _default;
|
||||
224
node_modules/vant/es/rate/Rate.mjs
generated
vendored
Normal file
224
node_modules/vant/es/rate/Rate.mjs
generated
vendored
Normal file
@@ -0,0 +1,224 @@
|
||||
import { computed, defineComponent, ref, createVNode as _createVNode } from "vue";
|
||||
import { addUnit, truthProp, numericProp, preventDefault, makeStringProp, makeNumberProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
|
||||
import { useRect, useCustomFieldValue, useEventListener } from "@vant/use";
|
||||
import { useRefs } from "../composables/use-refs.mjs";
|
||||
import { useTouch } from "../composables/use-touch.mjs";
|
||||
import { Icon } from "../icon/index.mjs";
|
||||
const [name, bem] = createNamespace("rate");
|
||||
function getRateStatus(value, index, allowHalf, readonly) {
|
||||
if (value >= index) {
|
||||
return {
|
||||
status: "full",
|
||||
value: 1
|
||||
};
|
||||
}
|
||||
if (value + 0.5 >= index && allowHalf && !readonly) {
|
||||
return {
|
||||
status: "half",
|
||||
value: 0.5
|
||||
};
|
||||
}
|
||||
if (value + 1 >= index && allowHalf && readonly) {
|
||||
const cardinal = 10 ** 10;
|
||||
return {
|
||||
status: "half",
|
||||
value: Math.round((value - index + 1) * cardinal) / cardinal
|
||||
};
|
||||
}
|
||||
return {
|
||||
status: "void",
|
||||
value: 0
|
||||
};
|
||||
}
|
||||
const rateProps = {
|
||||
size: numericProp,
|
||||
icon: makeStringProp("star"),
|
||||
color: String,
|
||||
count: makeNumericProp(5),
|
||||
gutter: numericProp,
|
||||
clearable: Boolean,
|
||||
readonly: Boolean,
|
||||
disabled: Boolean,
|
||||
voidIcon: makeStringProp("star-o"),
|
||||
allowHalf: Boolean,
|
||||
voidColor: String,
|
||||
touchable: truthProp,
|
||||
iconPrefix: String,
|
||||
modelValue: makeNumberProp(0),
|
||||
disabledColor: String
|
||||
};
|
||||
var stdin_default = defineComponent({
|
||||
name,
|
||||
props: rateProps,
|
||||
emits: ["change", "update:modelValue"],
|
||||
setup(props, {
|
||||
emit
|
||||
}) {
|
||||
const touch = useTouch();
|
||||
const [itemRefs, setItemRefs] = useRefs();
|
||||
const groupRef = ref();
|
||||
const unselectable = computed(() => props.readonly || props.disabled);
|
||||
const untouchable = computed(() => unselectable.value || !props.touchable);
|
||||
const list = computed(() => Array(+props.count).fill("").map((_, i) => getRateStatus(props.modelValue, i + 1, props.allowHalf, props.readonly)));
|
||||
let ranges;
|
||||
let groupRefRect;
|
||||
let minRectTop = Number.MAX_SAFE_INTEGER;
|
||||
let maxRectTop = Number.MIN_SAFE_INTEGER;
|
||||
const updateRanges = () => {
|
||||
groupRefRect = useRect(groupRef);
|
||||
const rects = itemRefs.value.map(useRect);
|
||||
ranges = [];
|
||||
rects.forEach((rect, index) => {
|
||||
minRectTop = Math.min(rect.top, minRectTop);
|
||||
maxRectTop = Math.max(rect.top, maxRectTop);
|
||||
if (props.allowHalf) {
|
||||
ranges.push({
|
||||
score: index + 0.5,
|
||||
left: rect.left,
|
||||
top: rect.top,
|
||||
height: rect.height
|
||||
}, {
|
||||
score: index + 1,
|
||||
left: rect.left + rect.width / 2,
|
||||
top: rect.top,
|
||||
height: rect.height
|
||||
});
|
||||
} else {
|
||||
ranges.push({
|
||||
score: index + 1,
|
||||
left: rect.left,
|
||||
top: rect.top,
|
||||
height: rect.height
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
const getScoreByPosition = (x, y) => {
|
||||
for (let i = ranges.length - 1; i > 0; i--) {
|
||||
if (y >= groupRefRect.top && y <= groupRefRect.bottom) {
|
||||
if (x > ranges[i].left && y >= ranges[i].top && y <= ranges[i].top + ranges[i].height) {
|
||||
return ranges[i].score;
|
||||
}
|
||||
} else {
|
||||
const curTop = y < groupRefRect.top ? minRectTop : maxRectTop;
|
||||
if (x > ranges[i].left && ranges[i].top === curTop) {
|
||||
return ranges[i].score;
|
||||
}
|
||||
}
|
||||
}
|
||||
return props.allowHalf ? 0.5 : 1;
|
||||
};
|
||||
const select = (value) => {
|
||||
if (unselectable.value || value === props.modelValue) return;
|
||||
emit("update:modelValue", value);
|
||||
emit("change", value);
|
||||
};
|
||||
const onTouchStart = (event) => {
|
||||
if (untouchable.value) {
|
||||
return;
|
||||
}
|
||||
touch.start(event);
|
||||
updateRanges();
|
||||
};
|
||||
const onTouchMove = (event) => {
|
||||
if (untouchable.value) {
|
||||
return;
|
||||
}
|
||||
touch.move(event);
|
||||
if (touch.isHorizontal() && !touch.isTap.value) {
|
||||
const {
|
||||
clientX,
|
||||
clientY
|
||||
} = event.touches[0];
|
||||
preventDefault(event);
|
||||
select(getScoreByPosition(clientX, clientY));
|
||||
}
|
||||
};
|
||||
const renderStar = (item, index) => {
|
||||
const {
|
||||
icon,
|
||||
size,
|
||||
color,
|
||||
count,
|
||||
gutter,
|
||||
voidIcon,
|
||||
disabled,
|
||||
voidColor,
|
||||
allowHalf,
|
||||
iconPrefix,
|
||||
disabledColor
|
||||
} = props;
|
||||
const score = index + 1;
|
||||
const isFull = item.status === "full";
|
||||
const isVoid = item.status === "void";
|
||||
const renderHalf = allowHalf && item.value > 0 && item.value < 1;
|
||||
let style;
|
||||
if (gutter && score !== +count) {
|
||||
style = {
|
||||
paddingRight: addUnit(gutter)
|
||||
};
|
||||
}
|
||||
const onClickItem = (event) => {
|
||||
updateRanges();
|
||||
let value = allowHalf ? getScoreByPosition(event.clientX, event.clientY) : score;
|
||||
if (props.clearable && touch.isTap.value && value === props.modelValue) {
|
||||
value = 0;
|
||||
}
|
||||
select(value);
|
||||
};
|
||||
return _createVNode("div", {
|
||||
"key": index,
|
||||
"ref": setItemRefs(index),
|
||||
"role": "radio",
|
||||
"style": style,
|
||||
"class": bem("item"),
|
||||
"tabindex": disabled ? void 0 : 0,
|
||||
"aria-setsize": count,
|
||||
"aria-posinset": score,
|
||||
"aria-checked": !isVoid,
|
||||
"onClick": onClickItem
|
||||
}, [_createVNode(Icon, {
|
||||
"size": size,
|
||||
"name": isFull ? icon : voidIcon,
|
||||
"class": bem("icon", {
|
||||
disabled,
|
||||
full: isFull
|
||||
}),
|
||||
"color": disabled ? disabledColor : isFull ? color : voidColor,
|
||||
"classPrefix": iconPrefix
|
||||
}, null), renderHalf && _createVNode(Icon, {
|
||||
"size": size,
|
||||
"style": {
|
||||
width: item.value + "em"
|
||||
},
|
||||
"name": isVoid ? voidIcon : icon,
|
||||
"class": bem("icon", ["half", {
|
||||
disabled,
|
||||
full: !isVoid
|
||||
}]),
|
||||
"color": disabled ? disabledColor : isVoid ? voidColor : color,
|
||||
"classPrefix": iconPrefix
|
||||
}, null)]);
|
||||
};
|
||||
useCustomFieldValue(() => props.modelValue);
|
||||
useEventListener("touchmove", onTouchMove, {
|
||||
target: groupRef
|
||||
});
|
||||
return () => _createVNode("div", {
|
||||
"ref": groupRef,
|
||||
"role": "radiogroup",
|
||||
"class": bem({
|
||||
readonly: props.readonly,
|
||||
disabled: props.disabled
|
||||
}),
|
||||
"tabindex": props.disabled ? void 0 : 0,
|
||||
"aria-disabled": props.disabled,
|
||||
"aria-readonly": props.readonly,
|
||||
"onTouchstartPassive": onTouchStart
|
||||
}, [list.value.map(renderStar)]);
|
||||
}
|
||||
});
|
||||
export {
|
||||
stdin_default as default,
|
||||
rateProps
|
||||
};
|
||||
1
node_modules/vant/es/rate/index.css
generated
vendored
Normal file
1
node_modules/vant/es/rate/index.css
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
:root,:host{--van-rate-icon-size: 20px;--van-rate-icon-gutter: var(--van-padding-base);--van-rate-icon-void-color: var(--van-gray-5);--van-rate-icon-full-color: var(--van-danger-color);--van-rate-icon-disabled-color: var(--van-gray-5)}.van-rate{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap}.van-rate__item{position:relative}.van-rate__item:not(:last-child){padding-right:var(--van-rate-icon-gutter)}.van-rate__icon{display:block;width:1em;color:var(--van-rate-icon-void-color);font-size:var(--van-rate-icon-size)}.van-rate__icon--half{position:absolute;top:0;left:0;overflow:hidden;pointer-events:none}.van-rate__icon--full{color:var(--van-rate-icon-full-color)}.van-rate__icon--disabled{color:var(--van-rate-icon-disabled-color)}.van-rate--disabled{cursor:not-allowed}.van-rate--readonly{cursor:default}
|
||||
85
node_modules/vant/es/rate/index.d.ts
generated
vendored
Normal file
85
node_modules/vant/es/rate/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,85 @@
|
||||
export declare const Rate: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
size: (NumberConstructor | StringConstructor)[];
|
||||
icon: {
|
||||
type: import("vue").PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
color: StringConstructor;
|
||||
count: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
gutter: (NumberConstructor | StringConstructor)[];
|
||||
clearable: BooleanConstructor;
|
||||
readonly: BooleanConstructor;
|
||||
disabled: BooleanConstructor;
|
||||
voidIcon: {
|
||||
type: import("vue").PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
allowHalf: BooleanConstructor;
|
||||
voidColor: StringConstructor;
|
||||
touchable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
iconPrefix: StringConstructor;
|
||||
modelValue: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
disabledColor: StringConstructor;
|
||||
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
size: (NumberConstructor | StringConstructor)[];
|
||||
icon: {
|
||||
type: import("vue").PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
color: StringConstructor;
|
||||
count: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
gutter: (NumberConstructor | StringConstructor)[];
|
||||
clearable: BooleanConstructor;
|
||||
readonly: BooleanConstructor;
|
||||
disabled: BooleanConstructor;
|
||||
voidIcon: {
|
||||
type: import("vue").PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
allowHalf: BooleanConstructor;
|
||||
voidColor: StringConstructor;
|
||||
touchable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
iconPrefix: StringConstructor;
|
||||
modelValue: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
disabledColor: StringConstructor;
|
||||
}>> & Readonly<{
|
||||
onChange?: ((...args: any[]) => any) | undefined;
|
||||
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
||||
}>, {
|
||||
disabled: boolean;
|
||||
icon: string;
|
||||
clearable: boolean;
|
||||
modelValue: number;
|
||||
readonly: boolean;
|
||||
touchable: boolean;
|
||||
count: string | number;
|
||||
voidIcon: string;
|
||||
allowHalf: boolean;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
||||
export default Rate;
|
||||
export { rateProps } from './Rate';
|
||||
export type { RateProps } from './Rate';
|
||||
export type { RateThemeVars } from './types';
|
||||
declare module 'vue' {
|
||||
interface GlobalComponents {
|
||||
VanRate: typeof Rate;
|
||||
}
|
||||
}
|
||||
10
node_modules/vant/es/rate/index.mjs
generated
vendored
Normal file
10
node_modules/vant/es/rate/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
import { withInstall } from "../utils/index.mjs";
|
||||
import _Rate from "./Rate.mjs";
|
||||
const Rate = withInstall(_Rate);
|
||||
var stdin_default = Rate;
|
||||
import { rateProps } from "./Rate.mjs";
|
||||
export {
|
||||
Rate,
|
||||
stdin_default as default,
|
||||
rateProps
|
||||
};
|
||||
1
node_modules/vant/es/rate/style/index.d.ts
generated
vendored
Normal file
1
node_modules/vant/es/rate/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
export {};
|
||||
4
node_modules/vant/es/rate/style/index.mjs
generated
vendored
Normal file
4
node_modules/vant/es/rate/style/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
import "../../style/base.css";
|
||||
import "../../badge/index.css";
|
||||
import "../../icon/index.css";
|
||||
import "../index.css";
|
||||
7
node_modules/vant/es/rate/types.d.ts
generated
vendored
Normal file
7
node_modules/vant/es/rate/types.d.ts
generated
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
export type RateThemeVars = {
|
||||
rateIconSize?: string;
|
||||
rateIconGutter?: string;
|
||||
rateIconVoidColor?: string;
|
||||
rateIconFullColor?: string;
|
||||
rateIconDisabledColor?: string;
|
||||
};
|
||||
0
node_modules/vant/es/rate/types.mjs
generated
vendored
Normal file
0
node_modules/vant/es/rate/types.mjs
generated
vendored
Normal file
Reference in New Issue
Block a user