element-plus/DOCS zh-CN6.db2a368e81c0380a78a4.js
2020-11-23 08:47:05 +00:00

926 lines
44 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[243],{
/***/ 470:
/***/ (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/zh-CN/button.md?vue&type=template&id=a2ead1e0&bindings={}
var buttonvue_type_template_id_a2ead1e0_bindings_hoisted_1 = {
class: "content element-doc"
};
var buttonvue_type_template_id_a2ead1e0_bindings_hoisted_2 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h2", {
id: "button-an-niu"
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
class: "header-anchor",
href: "#button-an-niu"
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Button 按钮")], -1);
var buttonvue_type_template_id_a2ead1e0_bindings_hoisted_3 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "常用的操作按钮。", -1);
var buttonvue_type_template_id_a2ead1e0_bindings_hoisted_4 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
id: "ji-chu-yong-fa"
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
class: "header-anchor",
href: "#ji-chu-yong-fa"
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 基础用法")], -1);
var buttonvue_type_template_id_a2ead1e0_bindings_hoisted_5 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "基础的按钮用法。", -1);
var buttonvue_type_template_id_a2ead1e0_bindings_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 */])("使用"), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "type"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("、"), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "plain"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("、"), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "round"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("和"), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "circle"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("属性来定义 Button 的样式。")])], -1);
var buttonvue_type_template_id_a2ead1e0_bindings_hoisted_7 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
class: "html"
}, "<el-row>\n <el-button>默认按钮</el-button>\n <el-button type=\"primary\">主要按钮</el-button>\n <el-button type=\"success\">成功按钮</el-button>\n <el-button type=\"info\">信息按钮</el-button>\n <el-button type=\"warning\">警告按钮</el-button>\n <el-button type=\"danger\">危险按钮</el-button>\n</el-row>\n\n<el-row>\n <el-button plain>朴素按钮</el-button>\n <el-button type=\"primary\" plain>主要按钮</el-button>\n <el-button type=\"success\" plain>成功按钮</el-button>\n <el-button type=\"info\" plain>信息按钮</el-button>\n <el-button type=\"warning\" plain>警告按钮</el-button>\n <el-button type=\"danger\" plain>危险按钮</el-button>\n</el-row>\n\n<el-row>\n <el-button round>圆角按钮</el-button>\n <el-button type=\"primary\" round>主要按钮</el-button>\n <el-button type=\"success\" round>成功按钮</el-button>\n <el-button type=\"info\" round>信息按钮</el-button>\n <el-button type=\"warning\" round>警告按钮</el-button>\n <el-button type=\"danger\" round>危险按钮</el-button>\n</el-row>\n\n<el-row>\n <el-button icon=\"el-icon-search\" circle></el-button>\n <el-button type=\"primary\" icon=\"el-icon-edit\" circle></el-button>\n <el-button type=\"success\" icon=\"el-icon-check\" circle></el-button>\n <el-button type=\"info\" icon=\"el-icon-message\" circle></el-button>\n <el-button type=\"warning\" icon=\"el-icon-star-off\" circle></el-button>\n <el-button type=\"danger\" icon=\"el-icon-delete\" circle></el-button>\n</el-row>\n")], -1);
var buttonvue_type_template_id_a2ead1e0_bindings_hoisted_8 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
id: "jin-yong-zhuang-tai"
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
class: "header-anchor",
href: "#jin-yong-zhuang-tai"
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 禁用状态")], -1);
var buttonvue_type_template_id_a2ead1e0_bindings_hoisted_9 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "按钮不可用状态。", -1);
var buttonvue_type_template_id_a2ead1e0_bindings_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 */])("你可以使用"), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "disabled"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("属性来定义按钮是否可用,它接受一个"), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "Boolean"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("值。")])], -1);
var buttonvue_type_template_id_a2ead1e0_bindings_hoisted_11 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
class: "html"
}, "<el-row>\n <el-button disabled>默认按钮</el-button>\n <el-button type=\"primary\" disabled>主要按钮</el-button>\n <el-button type=\"success\" disabled>成功按钮</el-button>\n <el-button type=\"info\" disabled>信息按钮</el-button>\n <el-button type=\"warning\" disabled>警告按钮</el-button>\n <el-button type=\"danger\" disabled>危险按钮</el-button>\n</el-row>\n\n<el-row>\n <el-button plain disabled>朴素按钮</el-button>\n <el-button type=\"primary\" plain disabled>主要按钮</el-button>\n <el-button type=\"success\" plain disabled>成功按钮</el-button>\n <el-button type=\"info\" plain disabled>信息按钮</el-button>\n <el-button type=\"warning\" plain disabled>警告按钮</el-button>\n <el-button type=\"danger\" plain disabled>危险按钮</el-button>\n</el-row>\n")], -1);
var buttonvue_type_template_id_a2ead1e0_bindings_hoisted_12 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
id: "wen-zi-an-niu"
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
class: "header-anchor",
href: "#wen-zi-an-niu"
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 文字按钮")], -1);
var buttonvue_type_template_id_a2ead1e0_bindings_hoisted_13 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "没有边框和背景色的按钮。", -1);
var buttonvue_type_template_id_a2ead1e0_bindings_hoisted_14 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
class: "html"
}, "<el-button type=\"text\">文字按钮</el-button>\n<el-button type=\"text\" disabled>文字按钮</el-button>\n")], -1);
var buttonvue_type_template_id_a2ead1e0_bindings_hoisted_15 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
id: "tu-biao-an-niu"
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
class: "header-anchor",
href: "#tu-biao-an-niu"
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 图标按钮")], -1);
var buttonvue_type_template_id_a2ead1e0_bindings_hoisted_16 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "带图标的按钮可增强辨识度(有文字)或节省空间(无文字)。", -1);
var buttonvue_type_template_id_a2ead1e0_bindings_hoisted_17 = /*#__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 */])("设置"), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "icon"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("属性即可icon 的列表可以参考 Element Plus 的 icon 组件,也可以设置在文字右边的 icon ,只要使用"), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "i"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("标签即可,可以使用自定义图标。")])], -1);
var buttonvue_type_template_id_a2ead1e0_bindings_hoisted_18 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
class: "html"
}, "<el-button type=\"primary\" icon=\"el-icon-edit\"></el-button>\n<el-button type=\"primary\" icon=\"el-icon-share\"></el-button>\n<el-button type=\"primary\" icon=\"el-icon-delete\"></el-button>\n<el-button type=\"primary\" icon=\"el-icon-search\">搜索</el-button>\n<el-button type=\"primary\">上传<i class=\"el-icon-upload el-icon--right\"></i></el-button>\n")], -1);
var _hoisted_19 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
id: "an-niu-zu"
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
class: "header-anchor",
href: "#an-niu-zu"
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 按钮组")], -1);
var _hoisted_20 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "以按钮组的方式出现,常用于多项类似操作。", -1);
var _hoisted_21 = /*#__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 */])("使用"), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "<el-button-group>"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("标签来嵌套你的按钮。")])], -1);
var _hoisted_22 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
class: "html"
}, "<el-button-group>\n <el-button type=\"primary\" icon=\"el-icon-arrow-left\">上一页</el-button>\n <el-button type=\"primary\">下一页<i class=\"el-icon-arrow-right el-icon--right\"></i></el-button>\n</el-button-group>\n<el-button-group>\n <el-button type=\"primary\" icon=\"el-icon-edit\"></el-button>\n <el-button type=\"primary\" icon=\"el-icon-share\"></el-button>\n <el-button type=\"primary\" icon=\"el-icon-delete\"></el-button>\n</el-button-group>\n")], -1);
var _hoisted_23 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
id: "jia-zai-zhong"
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
class: "header-anchor",
href: "#jia-zai-zhong"
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 加载中")], -1);
var _hoisted_24 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "点击按钮后进行数据加载操作,在按钮上显示加载状态。", -1);
var _hoisted_25 = /*#__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 */])("要设置为 loading 状态,只要设置"), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "loading"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("属性为"), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "true"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("即可。")])], -1);
var _hoisted_26 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
class: "html"
}, "<el-button type=\"primary\" :loading=\"true\">加载中</el-button>\n")], -1);
var _hoisted_27 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
id: "bu-tong-chi-cun"
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
class: "header-anchor",
href: "#bu-tong-chi-cun"
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 不同尺寸")], -1);
var _hoisted_28 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Button 组件提供除了默认值以外的三种尺寸,可以在不同场景下选择合适的按钮尺寸。", -1);
var _hoisted_29 = /*#__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 */])("额外的尺寸:"), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "medium"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("、"), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "small"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("、"), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "mini"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(",通过设置"), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "size"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("属性来配置它们。")])], -1);
var _hoisted_30 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
class: "html"
}, "<el-row>\n <el-button>默认按钮</el-button>\n <el-button size=\"medium\">中等按钮</el-button>\n <el-button size=\"small\">小型按钮</el-button>\n <el-button size=\"mini\">超小按钮</el-button>\n</el-row>\n<el-row>\n <el-button round>默认按钮</el-button>\n <el-button size=\"medium\" round>中等按钮</el-button>\n <el-button size=\"small\" round>小型按钮</el-button>\n <el-button size=\"mini\" round>超小按钮</el-button>\n</el-row>\n")], -1);
var _hoisted_31 = /*#__PURE__*/Object(vue_esm_browser["m" /* createStaticVNode */])("<h3 id=\"attributes\"><a class=\"header-anchor\" href=\"#attributes\">¶</a> Attributes</h3><table><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>size</td><td>尺寸</td><td>string</td><td>medium / small / mini</td><td>—</td></tr><tr><td>type</td><td>类型</td><td>string</td><td>primary / success / warning / danger / info / text</td><td>—</td></tr><tr><td>plain</td><td>是否朴素按钮</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>round</td><td>是否圆角按钮</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>circle</td><td>是否圆形按钮</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>loading</td><td>是否加载中状态</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>disabled</td><td>是否禁用状态</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>icon</td><td>图标类名</td><td>string</td><td>—</td><td>—</td></tr><tr><td>autofocus</td><td>是否默认聚焦</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>native-type</td><td>原生 type 属性</td><td>string</td><td>button / submit / reset</td><td>button</td></tr></tbody></table>", 2);
function buttonvue_type_template_id_a2ead1e0_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", buttonvue_type_template_id_a2ead1e0_bindings_hoisted_1, [buttonvue_type_template_id_a2ead1e0_bindings_hoisted_2, buttonvue_type_template_id_a2ead1e0_bindings_hoisted_3, buttonvue_type_template_id_a2ead1e0_bindings_hoisted_4, buttonvue_type_template_id_a2ead1e0_bindings_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 [buttonvue_type_template_id_a2ead1e0_bindings_hoisted_7];
}),
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
return [buttonvue_type_template_id_a2ead1e0_bindings_hoisted_6];
}),
_: 1
}), buttonvue_type_template_id_a2ead1e0_bindings_hoisted_8, buttonvue_type_template_id_a2ead1e0_bindings_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 [buttonvue_type_template_id_a2ead1e0_bindings_hoisted_11];
}),
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
return [buttonvue_type_template_id_a2ead1e0_bindings_hoisted_10];
}),
_: 1
}), buttonvue_type_template_id_a2ead1e0_bindings_hoisted_12, buttonvue_type_template_id_a2ead1e0_bindings_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 [buttonvue_type_template_id_a2ead1e0_bindings_hoisted_14];
}),
_: 1
}), buttonvue_type_template_id_a2ead1e0_bindings_hoisted_15, buttonvue_type_template_id_a2ead1e0_bindings_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 [buttonvue_type_template_id_a2ead1e0_bindings_hoisted_18];
}),
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
return [buttonvue_type_template_id_a2ead1e0_bindings_hoisted_17];
}),
_: 1
}), _hoisted_19, _hoisted_20, 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_22];
}),
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
return [_hoisted_21];
}),
_: 1
}), _hoisted_23, _hoisted_24, 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_26];
}),
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
return [_hoisted_25];
}),
_: 1
}), _hoisted_27, _hoisted_28, 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_30];
}),
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
return [_hoisted_29];
}),
_: 1
}), _hoisted_31]);
}
// CONCATENATED MODULE: ./website/docs/zh-CN/button.md?vue&type=template&id=a2ead1e0&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/zh-CN/button.md?vue&type=script&lang=ts
/* harmony default export */ var buttonvue_type_script_lang_ts = ({
name: 'component-doc',
components: {
"element-demo0": function () {
var _createTextVNode = vue_esm_browser["n" /* createTextVNode */],
_resolveComponent = vue_esm_browser["P" /* resolveComponent */],
_withCtx = vue_esm_browser["eb" /* withCtx */],
_createVNode = vue_esm_browser["o" /* createVNode */],
_openBlock = vue_esm_browser["G" /* openBlock */],
_createBlock = vue_esm_browser["j" /* createBlock */];
var _hoisted_1 = /*#__PURE__*/_createTextVNode("默认按钮");
var _hoisted_2 = /*#__PURE__*/_createTextVNode("主要按钮");
var _hoisted_3 = /*#__PURE__*/_createTextVNode("成功按钮");
var _hoisted_4 = /*#__PURE__*/_createTextVNode("信息按钮");
var _hoisted_5 = /*#__PURE__*/_createTextVNode("警告按钮");
var _hoisted_6 = /*#__PURE__*/_createTextVNode("危险按钮");
var _hoisted_7 = /*#__PURE__*/_createTextVNode("朴素按钮");
var _hoisted_8 = /*#__PURE__*/_createTextVNode("主要按钮");
var _hoisted_9 = /*#__PURE__*/_createTextVNode("成功按钮");
var _hoisted_10 = /*#__PURE__*/_createTextVNode("信息按钮");
var _hoisted_11 = /*#__PURE__*/_createTextVNode("警告按钮");
var _hoisted_12 = /*#__PURE__*/_createTextVNode("危险按钮");
var _hoisted_13 = /*#__PURE__*/_createTextVNode("圆角按钮");
var _hoisted_14 = /*#__PURE__*/_createTextVNode("主要按钮");
var _hoisted_15 = /*#__PURE__*/_createTextVNode("成功按钮");
var _hoisted_16 = /*#__PURE__*/_createTextVNode("信息按钮");
var _hoisted_17 = /*#__PURE__*/_createTextVNode("警告按钮");
var _hoisted_18 = /*#__PURE__*/_createTextVNode("危险按钮");
function render(_ctx, _cache) {
var _component_el_button = _resolveComponent("el-button");
var _component_el_row = _resolveComponent("el-row");
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_row, null, {
default: _withCtx(function () {
return [_createVNode(_component_el_button, null, {
default: _withCtx(function () {
return [_hoisted_1];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "primary"
}, {
default: _withCtx(function () {
return [_hoisted_2];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "success"
}, {
default: _withCtx(function () {
return [_hoisted_3];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "info"
}, {
default: _withCtx(function () {
return [_hoisted_4];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "warning"
}, {
default: _withCtx(function () {
return [_hoisted_5];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "danger"
}, {
default: _withCtx(function () {
return [_hoisted_6];
}),
_: 1
})];
}),
_: 1
}), _createVNode(_component_el_row, null, {
default: _withCtx(function () {
return [_createVNode(_component_el_button, {
plain: ""
}, {
default: _withCtx(function () {
return [_hoisted_7];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "primary",
plain: ""
}, {
default: _withCtx(function () {
return [_hoisted_8];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "success",
plain: ""
}, {
default: _withCtx(function () {
return [_hoisted_9];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "info",
plain: ""
}, {
default: _withCtx(function () {
return [_hoisted_10];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "warning",
plain: ""
}, {
default: _withCtx(function () {
return [_hoisted_11];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "danger",
plain: ""
}, {
default: _withCtx(function () {
return [_hoisted_12];
}),
_: 1
})];
}),
_: 1
}), _createVNode(_component_el_row, null, {
default: _withCtx(function () {
return [_createVNode(_component_el_button, {
round: ""
}, {
default: _withCtx(function () {
return [_hoisted_13];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "primary",
round: ""
}, {
default: _withCtx(function () {
return [_hoisted_14];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "success",
round: ""
}, {
default: _withCtx(function () {
return [_hoisted_15];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "info",
round: ""
}, {
default: _withCtx(function () {
return [_hoisted_16];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "warning",
round: ""
}, {
default: _withCtx(function () {
return [_hoisted_17];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "danger",
round: ""
}, {
default: _withCtx(function () {
return [_hoisted_18];
}),
_: 1
})];
}),
_: 1
}), _createVNode(_component_el_row, null, {
default: _withCtx(function () {
return [_createVNode(_component_el_button, {
icon: "el-icon-search",
circle: ""
}), _createVNode(_component_el_button, {
type: "primary",
icon: "el-icon-edit",
circle: ""
}), _createVNode(_component_el_button, {
type: "success",
icon: "el-icon-check",
circle: ""
}), _createVNode(_component_el_button, {
type: "info",
icon: "el-icon-message",
circle: ""
}), _createVNode(_component_el_button, {
type: "warning",
icon: "el-icon-star-off",
circle: ""
}), _createVNode(_component_el_button, {
type: "danger",
icon: "el-icon-delete",
circle: ""
})];
}),
_: 1
})]);
}
var democomponentExport = {};
return extends_default()({
render: render
}, democomponentExport);
}(),
"element-demo1": function () {
var _createTextVNode = vue_esm_browser["n" /* createTextVNode */],
_resolveComponent = vue_esm_browser["P" /* resolveComponent */],
_withCtx = vue_esm_browser["eb" /* withCtx */],
_createVNode = vue_esm_browser["o" /* createVNode */],
_openBlock = vue_esm_browser["G" /* openBlock */],
_createBlock = vue_esm_browser["j" /* createBlock */];
var _hoisted_1 = /*#__PURE__*/_createTextVNode("默认按钮");
var _hoisted_2 = /*#__PURE__*/_createTextVNode("主要按钮");
var _hoisted_3 = /*#__PURE__*/_createTextVNode("成功按钮");
var _hoisted_4 = /*#__PURE__*/_createTextVNode("信息按钮");
var _hoisted_5 = /*#__PURE__*/_createTextVNode("警告按钮");
var _hoisted_6 = /*#__PURE__*/_createTextVNode("危险按钮");
var _hoisted_7 = /*#__PURE__*/_createTextVNode("朴素按钮");
var _hoisted_8 = /*#__PURE__*/_createTextVNode("主要按钮");
var _hoisted_9 = /*#__PURE__*/_createTextVNode("成功按钮");
var _hoisted_10 = /*#__PURE__*/_createTextVNode("信息按钮");
var _hoisted_11 = /*#__PURE__*/_createTextVNode("警告按钮");
var _hoisted_12 = /*#__PURE__*/_createTextVNode("危险按钮");
function render(_ctx, _cache) {
var _component_el_button = _resolveComponent("el-button");
var _component_el_row = _resolveComponent("el-row");
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_row, null, {
default: _withCtx(function () {
return [_createVNode(_component_el_button, {
disabled: ""
}, {
default: _withCtx(function () {
return [_hoisted_1];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "primary",
disabled: ""
}, {
default: _withCtx(function () {
return [_hoisted_2];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "success",
disabled: ""
}, {
default: _withCtx(function () {
return [_hoisted_3];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "info",
disabled: ""
}, {
default: _withCtx(function () {
return [_hoisted_4];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "warning",
disabled: ""
}, {
default: _withCtx(function () {
return [_hoisted_5];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "danger",
disabled: ""
}, {
default: _withCtx(function () {
return [_hoisted_6];
}),
_: 1
})];
}),
_: 1
}), _createVNode(_component_el_row, null, {
default: _withCtx(function () {
return [_createVNode(_component_el_button, {
plain: "",
disabled: ""
}, {
default: _withCtx(function () {
return [_hoisted_7];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "primary",
plain: "",
disabled: ""
}, {
default: _withCtx(function () {
return [_hoisted_8];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "success",
plain: "",
disabled: ""
}, {
default: _withCtx(function () {
return [_hoisted_9];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "info",
plain: "",
disabled: ""
}, {
default: _withCtx(function () {
return [_hoisted_10];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "warning",
plain: "",
disabled: ""
}, {
default: _withCtx(function () {
return [_hoisted_11];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "danger",
plain: "",
disabled: ""
}, {
default: _withCtx(function () {
return [_hoisted_12];
}),
_: 1
})];
}),
_: 1
})]);
}
var democomponentExport = {};
return extends_default()({
render: render
}, democomponentExport);
}(),
"element-demo2": function () {
var _createTextVNode = vue_esm_browser["n" /* createTextVNode */],
_resolveComponent = vue_esm_browser["P" /* resolveComponent */],
_withCtx = vue_esm_browser["eb" /* withCtx */],
_createVNode = vue_esm_browser["o" /* createVNode */],
_openBlock = vue_esm_browser["G" /* openBlock */],
_createBlock = vue_esm_browser["j" /* createBlock */];
var _hoisted_1 = /*#__PURE__*/_createTextVNode("文字按钮");
var _hoisted_2 = /*#__PURE__*/_createTextVNode("文字按钮");
function render(_ctx, _cache) {
var _component_el_button = _resolveComponent("el-button");
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_button, {
type: "text"
}, {
default: _withCtx(function () {
return [_hoisted_1];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "text",
disabled: ""
}, {
default: _withCtx(function () {
return [_hoisted_2];
}),
_: 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 */],
_createTextVNode = vue_esm_browser["n" /* createTextVNode */],
_withCtx = vue_esm_browser["eb" /* withCtx */],
_openBlock = vue_esm_browser["G" /* openBlock */],
_createBlock = vue_esm_browser["j" /* createBlock */];
var _hoisted_1 = /*#__PURE__*/_createTextVNode("搜索");
var _hoisted_2 = /*#__PURE__*/_createTextVNode("上传");
var _hoisted_3 = /*#__PURE__*/_createVNode("i", {
class: "el-icon-upload el-icon--right"
}, null, -1);
function render(_ctx, _cache) {
var _component_el_button = _resolveComponent("el-button");
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_button, {
type: "primary",
icon: "el-icon-edit"
}), _createVNode(_component_el_button, {
type: "primary",
icon: "el-icon-share"
}), _createVNode(_component_el_button, {
type: "primary",
icon: "el-icon-delete"
}), _createVNode(_component_el_button, {
type: "primary",
icon: "el-icon-search"
}, {
default: _withCtx(function () {
return [_hoisted_1];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "primary"
}, {
default: _withCtx(function () {
return [_hoisted_2, _hoisted_3];
}),
_: 1
})]);
}
var democomponentExport = {};
return extends_default()({
render: render
}, democomponentExport);
}(),
"element-demo4": function () {
var _createTextVNode = vue_esm_browser["n" /* createTextVNode */],
_resolveComponent = vue_esm_browser["P" /* resolveComponent */],
_withCtx = vue_esm_browser["eb" /* withCtx */],
_createVNode = vue_esm_browser["o" /* createVNode */],
_openBlock = vue_esm_browser["G" /* openBlock */],
_createBlock = vue_esm_browser["j" /* createBlock */];
var _hoisted_1 = /*#__PURE__*/_createTextVNode("上一页");
var _hoisted_2 = /*#__PURE__*/_createTextVNode("下一页");
var _hoisted_3 = /*#__PURE__*/_createVNode("i", {
class: "el-icon-arrow-right el-icon--right"
}, null, -1);
function render(_ctx, _cache) {
var _component_el_button = _resolveComponent("el-button");
var _component_el_button_group = _resolveComponent("el-button-group");
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_button_group, null, {
default: _withCtx(function () {
return [_createVNode(_component_el_button, {
type: "primary",
icon: "el-icon-arrow-left"
}, {
default: _withCtx(function () {
return [_hoisted_1];
}),
_: 1
}), _createVNode(_component_el_button, {
type: "primary"
}, {
default: _withCtx(function () {
return [_hoisted_2, _hoisted_3];
}),
_: 1
})];
}),
_: 1
}), _createVNode(_component_el_button_group, null, {
default: _withCtx(function () {
return [_createVNode(_component_el_button, {
type: "primary",
icon: "el-icon-edit"
}), _createVNode(_component_el_button, {
type: "primary",
icon: "el-icon-share"
}), _createVNode(_component_el_button, {
type: "primary",
icon: "el-icon-delete"
})];
}),
_: 1
})]);
}
var democomponentExport = {};
return extends_default()({
render: render
}, democomponentExport);
}(),
"element-demo5": function () {
var _createTextVNode = vue_esm_browser["n" /* createTextVNode */],
_resolveComponent = vue_esm_browser["P" /* resolveComponent */],
_withCtx = vue_esm_browser["eb" /* withCtx */],
_createVNode = vue_esm_browser["o" /* createVNode */],
_openBlock = vue_esm_browser["G" /* openBlock */],
_createBlock = vue_esm_browser["j" /* createBlock */];
var _hoisted_1 = /*#__PURE__*/_createTextVNode("加载中");
function render(_ctx, _cache) {
var _component_el_button = _resolveComponent("el-button");
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_button, {
type: "primary",
loading: true
}, {
default: _withCtx(function () {
return [_hoisted_1];
}),
_: 1
})]);
}
var democomponentExport = {};
return extends_default()({
render: render
}, democomponentExport);
}(),
"element-demo6": function () {
var _createTextVNode = vue_esm_browser["n" /* createTextVNode */],
_resolveComponent = vue_esm_browser["P" /* resolveComponent */],
_withCtx = vue_esm_browser["eb" /* withCtx */],
_createVNode = vue_esm_browser["o" /* createVNode */],
_openBlock = vue_esm_browser["G" /* openBlock */],
_createBlock = vue_esm_browser["j" /* createBlock */];
var _hoisted_1 = /*#__PURE__*/_createTextVNode("默认按钮");
var _hoisted_2 = /*#__PURE__*/_createTextVNode("中等按钮");
var _hoisted_3 = /*#__PURE__*/_createTextVNode("小型按钮");
var _hoisted_4 = /*#__PURE__*/_createTextVNode("超小按钮");
var _hoisted_5 = /*#__PURE__*/_createTextVNode("默认按钮");
var _hoisted_6 = /*#__PURE__*/_createTextVNode("中等按钮");
var _hoisted_7 = /*#__PURE__*/_createTextVNode("小型按钮");
var _hoisted_8 = /*#__PURE__*/_createTextVNode("超小按钮");
function render(_ctx, _cache) {
var _component_el_button = _resolveComponent("el-button");
var _component_el_row = _resolveComponent("el-row");
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_row, null, {
default: _withCtx(function () {
return [_createVNode(_component_el_button, null, {
default: _withCtx(function () {
return [_hoisted_1];
}),
_: 1
}), _createVNode(_component_el_button, {
size: "medium"
}, {
default: _withCtx(function () {
return [_hoisted_2];
}),
_: 1
}), _createVNode(_component_el_button, {
size: "small"
}, {
default: _withCtx(function () {
return [_hoisted_3];
}),
_: 1
}), _createVNode(_component_el_button, {
size: "mini"
}, {
default: _withCtx(function () {
return [_hoisted_4];
}),
_: 1
})];
}),
_: 1
}), _createVNode(_component_el_row, null, {
default: _withCtx(function () {
return [_createVNode(_component_el_button, {
round: ""
}, {
default: _withCtx(function () {
return [_hoisted_5];
}),
_: 1
}), _createVNode(_component_el_button, {
size: "medium",
round: ""
}, {
default: _withCtx(function () {
return [_hoisted_6];
}),
_: 1
}), _createVNode(_component_el_button, {
size: "small",
round: ""
}, {
default: _withCtx(function () {
return [_hoisted_7];
}),
_: 1
}), _createVNode(_component_el_button, {
size: "mini",
round: ""
}, {
default: _withCtx(function () {
return [_hoisted_8];
}),
_: 1
})];
}),
_: 1
})]);
}
var democomponentExport = {};
return extends_default()({
render: render
}, democomponentExport);
}()
}
});
// CONCATENATED MODULE: ./website/docs/zh-CN/button.md?vue&type=script&lang=ts
// CONCATENATED MODULE: ./website/docs/zh-CN/button.md
buttonvue_type_script_lang_ts.render = buttonvue_type_template_id_a2ead1e0_bindings_render
/* harmony default export */ var zh_CN_button = __webpack_exports__["default"] = (buttonvue_type_script_lang_ts);
/***/ })
}]);