mirror of
https://github.com/element-plus/element-plus.git
synced 2025-02-17 11:49:41 +08:00
957 lines
56 KiB
JavaScript
957 lines
56 KiB
JavaScript
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[125],{
|
|
|
|
/***/ 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/jp/alert.md?vue&type=template&id=8c2045c8
|
|
|
|
var _hoisted_1 = {
|
|
class: "content element-doc"
|
|
};
|
|
|
|
var _hoisted_2 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h2", {
|
|
id: "alert"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#alert"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Alert")], -1);
|
|
|
|
var _hoisted_3 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "重要なalertメッセージを表示します。", -1);
|
|
|
|
var _hoisted_4 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "ji-ben-dena-shii-fang"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#ji-ben-dena-shii-fang"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 基本的な使い方")], -1);
|
|
|
|
var _hoisted_5 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "alertコンポーネントは、自動的には消えないページ内の非オーバーレイ要素です。", -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 */])("alertは "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "type"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" で定義された4種類のテーマを提供しており、デフォルト値は "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "info"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" です。")])], -1);
|
|
|
|
var _hoisted_7 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<template>\n <el-alert\n title=\"success alert\"\n type=\"success\">\n </el-alert>\n <el-alert\n title=\"info alert\"\n type=\"info\">\n </el-alert>\n <el-alert\n title=\"warning alert\"\n type=\"warning\">\n </el-alert>\n <el-alert\n title=\"error alert\"\n type=\"error\">\n </el-alert>\n</template>\n")], -1);
|
|
|
|
var _hoisted_8 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "tema"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#tema"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" テーマ")], -1);
|
|
|
|
var _hoisted_9 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, [/*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("alertは、"), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "ライト"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("と"), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "ダーク"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("の2つの異なるテーマを提供しています。")], -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 */])("テーマを変更するために "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "effect"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" を設定します。")])], -1);
|
|
|
|
var _hoisted_11 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<template>\n <el-alert\n title=\"success alert\"\n type=\"success\"\n effect=\"dark\">\n </el-alert>\n <el-alert\n title=\"info alert\"\n type=\"info\"\n effect=\"dark\">\n </el-alert>\n <el-alert\n title=\"warning alert\"\n type=\"warning\"\n effect=\"dark\">\n </el-alert>\n <el-alert\n title=\"error alert\"\n type=\"error\"\n effect=\"dark\">\n </el-alert>\n</template>\n")], -1);
|
|
|
|
var _hoisted_12 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "kasutamaizu-ke-nengnakurozubotan"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#kasutamaizu-ke-nengnakurozubotan"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" カスタマイズ可能なクローズボタン")], -1);
|
|
|
|
var _hoisted_13 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "閉じるボタンをテキストや他の記号にカスタマイズします。", -1);
|
|
|
|
var _hoisted_14 = /*#__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 */])("alertでは、クローズ可能かどうかを設定することができます。閉じるボタンのテキストや閉じるコールバックもカスタマイズ可能です。"), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "closable"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("属性はコンポーネントを閉じられるかどうかを決める。戻り値は "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "boolean"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" で、デフォルトは "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "true"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" です。"), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "close-text"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 属性を設定することで、デフォルトの十字マークを閉じるボタンに置き換えることができます。"), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "close-text"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" は文字列でなければならないので注意が必要である。コンポーネントが閉じられたときに "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "close"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" イベントが発生する。")])], -1);
|
|
|
|
var _hoisted_15 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<template>\n <el-alert\n title=\"unclosable alert\"\n type=\"success\"\n :closable=\"false\">\n </el-alert>\n <el-alert\n title=\"customized close-text\"\n type=\"info\"\n close-text=\"Gotcha\">\n </el-alert>\n <el-alert\n title=\"alert with callback\"\n type=\"warning\"\n @close=\"hello\">\n </el-alert>\n</template>\n\n<script>\n import { defineComponent } from 'vue'\n export default defineComponent({\n setup() {\n const hello = () => {\n alert('Hello World!');\n }\n return {\n hello\n }\n }\n })\n</script>\n")], -1);
|
|
|
|
var _hoisted_16 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "aikon-fuki"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#aikon-fuki"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" アイコン付き")], -1);
|
|
|
|
var _hoisted_17 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "アイコンを表示することで可読性が向上します。", -1);
|
|
|
|
var _hoisted_18 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("div", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "show-icon"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 属性を設定すると、現在のalertタイプに対応するアイコンを表示します。")])], -1);
|
|
|
|
var _hoisted_19 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<template>\n <el-alert\n title=\"success alert\"\n type=\"success\"\n show-icon>\n </el-alert>\n <el-alert\n title=\"info alert\"\n type=\"info\"\n show-icon>\n </el-alert>\n <el-alert\n title=\"warning alert\"\n type=\"warning\"\n show-icon>\n </el-alert>\n <el-alert\n title=\"error alert\"\n type=\"error\"\n show-icon>\n </el-alert>\n</template>\n")], -1);
|
|
|
|
var _hoisted_20 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h2", {
|
|
id: "zhong-yang-jianenotekisuto"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#zhong-yang-jianenotekisuto"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 中央揃えのテキスト")], -1);
|
|
|
|
var _hoisted_21 = /*#__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, "center"), /*#__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"
|
|
}, "<template>\n <el-alert\n title=\"success alert\"\n type=\"success\"\n center\n show-icon>\n </el-alert>\n <el-alert\n title=\"info alert\"\n type=\"info\"\n center\n show-icon>\n </el-alert>\n <el-alert\n title=\"warning alert\"\n type=\"warning\"\n center\n show-icon>\n </el-alert>\n <el-alert\n title=\"error alert\"\n type=\"error\"\n center\n show-icon>\n </el-alert>\n</template>\n")], -1);
|
|
|
|
var _hoisted_23 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "shuo-ming-wen-fuki"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#shuo-ming-wen-fuki"
|
|
}, "¶"), /*#__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 */])("必須の "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "title"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 属性の他に、"), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "description"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 属性を追加することで、alertをより詳細に説明することができます。説明はテキスト文字列のみを格納することができ、自動的にワードラップされます。")])], -1);
|
|
|
|
var _hoisted_26 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<template>\n <el-alert\n title=\"with description\"\n type=\"success\"\n description=\"This is a description.\">\n </el-alert>\n</template>\n")], -1);
|
|
|
|
var _hoisted_27 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "aikonto-shuo-ming-wen-fuki"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#aikonto-shuo-ming-wen-fuki"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" アイコンと説明文付き")], -1);
|
|
|
|
var _hoisted_28 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("div", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "最後に、アイコンと説明文の例です。")], -1);
|
|
|
|
var _hoisted_29 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<template>\n <el-alert\n title=\"success alert\"\n type=\"success\"\n description=\"more text description\"\n show-icon>\n </el-alert>\n <el-alert\n title=\"info alert\"\n type=\"info\"\n description=\"more text description\"\n show-icon>\n </el-alert>\n <el-alert\n title=\"warning alert\"\n type=\"warning\"\n description=\"more text description\"\n show-icon>\n </el-alert>\n <el-alert\n title=\"error alert\"\n type=\"error\"\n description=\"more text description\"\n show-icon>\n </el-alert>\n</template>\n")], -1);
|
|
|
|
var _hoisted_30 = /*#__PURE__*/Object(vue_esm_browser["m" /* createStaticVNode */])("<h3 id=\"shu-xing\"><a class=\"header-anchor\" href=\"#shu-xing\">¶</a> 属性</h3><table><thead><tr><th>Attribute</th><th>Description</th><th>Type</th><th>Accepted Values</th><th>Default</th></tr></thead><tbody><tr><td>title</td><td>タイトル</td><td>string</td><td>—</td><td>—</td></tr><tr><td>type</td><td>コンポーネントタイプ</td><td>string</td><td>success/warning/info/error</td><td>info</td></tr><tr><td>description</td><td>説明的なテキスト。デフォルトのスロット</td><td>string</td><td>—</td><td>—</td></tr><tr><td>closable</td><td>クローズ可能な場合かどうか</td><td>boolean</td><td>—</td><td>true</td></tr><tr><td>center</td><td>テキストを中央に配置するかどうか</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>close-text</td><td>カスタマイズしたクローズボタンのテキスト</td><td>string</td><td>—</td><td>—</td></tr><tr><td>show-icon</td><td>タイプアイコンが表示されているま</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>effect</td><td>テーマを選ぶ</td><td>string</td><td>light/dark</td><td>light</td></tr></tbody></table><h3 id=\"surotuto\"><a class=\"header-anchor\" href=\"#surotuto\">¶</a> スロット</h3><table><thead><tr><th>Name</th><th>Description</th></tr></thead><tbody><tr><td>—</td><td>description</td></tr><tr><td>title</td><td>alertタイトルの内容</td></tr></tbody></table><h3 id=\"ibento\"><a class=\"header-anchor\" href=\"#ibento\">¶</a> イベント</h3><table><thead><tr><th>Event Name</th><th>Description</th><th>Parameters</th></tr></thead><tbody><tr><td>close</td><td>alertが閉じたときにトリガーされます</td><td>—</td></tr></tbody></table>", 6);
|
|
|
|
function alertvue_type_template_id_8c2045c8_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", _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_15];
|
|
}),
|
|
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [_hoisted_14];
|
|
}),
|
|
_: 1
|
|
}), _hoisted_16, _hoisted_17, 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_19];
|
|
}),
|
|
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [_hoisted_18];
|
|
}),
|
|
_: 1
|
|
}), _hoisted_20, _hoisted_21, 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];
|
|
}),
|
|
_: 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, 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_29];
|
|
}),
|
|
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [_hoisted_28];
|
|
}),
|
|
_: 1
|
|
}), _hoisted_30]);
|
|
}
|
|
// CONCATENATED MODULE: ./website/docs/jp/alert.md?vue&type=template&id=8c2045c8
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/extends.js
|
|
var helpers_extends = __webpack_require__(8);
|
|
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/jp/alert.md?vue&type=script&lang=ts
|
|
|
|
|
|
/* harmony default export */ var alertvue_type_script_lang_ts = ({
|
|
name: 'component-doc',
|
|
components: {
|
|
"element-demo0": function () {
|
|
var _resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_alert = _resolveComponent("el-alert");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_alert, {
|
|
title: "success alert",
|
|
type: "success"
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "info alert",
|
|
type: "info"
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "warning alert",
|
|
type: "warning"
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "error alert",
|
|
type: "error"
|
|
})]);
|
|
}
|
|
|
|
var democomponentExport = {};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo1": function () {
|
|
var _resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_alert = _resolveComponent("el-alert");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_alert, {
|
|
title: "success alert",
|
|
type: "success",
|
|
effect: "dark"
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "info alert",
|
|
type: "info",
|
|
effect: "dark"
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "warning alert",
|
|
type: "warning",
|
|
effect: "dark"
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "error alert",
|
|
type: "error",
|
|
effect: "dark"
|
|
})]);
|
|
}
|
|
|
|
var democomponentExport = {};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo2": function () {
|
|
var _resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_alert = _resolveComponent("el-alert");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_alert, {
|
|
title: "unclosable alert",
|
|
type: "success",
|
|
closable: false
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "customized close-text",
|
|
type: "info",
|
|
"close-text": "Gotcha"
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "alert with callback",
|
|
type: "warning",
|
|
onClose: _ctx.hello
|
|
}, null, 8, ["onClose"])]);
|
|
}
|
|
|
|
var defineComponent = vue_esm_browser["q" /* defineComponent */];
|
|
var democomponentExport = defineComponent({
|
|
setup: function setup() {
|
|
var hello = function hello() {
|
|
alert('Hello World!');
|
|
};
|
|
|
|
return {
|
|
hello: hello
|
|
};
|
|
}
|
|
});
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo3": function () {
|
|
var _resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_alert = _resolveComponent("el-alert");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_alert, {
|
|
title: "success alert",
|
|
type: "success",
|
|
"show-icon": ""
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "info alert",
|
|
type: "info",
|
|
"show-icon": ""
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "warning alert",
|
|
type: "warning",
|
|
"show-icon": ""
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "error alert",
|
|
type: "error",
|
|
"show-icon": ""
|
|
})]);
|
|
}
|
|
|
|
var democomponentExport = {};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo4": function () {
|
|
var _resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_alert = _resolveComponent("el-alert");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_alert, {
|
|
title: "success alert",
|
|
type: "success",
|
|
center: "",
|
|
"show-icon": ""
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "info alert",
|
|
type: "info",
|
|
center: "",
|
|
"show-icon": ""
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "warning alert",
|
|
type: "warning",
|
|
center: "",
|
|
"show-icon": ""
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "error alert",
|
|
type: "error",
|
|
center: "",
|
|
"show-icon": ""
|
|
})]);
|
|
}
|
|
|
|
var democomponentExport = {};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo5": function () {
|
|
var _resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_alert = _resolveComponent("el-alert");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_alert, {
|
|
title: "with description",
|
|
type: "success",
|
|
description: "This is a description."
|
|
})]);
|
|
}
|
|
|
|
var democomponentExport = {};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo6": function () {
|
|
var _resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_alert = _resolveComponent("el-alert");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_alert, {
|
|
title: "success alert",
|
|
type: "success",
|
|
description: "more text description",
|
|
"show-icon": ""
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "info alert",
|
|
type: "info",
|
|
description: "more text description",
|
|
"show-icon": ""
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "warning alert",
|
|
type: "warning",
|
|
description: "more text description",
|
|
"show-icon": ""
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "error alert",
|
|
type: "error",
|
|
description: "more text description",
|
|
"show-icon": ""
|
|
})]);
|
|
}
|
|
|
|
var democomponentExport = {};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}()
|
|
}
|
|
});
|
|
// CONCATENATED MODULE: ./website/docs/jp/alert.md?vue&type=script&lang=ts
|
|
|
|
// CONCATENATED MODULE: ./website/docs/jp/alert.md
|
|
|
|
|
|
|
|
alertvue_type_script_lang_ts.render = alertvue_type_template_id_8c2045c8_render
|
|
|
|
/* harmony default export */ var jp_alert = __webpack_exports__["default"] = (alertvue_type_script_lang_ts);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 660:
|
|
/***/ (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/fr-FR/alert.md?vue&type=template&id=666203e2
|
|
|
|
var _hoisted_1 = {
|
|
class: "content element-doc"
|
|
};
|
|
|
|
var _hoisted_2 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h2", {
|
|
id: "alert"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#alert"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Alert")], -1);
|
|
|
|
var _hoisted_3 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Affiche des messages importants.", -1);
|
|
|
|
var _hoisted_4 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "usage"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#usage"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Usage")], -1);
|
|
|
|
var _hoisted_5 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Les Alertes sont des composants non superposés qui ne disparaissent pas automatiquement.", -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 */])("Les Alertes peuvent être de 4 types différents, définit par "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "type"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(", le type par défaut étant "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "info"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(".")])], -1);
|
|
|
|
var _hoisted_7 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<template>\n <el-alert\n title=\"succès\"\n type=\"success\">\n </el-alert>\n <el-alert\n title=\"information\"\n type=\"info\">\n </el-alert>\n <el-alert\n title=\"avertissement\"\n type=\"warning\">\n </el-alert>\n <el-alert\n title=\"erreur\"\n type=\"error\">\n </el-alert>\n</template>\n")], -1);
|
|
|
|
var _hoisted_8 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "theme"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#theme"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Thème")], -1);
|
|
|
|
var _hoisted_9 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, [/*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("Alert fournit deux thèmes différents, "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "light"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" et "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "dark"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(".")], -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 */])("Réglez "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "effect"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" pour changer le thème, le défaut étant "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "light"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(".")])], -1);
|
|
|
|
var _hoisted_11 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<template>\n <el-alert\n title=\"succès\"\n type=\"success\"\n effect=\"dark\">\n </el-alert>\n <el-alert\n title=\"info\"\n type=\"info\"\n effect=\"dark\">\n </el-alert>\n <el-alert\n title=\"avertissement\"\n type=\"warning\"\n effect=\"dark\">\n </el-alert>\n <el-alert\n title=\"erreur\"\n type=\"error\"\n effect=\"dark\">\n </el-alert>\n</template>\n")], -1);
|
|
|
|
var _hoisted_12 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "bouton-personnalisable"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#bouton-personnalisable"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Bouton personnalisable")], -1);
|
|
|
|
var _hoisted_13 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Personnalisez le bouton de fermeture avec du texte ou des symboles.", -1);
|
|
|
|
var _hoisted_14 = /*#__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 */])("Les alertes peuvent être configurées pour être fermables ou non. Le bouton de fermeture et les callbacks sont aussi personnalisables. L'attribut "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "closable"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" détermine si le composant peut être fermé ou non. Il accepte un "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "boolean"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(", la valeur par défaut étant "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "true"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(". Vous pouvez configurer l'attribut "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "close-text"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("pour remplacer la croix du bouton de fermeture. Assurez-vous que "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "close-text"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" soit une chaîne de caractères. L'évènement "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "close"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" se déclenche quand le composant est fermé.")])], -1);
|
|
|
|
var _hoisted_15 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<template>\n <el-alert\n title=\"alerte non fermable\"\n type=\"success\"\n :closable=\"false\">\n </el-alert>\n <el-alert\n title=\"texte de fermeture personnalisé\"\n type=\"info\"\n close-text=\"Gotcha\">\n </el-alert>\n <el-alert\n title=\"alerte avec callback\"\n type=\"warning\"\n @close=\"hello\">\n </el-alert>\n</template>\n\n<script>\n import { defineComponent } from 'vue'\n export default defineComponent({\n setup() {\n const hello = () => {\n alert('Hello World!');\n }\n return {\n hello\n }\n }\n })\n</script>\n")], -1);
|
|
|
|
var _hoisted_16 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "avec-icone"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#avec-icone"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Avec icône")], -1);
|
|
|
|
var _hoisted_17 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Afficher une icône améliore la lisibilité.", -1);
|
|
|
|
var _hoisted_18 = /*#__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 */])("Ajouter l'attribut "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "show-icon"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" affiche une icône correspondant au type de l'alerte.")])], -1);
|
|
|
|
var _hoisted_19 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<template>\n <el-alert\n title=\"succès\"\n type=\"success\"\n show-icon>\n </el-alert>\n <el-alert\n title=\"information\"\n type=\"info\"\n show-icon>\n </el-alert>\n <el-alert\n title=\"avertissement\"\n type=\"warning\"\n show-icon>\n </el-alert>\n <el-alert\n title=\"erreur\"\n type=\"error\"\n show-icon>\n </el-alert>\n</template>\n")], -1);
|
|
|
|
var _hoisted_20 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h2", {
|
|
id: "texte-centre"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#texte-centre"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Texte centré")], -1);
|
|
|
|
var _hoisted_21 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, [/*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("Utilisez l'attribut "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "center"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" pour centrer le texte.")], -1);
|
|
|
|
var _hoisted_22 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<template>\n <el-alert\n title=\"succès\"\n type=\"success\"\n center\n show-icon>\n </el-alert>\n <el-alert\n title=\"information\"\n type=\"info\"\n center\n show-icon>\n </el-alert>\n <el-alert\n title=\"avertissement\"\n type=\"warning\"\n center\n show-icon>\n </el-alert>\n <el-alert\n title=\"erreur\"\n type=\"error\"\n center\n show-icon>\n </el-alert>\n</template>\n")], -1);
|
|
|
|
var _hoisted_23 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "description"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#description"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Description")], -1);
|
|
|
|
var _hoisted_24 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Contient un message avec plus d'informations.", -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 */])("A coté de l'attribut "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "title"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(", vous pouvez ajouter "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "description"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" pour décrire l'alerte avec plus de précisions. Les descriptions ne peuvent contenir que du texte, et les retours à la ligne sont automatiques.")])], -1);
|
|
|
|
var _hoisted_26 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<template>\n <el-alert\n title=\"Titre\"\n type=\"success\"\n description=\"Ceci est la description.\">\n </el-alert>\n</template>\n")], -1);
|
|
|
|
var _hoisted_27 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
|
id: "icone-et-description"
|
|
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
class: "header-anchor",
|
|
href: "#icone-et-description"
|
|
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Icône et description")], -1);
|
|
|
|
var _hoisted_28 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("div", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "Pour finir, voici un exemple utilisant à la fois l'icône et la description.")], -1);
|
|
|
|
var _hoisted_29 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
|
class: "html"
|
|
}, "<template>\n <el-alert\n title=\"succès\"\n type=\"success\"\n description=\"Plus de texte pour décrire.\"\n show-icon>\n </el-alert>\n <el-alert\n title=\"information\"\n type=\"info\"\n description=\"Plus de texte pour décrire.\"\n show-icon>\n </el-alert>\n <el-alert\n title=\"avertissement\"\n type=\"warning\"\n description=\"Plus de texte pour décrire.\"\n show-icon>\n </el-alert>\n <el-alert\n title=\"erreur\"\n type=\"error\"\n description=\"Plus de texte pour décrire.\"\n show-icon>\n </el-alert>\n</template>\n")], -1);
|
|
|
|
var _hoisted_30 = /*#__PURE__*/Object(vue_esm_browser["m" /* createStaticVNode */])("<h3 id=\"attributs\"><a class=\"header-anchor\" href=\"#attributs\">¶</a> Attributs</h3><table><thead><tr><th>Attribut</th><th>Description</th><th>Type</th><th>Valeurs acceptées</th><th>Défaut</th></tr></thead><tbody><tr><td>title</td><td>Titre.</td><td>string</td><td>—</td><td>—</td></tr><tr><td>type</td><td>Type du composant.</td><td>string</td><td>success/warning/info/error</td><td>info</td></tr><tr><td>description</td><td>Texte de description. Peut aussi être passé via le slot par défaut</td><td>string</td><td>—</td><td>—</td></tr><tr><td>closable</td><td>Si peut être fermé ou non.</td><td>boolean</td><td>—</td><td>true</td></tr><tr><td>center</td><td>Si le texte doit être centré ou non.</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>close-text</td><td>Texte personnalisé pour le bouton de fermeture.</td><td>string</td><td>—</td><td>—</td></tr><tr><td>show-icon</td><td>Si une icône s'affiche ou non.</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>effect</td><td>Détermine le thème.</td><td>string</td><td>light/dark</td><td>light</td></tr></tbody></table><h3 id=\"slot\"><a class=\"header-anchor\" href=\"#slot\">¶</a> Slot</h3><table><thead><tr><th>Nom</th><th>Description</th></tr></thead><tbody><tr><td>—</td><td>la description</td></tr><tr><td>title</td><td>Le contenu du titre.</td></tr></tbody></table><h3 id=\"evenements\"><a class=\"header-anchor\" href=\"#evenements\">¶</a> Évènements</h3><table><thead><tr><th>Nom</th><th>Description</th><th>Paramètres</th></tr></thead><tbody><tr><td>close</td><td>Se déclenche lorsque l'alerte est fermée.</td><td>—</td></tr></tbody></table>", 6);
|
|
|
|
function alertvue_type_template_id_666203e2_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", _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_15];
|
|
}),
|
|
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [_hoisted_14];
|
|
}),
|
|
_: 1
|
|
}), _hoisted_16, _hoisted_17, 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_19];
|
|
}),
|
|
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [_hoisted_18];
|
|
}),
|
|
_: 1
|
|
}), _hoisted_20, _hoisted_21, 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];
|
|
}),
|
|
_: 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, 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_29];
|
|
}),
|
|
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
|
return [_hoisted_28];
|
|
}),
|
|
_: 1
|
|
}), _hoisted_30]);
|
|
}
|
|
// CONCATENATED MODULE: ./website/docs/fr-FR/alert.md?vue&type=template&id=666203e2
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/extends.js
|
|
var helpers_extends = __webpack_require__(8);
|
|
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/fr-FR/alert.md?vue&type=script&lang=ts
|
|
|
|
|
|
/* harmony default export */ var alertvue_type_script_lang_ts = ({
|
|
name: 'component-doc',
|
|
components: {
|
|
"element-demo0": function () {
|
|
var _resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_alert = _resolveComponent("el-alert");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_alert, {
|
|
title: "succès",
|
|
type: "success"
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "information",
|
|
type: "info"
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "avertissement",
|
|
type: "warning"
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "erreur",
|
|
type: "error"
|
|
})]);
|
|
}
|
|
|
|
var democomponentExport = {};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo1": function () {
|
|
var _resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_alert = _resolveComponent("el-alert");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_alert, {
|
|
title: "succès",
|
|
type: "success",
|
|
effect: "dark"
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "info",
|
|
type: "info",
|
|
effect: "dark"
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "avertissement",
|
|
type: "warning",
|
|
effect: "dark"
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "erreur",
|
|
type: "error",
|
|
effect: "dark"
|
|
})]);
|
|
}
|
|
|
|
var democomponentExport = {};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo2": function () {
|
|
var _resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_alert = _resolveComponent("el-alert");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_alert, {
|
|
title: "alerte non fermable",
|
|
type: "success",
|
|
closable: false
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "texte de fermeture personnalisé",
|
|
type: "info",
|
|
"close-text": "Gotcha"
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "alerte avec callback",
|
|
type: "warning",
|
|
onClose: _ctx.hello
|
|
}, null, 8, ["onClose"])]);
|
|
}
|
|
|
|
var defineComponent = vue_esm_browser["q" /* defineComponent */];
|
|
var democomponentExport = defineComponent({
|
|
setup: function setup() {
|
|
var hello = function hello() {
|
|
alert('Hello World!');
|
|
};
|
|
|
|
return {
|
|
hello: hello
|
|
};
|
|
}
|
|
});
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo3": function () {
|
|
var _resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_alert = _resolveComponent("el-alert");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_alert, {
|
|
title: "succès",
|
|
type: "success",
|
|
"show-icon": ""
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "information",
|
|
type: "info",
|
|
"show-icon": ""
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "avertissement",
|
|
type: "warning",
|
|
"show-icon": ""
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "erreur",
|
|
type: "error",
|
|
"show-icon": ""
|
|
})]);
|
|
}
|
|
|
|
var democomponentExport = {};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo4": function () {
|
|
var _resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_alert = _resolveComponent("el-alert");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_alert, {
|
|
title: "succès",
|
|
type: "success",
|
|
center: "",
|
|
"show-icon": ""
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "information",
|
|
type: "info",
|
|
center: "",
|
|
"show-icon": ""
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "avertissement",
|
|
type: "warning",
|
|
center: "",
|
|
"show-icon": ""
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "erreur",
|
|
type: "error",
|
|
center: "",
|
|
"show-icon": ""
|
|
})]);
|
|
}
|
|
|
|
var democomponentExport = {};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo5": function () {
|
|
var _resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_alert = _resolveComponent("el-alert");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_alert, {
|
|
title: "Titre",
|
|
type: "success",
|
|
description: "Ceci est la description."
|
|
})]);
|
|
}
|
|
|
|
var democomponentExport = {};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}(),
|
|
"element-demo6": function () {
|
|
var _resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
|
_createVNode = vue_esm_browser["o" /* createVNode */],
|
|
_openBlock = vue_esm_browser["G" /* openBlock */],
|
|
_createBlock = vue_esm_browser["j" /* createBlock */];
|
|
|
|
function render(_ctx, _cache) {
|
|
var _component_el_alert = _resolveComponent("el-alert");
|
|
|
|
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_alert, {
|
|
title: "succès",
|
|
type: "success",
|
|
description: "Plus de texte pour décrire.",
|
|
"show-icon": ""
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "information",
|
|
type: "info",
|
|
description: "Plus de texte pour décrire.",
|
|
"show-icon": ""
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "avertissement",
|
|
type: "warning",
|
|
description: "Plus de texte pour décrire.",
|
|
"show-icon": ""
|
|
}), _createVNode(_component_el_alert, {
|
|
title: "erreur",
|
|
type: "error",
|
|
description: "Plus de texte pour décrire.",
|
|
"show-icon": ""
|
|
})]);
|
|
}
|
|
|
|
var democomponentExport = {};
|
|
return extends_default()({
|
|
render: render
|
|
}, democomponentExport);
|
|
}()
|
|
}
|
|
});
|
|
// CONCATENATED MODULE: ./website/docs/fr-FR/alert.md?vue&type=script&lang=ts
|
|
|
|
// CONCATENATED MODULE: ./website/docs/fr-FR/alert.md
|
|
|
|
|
|
|
|
alertvue_type_script_lang_ts.render = alertvue_type_template_id_666203e2_render
|
|
|
|
/* harmony default export */ var fr_FR_alert = __webpack_exports__["default"] = (alertvue_type_script_lang_ts);
|
|
|
|
/***/ })
|
|
|
|
}]); |