first commit
This commit is contained in:
104
node_modules/vant/es/rolling-text/RollingText.d.ts
generated
vendored
Normal file
104
node_modules/vant/es/rolling-text/RollingText.d.ts
generated
vendored
Normal file
@@ -0,0 +1,104 @@
|
||||
import { type ExtractPropTypes } from 'vue';
|
||||
import { RollingTextDirection, RollingTextStopOrder } from './types';
|
||||
export declare const rollingTextProps: {
|
||||
startNum: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
targetNum: NumberConstructor;
|
||||
textList: {
|
||||
type: import("vue").PropType<string[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
duration: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
autoStart: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
direction: {
|
||||
type: import("vue").PropType<RollingTextDirection>;
|
||||
default: RollingTextDirection;
|
||||
};
|
||||
stopOrder: {
|
||||
type: import("vue").PropType<RollingTextStopOrder>;
|
||||
default: RollingTextStopOrder;
|
||||
};
|
||||
height: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
};
|
||||
export type RollingTextProps = ExtractPropTypes<typeof rollingTextProps>;
|
||||
declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
|
||||
startNum: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
targetNum: NumberConstructor;
|
||||
textList: {
|
||||
type: import("vue").PropType<string[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
duration: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
autoStart: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
direction: {
|
||||
type: import("vue").PropType<RollingTextDirection>;
|
||||
default: RollingTextDirection;
|
||||
};
|
||||
stopOrder: {
|
||||
type: import("vue").PropType<RollingTextStopOrder>;
|
||||
default: RollingTextStopOrder;
|
||||
};
|
||||
height: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
|
||||
startNum: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
targetNum: NumberConstructor;
|
||||
textList: {
|
||||
type: import("vue").PropType<string[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
duration: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
autoStart: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
direction: {
|
||||
type: import("vue").PropType<RollingTextDirection>;
|
||||
default: RollingTextDirection;
|
||||
};
|
||||
stopOrder: {
|
||||
type: import("vue").PropType<RollingTextStopOrder>;
|
||||
default: RollingTextStopOrder;
|
||||
};
|
||||
height: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
}>> & Readonly<{}>, {
|
||||
height: number;
|
||||
duration: number;
|
||||
direction: RollingTextDirection;
|
||||
autoStart: boolean;
|
||||
startNum: number;
|
||||
textList: string[];
|
||||
stopOrder: RollingTextStopOrder;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export default _default;
|
||||
94
node_modules/vant/es/rolling-text/RollingText.mjs
generated
vendored
Normal file
94
node_modules/vant/es/rolling-text/RollingText.mjs
generated
vendored
Normal file
@@ -0,0 +1,94 @@
|
||||
import { ref, defineComponent, computed, watch, createVNode as _createVNode } from "vue";
|
||||
import { raf } from "@vant/use";
|
||||
import { createNamespace, makeArrayProp, makeNumberProp, makeStringProp, truthProp, padZero } from "../utils/index.mjs";
|
||||
import { useExpose } from "../composables/use-expose.mjs";
|
||||
import RollingTextItem from "./RollingTextItem.mjs";
|
||||
const [name, bem] = createNamespace("rolling-text");
|
||||
const rollingTextProps = {
|
||||
startNum: makeNumberProp(0),
|
||||
targetNum: Number,
|
||||
textList: makeArrayProp(),
|
||||
duration: makeNumberProp(2),
|
||||
autoStart: truthProp,
|
||||
direction: makeStringProp("down"),
|
||||
stopOrder: makeStringProp("ltr"),
|
||||
height: makeNumberProp(40)
|
||||
};
|
||||
const CIRCLE_NUM = 2;
|
||||
var stdin_default = defineComponent({
|
||||
name,
|
||||
props: rollingTextProps,
|
||||
setup(props) {
|
||||
const isCustomType = computed(() => Array.isArray(props.textList) && props.textList.length);
|
||||
const itemLength = computed(() => {
|
||||
if (isCustomType.value) return props.textList[0].length;
|
||||
return `${Math.max(props.startNum, props.targetNum)}`.length;
|
||||
});
|
||||
const getTextArrByIdx = (idx) => {
|
||||
const result = [];
|
||||
for (let i = 0; i < props.textList.length; i++) {
|
||||
result.push(props.textList[i][idx]);
|
||||
}
|
||||
return result;
|
||||
};
|
||||
const targetNumArr = computed(() => {
|
||||
if (isCustomType.value) return new Array(itemLength.value).fill("");
|
||||
return padZero(props.targetNum, itemLength.value).split("");
|
||||
});
|
||||
const startNumArr = computed(() => padZero(props.startNum, itemLength.value).split(""));
|
||||
const getFigureArr = (i) => {
|
||||
const start2 = +startNumArr.value[i];
|
||||
const target = +targetNumArr.value[i];
|
||||
const result = [];
|
||||
for (let i2 = start2; i2 <= 9; i2++) {
|
||||
result.push(i2);
|
||||
}
|
||||
for (let i2 = 0; i2 <= CIRCLE_NUM; i2++) {
|
||||
for (let j = 0; j <= 9; j++) {
|
||||
result.push(j);
|
||||
}
|
||||
}
|
||||
for (let i2 = 0; i2 <= target; i2++) {
|
||||
result.push(i2);
|
||||
}
|
||||
return result;
|
||||
};
|
||||
const getDelay = (i, len) => {
|
||||
if (props.stopOrder === "ltr") return 0.2 * i;
|
||||
return 0.2 * (len - 1 - i);
|
||||
};
|
||||
const rolling = ref(props.autoStart);
|
||||
const start = () => {
|
||||
rolling.value = true;
|
||||
};
|
||||
const reset = () => {
|
||||
rolling.value = false;
|
||||
if (props.autoStart) {
|
||||
raf(() => start());
|
||||
}
|
||||
};
|
||||
watch(() => props.autoStart, (value) => {
|
||||
if (value) {
|
||||
start();
|
||||
}
|
||||
});
|
||||
useExpose({
|
||||
start,
|
||||
reset
|
||||
});
|
||||
return () => _createVNode("div", {
|
||||
"class": bem()
|
||||
}, [targetNumArr.value.map((_, i) => _createVNode(RollingTextItem, {
|
||||
"figureArr": isCustomType.value ? getTextArrByIdx(i) : getFigureArr(i),
|
||||
"duration": props.duration,
|
||||
"direction": props.direction,
|
||||
"isStart": rolling.value,
|
||||
"height": props.height,
|
||||
"delay": getDelay(i, itemLength.value)
|
||||
}, null))]);
|
||||
}
|
||||
});
|
||||
export {
|
||||
stdin_default as default,
|
||||
rollingTextProps
|
||||
};
|
||||
67
node_modules/vant/es/rolling-text/RollingTextItem.d.ts
generated
vendored
Normal file
67
node_modules/vant/es/rolling-text/RollingTextItem.d.ts
generated
vendored
Normal file
@@ -0,0 +1,67 @@
|
||||
import { RollingTextDirection } from './types';
|
||||
export declare const props: {
|
||||
figureArr: {
|
||||
type: import("vue").PropType<unknown[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
delay: NumberConstructor;
|
||||
duration: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
isStart: BooleanConstructor;
|
||||
direction: {
|
||||
type: import("vue").PropType<RollingTextDirection>;
|
||||
default: RollingTextDirection;
|
||||
};
|
||||
height: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
};
|
||||
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
figureArr: {
|
||||
type: import("vue").PropType<unknown[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
delay: NumberConstructor;
|
||||
duration: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
isStart: BooleanConstructor;
|
||||
direction: {
|
||||
type: import("vue").PropType<RollingTextDirection>;
|
||||
default: RollingTextDirection;
|
||||
};
|
||||
height: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
figureArr: {
|
||||
type: import("vue").PropType<unknown[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
delay: NumberConstructor;
|
||||
duration: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
isStart: BooleanConstructor;
|
||||
direction: {
|
||||
type: import("vue").PropType<RollingTextDirection>;
|
||||
default: RollingTextDirection;
|
||||
};
|
||||
height: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
}>> & Readonly<{}>, {
|
||||
height: number;
|
||||
duration: number;
|
||||
direction: RollingTextDirection;
|
||||
figureArr: unknown[];
|
||||
isStart: boolean;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export default _default;
|
||||
46
node_modules/vant/es/rolling-text/RollingTextItem.mjs
generated
vendored
Normal file
46
node_modules/vant/es/rolling-text/RollingTextItem.mjs
generated
vendored
Normal file
@@ -0,0 +1,46 @@
|
||||
import { defineComponent, computed, createVNode as _createVNode } from "vue";
|
||||
import { createNamespace, makeNumberProp, makeArrayProp, makeStringProp, addUnit } from "../utils/index.mjs";
|
||||
const props = {
|
||||
figureArr: makeArrayProp(),
|
||||
delay: Number,
|
||||
duration: makeNumberProp(2),
|
||||
isStart: Boolean,
|
||||
direction: makeStringProp("down"),
|
||||
height: makeNumberProp(40)
|
||||
};
|
||||
const [name, bem] = createNamespace("rolling-text-item");
|
||||
var stdin_default = defineComponent({
|
||||
name,
|
||||
props,
|
||||
setup(props2) {
|
||||
const newFigureArr = computed(() => props2.direction === "down" ? props2.figureArr.slice().reverse() : props2.figureArr);
|
||||
const translatePx = computed(() => {
|
||||
const totalHeight = props2.height * (props2.figureArr.length - 1);
|
||||
return `-${totalHeight}px`;
|
||||
});
|
||||
const itemStyle = computed(() => ({
|
||||
lineHeight: addUnit(props2.height)
|
||||
}));
|
||||
const rootStyle = computed(() => ({
|
||||
height: addUnit(props2.height),
|
||||
"--van-translate": translatePx.value,
|
||||
"--van-duration": props2.duration + "s",
|
||||
"--van-delay": props2.delay + "s"
|
||||
}));
|
||||
return () => _createVNode("div", {
|
||||
"class": bem([props2.direction]),
|
||||
"style": rootStyle.value
|
||||
}, [_createVNode("div", {
|
||||
"class": bem("box", {
|
||||
animate: props2.isStart
|
||||
})
|
||||
}, [Array.isArray(newFigureArr.value) && newFigureArr.value.map((figure) => _createVNode("div", {
|
||||
"class": bem("item"),
|
||||
"style": itemStyle.value
|
||||
}, [figure]))])]);
|
||||
}
|
||||
});
|
||||
export {
|
||||
stdin_default as default,
|
||||
props
|
||||
};
|
||||
1
node_modules/vant/es/rolling-text/index.css
generated
vendored
Normal file
1
node_modules/vant/es/rolling-text/index.css
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
:root,:host{--van-rolling-text-background: inherit;--van-rolling-text-color: var(--van-text-color);--van-rolling-text-font-size: var(--van-font-size-md);--van-rolling-text-gap: 0px;--van-rolling-text-item-width: 15px;--van-rolling-text-item-border-radius: 0px}.van-rolling-text{display:inline-flex;justify-content:center;align-items:center;font-size:var(--van-rolling-text-font-size);color:var(--van-rolling-text-color)}.van-rolling-text-item{margin-right:var(--van-rolling-text-gap);width:var(--van-rolling-text-item-width);border-radius:var(--van-rolling-text-item-border-radius);background:var(--van-rolling-text-background);overflow:hidden}.van-rolling-text-item:last-child{margin-right:0}.van-rolling-text-item__box{overflow:hidden}.van-rolling-text-item__box--animate{animation:van-up var(--van-duration) ease-in-out var(--van-delay);animation-iteration-count:1;animation-fill-mode:both}.van-rolling-text-item__item{text-align:center}.van-rolling-text-item--down .van-rolling-text-item__box{transform:translateY(var(--van-translate))}.van-rolling-text-item--down .van-rolling-text-item__box--animate{animation-name:van-down}@keyframes van-down{0%{transform:translateY(var(--van-translate))}to{transform:translateY(0)}}@keyframes van-up{0%{transform:translateY(0)}to{transform:translateY(var(--van-translate))}}
|
||||
79
node_modules/vant/es/rolling-text/index.d.ts
generated
vendored
Normal file
79
node_modules/vant/es/rolling-text/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,79 @@
|
||||
import _RollingText from './RollingText';
|
||||
export declare const RollingText: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
startNum: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
targetNum: NumberConstructor;
|
||||
textList: {
|
||||
type: import("vue").PropType<string[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
duration: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
autoStart: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
direction: {
|
||||
type: import("vue").PropType<import("./types").RollingTextDirection>;
|
||||
default: import("./types").RollingTextDirection;
|
||||
};
|
||||
stopOrder: {
|
||||
type: import("vue").PropType<import("./types").RollingTextStopOrder>;
|
||||
default: import("./types").RollingTextStopOrder;
|
||||
};
|
||||
height: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
startNum: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
targetNum: NumberConstructor;
|
||||
textList: {
|
||||
type: import("vue").PropType<string[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
duration: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
autoStart: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
direction: {
|
||||
type: import("vue").PropType<import("./types").RollingTextDirection>;
|
||||
default: import("./types").RollingTextDirection;
|
||||
};
|
||||
stopOrder: {
|
||||
type: import("vue").PropType<import("./types").RollingTextStopOrder>;
|
||||
default: import("./types").RollingTextStopOrder;
|
||||
};
|
||||
height: {
|
||||
type: NumberConstructor;
|
||||
default: number;
|
||||
};
|
||||
}>> & Readonly<{}>, {
|
||||
height: number;
|
||||
duration: number;
|
||||
direction: import("./types").RollingTextDirection;
|
||||
autoStart: boolean;
|
||||
startNum: number;
|
||||
textList: string[];
|
||||
stopOrder: import("./types").RollingTextStopOrder;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
||||
export default RollingText;
|
||||
export { rollingTextProps } from './RollingText';
|
||||
export type { RollingTextProps } from './RollingText';
|
||||
export type { RollingTextDirection, RollingTextInstance, RollingTextStopOrder, RollingTextThemeVars, } from './types';
|
||||
declare module 'vue' {
|
||||
interface GlobalComponents {
|
||||
VanRollingText: typeof _RollingText;
|
||||
}
|
||||
}
|
||||
10
node_modules/vant/es/rolling-text/index.mjs
generated
vendored
Normal file
10
node_modules/vant/es/rolling-text/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
import { withInstall } from "../utils/index.mjs";
|
||||
import _RollingText from "./RollingText.mjs";
|
||||
const RollingText = withInstall(_RollingText);
|
||||
var stdin_default = RollingText;
|
||||
import { rollingTextProps } from "./RollingText.mjs";
|
||||
export {
|
||||
RollingText,
|
||||
stdin_default as default,
|
||||
rollingTextProps
|
||||
};
|
||||
1
node_modules/vant/es/rolling-text/style/index.d.ts
generated
vendored
Normal file
1
node_modules/vant/es/rolling-text/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
export {};
|
||||
2
node_modules/vant/es/rolling-text/style/index.mjs
generated
vendored
Normal file
2
node_modules/vant/es/rolling-text/style/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
import "../../style/base.css";
|
||||
import "../index.css";
|
||||
17
node_modules/vant/es/rolling-text/types.d.ts
generated
vendored
Normal file
17
node_modules/vant/es/rolling-text/types.d.ts
generated
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
import type { ComponentPublicInstance } from 'vue';
|
||||
import type { RollingTextProps } from './RollingText';
|
||||
export type RollingTextDirection = 'up' | 'down';
|
||||
export type RollingTextStopOrder = 'ltr' | 'rtl';
|
||||
export type RollingTextExpose = {
|
||||
start: () => void;
|
||||
reset: () => void;
|
||||
};
|
||||
export type RollingTextInstance = ComponentPublicInstance<RollingTextProps, RollingTextExpose>;
|
||||
export type RollingTextThemeVars = {
|
||||
rollingTextBackground?: string;
|
||||
rollingTextColor?: string;
|
||||
rollingTextFontSize?: string;
|
||||
rollingTextGap?: string;
|
||||
rollingTextItemWidth?: string;
|
||||
rollingTextItemBorderRadius?: string;
|
||||
};
|
||||
0
node_modules/vant/es/rolling-text/types.mjs
generated
vendored
Normal file
0
node_modules/vant/es/rolling-text/types.mjs
generated
vendored
Normal file
Reference in New Issue
Block a user