first commit
This commit is contained in:
2
node_modules/vant/lib/step/Step.d.ts
generated
vendored
Normal file
2
node_modules/vant/lib/step/Step.d.ts
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
declare const _default: import("vue").DefineComponent<{}, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export default _default;
|
||||
136
node_modules/vant/lib/step/Step.js
generated
vendored
Normal file
136
node_modules/vant/lib/step/Step.js
generated
vendored
Normal file
@@ -0,0 +1,136 @@
|
||||
var __defProp = Object.defineProperty;
|
||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
||||
var __export = (target, all) => {
|
||||
for (var name2 in all)
|
||||
__defProp(target, name2, { get: all[name2], enumerable: true });
|
||||
};
|
||||
var __copyProps = (to, from, except, desc) => {
|
||||
if (from && typeof from === "object" || typeof from === "function") {
|
||||
for (let key of __getOwnPropNames(from))
|
||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
||||
}
|
||||
return to;
|
||||
};
|
||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
||||
var stdin_exports = {};
|
||||
__export(stdin_exports, {
|
||||
default: () => stdin_default
|
||||
});
|
||||
module.exports = __toCommonJS(stdin_exports);
|
||||
var import_vue = require("vue");
|
||||
var import_utils = require("../utils");
|
||||
var import_Steps = require("../steps/Steps");
|
||||
var import_use = require("@vant/use");
|
||||
var import_icon = require("../icon");
|
||||
const [name, bem] = (0, import_utils.createNamespace)("step");
|
||||
var stdin_default = (0, import_vue.defineComponent)({
|
||||
name,
|
||||
setup(props, {
|
||||
slots
|
||||
}) {
|
||||
const {
|
||||
parent,
|
||||
index
|
||||
} = (0, import_use.useParent)(import_Steps.STEPS_KEY);
|
||||
if (!parent) {
|
||||
if (process.env.NODE_ENV !== "production") {
|
||||
console.error("[Vant] <Step> must be a child component of <Steps>.");
|
||||
}
|
||||
return;
|
||||
}
|
||||
const parentProps = parent.props;
|
||||
const getStatus = () => {
|
||||
const active = +parentProps.active;
|
||||
if (index.value < active) {
|
||||
return "finish";
|
||||
}
|
||||
return index.value === active ? "process" : "waiting";
|
||||
};
|
||||
const isActive = () => getStatus() === "process";
|
||||
const lineStyle = (0, import_vue.computed)(() => ({
|
||||
background: getStatus() === "finish" ? parentProps.activeColor : parentProps.inactiveColor
|
||||
}));
|
||||
const titleStyle = (0, import_vue.computed)(() => {
|
||||
if (isActive()) {
|
||||
return {
|
||||
color: parentProps.activeColor
|
||||
};
|
||||
}
|
||||
if (getStatus() === "waiting") {
|
||||
return {
|
||||
color: parentProps.inactiveColor
|
||||
};
|
||||
}
|
||||
});
|
||||
const onClickStep = () => parent.onClickStep(index.value);
|
||||
const renderCircle = () => {
|
||||
const {
|
||||
iconPrefix,
|
||||
finishIcon,
|
||||
activeIcon,
|
||||
activeColor,
|
||||
inactiveIcon
|
||||
} = parentProps;
|
||||
if (isActive()) {
|
||||
if (slots["active-icon"]) {
|
||||
return slots["active-icon"]();
|
||||
}
|
||||
return (0, import_vue.createVNode)(import_icon.Icon, {
|
||||
"class": bem("icon", "active"),
|
||||
"name": activeIcon,
|
||||
"color": activeColor,
|
||||
"classPrefix": iconPrefix
|
||||
}, null);
|
||||
}
|
||||
if (getStatus() === "finish" && (finishIcon || slots["finish-icon"])) {
|
||||
if (slots["finish-icon"]) {
|
||||
return slots["finish-icon"]();
|
||||
}
|
||||
return (0, import_vue.createVNode)(import_icon.Icon, {
|
||||
"class": bem("icon", "finish"),
|
||||
"name": finishIcon,
|
||||
"color": activeColor,
|
||||
"classPrefix": iconPrefix
|
||||
}, null);
|
||||
}
|
||||
if (slots["inactive-icon"]) {
|
||||
return slots["inactive-icon"]();
|
||||
}
|
||||
if (inactiveIcon) {
|
||||
return (0, import_vue.createVNode)(import_icon.Icon, {
|
||||
"class": bem("icon"),
|
||||
"name": inactiveIcon,
|
||||
"classPrefix": iconPrefix
|
||||
}, null);
|
||||
}
|
||||
return (0, import_vue.createVNode)("i", {
|
||||
"class": bem("circle"),
|
||||
"style": lineStyle.value
|
||||
}, null);
|
||||
};
|
||||
return () => {
|
||||
var _a;
|
||||
const status = getStatus();
|
||||
return (0, import_vue.createVNode)("div", {
|
||||
"class": [import_utils.BORDER, bem([parentProps.direction, {
|
||||
[status]: status
|
||||
}])]
|
||||
}, [(0, import_vue.createVNode)("div", {
|
||||
"class": bem("title", {
|
||||
active: isActive()
|
||||
}),
|
||||
"style": titleStyle.value,
|
||||
"onClick": onClickStep
|
||||
}, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), (0, import_vue.createVNode)("div", {
|
||||
"class": bem("circle-container"),
|
||||
"onClick": onClickStep
|
||||
}, [renderCircle()]), (0, import_vue.createVNode)("div", {
|
||||
"class": bem("line"),
|
||||
"style": lineStyle.value
|
||||
}, null)]);
|
||||
};
|
||||
}
|
||||
});
|
||||
1
node_modules/vant/lib/step/index.css
generated
vendored
Normal file
1
node_modules/vant/lib/step/index.css
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
:root,:host{--van-step-text-color: var(--van-text-color-2);--van-step-active-color: var(--van-primary-color);--van-step-process-text-color: var(--van-text-color);--van-step-font-size: var(--van-font-size-md);--van-step-line-color: var(--van-border-color);--van-step-finish-line-color: var(--van-primary-color);--van-step-finish-text-color: var(--van-text-color);--van-step-icon-size: 12px;--van-step-circle-size: 5px;--van-step-circle-color: var(--van-gray-6);--van-step-horizontal-title-font-size: var(--van-font-size-sm)}.van-step{position:relative;flex:1;color:var(--van-step-text-color);font-size:var(--van-step-font-size)}.van-step__circle{display:block;width:var(--van-step-circle-size);height:var(--van-step-circle-size);background-color:var(--van-step-circle-color);border-radius:50%}.van-step__line{position:absolute;background-color:var(--van-step-line-color);transition:background-color var(--van-duration-base)}.van-step--horizontal{float:left}.van-step--horizontal:first-child .van-step__title{margin-left:0;transform:none}.van-step--horizontal:last-child:not(:first-child){position:absolute;right:1px;width:auto}.van-step--horizontal:last-child:not(:first-child) .van-step__title{margin-left:0;transform:none}.van-step--horizontal:last-child:not(:first-child) .van-step__circle-container{right:-9px;left:auto}.van-step--horizontal .van-step__circle-container{position:absolute;top:30px;left:calc(var(--van-padding-xs) * -1);z-index:1;padding:0 var(--van-padding-xs);background-color:var(--van-background-2);transform:translateY(-50%)}.van-step--horizontal .van-step__title{display:inline-block;margin-left:3px;font-size:var(--van-step-horizontal-title-font-size);transform:translate(-50%)}.van-step--horizontal .van-step__line{top:30px;left:0;width:100%;height:1px}.van-step--horizontal .van-step__icon{display:block;font-size:var(--van-step-icon-size)}.van-step--horizontal .van-step--process{color:var(--van-step-process-text-color)}.van-step--vertical{display:block;float:none;padding:10px 10px 10px 0;line-height:var(--van-line-height-sm)}.van-step--vertical:not(:last-child):after{border-bottom-width:1px}.van-step--vertical .van-step__circle-container{position:absolute;top:19px;left:-15px;z-index:1;font-size:var(--van-step-icon-size);line-height:1;transform:translate(-50%,-50%)}.van-step--vertical .van-step__line{top:16px;left:-15px;width:1px;height:100%}.van-step:last-child .van-step__line{width:0}.van-step--finish{color:var(--van-step-finish-text-color)}.van-step--finish .van-step__circle,.van-step--finish .van-step__line{background-color:var(--van-step-finish-line-color)}.van-step__icon,.van-step__title{transition:color var(--van-duration-base)}.van-step__icon--active,.van-step__title--active,.van-step__icon--finish,.van-step__title--finish{color:var(--van-step-active-color)}
|
||||
8
node_modules/vant/lib/step/index.d.ts
generated
vendored
Normal file
8
node_modules/vant/lib/step/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
export declare const Step: import("../utils").WithInstall<import("vue").DefineComponent<{}, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
||||
export default Step;
|
||||
export type { StepThemeVars } from './types';
|
||||
declare module 'vue' {
|
||||
interface GlobalComponents {
|
||||
VanStep: typeof Step;
|
||||
}
|
||||
}
|
||||
37
node_modules/vant/lib/step/index.js
generated
vendored
Normal file
37
node_modules/vant/lib/step/index.js
generated
vendored
Normal file
@@ -0,0 +1,37 @@
|
||||
var __create = Object.create;
|
||||
var __defProp = Object.defineProperty;
|
||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
||||
var __getProtoOf = Object.getPrototypeOf;
|
||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
||||
var __export = (target, all) => {
|
||||
for (var name in all)
|
||||
__defProp(target, name, { get: all[name], enumerable: true });
|
||||
};
|
||||
var __copyProps = (to, from, except, desc) => {
|
||||
if (from && typeof from === "object" || typeof from === "function") {
|
||||
for (let key of __getOwnPropNames(from))
|
||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
||||
}
|
||||
return to;
|
||||
};
|
||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
||||
// If the importer is in node compatibility mode or this is not an ESM
|
||||
// file that has been converted to a CommonJS file using a Babel-
|
||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
||||
mod
|
||||
));
|
||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
||||
var stdin_exports = {};
|
||||
__export(stdin_exports, {
|
||||
Step: () => Step,
|
||||
default: () => stdin_default
|
||||
});
|
||||
module.exports = __toCommonJS(stdin_exports);
|
||||
var import_utils = require("../utils");
|
||||
var import_Step = __toESM(require("./Step"));
|
||||
const Step = (0, import_utils.withInstall)(import_Step.default);
|
||||
var stdin_default = Step;
|
||||
1
node_modules/vant/lib/step/style/index.d.ts
generated
vendored
Normal file
1
node_modules/vant/lib/step/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
export {};
|
||||
5
node_modules/vant/lib/step/style/index.js
generated
vendored
Normal file
5
node_modules/vant/lib/step/style/index.js
generated
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
require("../../style/base.css");
|
||||
require("../../badge/index.css");
|
||||
require("../../icon/index.css");
|
||||
require("../../steps/index.css");
|
||||
require("../index.css");
|
||||
13
node_modules/vant/lib/step/types.d.ts
generated
vendored
Normal file
13
node_modules/vant/lib/step/types.d.ts
generated
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
export type StepThemeVars = {
|
||||
stepTextColor?: string;
|
||||
stepActiveColor?: string;
|
||||
stepProcessTextColor?: string;
|
||||
stepFontSize?: string;
|
||||
stepLineColor?: string;
|
||||
stepFinishLineColor?: string;
|
||||
stepFinishTextColor?: string;
|
||||
stepIconSize?: string;
|
||||
stepCircleSize?: string;
|
||||
stepCircleColor?: string;
|
||||
stepHorizontalTitleFontSize?: string;
|
||||
};
|
||||
15
node_modules/vant/lib/step/types.js
generated
vendored
Normal file
15
node_modules/vant/lib/step/types.js
generated
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
var __defProp = Object.defineProperty;
|
||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
||||
var __copyProps = (to, from, except, desc) => {
|
||||
if (from && typeof from === "object" || typeof from === "function") {
|
||||
for (let key of __getOwnPropNames(from))
|
||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
||||
}
|
||||
return to;
|
||||
};
|
||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
||||
var stdin_exports = {};
|
||||
module.exports = __toCommonJS(stdin_exports);
|
||||
Reference in New Issue
Block a user