first commit
This commit is contained in:
96
node_modules/vant/es/skeleton/Skeleton.d.ts
generated
vendored
Normal file
96
node_modules/vant/es/skeleton/Skeleton.d.ts
generated
vendored
Normal file
@@ -0,0 +1,96 @@
|
||||
import { type PropType, type ExtractPropTypes } from 'vue';
|
||||
import { type Numeric } from '../utils';
|
||||
import type { SkeletonAvatarShape } from '../skeleton-avatar';
|
||||
export declare const skeletonProps: {
|
||||
row: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
round: BooleanConstructor;
|
||||
title: BooleanConstructor;
|
||||
titleWidth: (NumberConstructor | StringConstructor)[];
|
||||
avatar: BooleanConstructor;
|
||||
avatarSize: (NumberConstructor | StringConstructor)[];
|
||||
avatarShape: {
|
||||
type: PropType<SkeletonAvatarShape>;
|
||||
default: SkeletonAvatarShape;
|
||||
};
|
||||
loading: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
animate: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
rowWidth: {
|
||||
type: PropType<Numeric | Numeric[]>;
|
||||
default: string;
|
||||
};
|
||||
};
|
||||
export type SkeletonProps = ExtractPropTypes<typeof skeletonProps>;
|
||||
declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
|
||||
row: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
round: BooleanConstructor;
|
||||
title: BooleanConstructor;
|
||||
titleWidth: (NumberConstructor | StringConstructor)[];
|
||||
avatar: BooleanConstructor;
|
||||
avatarSize: (NumberConstructor | StringConstructor)[];
|
||||
avatarShape: {
|
||||
type: PropType<SkeletonAvatarShape>;
|
||||
default: SkeletonAvatarShape;
|
||||
};
|
||||
loading: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
animate: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
rowWidth: {
|
||||
type: PropType<Numeric | Numeric[]>;
|
||||
default: string;
|
||||
};
|
||||
}>, () => import("vue/jsx-runtime").JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
|
||||
row: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
round: BooleanConstructor;
|
||||
title: BooleanConstructor;
|
||||
titleWidth: (NumberConstructor | StringConstructor)[];
|
||||
avatar: BooleanConstructor;
|
||||
avatarSize: (NumberConstructor | StringConstructor)[];
|
||||
avatarShape: {
|
||||
type: PropType<SkeletonAvatarShape>;
|
||||
default: SkeletonAvatarShape;
|
||||
};
|
||||
loading: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
animate: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
rowWidth: {
|
||||
type: PropType<Numeric | Numeric[]>;
|
||||
default: string;
|
||||
};
|
||||
}>> & Readonly<{}>, {
|
||||
title: boolean;
|
||||
animate: boolean;
|
||||
round: boolean;
|
||||
row: string | number;
|
||||
loading: boolean;
|
||||
avatarShape: SkeletonAvatarShape;
|
||||
rowWidth: Numeric | Numeric[];
|
||||
avatar: boolean;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export default _default;
|
||||
89
node_modules/vant/es/skeleton/Skeleton.mjs
generated
vendored
Normal file
89
node_modules/vant/es/skeleton/Skeleton.mjs
generated
vendored
Normal file
@@ -0,0 +1,89 @@
|
||||
import { defineComponent, createVNode as _createVNode, Fragment as _Fragment, mergeProps as _mergeProps } from "vue";
|
||||
import { addUnit, truthProp, numericProp, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
|
||||
import SkeletonTitle from "../skeleton-title/index.mjs";
|
||||
import SkeletonAvatar from "../skeleton-avatar/index.mjs";
|
||||
import SkeletonParagraph, { DEFAULT_ROW_WIDTH } from "../skeleton-paragraph/index.mjs";
|
||||
const [name, bem] = createNamespace("skeleton");
|
||||
const DEFAULT_LAST_ROW_WIDTH = "60%";
|
||||
const skeletonProps = {
|
||||
row: makeNumericProp(0),
|
||||
round: Boolean,
|
||||
title: Boolean,
|
||||
titleWidth: numericProp,
|
||||
avatar: Boolean,
|
||||
avatarSize: numericProp,
|
||||
avatarShape: makeStringProp("round"),
|
||||
loading: truthProp,
|
||||
animate: truthProp,
|
||||
rowWidth: {
|
||||
type: [Number, String, Array],
|
||||
default: DEFAULT_ROW_WIDTH
|
||||
}
|
||||
};
|
||||
var stdin_default = defineComponent({
|
||||
name,
|
||||
inheritAttrs: false,
|
||||
props: skeletonProps,
|
||||
setup(props, {
|
||||
slots,
|
||||
attrs
|
||||
}) {
|
||||
const renderAvatar = () => {
|
||||
if (props.avatar) {
|
||||
return _createVNode(SkeletonAvatar, {
|
||||
"avatarShape": props.avatarShape,
|
||||
"avatarSize": props.avatarSize
|
||||
}, null);
|
||||
}
|
||||
};
|
||||
const renderTitle = () => {
|
||||
if (props.title) {
|
||||
return _createVNode(SkeletonTitle, {
|
||||
"round": props.round,
|
||||
"titleWidth": props.titleWidth
|
||||
}, null);
|
||||
}
|
||||
};
|
||||
const getRowWidth = (index) => {
|
||||
const {
|
||||
rowWidth
|
||||
} = props;
|
||||
if (rowWidth === DEFAULT_ROW_WIDTH && index === +props.row - 1) {
|
||||
return DEFAULT_LAST_ROW_WIDTH;
|
||||
}
|
||||
if (Array.isArray(rowWidth)) {
|
||||
return rowWidth[index];
|
||||
}
|
||||
return rowWidth;
|
||||
};
|
||||
const renderRows = () => Array(+props.row).fill("").map((_, i) => _createVNode(SkeletonParagraph, {
|
||||
"key": i,
|
||||
"round": props.round,
|
||||
"rowWidth": addUnit(getRowWidth(i))
|
||||
}, null));
|
||||
const renderContents = () => {
|
||||
if (slots.template) {
|
||||
return slots.template();
|
||||
}
|
||||
return _createVNode(_Fragment, null, [renderAvatar(), _createVNode("div", {
|
||||
"class": bem("content")
|
||||
}, [renderTitle(), renderRows()])]);
|
||||
};
|
||||
return () => {
|
||||
var _a;
|
||||
if (!props.loading) {
|
||||
return (_a = slots.default) == null ? void 0 : _a.call(slots);
|
||||
}
|
||||
return _createVNode("div", _mergeProps({
|
||||
"class": bem({
|
||||
animate: props.animate,
|
||||
round: props.round
|
||||
})
|
||||
}, attrs), [renderContents()]);
|
||||
};
|
||||
}
|
||||
});
|
||||
export {
|
||||
stdin_default as default,
|
||||
skeletonProps
|
||||
};
|
||||
1
node_modules/vant/es/skeleton/index.css
generated
vendored
Normal file
1
node_modules/vant/es/skeleton/index.css
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
:root,:host{--van-skeleton-duration: 1.2s}.van-skeleton{display:flex;padding:0 var(--van-padding-md)}.van-skeleton__content{width:100%}.van-skeleton--animate{animation:van-skeleton-blink var(--van-skeleton-duration) ease-in-out infinite}@keyframes van-skeleton-blink{50%{opacity:.6}}
|
||||
73
node_modules/vant/es/skeleton/index.d.ts
generated
vendored
Normal file
73
node_modules/vant/es/skeleton/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,73 @@
|
||||
export declare const Skeleton: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
row: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
round: BooleanConstructor;
|
||||
title: BooleanConstructor;
|
||||
titleWidth: (NumberConstructor | StringConstructor)[];
|
||||
avatar: BooleanConstructor;
|
||||
avatarSize: (NumberConstructor | StringConstructor)[];
|
||||
avatarShape: {
|
||||
type: import("vue").PropType<import("..").SkeletonAvatarShape>;
|
||||
default: import("..").SkeletonAvatarShape;
|
||||
};
|
||||
loading: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
animate: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
rowWidth: {
|
||||
type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
|
||||
default: string;
|
||||
};
|
||||
}>, () => import("vue/jsx-runtime").JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
row: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
round: BooleanConstructor;
|
||||
title: BooleanConstructor;
|
||||
titleWidth: (NumberConstructor | StringConstructor)[];
|
||||
avatar: BooleanConstructor;
|
||||
avatarSize: (NumberConstructor | StringConstructor)[];
|
||||
avatarShape: {
|
||||
type: import("vue").PropType<import("..").SkeletonAvatarShape>;
|
||||
default: import("..").SkeletonAvatarShape;
|
||||
};
|
||||
loading: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
animate: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
rowWidth: {
|
||||
type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
|
||||
default: string;
|
||||
};
|
||||
}>> & Readonly<{}>, {
|
||||
title: boolean;
|
||||
animate: boolean;
|
||||
round: boolean;
|
||||
row: string | number;
|
||||
loading: boolean;
|
||||
avatarShape: import("..").SkeletonAvatarShape;
|
||||
rowWidth: import("../utils").Numeric | import("../utils").Numeric[];
|
||||
avatar: boolean;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
||||
export default Skeleton;
|
||||
export { skeletonProps } from './Skeleton';
|
||||
export type { SkeletonProps } from './Skeleton';
|
||||
export type { SkeletonThemeVars } from './types';
|
||||
declare module 'vue' {
|
||||
interface GlobalComponents {
|
||||
VanSkeleton: typeof Skeleton;
|
||||
}
|
||||
}
|
||||
10
node_modules/vant/es/skeleton/index.mjs
generated
vendored
Normal file
10
node_modules/vant/es/skeleton/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
import _Skeleton from "./Skeleton.mjs";
|
||||
import { withInstall } from "../utils/index.mjs";
|
||||
const Skeleton = withInstall(_Skeleton);
|
||||
var stdin_default = Skeleton;
|
||||
import { skeletonProps } from "./Skeleton.mjs";
|
||||
export {
|
||||
Skeleton,
|
||||
stdin_default as default,
|
||||
skeletonProps
|
||||
};
|
||||
1
node_modules/vant/es/skeleton/style/index.d.ts
generated
vendored
Normal file
1
node_modules/vant/es/skeleton/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
export {};
|
||||
5
node_modules/vant/es/skeleton/style/index.mjs
generated
vendored
Normal file
5
node_modules/vant/es/skeleton/style/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
import "../../style/base.css";
|
||||
import "../../skeleton-title/index.css";
|
||||
import "../../skeleton-avatar/index.css";
|
||||
import "../../skeleton-paragraph/index.css";
|
||||
import "../index.css";
|
||||
11
node_modules/vant/es/skeleton/types.d.ts
generated
vendored
Normal file
11
node_modules/vant/es/skeleton/types.d.ts
generated
vendored
Normal file
@@ -0,0 +1,11 @@
|
||||
export type SkeletonThemeVars = {
|
||||
skeletonParagraphHeight?: string;
|
||||
skeletonParagraphBackground?: string;
|
||||
skeletonParagraphMarginTop?: string;
|
||||
skeletonTitleWidth?: string;
|
||||
skeletonAvatarSize?: string;
|
||||
skeletonAvatarBackground?: string;
|
||||
SkeletonImageSize?: string;
|
||||
SkeletonImageRadius?: string;
|
||||
skeletonDuration?: string;
|
||||
};
|
||||
0
node_modules/vant/es/skeleton/types.mjs
generated
vendored
Normal file
0
node_modules/vant/es/skeleton/types.mjs
generated
vendored
Normal file
Reference in New Issue
Block a user