main

分支 (1)

管理

管理

main

doc-archive
/
DOCS fr-FR64.0cb71eee40c7d7b6716e.js

(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[206],{

/***/ 949:
/***/ (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/time-select.md?vue&type=template&id=87876d44

const _hoisted_1 = {
  class: "content element-doc"
};

const _hoisted_2 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("TimeSelect ");

const _hoisted_3 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "Utiliser TimeSelect pour sélectionner un horaire.", -1);

const _hoisted_4 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Sélection d'horaire fixe ");

const _hoisted_5 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "Vous pouvez fournir une liste d'horaires fixés pour que l'utilisateur en choisisse un.", -1);

const _hoisted_6 = /*#__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, "el-time-select"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" puis assignez un horaire de début, de fin et un pas grâce aux propriétés "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "start"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(", "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "end"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" et "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "step"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" de l'attribut.")])], -1);

const _hoisted_7 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<el-time-select\n  v-model=\"value\"\n  start=\"08:30\"\n  step=\"00:15\"\n  end=\"18:30\"\n  placeholder=\"Choisissez un horaire\"\n>\n</el-time-select>\n\n<script>\n  export default {\n    data() {\n      return {\n        value: '',\n      }\n    },\n  }\n</script>\n")], -1);

const _hoisted_8 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Intervalle de temps fixe ");

const _hoisted_9 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "Vous pouvez définir un intervalle de temps. Si l'horaire de début est sélectionné en premier, certains horaires de fins seront désactivés s'ils ont lieu avant l'horaire de début.", -1);

const _hoisted_10 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<template>\n  <el-time-select\n    placeholder=\"Horaire de début\"\n    v-model=\"startTime\"\n    start=\"08:30\"\n    step=\"00:15\"\n    end=\"18:30\"\n  >\n  </el-time-select>\n  <el-time-select\n    placeholder=\"Horaire de fin\"\n    v-model=\"endTime\"\n    start=\"08:30\"\n    step=\"00:15\"\n    end=\"18:30\"\n    :minTime=\"startTime\"\n  >\n  </el-time-select>\n</template>\n\n<script>\n  export default {\n    data() {\n      return {\n        startTime: '',\n        endTime: '',\n      }\n    },\n  }\n</script>\n")], -1);

const _hoisted_11 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Attributs ");

const _hoisted_12 = /*#__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>string</td><td>—</td><td>—</td></tr><tr><td>disabled</td><td>Si TimeSelect est désactivé.</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>editable</td><td>Si le champ d&#39;input est éditable.</td><td>boolean</td><td>—</td><td>true</td></tr><tr><td>clearable</td><td>Si un bouton d&#39;effacement doit être affiché.</td><td>boolean</td><td>—</td><td>true</td></tr><tr><td>size</td><td>Taille du champ.</td><td>string</td><td>medium / small / mini</td><td>—</td></tr><tr><td>placeholder</td><td>Placeholder en mode non-intervalle.</td><td>string</td><td>—</td><td>—</td></tr><tr><td>name</td><td>Attribut <code>name</code> natif de l&#39;input.</td><td>string</td><td>—</td><td>—</td></tr><tr><td>prefix-icon</td><td>Classe de l&#39;icône de préfixe.</td><td>string</td><td>—</td><td>el-icon-time</td></tr><tr><td>clear-icon</td><td>Classe de l&#39;icône d&#39;effacement.</td><td>string</td><td>—</td><td>el-icon-circle-close</td></tr><tr><td>start</td><td>Horaire de début.</td><td>string</td><td>—</td><td>09:00</td></tr><tr><td>end</td><td>Horaire de fin.</td><td>string</td><td>—</td><td>18:00</td></tr><tr><td>step</td><td>Intervalle entre les horaires.</td><td>string</td><td>—</td><td>00:30</td></tr><tr><td>minTime</td><td>Horaire minimum, n&#39;importe quel horaire avant celui-ci sera désactivé.</td><td>string</td><td>—</td><td>00:00</td></tr><tr><td>maxTime</td><td>Horaire maximum, n&#39;importe quel horaire après celui-ci sera désactivé.</td><td>string</td><td>—</td><td>—</td></tr></tbody></table>", 1);

const _hoisted_13 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Évènements ");

const _hoisted_14 = /*#__PURE__*/Object(vue_esm_browser_prod["createStaticVNode"])("<table><thead><tr><th>Nom</th><th>Description</th><th>Paramètres</th></tr></thead><tbody><tr><td>change</td><td>Se déclenche quand l&#39;utilisateur confirme la valeur.</td><td>La valeur confirmée.</td></tr><tr><td>blur</td><td>Se déclenche quand le composant perd le focus.</td><td>L&#39;instance du composant.</td></tr><tr><td>focus</td><td>Se déclenche quand le composant a le focus.</td><td>L&#39;instance du composant.</td></tr></tbody></table>", 1);

const _hoisted_15 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Méthodes ");

const _hoisted_16 = /*#__PURE__*/Object(vue_esm_browser_prod["createStaticVNode"])("<table><thead><tr><th>Méthode</th><th>Description</th><th>Paramètres</th></tr></thead><tbody><tr><td>focus</td><td>Met le focus sur le composant.</td><td>—</td></tr><tr><td>blur</td><td>Enlève le focus sur le composant.</td><td>—</td></tr></tbody></table>", 1);

function time_selectvue_type_template_id_87876d44_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_right_nav = Object(vue_esm_browser_prod["resolveComponent"])("right-nav");

  return Object(vue_esm_browser_prod["openBlock"])(), Object(vue_esm_browser_prod["createElementBlock"])("section", _hoisted_1, [Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "timeselect",
    content: "TimeSelect",
    href: "#timeselect",
    level: "2"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_2, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#timeselect"
    })]),
    _: 1
  }), _hoisted_3, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "selection-d-horaire-fixe",
    content: "Sélection d'horaire fixe",
    href: "#selection-d-horaire-fixe",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_4, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#selection-d-horaire-fixe"
    })]),
    _: 1
  }), _hoisted_5, 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_7]),
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_6]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "intervalle-de-temps-fixe",
    content: "Intervalle de temps fixe",
    href: "#intervalle-de-temps-fixe",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_8, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#intervalle-de-temps-fixe"
    })]),
    _: 1
  }), _hoisted_9, 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_10]),
    _: 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_11, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#attributs"
    })]),
    _: 1
  }), _hoisted_12, 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_13, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#evenements"
    })]),
    _: 1
  }), _hoisted_14, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "methodes",
    content: "Méthodes",
    href: "#methodes",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_15, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#methodes"
    })]),
    _: 1
  }), _hoisted_16, Object(vue_esm_browser_prod["createVNode"])(_component_right_nav)]);
}
// CONCATENATED MODULE: ./website/docs/fr-FR/time-select.md?vue&type=template&id=87876d44

// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/dist??ref--3-0!./website/md-loader!./website/docs/fr-FR/time-select.md?vue&type=script&lang=ts

/* harmony default export */ var time_selectvue_type_script_lang_ts = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      const {
        resolveComponent: _resolveComponent,
        createVNode: _createVNode,
        openBlock: _openBlock,
        createElementBlock: _createElementBlock
      } = vue_esm_browser_prod;

      function render(_ctx, _cache) {
        const _component_el_time_select = _resolveComponent("el-time-select");

        return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_time_select, {
          modelValue: _ctx.value,
          "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.value = $event),
          start: "08:30",
          step: "00:15",
          end: "18:30",
          placeholder: "Choisissez un horaire"
        }, null, 8, ["modelValue"])]);
      }

      const democomponentExport = {
        data() {
          return {
            value: ''
          };
        }

      };
      return {
        render,
        ...democomponentExport
      };
    }(),
    "element-demo1": function () {
      const {
        resolveComponent: _resolveComponent,
        createVNode: _createVNode,
        openBlock: _openBlock,
        createElementBlock: _createElementBlock
      } = vue_esm_browser_prod;

      function render(_ctx, _cache) {
        const _component_el_time_select = _resolveComponent("el-time-select");

        return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_time_select, {
          placeholder: "Horaire de début",
          modelValue: _ctx.startTime,
          "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.startTime = $event),
          start: "08:30",
          step: "00:15",
          end: "18:30"
        }, null, 8, ["modelValue"]), _createVNode(_component_el_time_select, {
          placeholder: "Horaire de fin",
          modelValue: _ctx.endTime,
          "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.endTime = $event),
          start: "08:30",
          step: "00:15",
          end: "18:30",
          minTime: _ctx.startTime
        }, null, 8, ["modelValue", "minTime"])]);
      }

      const democomponentExport = {
        data() {
          return {
            startTime: '',
            endTime: ''
          };
        }

      };
      return {
        render,
        ...democomponentExport
      };
    }()
  }
});
// CONCATENATED MODULE: ./website/docs/fr-FR/time-select.md?vue&type=script&lang=ts

// CONCATENATED MODULE: ./website/docs/fr-FR/time-select.md


time_selectvue_type_script_lang_ts.render = time_selectvue_type_template_id_87876d44_render

/* harmony default export */ var time_select = __webpack_exports__["default"] = (time_selectvue_type_script_lang_ts);

/***/ })

}]);