mirror of
https://github.com/element-plus/element-plus.git
synced 2025-02-17 11:49:41 +08:00
544 lines
30 KiB
JavaScript
544 lines
30 KiB
JavaScript
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[106],{
|
|
|
|
/***/ 638:
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
// ESM COMPAT FLAG
|
|
__webpack_require__.r(__webpack_exports__);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/vue/dist/vue.esm-browser.js
|
|
var vue_esm_browser = __webpack_require__(0);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/dist/templateLoader.js??ref--6!./node_modules/vue-loader/dist??ref--2-0!./website/md-loader!./website/docs/es/steps.md?vue&type=template&id=cabb3150&bindings={}
|
|
|
|
var stepsvue_type_template_id_cabb3150_bindings_hoisted_1 = {
|
|
class: "content element-doc"
|
|
};
|
|
|
|
var _hoisted_2 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h2", {
|
|
id: "steps"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#steps"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Steps")], -1);
|
|
|
|
var _hoisted_3 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Guía al usuario para completar tareas de acuerdo con el proceso. Sus pasos pueden configurarse de acuerdo con el escenario de aplicación real y el número de pasos no puede ser inferior a dos.", -1);
|
|
|
|
var _hoisted_4 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "uso-basico"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#uso-basico"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Uso básico")], -1);
|
|
|
|
var _hoisted_5 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Barra de pasos simple.", -1);
|
|
|
|
var _hoisted_6 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("div", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, [/*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("Defina el atributo "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "active"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" con un valor de tipo "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "Number"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(", que indica el índice de pasos y comienza desde 0. Puede definir el atributo "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "space"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" cuando es necesario fijar el ancho del paso que acepta el tipo "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "Number"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(". La unidad del atributo "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "space"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" es px. Si no está configurado, es responsive. La configuración del atributo "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "finish-status"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" puede cambiar el estado de los pasos completados.")])], -1);
|
|
|
|
var _hoisted_7 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<el-steps :active=\"active\" finish-status=\"success\">\n <el-step title=\"Step 1\"></el-step>\n <el-step title=\"Step 2\"></el-step>\n <el-step title=\"Step 3\"></el-step>\n</el-steps>\n\n<el-button style=\"margin-top: 12px;\" @click=\"next\">Next step</el-button>\n\n<script>\n export default {\n data() {\n return {\n active: 0\n };\n },\n\n methods: {\n next() {\n if (this.active++ > 2) this.active = 0;\n }\n }\n }\n</script>\n")], -1);
|
|
|
|
var _hoisted_8 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "step-bar-con-el-estatus"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#step-bar-con-el-estatus"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Step bar con el estatus")], -1);
|
|
|
|
var _hoisted_9 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Muestra el estado del step para cada paso.", -1);
|
|
|
|
var _hoisted_10 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("div", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, [/*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("Utilice el atributo "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "title"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" para establecer el nombre del paso, o sobrescriba el atributo usando un slot con nombre. Hemos enumerado todos los nombres de slots al final de esta página.")])], -1);
|
|
|
|
var _hoisted_11 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<el-steps :space=\"200\" :active=\"1\" finish-status=\"success\">\n <el-step title=\"Done\"></el-step>\n <el-step title=\"Processing\"></el-step>\n <el-step title=\"Step 3\"></el-step>\n</el-steps>\n")], -1);
|
|
|
|
var _hoisted_12 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "centrado"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#centrado"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Centrado")], -1);
|
|
|
|
var _hoisted_13 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "El título y la descripción pueden estar centrados.", -1);
|
|
|
|
var _hoisted_14 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<el-steps :active=\"2\" align-center>\n <el-step title=\"Step 1\" description=\"Some description\"></el-step>\n <el-step title=\"Step 2\" description=\"Some description\"></el-step>\n <el-step title=\"Step 3\" description=\"Some description\"></el-step>\n <el-step title=\"Step 4\" description=\"Some description\"></el-step>\n</el-steps>\n")], -1);
|
|
|
|
var _hoisted_15 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "step-bar-con-descripcion"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#step-bar-con-descripcion"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Step bar con descripción")], -1);
|
|
|
|
var _hoisted_16 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Puede poner una descripción para cada paso.", -1);
|
|
|
|
var _hoisted_17 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<el-steps :active=\"1\">\n <el-step title=\"Step 1\" description=\"Some description\"></el-step>\n <el-step title=\"Step 2\" description=\"Some description\"></el-step>\n <el-step title=\"Step 3\" description=\"Some description\"></el-step>\n</el-steps>\n")], -1);
|
|
|
|
var _hoisted_18 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "step-bar-con-icono"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#step-bar-con-icono"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Step bar con icono")], -1);
|
|
|
|
var _hoisted_19 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "En la barra de pasos se pueden utilizar diversos iconos personalizados.", -1);
|
|
|
|
var _hoisted_20 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("div", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, [/*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("El icono se define mediante la propiedad "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "icon"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(". Los tipos de iconos se pueden encontrar en la descripción del componente Icono. Además, puede personalizar el icono a través de un slot con nombre.")])], -1);
|
|
|
|
var _hoisted_21 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<el-steps :active=\"1\">\n <el-step title=\"Step 1\" icon=\"el-icon-edit\"></el-step>\n <el-step title=\"Step 2\" icon=\"el-icon-upload\"></el-step>\n <el-step title=\"Step 3\" icon=\"el-icon-picture\"></el-step>\n</el-steps>\n")], -1);
|
|
|
|
var _hoisted_22 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "step-bar-vertical"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#step-bar-vertical"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Step bar vertical")], -1);
|
|
|
|
var _hoisted_23 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Step bar vertical.", -1);
|
|
|
|
var _hoisted_24 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("div", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, [/*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("Sólo tiene que fijar el atributo "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "direction"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" a "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, " vertical"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" en el elemento "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "el-steps"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(".")])], -1);
|
|
|
|
var _hoisted_25 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<div style=\"height: 300px;\">\n <el-steps direction=\"vertical\" :active=\"1\">\n <el-step title=\"Step 1\"></el-step>\n <el-step title=\"Step 2\"></el-step>\n <el-step title=\"Step 3\"></el-step>\n </el-steps>\n</div>\n")], -1);
|
|
|
|
var _hoisted_26 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "step-bar-simple"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#step-bar-simple"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Step bar simple")], -1);
|
|
|
|
var _hoisted_27 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, [/*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("Step bar simple, donde se ignorará "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "align-center"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(", "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "description"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(", "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "direction"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" y "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "space"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(".")], -1);
|
|
|
|
var _hoisted_28 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "\n<el-steps :space=\"200\" :active=\"1\" simple>\n <el-step title=\"Step 1\" icon=\"el-icon-edit\"></el-step>\n <el-step title=\"Step 2\" icon=\"el-icon-upload\"></el-step>\n <el-step title=\"Step 3\" icon=\"el-icon-picture\"></el-step>\n</el-steps>\n\n<el-steps :active=\"1\" finish-status=\"success\" simple style=\"margin-top: 20px\">\n <el-step title=\"Step 1\" ></el-step>\n <el-step title=\"Step 2\" ></el-step>\n <el-step title=\"Step 3\" ></el-step>\n</el-steps>\n")], -1);
|
|
|
|
var _hoisted_29 = /*#__PURE__*/Object(vue_esm_browser["m" /* createStaticVNode */])("<h3 id=\"steps-atributos\"><a class=\"header-anchor\" href=\"#steps-atributos\">¶</a> Steps atributos</h3><table><thead><tr><th>Atributo</th><th>Descripción</th><th>Tipo</th><th>Valores aceptados</th><th>Por defecto</th></tr></thead><tbody><tr><td>space</td><td>el espaciado de cada paso, será responsivo si se omite. Soporta porcentaje.</td><td>number / string</td><td>—</td><td>—</td></tr><tr><td>direction</td><td>dirección de visualización</td><td>string</td><td>vertical/horizontal</td><td>horizontal</td></tr><tr><td>active</td><td>actual paso de activación</td><td>number</td><td>—</td><td>0</td></tr><tr><td>process-status</td><td>estatus del paso actual</td><td>string</td><td>wait / process / finish / error / success</td><td>process</td></tr><tr><td>finish-status</td><td>estatus del paso final</td><td>string</td><td>wait / process / finish / error / success</td><td>finish</td></tr><tr><td>align-center</td><td>centrado de título y descripción</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>simple</td><td>si aplicar un tema simple</td><td>boolean</td><td>-</td><td>false</td></tr></tbody></table><h3 id=\"step-atributos\"><a class=\"header-anchor\" href=\"#step-atributos\">¶</a> Step atributos</h3><table><thead><tr><th>Atributo</th><th>Descripción</th><th>Tipo</th><th>Valores aceptados</th><th>Por defecto</th></tr></thead><tbody><tr><td>title</td><td>titulo del paso</td><td>string</td><td>—</td><td>—</td></tr><tr><td>description</td><td>descripción del paso</td><td>string</td><td>—</td><td>—</td></tr><tr><td>icon</td><td>icono del paso</td><td>nombre de la clase del icono del paso. Los iconos también se pueden pasar a través del slot con nombre</td><td>string</td><td>—</td></tr><tr><td>status</td><td>estado actual. Se configurará automáticamente mediante Steps si no está configurado.</td><td>wait / process / finish / error / success</td><td>-</td><td></td></tr></tbody></table><h3 id=\"step-slot\"><a class=\"header-anchor\" href=\"#step-slot\">¶</a> Step Slot</h3><table><thead><tr><th>Name</th><th>Description</th></tr></thead><tbody><tr><td>icon</td><td>Icono personalizado</td></tr><tr><td>title</td><td>Titulo del paso</td></tr><tr><td>description</td><td>Descripción del paso</td></tr></tbody></table>", 6);
|
|
|
|
function stepsvue_type_template_id_cabb3150_bindings_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
var _component_element_demo0 = Object(vue_esm_browser["P" /* resolveComponent */])("element-demo0");
|
|
|
|
var _component_demo_block = Object(vue_esm_browser["P" /* resolveComponent */])("demo-block");
|
|
|
|
var _component_element_demo1 = Object(vue_esm_browser["P" /* resolveComponent */])("element-demo1");
|
|
|
|
var _component_element_demo2 = Object(vue_esm_browser["P" /* resolveComponent */])("element-demo2");
|
|
|
|
var _component_element_demo3 = Object(vue_esm_browser["P" /* resolveComponent */])("element-demo3");
|
|
|
|
var _component_element_demo4 = Object(vue_esm_browser["P" /* resolveComponent */])("element-demo4");
|
|
|
|
var _component_element_demo5 = Object(vue_esm_browser["P" /* resolveComponent */])("element-demo5");
|
|
|
|
var _component_element_demo6 = Object(vue_esm_browser["P" /* resolveComponent */])("element-demo6");
|
|
|
|
return Object(vue_esm_browser["G" /* openBlock */])(), Object(vue_esm_browser["j" /* createBlock */])("section", stepsvue_type_template_id_cabb3150_bindings_hoisted_1, [_hoisted_2, _hoisted_3, _hoisted_4, _hoisted_5, Object(vue_esm_browser["o" /* createVNode */])(_component_demo_block, null, {
|
|
source: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [Object(vue_esm_browser["o" /* createVNode */])(_component_element_demo0)];
|
|
}),
|
|
highlight: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [_hoisted_7];
|
|
}),
|
|
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [_hoisted_6];
|
|
}),
|
|
_: 1
|
|
}), _hoisted_8, _hoisted_9, Object(vue_esm_browser["o" /* createVNode */])(_component_demo_block, null, {
|
|
source: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [Object(vue_esm_browser["o" /* createVNode */])(_component_element_demo1)];
|
|
}),
|
|
highlight: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [_hoisted_11];
|
|
}),
|
|
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [_hoisted_10];
|
|
}),
|
|
_: 1
|
|
}), _hoisted_12, _hoisted_13, Object(vue_esm_browser["o" /* createVNode */])(_component_demo_block, null, {
|
|
source: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [Object(vue_esm_browser["o" /* createVNode */])(_component_element_demo2)];
|
|
}),
|
|
highlight: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [_hoisted_14];
|
|
}),
|
|
_: 1
|
|
}), _hoisted_15, _hoisted_16, Object(vue_esm_browser["o" /* createVNode */])(_component_demo_block, null, {
|
|
source: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [Object(vue_esm_browser["o" /* createVNode */])(_component_element_demo3)];
|
|
}),
|
|
highlight: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [_hoisted_17];
|
|
}),
|
|
_: 1
|
|
}), _hoisted_18, _hoisted_19, Object(vue_esm_browser["o" /* createVNode */])(_component_demo_block, null, {
|
|
source: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [Object(vue_esm_browser["o" /* createVNode */])(_component_element_demo4)];
|
|
}),
|
|
highlight: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [_hoisted_21];
|
|
}),
|
|
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [_hoisted_20];
|
|
}),
|
|
_: 1
|
|
}), _hoisted_22, _hoisted_23, Object(vue_esm_browser["o" /* createVNode */])(_component_demo_block, null, {
|
|
source: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [Object(vue_esm_browser["o" /* createVNode */])(_component_element_demo5)];
|
|
}),
|
|
highlight: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [_hoisted_25];
|
|
}),
|
|
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [_hoisted_24];
|
|
}),
|
|
_: 1
|
|
}), _hoisted_26, _hoisted_27, Object(vue_esm_browser["o" /* createVNode */])(_component_demo_block, null, {
|
|
source: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [Object(vue_esm_browser["o" /* createVNode */])(_component_element_demo6)];
|
|
}),
|
|
highlight: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [_hoisted_28];
|
|
}),
|
|
_: 1
|
|
}), _hoisted_29]);
|
|
}
|
|
// CONCATENATED MODULE: ./website/docs/es/steps.md?vue&type=template&id=cabb3150&bindings={}
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/extends.js
|
|
var helpers_extends = __webpack_require__(7);
|
|
var extends_default = /*#__PURE__*/__webpack_require__.n(helpers_extends);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/dist??ref--2-0!./website/md-loader!./website/docs/es/steps.md?vue&type=script&lang=ts
|
|
|
|
|
|
/* harmony default export */ var stepsvue_type_script_lang_ts = ({
|
|
name: 'component-doc',
|
|
components: {
|
|
"element-demo0": function () {
|
|
var _resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_withCtx = vue_esm_browser["eb" /* withCtx */],
|
|
_createTextVNode = vue_esm_browser["n" /* createTextVNode */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
var _hoisted_1 = /*#__PURE__*/_createTextVNode("Next step");
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_step = _resolveComponent("el-step");
|
|
|
|
var _component_el_steps = _resolveComponent("el-steps");
|
|
|
|
var _component_el_button = _resolveComponent("el-button");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_steps, {
|
|
active: _ctx.active,
|
|
"finish-status": "success"
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_createVNode(_component_el_step, {
|
|
title: "Step 1"
|
|
}), _createVNode(_component_el_step, {
|
|
title: "Step 2"
|
|
}), _createVNode(_component_el_step, {
|
|
title: "Step 3"
|
|
})];
|
|
}),
|
|
_: 1
|
|
}, 8, ["active"]), _createVNode(_component_el_button, {
|
|
style: {
|
|
"margin-top": "12px"
|
|
},
|
|
onClick: _ctx.next
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_hoisted_1];
|
|
}),
|
|
_: 1
|
|
}, 8, ["onClick"])]);
|
|
}
|
|
|
|
var democomponentExport = {
|
|
data: function data() {
|
|
return {
|
|
active: 0
|
|
};
|
|
},
|
|
methods: {
|
|
next: function next() {
|
|
if (this.active++ > 2) this.active = 0;
|
|
}
|
|
}
|
|
};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo1": function () {
|
|
var _resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_withCtx = vue_esm_browser["eb" /* withCtx */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_step = _resolveComponent("el-step");
|
|
|
|
var _component_el_steps = _resolveComponent("el-steps");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_steps, {
|
|
space: 200,
|
|
active: 1,
|
|
"finish-status": "success"
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_createVNode(_component_el_step, {
|
|
title: "Done"
|
|
}), _createVNode(_component_el_step, {
|
|
title: "Processing"
|
|
}), _createVNode(_component_el_step, {
|
|
title: "Step 3"
|
|
})];
|
|
}),
|
|
_: 1
|
|
})]);
|
|
}
|
|
|
|
var democomponentExport = {};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo2": function () {
|
|
var _resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_withCtx = vue_esm_browser["eb" /* withCtx */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_step = _resolveComponent("el-step");
|
|
|
|
var _component_el_steps = _resolveComponent("el-steps");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_steps, {
|
|
active: 2,
|
|
"align-center": ""
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_createVNode(_component_el_step, {
|
|
title: "Step 1",
|
|
description: "Some description"
|
|
}), _createVNode(_component_el_step, {
|
|
title: "Step 2",
|
|
description: "Some description"
|
|
}), _createVNode(_component_el_step, {
|
|
title: "Step 3",
|
|
description: "Some description"
|
|
}), _createVNode(_component_el_step, {
|
|
title: "Step 4",
|
|
description: "Some description"
|
|
})];
|
|
}),
|
|
_: 1
|
|
})]);
|
|
}
|
|
|
|
var democomponentExport = {};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo3": function () {
|
|
var _resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_withCtx = vue_esm_browser["eb" /* withCtx */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_step = _resolveComponent("el-step");
|
|
|
|
var _component_el_steps = _resolveComponent("el-steps");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_steps, {
|
|
active: 1
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_createVNode(_component_el_step, {
|
|
title: "Step 1",
|
|
description: "Some description"
|
|
}), _createVNode(_component_el_step, {
|
|
title: "Step 2",
|
|
description: "Some description"
|
|
}), _createVNode(_component_el_step, {
|
|
title: "Step 3",
|
|
description: "Some description"
|
|
})];
|
|
}),
|
|
_: 1
|
|
})]);
|
|
}
|
|
|
|
var democomponentExport = {};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo4": function () {
|
|
var _resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_withCtx = vue_esm_browser["eb" /* withCtx */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_step = _resolveComponent("el-step");
|
|
|
|
var _component_el_steps = _resolveComponent("el-steps");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_steps, {
|
|
active: 1
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_createVNode(_component_el_step, {
|
|
title: "Step 1",
|
|
icon: "el-icon-edit"
|
|
}), _createVNode(_component_el_step, {
|
|
title: "Step 2",
|
|
icon: "el-icon-upload"
|
|
}), _createVNode(_component_el_step, {
|
|
title: "Step 3",
|
|
icon: "el-icon-picture"
|
|
})];
|
|
}),
|
|
_: 1
|
|
})]);
|
|
}
|
|
|
|
var democomponentExport = {};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo5": function () {
|
|
var _resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_withCtx = vue_esm_browser["eb" /* withCtx */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
var _hoisted_1 = {
|
|
style: {
|
|
"height": "300px"
|
|
}
|
|
};
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_step = _resolveComponent("el-step");
|
|
|
|
var _component_el_steps = _resolveComponent("el-steps");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode("div", _hoisted_1, [_createVNode(_component_el_steps, {
|
|
direction: "vertical",
|
|
active: 1
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_createVNode(_component_el_step, {
|
|
title: "Step 1"
|
|
}), _createVNode(_component_el_step, {
|
|
title: "Step 2"
|
|
}), _createVNode(_component_el_step, {
|
|
title: "Step 3"
|
|
})];
|
|
}),
|
|
_: 1
|
|
})])]);
|
|
}
|
|
|
|
var democomponentExport = {};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo6": function () {
|
|
var _resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_withCtx = vue_esm_browser["eb" /* withCtx */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_step = _resolveComponent("el-step");
|
|
|
|
var _component_el_steps = _resolveComponent("el-steps");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_steps, {
|
|
space: 200,
|
|
active: 1,
|
|
simple: ""
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_createVNode(_component_el_step, {
|
|
title: "Step 1",
|
|
icon: "el-icon-edit"
|
|
}), _createVNode(_component_el_step, {
|
|
title: "Step 2",
|
|
icon: "el-icon-upload"
|
|
}), _createVNode(_component_el_step, {
|
|
title: "Step 3",
|
|
icon: "el-icon-picture"
|
|
})];
|
|
}),
|
|
_: 1
|
|
}), _createVNode(_component_el_steps, {
|
|
active: 1,
|
|
"finish-status": "success",
|
|
simple: "",
|
|
style: {
|
|
"margin-top": "20px"
|
|
}
|
|
}, {
|
|
default: _withCtx(function () {
|
|
return [_createVNode(_component_el_step, {
|
|
title: "Step 1"
|
|
}), _createVNode(_component_el_step, {
|
|
title: "Step 2"
|
|
}), _createVNode(_component_el_step, {
|
|
title: "Step 3"
|
|
})];
|
|
}),
|
|
_: 1
|
|
})]);
|
|
}
|
|
|
|
var democomponentExport = {};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}()
|
|
}
|
|
});
|
|
// CONCATENATED MODULE: ./website/docs/es/steps.md?vue&type=script&lang=ts
|
|
|
|
// CONCATENATED MODULE: ./website/docs/es/steps.md
|
|
|
|
|
|
|
|
stepsvue_type_script_lang_ts.render = stepsvue_type_template_id_cabb3150_bindings_render
|
|
|
|
/* harmony default export */ var steps = __webpack_exports__["default"] = (stepsvue_type_script_lang_ts);
|
|
|
|
/***/ })
|
|
|
|
}]); |