代码拉取完成，页面将自动刷新
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[191],{
/***/ 935:
/***/ (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.prod.js
var vue_esm_browser_prod = __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--3-0!./website/md-loader!./website/docs/fr-FR/rate.md?vue&type=template&id=b6485366
const ratevue_type_template_id_b6485366_hoisted_1 = {
class: "content element-doc"
};
const ratevue_type_template_id_b6485366_hoisted_2 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Rate ");
const ratevue_type_template_id_b6485366_hoisted_3 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "Utilisé pour donner une note sur cinq étoiles.", -1);
const ratevue_type_template_id_b6485366_hoisted_4 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Usage ");
const _hoisted_5 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Rate divise les scores en trois niveaux et ces niveaux peuvent être distingués en utilisant différentes couleurs de fond. Par défaut ces couleurs sont identiques, mais vous pouvez affecter un tableau des codes couleur à l'attribut "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "colors"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(", ainsi que les deux seuils via "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "low-threshold"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" et "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "high-threshold"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(". Vous pouvez aussi les affecter avec un objet dont la clé est le seuil et la valeur est la couleur correspondante.")])], -1);
const _hoisted_6 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
class: "html"
}, "<div class=\"block\">\n <span class=\"demonstration\">Défaut</span>\n <el-rate v-model=\"value1\"></el-rate>\n</div>\n<div class=\"block\">\n <span class=\"demonstration\">Couleurs pour chaque niveau</span>\n <el-rate v-model=\"value2\" :colors=\"colors\"> </el-rate>\n</div>\n\n<script>\n export default {\n data() {\n return {\n value1: null,\n value2: null,\n colors: ['#99A9BF', '#F7BA2A', '#FF9900'], // same as { 2: '#99A9BF', 4: { value: '#F7BA2A', excluded: true }, 5: '#FF9900' }\n }\n },\n }\n</script>\n<!--\n<setup>\n\n import { defineComponent, ref } from 'vue';\n\n export default defineComponent({\n setup() {\n return {\n value1: ref(null),\n value2: ref(null),\n colors: ref(['#99A9BF', '#F7BA2A', '#FF9900']), // same as { 2: '#99A9BF', 4: { value: '#F7BA2A', excluded: true }, 5: '#FF9900' }\n };\n },\n });\n\n</setup>\n-->\n")], -1);
const _hoisted_7 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Demi-sélection autorisée ");
const _hoisted_8 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Ajoutez l'attribut "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "allow-half"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" Demi-étoile autorisée")])], -1);
const _hoisted_9 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
class: "html"
}, "<div class=\"block\">\n <el-rate v-model=\"value\" allow-half />\n</div>\n\n<script>\n export default {\n data() {\n return {\n value: null,\n }\n },\n }\n</script>\n<!--\n<setup>\n\n import { defineComponent, ref } from 'vue';\n\n export default defineComponent({\n setup() {\n return {\n value: ref(null),\n };\n },\n });\n\n</setup>\n-->\n")], -1);
const _hoisted_10 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Avec du texte ");
const _hoisted_11 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "Vous pouvez ajouter du texte à chaque score.", -1);
const _hoisted_12 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Ajoutez l'attribut "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "show-text"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" pour afficher du texte à droite des étoiles. Vous pouvez choisir les textes avec l'attribut "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "texts"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(". C'est un tableau dont la taille doit être égale au score max "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "max"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(".")])], -1);
const _hoisted_13 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
class: "html"
}, "<el-rate\n v-model=\"value\"\n :texts=\"['oops', 'disappointed', 'normal', 'good', 'great']\"\n show-text\n>\n</el-rate>\n\n<script>\n export default {\n data() {\n return {\n value: null,\n }\n },\n }\n</script>\n<!--\n<setup>\n\n import { defineComponent, ref } from 'vue';\n\n export default defineComponent({\n setup() {\n return {\n value: ref(null),\n };\n },\n });\n\n</setup>\n-->\n")], -1);
const _hoisted_14 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Plus d'icônes ");
const _hoisted_15 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "Vous pouvez utiliser différentes icônes pour chaque", -1);
const _hoisted_16 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Vous pouvez personnaliser les icônes en passant à "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "icon-classes"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" un tableau avec trois éléments ou un objet dont la clé est le seuil entre deux niveaux et la valeur la classe d'icônes correspondante. Dans cet exemple, nous utilisons aussi "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "void-icon-class"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" qui permet de choisir d'autres valeurs non sélectionnées.")])], -1);
const _hoisted_17 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
class: "html"
}, "<el-rate\n v-model=\"value\"\n :icon-classes=\"iconClasses\"\n void-icon-class=\"icon-rate-face-off\"\n :colors=\"['#99A9BF', '#F7BA2A', '#FF9900']\"\n>\n</el-rate>\n\n<script>\n export default {\n data() {\n return {\n value: null,\n iconClasses: [\n 'icon-rate-face-1',\n 'icon-rate-face-2',\n 'icon-rate-face-3',\n ], // same as { 2: 'icon-rate-face-1', 4: { value: 'icon-rate-face-2', excluded: true }, 5: 'icon-rate-face-3' }\n }\n },\n }\n</script>\n<!--\n<setup>\n\n import { defineComponent, ref } from 'vue';\n\n export default defineComponent({\n setup() {\n return {\n value: ref(null),\n iconClasses: ref(['icon-rate-face-1', 'icon-rate-face-2', 'icon-rate-face-3']), // same as { 2: 'icon-rate-face-1', 4: { value: 'icon-rate-face-2', excluded: true }, 5: 'icon-rate-face-3' }\n };\n },\n });\n\n</setup>\n-->\n")], -1);
const _hoisted_18 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Lecture seule ");
const _hoisted_19 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "Le score peut être en lecture seule. Les demi-étoiles sont supportées.", -1);
const _hoisted_20 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Utilisez "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "disabled"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" pour mettre le composant en lecture seule. Ajoutez "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "show-score"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" pour afficher le score à droite des étoiles. De plus, vous pouvez utiliser "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "score-template"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" pour déterminer un template. Il doit contenir "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "{value}"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" qui sera remplacé par la valeur du score.")])], -1);
const _hoisted_21 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
class: "html"
}, "<el-rate\n v-model=\"value\"\n disabled\n show-score\n text-color=\"#ff9900\"\n score-template=\"{value} points\"\n>\n</el-rate>\n\n<script>\n export default {\n data() {\n return {\n value: 3.7,\n }\n },\n }\n</script>\n<!--\n<setup>\n\n import { defineComponent, ref } from 'vue';\n\n export default defineComponent({\n setup() {\n return {\n value: ref(3.7),\n };\n },\n });\n\n</setup>\n-->\n")], -1);
const _hoisted_22 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Attributs ");
const _hoisted_23 = /*#__PURE__*/Object(vue_esm_browser_prod["createStaticVNode"])("<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>model-value / v-model</td><td>La valeur liée.</td><td>number</td><td>—</td><td>0</td></tr><tr><td>max</td><td>Score maximum.</td><td>number</td><td>—</td><td>5</td></tr><tr><td>disabled</td><td>Si le score est en lecture seule.</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>allow-half</td><td>Si les demi-étoiles sont autorisées.</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>low-threshold</td><td>Seuil entre les niveaux bas et moyen. La valeur sera incluse dans le niveau bas.</td><td>number</td><td>—</td><td>2</td></tr><tr><td>high-threshold</td><td>Seuil entre les niveaux moyen et haut. La valeur sera incluse entre dans le niveau haut.</td><td>number</td><td>—</td><td>4</td></tr><tr><td>colors</td><td>colors for icons. Si c'est un array, il doit avoir 3 élements, chacun correspondant à un niveau. Si c'est un objet, la clé est le seuil entre deux niveaux et la valeur est la couleur correspondante.</td><td>array/object</td><td>—</td><td>['#F7BA2A', '#F7BA2A', '#F7BA2A']</td></tr><tr><td>void-color</td><td>Couleur des icônes non sélectionnées.</td><td>string</td><td>—</td><td>#C6D1DE</td></tr><tr><td>disabled-void-color</td><td>Couleur des icônes non sélectionnées en lecture seule.</td><td>string</td><td>—</td><td>#EFF2F7</td></tr><tr><td>icon-classes</td><td>Noms de classe des icônes. Si c'est un array, il doit avoir 3 élements, chacun correspondant à un niveau. Si c'est un objet, la clé est le seuil entre deux niveaux et la valeur est le nom de classe de l'icône.</td><td>array/object</td><td>—</td><td>['el-icon-star-on', 'el-icon-star-on','el-icon-star-on']</td></tr><tr><td>void-icon-class</td><td>Classe des icônes non sélectionnées.</td><td>string</td><td>—</td><td>el-icon-star-off</td></tr><tr><td>disabled-void-icon-class</td><td>Classe des icônes non sélectionnées en lecture seule.</td><td>string</td><td>—</td><td>el-icon-star-on</td></tr><tr><td>show-text</td><td>Si du texte doit apparaître à droite des étoiles.</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>show-score</td><td>Si le score doit apparaître. Incompatible avec show-text.</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>text-color</td><td>Couleur du texte.</td><td>string</td><td>—</td><td>#1F2D3D</td></tr><tr><td>texts</td><td>Label des différents scores.</td><td>array</td><td>—</td><td>['极差', '失望', '一般', '满意', '惊喜']</td></tr><tr><td>score-template</td><td>Template du score.</td><td>string</td><td>—</td><td>{value}</td></tr></tbody></table>", 1);
const _hoisted_24 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Évènements ");
const _hoisted_25 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("table", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("thead", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Nom"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Description"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Paramètres")])]), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tbody", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "change"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "Se déclenche quand la valeur change."), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "Valeur après le changement.")])])], -1);
function ratevue_type_template_id_b6485366_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_app_link = Object(vue_esm_browser_prod["resolveComponent"])("app-link");
const _component_app_heading = Object(vue_esm_browser_prod["resolveComponent"])("app-heading");
const _component_element_demo0 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo0");
const _component_demo_block = Object(vue_esm_browser_prod["resolveComponent"])("demo-block");
const _component_element_demo1 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo1");
const _component_element_demo2 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo2");
const _component_element_demo3 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo3");
const _component_element_demo4 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo4");
const _component_right_nav = Object(vue_esm_browser_prod["resolveComponent"])("right-nav");
return Object(vue_esm_browser_prod["openBlock"])(), Object(vue_esm_browser_prod["createElementBlock"])("section", ratevue_type_template_id_b6485366_hoisted_1, [Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "rate",
content: "Rate",
href: "#rate",
level: "2"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [ratevue_type_template_id_b6485366_hoisted_2, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#rate"
})]),
_: 1
}), ratevue_type_template_id_b6485366_hoisted_3, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "usage",
content: "Usage",
href: "#usage",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [ratevue_type_template_id_b6485366_hoisted_4, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#usage"
})]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo0)]),
highlight: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_6]),
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_5]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "demi-selection-autorisee",
content: "Demi-sélection autorisée",
href: "#demi-selection-autorisee",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_7, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#demi-selection-autorisee"
})]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo1)]),
highlight: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_9]),
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_8]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "avec-du-texte",
content: "Avec du texte",
href: "#avec-du-texte",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_10, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#avec-du-texte"
})]),
_: 1
}), _hoisted_11, Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo2)]),
highlight: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_13]),
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_12]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "plus-d-icones",
content: "Plus d'icônes",
href: "#plus-d-icones",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_14, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#plus-d-icones"
})]),
_: 1
}), _hoisted_15, Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo3)]),
highlight: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_17]),
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_16]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "lecture-seule",
content: "Lecture seule",
href: "#lecture-seule",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_18, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#lecture-seule"
})]),
_: 1
}), _hoisted_19, Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo4)]),
highlight: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_21]),
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_20]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "attributs",
content: "Attributs",
href: "#attributs",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_22, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#attributs"
})]),
_: 1
}), _hoisted_23, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "evenements",
content: "Évènements",
href: "#evenements",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_24, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#evenements"
})]),
_: 1
}), _hoisted_25, Object(vue_esm_browser_prod["createVNode"])(_component_right_nav)]);
}
// CONCATENATED MODULE: ./website/docs/fr-FR/rate.md?vue&type=template&id=b6485366
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/dist??ref--3-0!./website/md-loader!./website/docs/fr-FR/rate.md?vue&type=script&lang=ts
/* harmony default export */ var ratevue_type_script_lang_ts = ({
name: 'component-doc',
components: {
"element-demo0": function () {
const {
createElementVNode: _createElementVNode,
resolveComponent: _resolveComponent,
createVNode: _createVNode,
openBlock: _openBlock,
createElementBlock: _createElementBlock
} = vue_esm_browser_prod;
const _hoisted_1 = {
class: "block"
};
const _hoisted_2 = /*#__PURE__*/_createElementVNode("span", {
class: "demonstration"
}, "Défaut", -1);
const _hoisted_3 = {
class: "block"
};
const _hoisted_4 = /*#__PURE__*/_createElementVNode("span", {
class: "demonstration"
}, "Couleurs pour chaque niveau", -1);
function render(_ctx, _cache) {
const _component_el_rate = _resolveComponent("el-rate");
return _openBlock(), _createElementBlock("div", null, [_createElementVNode("div", _hoisted_1, [_hoisted_2, _createVNode(_component_el_rate, {
modelValue: _ctx.value1,
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.value1 = $event)
}, null, 8, ["modelValue"])]), _createElementVNode("div", _hoisted_3, [_hoisted_4, _createVNode(_component_el_rate, {
modelValue: _ctx.value2,
"onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.value2 = $event),
colors: _ctx.colors
}, null, 8, ["modelValue", "colors"])])]);
}
const democomponentExport = {
data() {
return {
value1: null,
value2: null,
colors: ['#99A9BF', '#F7BA2A', '#FF9900'] // same as { 2: '#99A9BF', 4: { value: '#F7BA2A', excluded: true }, 5: '#FF9900' }
};
}
};
return {
render,
...democomponentExport
};
}(),
"element-demo1": function () {
const {
resolveComponent: _resolveComponent,
createVNode: _createVNode,
createElementVNode: _createElementVNode,
openBlock: _openBlock,
createElementBlock: _createElementBlock
} = vue_esm_browser_prod;
const _hoisted_1 = {
class: "block"
};
function render(_ctx, _cache) {
const _component_el_rate = _resolveComponent("el-rate");
return _openBlock(), _createElementBlock("div", null, [_createElementVNode("div", _hoisted_1, [_createVNode(_component_el_rate, {
modelValue: _ctx.value,
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.value = $event),
"allow-half": ""
}, null, 8, ["modelValue"])])]);
}
const democomponentExport = {
data() {
return {
value: null
};
}
};
return {
render,
...democomponentExport
};
}(),
"element-demo2": function () {
const {
resolveComponent: _resolveComponent,
createVNode: _createVNode,
openBlock: _openBlock,
createElementBlock: _createElementBlock
} = vue_esm_browser_prod;
function render(_ctx, _cache) {
const _component_el_rate = _resolveComponent("el-rate");
return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_rate, {
modelValue: _ctx.value,
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.value = $event),
texts: ['oops', 'disappointed', 'normal', 'good', 'great'],
"show-text": ""
}, null, 8, ["modelValue"])]);
}
const democomponentExport = {
data() {
return {
value: null
};
}
};
return {
render,
...democomponentExport
};
}(),
"element-demo3": function () {
const {
resolveComponent: _resolveComponent,
createVNode: _createVNode,
openBlock: _openBlock,
createElementBlock: _createElementBlock
} = vue_esm_browser_prod;
function render(_ctx, _cache) {
const _component_el_rate = _resolveComponent("el-rate");
return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_rate, {
modelValue: _ctx.value,
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.value = $event),
"icon-classes": _ctx.iconClasses,
"void-icon-class": "icon-rate-face-off",
colors: ['#99A9BF', '#F7BA2A', '#FF9900']
}, null, 8, ["modelValue", "icon-classes"])]);
}
const democomponentExport = {
data() {
return {
value: null,
iconClasses: ['icon-rate-face-1', 'icon-rate-face-2', 'icon-rate-face-3'] // same as { 2: 'icon-rate-face-1', 4: { value: 'icon-rate-face-2', excluded: true }, 5: 'icon-rate-face-3' }
};
}
};
return {
render,
...democomponentExport
};
}(),
"element-demo4": function () {
const {
resolveComponent: _resolveComponent,
createVNode: _createVNode,
openBlock: _openBlock,
createElementBlock: _createElementBlock
} = vue_esm_browser_prod;
function render(_ctx, _cache) {
const _component_el_rate = _resolveComponent("el-rate");
return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_rate, {
modelValue: _ctx.value,
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.value = $event),
disabled: "",
"show-score": "",
"text-color": "#ff9900",
"score-template": "{value} points"
}, null, 8, ["modelValue"])]);
}
const democomponentExport = {
data() {
return {
value: 3.7
};
}
};
return {
render,
...democomponentExport
};
}()
}
});
// CONCATENATED MODULE: ./website/docs/fr-FR/rate.md?vue&type=script&lang=ts
// CONCATENATED MODULE: ./website/docs/fr-FR/rate.md
ratevue_type_script_lang_ts.render = ratevue_type_template_id_b6485366_render
/* harmony default export */ var rate = __webpack_exports__["default"] = (ratevue_type_script_lang_ts);
/***/ })
}]);
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手