first commit
This commit is contained in:
66
node_modules/vant/es/badge/Badge.d.ts
generated
vendored
Normal file
66
node_modules/vant/es/badge/Badge.d.ts
generated
vendored
Normal file
@@ -0,0 +1,66 @@
|
||||
import { type PropType, type ExtractPropTypes } from 'vue';
|
||||
import { type Numeric } from '../utils';
|
||||
export type BadgePosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
|
||||
export declare const badgeProps: {
|
||||
dot: BooleanConstructor;
|
||||
max: (NumberConstructor | StringConstructor)[];
|
||||
tag: {
|
||||
type: PropType<keyof HTMLElementTagNameMap>;
|
||||
default: keyof HTMLElementTagNameMap;
|
||||
};
|
||||
color: StringConstructor;
|
||||
offset: PropType<[Numeric, Numeric]>;
|
||||
content: (NumberConstructor | StringConstructor)[];
|
||||
showZero: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
position: {
|
||||
type: PropType<BadgePosition>;
|
||||
default: BadgePosition;
|
||||
};
|
||||
};
|
||||
export type BadgeProps = ExtractPropTypes<typeof badgeProps>;
|
||||
declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
|
||||
dot: BooleanConstructor;
|
||||
max: (NumberConstructor | StringConstructor)[];
|
||||
tag: {
|
||||
type: PropType<keyof HTMLElementTagNameMap>;
|
||||
default: keyof HTMLElementTagNameMap;
|
||||
};
|
||||
color: StringConstructor;
|
||||
offset: PropType<[Numeric, Numeric]>;
|
||||
content: (NumberConstructor | StringConstructor)[];
|
||||
showZero: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
position: {
|
||||
type: PropType<BadgePosition>;
|
||||
default: BadgePosition;
|
||||
};
|
||||
}>, () => import("vue/jsx-runtime").JSX.Element | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
|
||||
dot: BooleanConstructor;
|
||||
max: (NumberConstructor | StringConstructor)[];
|
||||
tag: {
|
||||
type: PropType<keyof HTMLElementTagNameMap>;
|
||||
default: keyof HTMLElementTagNameMap;
|
||||
};
|
||||
color: StringConstructor;
|
||||
offset: PropType<[Numeric, Numeric]>;
|
||||
content: (NumberConstructor | StringConstructor)[];
|
||||
showZero: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
position: {
|
||||
type: PropType<BadgePosition>;
|
||||
default: BadgePosition;
|
||||
};
|
||||
}>> & Readonly<{}>, {
|
||||
dot: boolean;
|
||||
tag: keyof HTMLElementTagNameMap;
|
||||
showZero: boolean;
|
||||
position: BadgePosition;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export default _default;
|
||||
104
node_modules/vant/es/badge/Badge.mjs
generated
vendored
Normal file
104
node_modules/vant/es/badge/Badge.mjs
generated
vendored
Normal file
@@ -0,0 +1,104 @@
|
||||
import { computed, defineComponent, createVNode as _createVNode } from "vue";
|
||||
import { isDef, addUnit, isNumeric, truthProp, numericProp, makeStringProp, createNamespace } from "../utils/index.mjs";
|
||||
const [name, bem] = createNamespace("badge");
|
||||
const badgeProps = {
|
||||
dot: Boolean,
|
||||
max: numericProp,
|
||||
tag: makeStringProp("div"),
|
||||
color: String,
|
||||
offset: Array,
|
||||
content: numericProp,
|
||||
showZero: truthProp,
|
||||
position: makeStringProp("top-right")
|
||||
};
|
||||
var stdin_default = defineComponent({
|
||||
name,
|
||||
props: badgeProps,
|
||||
setup(props, {
|
||||
slots
|
||||
}) {
|
||||
const hasContent = () => {
|
||||
if (slots.content) {
|
||||
return true;
|
||||
}
|
||||
const {
|
||||
content,
|
||||
showZero
|
||||
} = props;
|
||||
return isDef(content) && content !== "" && (showZero || content !== 0 && content !== "0");
|
||||
};
|
||||
const renderContent = () => {
|
||||
const {
|
||||
dot,
|
||||
max,
|
||||
content
|
||||
} = props;
|
||||
if (!dot && hasContent()) {
|
||||
if (slots.content) {
|
||||
return slots.content();
|
||||
}
|
||||
if (isDef(max) && isNumeric(content) && +content > +max) {
|
||||
return `${max}+`;
|
||||
}
|
||||
return content;
|
||||
}
|
||||
};
|
||||
const getOffsetWithMinusString = (val) => val.startsWith("-") ? val.replace("-", "") : `-${val}`;
|
||||
const style = computed(() => {
|
||||
const style2 = {
|
||||
background: props.color
|
||||
};
|
||||
if (props.offset) {
|
||||
const [x, y] = props.offset;
|
||||
const {
|
||||
position
|
||||
} = props;
|
||||
const [offsetY, offsetX] = position.split("-");
|
||||
if (slots.default) {
|
||||
if (typeof y === "number") {
|
||||
style2[offsetY] = addUnit(offsetY === "top" ? y : -y);
|
||||
} else {
|
||||
style2[offsetY] = offsetY === "top" ? addUnit(y) : getOffsetWithMinusString(y);
|
||||
}
|
||||
if (typeof x === "number") {
|
||||
style2[offsetX] = addUnit(offsetX === "left" ? x : -x);
|
||||
} else {
|
||||
style2[offsetX] = offsetX === "left" ? addUnit(x) : getOffsetWithMinusString(x);
|
||||
}
|
||||
} else {
|
||||
style2.marginTop = addUnit(y);
|
||||
style2.marginLeft = addUnit(x);
|
||||
}
|
||||
}
|
||||
return style2;
|
||||
});
|
||||
const renderBadge = () => {
|
||||
if (hasContent() || props.dot) {
|
||||
return _createVNode("div", {
|
||||
"class": bem([props.position, {
|
||||
dot: props.dot,
|
||||
fixed: !!slots.default
|
||||
}]),
|
||||
"style": style.value
|
||||
}, [renderContent()]);
|
||||
}
|
||||
};
|
||||
return () => {
|
||||
if (slots.default) {
|
||||
const {
|
||||
tag
|
||||
} = props;
|
||||
return _createVNode(tag, {
|
||||
"class": bem("wrapper")
|
||||
}, {
|
||||
default: () => [slots.default(), renderBadge()]
|
||||
});
|
||||
}
|
||||
return renderBadge();
|
||||
};
|
||||
}
|
||||
});
|
||||
export {
|
||||
badgeProps,
|
||||
stdin_default as default
|
||||
};
|
||||
1
node_modules/vant/es/badge/index.css
generated
vendored
Normal file
1
node_modules/vant/es/badge/index.css
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
:root,:host{--van-badge-size: 16px;--van-badge-color: var(--van-white);--van-badge-padding: 0 3px;--van-badge-font-size: var(--van-font-size-sm);--van-badge-font-weight: var(--van-font-bold);--van-badge-border-width: var(--van-border-width);--van-badge-background: var(--van-danger-color);--van-badge-dot-color: var(--van-danger-color);--van-badge-dot-size: 8px;--van-badge-font: -apple-system-font, helvetica neue, arial, sans-serif}.van-badge{display:inline-block;box-sizing:border-box;min-width:var(--van-badge-size);padding:var(--van-badge-padding);color:var(--van-badge-color);font-weight:var(--van-badge-font-weight);font-size:var(--van-badge-font-size);font-family:var(--van-badge-font);line-height:1.2;text-align:center;background:var(--van-badge-background);border:var(--van-badge-border-width) solid var(--van-background-2);border-radius:var(--van-radius-max)}.van-badge--fixed{position:absolute;transform-origin:100%}.van-badge--top-left{top:0;left:0;transform:translate(-50%,-50%)}.van-badge--top-right{top:0;right:0;transform:translate(50%,-50%)}.van-badge--bottom-left{bottom:0;left:0;transform:translate(-50%,50%)}.van-badge--bottom-right{bottom:0;right:0;transform:translate(50%,50%)}.van-badge--dot{width:var(--van-badge-dot-size);min-width:0;height:var(--van-badge-dot-size);background:var(--van-badge-dot-color);border-radius:100%;border:none;padding:0}.van-badge__wrapper{position:relative;display:inline-block}
|
||||
51
node_modules/vant/es/badge/index.d.ts
generated
vendored
Normal file
51
node_modules/vant/es/badge/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,51 @@
|
||||
export declare const Badge: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
dot: BooleanConstructor;
|
||||
max: (NumberConstructor | StringConstructor)[];
|
||||
tag: {
|
||||
type: import("vue").PropType<keyof HTMLElementTagNameMap>;
|
||||
default: keyof HTMLElementTagNameMap;
|
||||
};
|
||||
color: StringConstructor;
|
||||
offset: import("vue").PropType<[import("../utils").Numeric, import("../utils").Numeric]>;
|
||||
content: (NumberConstructor | StringConstructor)[];
|
||||
showZero: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
position: {
|
||||
type: import("vue").PropType<import("./Badge").BadgePosition>;
|
||||
default: import("./Badge").BadgePosition;
|
||||
};
|
||||
}>, () => import("vue/jsx-runtime").JSX.Element | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
dot: BooleanConstructor;
|
||||
max: (NumberConstructor | StringConstructor)[];
|
||||
tag: {
|
||||
type: import("vue").PropType<keyof HTMLElementTagNameMap>;
|
||||
default: keyof HTMLElementTagNameMap;
|
||||
};
|
||||
color: StringConstructor;
|
||||
offset: import("vue").PropType<[import("../utils").Numeric, import("../utils").Numeric]>;
|
||||
content: (NumberConstructor | StringConstructor)[];
|
||||
showZero: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
position: {
|
||||
type: import("vue").PropType<import("./Badge").BadgePosition>;
|
||||
default: import("./Badge").BadgePosition;
|
||||
};
|
||||
}>> & Readonly<{}>, {
|
||||
dot: boolean;
|
||||
tag: keyof HTMLElementTagNameMap;
|
||||
showZero: boolean;
|
||||
position: import("./Badge").BadgePosition;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
||||
export default Badge;
|
||||
export { badgeProps } from './Badge';
|
||||
export type { BadgeProps, BadgePosition } from './Badge';
|
||||
export type { BadgeThemeVars } from './types';
|
||||
declare module 'vue' {
|
||||
interface GlobalComponents {
|
||||
VanBadge: typeof Badge;
|
||||
}
|
||||
}
|
||||
10
node_modules/vant/es/badge/index.mjs
generated
vendored
Normal file
10
node_modules/vant/es/badge/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
import { withInstall } from "../utils/index.mjs";
|
||||
import _Badge from "./Badge.mjs";
|
||||
const Badge = withInstall(_Badge);
|
||||
var stdin_default = Badge;
|
||||
import { badgeProps } from "./Badge.mjs";
|
||||
export {
|
||||
Badge,
|
||||
badgeProps,
|
||||
stdin_default as default
|
||||
};
|
||||
1
node_modules/vant/es/badge/style/index.d.ts
generated
vendored
Normal file
1
node_modules/vant/es/badge/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
export {};
|
||||
2
node_modules/vant/es/badge/style/index.mjs
generated
vendored
Normal file
2
node_modules/vant/es/badge/style/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
import "../../style/base.css";
|
||||
import "../index.css";
|
||||
12
node_modules/vant/es/badge/types.d.ts
generated
vendored
Normal file
12
node_modules/vant/es/badge/types.d.ts
generated
vendored
Normal file
@@ -0,0 +1,12 @@
|
||||
export type BadgeThemeVars = {
|
||||
badgeSize?: string;
|
||||
badgeColor?: string;
|
||||
badgePadding?: string;
|
||||
badgeFontSize?: string;
|
||||
badgeFontWeight?: string;
|
||||
badgeBorderWidth?: string;
|
||||
badgeBackground?: string;
|
||||
badgeDotColor?: string;
|
||||
badgeDotSize?: string;
|
||||
badgeFont?: string;
|
||||
};
|
||||
0
node_modules/vant/es/badge/types.mjs
generated
vendored
Normal file
0
node_modules/vant/es/badge/types.mjs
generated
vendored
Normal file
Reference in New Issue
Block a user