DOCS en-US59.0cb71eee40c7d7b6716e.js

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

/***/ 104:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var _src_index_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(681);
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _src_index_vue__WEBPACK_IMPORTED_MODULE_0__["a"]; });




/***/ }),

/***/ 105:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// EXPORTS
__webpack_require__.d(__webpack_exports__, "ElAffix", function() { return /* reexport */ affix["a" /* ElAffix */]; });
__webpack_require__.d(__webpack_exports__, "affixProps", function() { return /* reexport */ affix["c" /* affixProps */]; });
__webpack_require__.d(__webpack_exports__, "affixEmits", function() { return /* reexport */ affix["b" /* affixEmits */]; });
__webpack_require__.d(__webpack_exports__, "ElAlert", function() { return /* reexport */ components_alert["b" /* ElAlert */]; });
__webpack_require__.d(__webpack_exports__, "ALERT_TYPE_CLASSES_MAP", function() { return /* reexport */ components_alert["a" /* ALERT_TYPE_CLASSES_MAP */]; });
__webpack_require__.d(__webpack_exports__, "alertProps", function() { return /* reexport */ components_alert["d" /* alertProps */]; });
__webpack_require__.d(__webpack_exports__, "alertEmits", function() { return /* reexport */ components_alert["c" /* alertEmits */]; });
__webpack_require__.d(__webpack_exports__, "ElAutocomplete", function() { return /* reexport */ autocomplete["a" /* ElAutocomplete */]; });
__webpack_require__.d(__webpack_exports__, "ElAvatar", function() { return /* reexport */ avatar["a" /* ElAvatar */]; });
__webpack_require__.d(__webpack_exports__, "avatarProps", function() { return /* reexport */ avatar["c" /* avatarProps */]; });
__webpack_require__.d(__webpack_exports__, "avatarEmits", function() { return /* reexport */ avatar["b" /* avatarEmits */]; });
__webpack_require__.d(__webpack_exports__, "ElBacktop", function() { return /* reexport */ backtop["a" /* ElBacktop */]; });
__webpack_require__.d(__webpack_exports__, "ElBadge", function() { return /* reexport */ badge["a" /* ElBadge */]; });
__webpack_require__.d(__webpack_exports__, "badgeProps", function() { return /* reexport */ badge["b" /* badgeProps */]; });
__webpack_require__.d(__webpack_exports__, "ElBreadcrumb", function() { return /* reexport */ breadcrumb["a" /* ElBreadcrumb */]; });
__webpack_require__.d(__webpack_exports__, "ElBreadcrumbItem", function() { return /* reexport */ breadcrumb["b" /* ElBreadcrumbItem */]; });
__webpack_require__.d(__webpack_exports__, "ElButton", function() { return /* reexport */ components_button["a" /* ElButton */]; });
__webpack_require__.d(__webpack_exports__, "ElButtonGroup", function() { return /* reexport */ components_button["b" /* ElButtonGroup */]; });
__webpack_require__.d(__webpack_exports__, "buttonType", function() { return /* reexport */ components_button["g" /* buttonType */]; });
__webpack_require__.d(__webpack_exports__, "buttonSize", function() { return /* reexport */ components_button["f" /* buttonSize */]; });
__webpack_require__.d(__webpack_exports__, "buttonNativeType", function() { return /* reexport */ components_button["d" /* buttonNativeType */]; });
__webpack_require__.d(__webpack_exports__, "buttonProps", function() { return /* reexport */ components_button["e" /* buttonProps */]; });
__webpack_require__.d(__webpack_exports__, "buttonEmits", function() { return /* reexport */ components_button["c" /* buttonEmits */]; });
__webpack_require__.d(__webpack_exports__, "ElCalendar", function() { return /* reexport */ calendar["a" /* ElCalendar */]; });
__webpack_require__.d(__webpack_exports__, "ElCard", function() { return /* reexport */ card["a" /* ElCard */]; });
__webpack_require__.d(__webpack_exports__, "cardProps", function() { return /* reexport */ card["b" /* cardProps */]; });
__webpack_require__.d(__webpack_exports__, "ElCarousel", function() { return /* reexport */ carousel["a" /* ElCarousel */]; });
__webpack_require__.d(__webpack_exports__, "ElCarouselItem", function() { return /* reexport */ carousel["b" /* ElCarouselItem */]; });
__webpack_require__.d(__webpack_exports__, "ElCascader", function() { return /* reexport */ cascader["a" /* ElCascader */]; });
__webpack_require__.d(__webpack_exports__, "ElCascaderPanel", function() { return /* reexport */ cascader_panel["d" /* ElCascaderPanel */]; });
__webpack_require__.d(__webpack_exports__, "ExpandTrigger", function() { return /* reexport */ cascader_panel["e" /* ExpandTrigger */]; });
__webpack_require__.d(__webpack_exports__, "CASCADER_PANEL_INJECTION_KEY", function() { return /* reexport */ cascader_panel["a" /* CASCADER_PANEL_INJECTION_KEY */]; });
__webpack_require__.d(__webpack_exports__, "CommonProps", function() { return /* reexport */ cascader_panel["b" /* CommonProps */]; });
__webpack_require__.d(__webpack_exports__, "DefaultProps", function() { return /* reexport */ cascader_panel["c" /* DefaultProps */]; });
__webpack_require__.d(__webpack_exports__, "useCascaderConfig", function() { return /* reexport */ cascader_panel["g" /* useCascaderConfig */]; });
__webpack_require__.d(__webpack_exports__, "ElCheckTag", function() { return /* reexport */ check_tag["a" /* ElCheckTag */]; });
__webpack_require__.d(__webpack_exports__, "ElCheckbox", function() { return /* reexport */ components_checkbox["a" /* ElCheckbox */]; });
__webpack_require__.d(__webpack_exports__, "ElCheckboxButton", function() { return /* reexport */ components_checkbox["b" /* ElCheckboxButton */]; });
__webpack_require__.d(__webpack_exports__, "ElCheckboxGroup", function() { return /* reexport */ components_checkbox["c" /* ElCheckboxGroup */]; });
__webpack_require__.d(__webpack_exports__, "ElCol", function() { return /* reexport */ col["a" /* ElCol */]; });
__webpack_require__.d(__webpack_exports__, "ElCollapse", function() { return /* reexport */ collapse["a" /* ElCollapse */]; });
__webpack_require__.d(__webpack_exports__, "ElCollapseItem", function() { return /* reexport */ collapse["b" /* ElCollapseItem */]; });
__webpack_require__.d(__webpack_exports__, "ElCollapseTransition", function() { return /* reexport */ collapse_transition["a" /* ElCollapseTransition */]; });
__webpack_require__.d(__webpack_exports__, "ElColorPicker", function() { return /* reexport */ color_picker["a" /* ElColorPicker */]; });
__webpack_require__.d(__webpack_exports__, "ElConfigProvider", function() { return /* reexport */ config_provider["a" /* ElConfigProvider */]; });
__webpack_require__.d(__webpack_exports__, "ElContainer", function() { return /* reexport */ container["b" /* ElContainer */]; });
__webpack_require__.d(__webpack_exports__, "ElAside", function() { return /* reexport */ container["a" /* ElAside */]; });
__webpack_require__.d(__webpack_exports__, "ElFooter", function() { return /* reexport */ container["c" /* ElFooter */]; });
__webpack_require__.d(__webpack_exports__, "ElHeader", function() { return /* reexport */ container["d" /* ElHeader */]; });
__webpack_require__.d(__webpack_exports__, "ElMain", function() { return /* reexport */ container["e" /* ElMain */]; });
__webpack_require__.d(__webpack_exports__, "ElDatePicker", function() { return /* reexport */ date_picker["a" /* ElDatePicker */]; });
__webpack_require__.d(__webpack_exports__, "ElDescriptions", function() { return /* reexport */ descriptions["a" /* ElDescriptions */]; });
__webpack_require__.d(__webpack_exports__, "ElDescriptionsItem", function() { return /* reexport */ descriptions["b" /* ElDescriptionsItem */]; });
__webpack_require__.d(__webpack_exports__, "ElDialog", function() { return /* reexport */ dialog["a" /* ElDialog */]; });
__webpack_require__.d(__webpack_exports__, "useDialog", function() { return /* reexport */ dialog["d" /* useDialog */]; });
__webpack_require__.d(__webpack_exports__, "dialogProps", function() { return /* reexport */ dialog["c" /* dialogProps */]; });
__webpack_require__.d(__webpack_exports__, "dialogEmits", function() { return /* reexport */ dialog["b" /* dialogEmits */]; });
__webpack_require__.d(__webpack_exports__, "ElDivider", function() { return /* reexport */ divider["a" /* ElDivider */]; });
__webpack_require__.d(__webpack_exports__, "ElDrawer", function() { return /* reexport */ drawer["a" /* ElDrawer */]; });
__webpack_require__.d(__webpack_exports__, "ElDropdown", function() { return /* reexport */ dropdown["a" /* ElDropdown */]; });
__webpack_require__.d(__webpack_exports__, "ElDropdownItem", function() { return /* reexport */ dropdown["b" /* ElDropdownItem */]; });
__webpack_require__.d(__webpack_exports__, "ElDropdownMenu", function() { return /* reexport */ dropdown["c" /* ElDropdownMenu */]; });
__webpack_require__.d(__webpack_exports__, "ElEmpty", function() { return /* reexport */ empty["a" /* ElEmpty */]; });
__webpack_require__.d(__webpack_exports__, "ElForm", function() { return /* reexport */ components_form["a" /* ElForm */]; });
__webpack_require__.d(__webpack_exports__, "ElFormItem", function() { return /* reexport */ components_form["b" /* ElFormItem */]; });
__webpack_require__.d(__webpack_exports__, "ElIcon", function() { return /* reexport */ icon["a" /* ElIcon */]; });
__webpack_require__.d(__webpack_exports__, "ElImage", function() { return /* reexport */ components_image["a" /* ElImage */]; });
__webpack_require__.d(__webpack_exports__, "ElImageViewer", function() { return /* reexport */ image_viewer["a" /* ElImageViewer */]; });
__webpack_require__.d(__webpack_exports__, "ElInput", function() { return /* reexport */ input["a" /* ElInput */]; });
__webpack_require__.d(__webpack_exports__, "ElInputNumber", function() { return /* reexport */ input_number["a" /* ElInputNumber */]; });
__webpack_require__.d(__webpack_exports__, "ElLink", function() { return /* reexport */ components_link["a" /* ElLink */]; });
__webpack_require__.d(__webpack_exports__, "ElMenu", function() { return /* reexport */ menu["a" /* ElMenu */]; });
__webpack_require__.d(__webpack_exports__, "ElMenuItem", function() { return /* reexport */ menu["b" /* ElMenuItem */]; });
__webpack_require__.d(__webpack_exports__, "ElMenuItemGroup", function() { return /* reexport */ menu["c" /* ElMenuItemGroup */]; });
__webpack_require__.d(__webpack_exports__, "ElSubMenu", function() { return /* reexport */ menu["d" /* ElSubMenu */]; });
__webpack_require__.d(__webpack_exports__, "Overlay", function() { return /* reexport */ overlay["a" /* Overlay */]; });
__webpack_require__.d(__webpack_exports__, "ElPageHeader", function() { return /* reexport */ page_header["a" /* ElPageHeader */]; });
__webpack_require__.d(__webpack_exports__, "ElPagination", function() { return /* reexport */ pagination["a" /* ElPagination */]; });
__webpack_require__.d(__webpack_exports__, "ElPopconfirm", function() { return /* reexport */ popconfirm["a" /* ElPopconfirm */]; });
__webpack_require__.d(__webpack_exports__, "ElPopper", function() { return /* reexport */ popper["b" /* ElPopper */]; });
__webpack_require__.d(__webpack_exports__, "popperDefaultProps", function() { return /* reexport */ popper["d" /* popperDefaultProps */]; });
__webpack_require__.d(__webpack_exports__, "Effect", function() { return /* reexport */ popper["a" /* Effect */]; });
__webpack_require__.d(__webpack_exports__, "renderPopper", function() { return /* reexport */ popper["f" /* renderPopper */]; });
__webpack_require__.d(__webpack_exports__, "renderTrigger", function() { return /* reexport */ popper["g" /* renderTrigger */]; });
__webpack_require__.d(__webpack_exports__, "renderArrow", function() { return /* reexport */ popper["e" /* renderArrow */]; });
__webpack_require__.d(__webpack_exports__, "usePopper", function() { return /* reexport */ popper["h" /* usePopper */]; });
__webpack_require__.d(__webpack_exports__, "ElProgress", function() { return /* reexport */ progress["a" /* ElProgress */]; });
__webpack_require__.d(__webpack_exports__, "ElRadio", function() { return /* reexport */ components_radio["a" /* ElRadio */]; });
__webpack_require__.d(__webpack_exports__, "ElRadioGroup", function() { return /* reexport */ components_radio["c" /* ElRadioGroup */]; });
__webpack_require__.d(__webpack_exports__, "ElRadioButton", function() { return /* reexport */ components_radio["b" /* ElRadioButton */]; });
__webpack_require__.d(__webpack_exports__, "ElRate", function() { return /* reexport */ rate["a" /* ElRate */]; });
__webpack_require__.d(__webpack_exports__, "ElResult", function() { return /* reexport */ result["a" /* ElResult */]; });
__webpack_require__.d(__webpack_exports__, "ElRow", function() { return /* reexport */ row["a" /* ElRow */]; });
__webpack_require__.d(__webpack_exports__, "ElScrollbar", function() { return /* reexport */ scrollbar["b" /* ElScrollbar */]; });
__webpack_require__.d(__webpack_exports__, "BAR_MAP", function() { return /* reexport */ scrollbar["a" /* BAR_MAP */]; });
__webpack_require__.d(__webpack_exports__, "renderThumbStyle", function() { return /* reexport */ scrollbar["d" /* renderThumbStyle */]; });
__webpack_require__.d(__webpack_exports__, "ElSelect", function() { return /* reexport */ components_select["c" /* ElSelect */]; });
__webpack_require__.d(__webpack_exports__, "ElOption", function() { return /* reexport */ components_select["a" /* ElOption */]; });
__webpack_require__.d(__webpack_exports__, "ElOptionGroup", function() { return /* reexport */ components_select["b" /* ElOptionGroup */]; });
__webpack_require__.d(__webpack_exports__, "selectGroupKey", function() { return /* reexport */ components_select["f" /* selectGroupKey */]; });
__webpack_require__.d(__webpack_exports__, "selectKey", function() { return /* reexport */ components_select["g" /* selectKey */]; });
__webpack_require__.d(__webpack_exports__, "selectEvents", function() { return /* reexport */ components_select["e" /* selectEvents */]; });
__webpack_require__.d(__webpack_exports__, "ElSelectV2", function() { return /* reexport */ select_v2["a" /* ElSelectV2 */]; });
__webpack_require__.d(__webpack_exports__, "selectV2InjectionKey", function() { return /* reexport */ select_v2["b" /* selectV2InjectionKey */]; });
__webpack_require__.d(__webpack_exports__, "ElSkeleton", function() { return /* reexport */ skeleton["a" /* ElSkeleton */]; });
__webpack_require__.d(__webpack_exports__, "ElSkeletonItem", function() { return /* reexport */ skeleton["b" /* ElSkeletonItem */]; });
__webpack_require__.d(__webpack_exports__, "ElSlider", function() { return /* reexport */ slider["a" /* ElSlider */]; });
__webpack_require__.d(__webpack_exports__, "ElSpace", function() { return /* reexport */ space["a" /* ElSpace */]; });
__webpack_require__.d(__webpack_exports__, "ElSteps", function() { return /* reexport */ steps["b" /* ElSteps */]; });
__webpack_require__.d(__webpack_exports__, "ElStep", function() { return /* reexport */ steps["a" /* ElStep */]; });
__webpack_require__.d(__webpack_exports__, "ElSwitch", function() { return /* reexport */ components_switch["a" /* ElSwitch */]; });
__webpack_require__.d(__webpack_exports__, "ElTable", function() { return /* reexport */ table["a" /* ElTable */]; });
__webpack_require__.d(__webpack_exports__, "ElTableColumn", function() { return /* reexport */ table["b" /* ElTableColumn */]; });
__webpack_require__.d(__webpack_exports__, "ElTabs", function() { return /* reexport */ tabs["b" /* ElTabs */]; });
__webpack_require__.d(__webpack_exports__, "ElTabPane", function() { return /* reexport */ tabs["a" /* ElTabPane */]; });
__webpack_require__.d(__webpack_exports__, "ElTag", function() { return /* reexport */ tag["a" /* ElTag */]; });
__webpack_require__.d(__webpack_exports__, "rangeArr", function() { return /* reexport */ time_picker["i" /* rangeArr */]; });
__webpack_require__.d(__webpack_exports__, "extractDateFormat", function() { return /* reexport */ time_picker["g" /* extractDateFormat */]; });
__webpack_require__.d(__webpack_exports__, "extractTimeFormat", function() { return /* reexport */ time_picker["h" /* extractTimeFormat */]; });
__webpack_require__.d(__webpack_exports__, "DEFAULT_FORMATS_TIME", function() { return /* reexport */ time_picker["d" /* DEFAULT_FORMATS_TIME */]; });
__webpack_require__.d(__webpack_exports__, "DEFAULT_FORMATS_DATE", function() { return /* reexport */ time_picker["b" /* DEFAULT_FORMATS_DATE */]; });
__webpack_require__.d(__webpack_exports__, "DEFAULT_FORMATS_DATEPICKER", function() { return /* reexport */ time_picker["c" /* DEFAULT_FORMATS_DATEPICKER */]; });
__webpack_require__.d(__webpack_exports__, "timePickerDefaultProps", function() { return /* reexport */ time_picker["j" /* timePickerDefaultProps */]; });
__webpack_require__.d(__webpack_exports__, "CommonPicker", function() { return /* reexport */ time_picker["a" /* CommonPicker */]; });
__webpack_require__.d(__webpack_exports__, "TimePickPanel", function() { return /* reexport */ time_picker["f" /* TimePickPanel */]; });
__webpack_require__.d(__webpack_exports__, "ElTimePicker", function() { return /* reexport */ time_picker["e" /* ElTimePicker */]; });
__webpack_require__.d(__webpack_exports__, "ElTimeSelect", function() { return /* reexport */ time_select["a" /* ElTimeSelect */]; });
__webpack_require__.d(__webpack_exports__, "ElTimeline", function() { return /* reexport */ timeline["a" /* ElTimeline */]; });
__webpack_require__.d(__webpack_exports__, "ElTimelineItem", function() { return /* reexport */ timeline["b" /* ElTimelineItem */]; });
__webpack_require__.d(__webpack_exports__, "ElTooltip", function() { return /* reexport */ tooltip["a" /* ElTooltip */]; });
__webpack_require__.d(__webpack_exports__, "ElTransfer", function() { return /* reexport */ transfer["b" /* ElTransfer */]; });
__webpack_require__.d(__webpack_exports__, "CHANGE_EVENT", function() { return /* reexport */ transfer["a" /* CHANGE_EVENT */]; });
__webpack_require__.d(__webpack_exports__, "ElTree", function() { return /* reexport */ tree["a" /* ElTree */]; });
__webpack_require__.d(__webpack_exports__, "ElUpload", function() { return /* reexport */ upload["a" /* ElUpload */]; });
__webpack_require__.d(__webpack_exports__, "FixedSizeList", function() { return /* reexport */ virtual_list["d" /* FixedSizeList */]; });
__webpack_require__.d(__webpack_exports__, "DynamicSizeList", function() { return /* reexport */ virtual_list["b" /* DynamicSizeList */]; });
__webpack_require__.d(__webpack_exports__, "FixedSizeGrid", function() { return /* reexport */ virtual_list["c" /* FixedSizeGrid */]; });
__webpack_require__.d(__webpack_exports__, "DynamicSizeGrid", function() { return /* reexport */ virtual_list["a" /* DynamicSizeGrid */]; });
__webpack_require__.d(__webpack_exports__, "ElInfiniteScroll", function() { return /* reexport */ infinite_scroll["a" /* ElInfiniteScroll */]; });
__webpack_require__.d(__webpack_exports__, "ElLoading", function() { return /* reexport */ loading["a" /* ElLoading */]; });
__webpack_require__.d(__webpack_exports__, "ElLoadingDirective", function() { return /* reexport */ loading["b" /* ElLoadingDirective */]; });
__webpack_require__.d(__webpack_exports__, "ElLoadingService", function() { return /* reexport */ loading["c" /* ElLoadingService */]; });
__webpack_require__.d(__webpack_exports__, "ElMessage", function() { return /* reexport */ message["a" /* ElMessage */]; });
__webpack_require__.d(__webpack_exports__, "ElMessageBox", function() { return /* reexport */ message_box["a" /* ElMessageBox */]; });
__webpack_require__.d(__webpack_exports__, "ElNotification", function() { return /* reexport */ notification["a" /* ElNotification */]; });
__webpack_require__.d(__webpack_exports__, "ElPopover", function() { return /* reexport */ popover["a" /* ElPopover */]; });
__webpack_require__.d(__webpack_exports__, "ElPopoverDirective", function() { return /* reexport */ popover["b" /* ElPopoverDirective */]; });
__webpack_require__.d(__webpack_exports__, "ClickOutside", function() { return /* reexport */ directives["a" /* ClickOutside */]; });
__webpack_require__.d(__webpack_exports__, "RepeatClick", function() { return /* reexport */ directives["c" /* RepeatClick */]; });
__webpack_require__.d(__webpack_exports__, "TrapFocus", function() { return /* reexport */ directives["e" /* TrapFocus */]; });
__webpack_require__.d(__webpack_exports__, "Mousewheel", function() { return /* reexport */ directives["b" /* Mousewheel */]; });
__webpack_require__.d(__webpack_exports__, "Resize", function() { return /* reexport */ directives["d" /* Resize */]; });
__webpack_require__.d(__webpack_exports__, "useAttrs", function() { return /* reexport */ hooks["f" /* useAttrs */]; });
__webpack_require__.d(__webpack_exports__, "useEvents", function() { return /* reexport */ hooks["h" /* useEvents */]; });
__webpack_require__.d(__webpack_exports__, "useLockScreen", function() { return /* reexport */ hooks["o" /* useLockScreen */]; });
__webpack_require__.d(__webpack_exports__, "useRestoreActive", function() { return /* reexport */ hooks["y" /* useRestoreActive */]; });
__webpack_require__.d(__webpack_exports__, "useModal", function() { return /* reexport */ hooks["q" /* useModal */]; });
__webpack_require__.d(__webpack_exports__, "useMigrating", function() { return /* reexport */ hooks["p" /* useMigrating */]; });
__webpack_require__.d(__webpack_exports__, "useFocus", function() { return /* reexport */ hooks["i" /* useFocus */]; });
__webpack_require__.d(__webpack_exports__, "useThrottleRender", function() { return /* reexport */ hooks["B" /* useThrottleRender */]; });
__webpack_require__.d(__webpack_exports__, "usePreventGlobal", function() { return /* reexport */ hooks["x" /* usePreventGlobal */]; });
__webpack_require__.d(__webpack_exports__, "useTeleport", function() { return /* reexport */ hooks["z" /* useTeleport */]; });
__webpack_require__.d(__webpack_exports__, "useTimeout", function() { return /* reexport */ hooks["C" /* useTimeout */]; });
__webpack_require__.d(__webpack_exports__, "useModelToggleProps", function() { return /* reexport */ hooks["t" /* useModelToggleProps */]; });
__webpack_require__.d(__webpack_exports__, "useModelToggleEmits", function() { return /* reexport */ hooks["s" /* useModelToggleEmits */]; });
__webpack_require__.d(__webpack_exports__, "useModelToggle", function() { return /* reexport */ hooks["r" /* useModelToggle */]; });
__webpack_require__.d(__webpack_exports__, "DARK_EFFECT", function() { return /* reexport */ hooks["a" /* DARK_EFFECT */]; });
__webpack_require__.d(__webpack_exports__, "LIGHT_EFFECT", function() { return /* reexport */ hooks["b" /* LIGHT_EFFECT */]; });
__webpack_require__.d(__webpack_exports__, "usePopperControlProps", function() { return /* reexport */ hooks["u" /* usePopperControlProps */]; });
__webpack_require__.d(__webpack_exports__, "usePopperProps", function() { return /* reexport */ hooks["w" /* usePopperProps */]; });
__webpack_require__.d(__webpack_exports__, "usePopperHook", function() { return /* reexport */ hooks["v" /* usePopperHook */]; });
__webpack_require__.d(__webpack_exports__, "themeVarsKey", function() { return /* reexport */ hooks["e" /* themeVarsKey */]; });
__webpack_require__.d(__webpack_exports__, "useCssVar", function() { return /* reexport */ hooks["g" /* useCssVar */]; });
__webpack_require__.d(__webpack_exports__, "useThemeVars", function() { return /* reexport */ hooks["A" /* useThemeVars */]; });
__webpack_require__.d(__webpack_exports__, "useLocaleProps", function() { return /* reexport */ hooks["n" /* useLocaleProps */]; });
__webpack_require__.d(__webpack_exports__, "LocaleInjectionKey", function() { return /* reexport */ hooks["c" /* LocaleInjectionKey */]; });
__webpack_require__.d(__webpack_exports__, "useLocale", function() { return /* reexport */ hooks["l" /* useLocale */]; });
__webpack_require__.d(__webpack_exports__, "localeProviderMaker", function() { return /* reexport */ hooks["d" /* localeProviderMaker */]; });
__webpack_require__.d(__webpack_exports__, "useLocaleInject", function() { return /* reexport */ hooks["m" /* useLocaleInject */]; });
__webpack_require__.d(__webpack_exports__, "useFormItemProps", function() { return /* reexport */ hooks["k" /* useFormItemProps */]; });
__webpack_require__.d(__webpack_exports__, "useFormItem", function() { return /* reexport */ hooks["j" /* useFormItem */]; });
__webpack_require__.d(__webpack_exports__, "elFormKey", function() { return /* reexport */ tokens["d" /* elFormKey */]; });
__webpack_require__.d(__webpack_exports__, "elFormItemKey", function() { return /* reexport */ tokens["c" /* elFormItemKey */]; });
__webpack_require__.d(__webpack_exports__, "elFormEvents", function() { return /* reexport */ tokens["b" /* elFormEvents */]; });
__webpack_require__.d(__webpack_exports__, "elButtonGroupKey", function() { return /* reexport */ tokens["a" /* elButtonGroupKey */]; });
__webpack_require__.d(__webpack_exports__, "makeInstaller", function() { return /* reexport */ make_installer["a" /* default */]; });
__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ defaults["a" /* default */]; });
__webpack_require__.d(__webpack_exports__, "install", function() { return /* binding */ install; });
__webpack_require__.d(__webpack_exports__, "version", function() { return /* binding */ version; });

// EXTERNAL MODULE: ./packages/element-plus/defaults.ts + 2 modules
var defaults = __webpack_require__(678);

// EXTERNAL MODULE: ./packages/components/affix/index.ts + 4 modules
var affix = __webpack_require__(132);

// EXTERNAL MODULE: ./packages/components/alert/index.ts + 4 modules
var components_alert = __webpack_require__(133);

// EXTERNAL MODULE: ./packages/components/autocomplete/index.ts + 3 modules
var autocomplete = __webpack_require__(141);

// EXTERNAL MODULE: ./packages/components/avatar/index.ts + 4 modules
var avatar = __webpack_require__(134);

// EXTERNAL MODULE: ./packages/components/backtop/index.ts + 4 modules
var backtop = __webpack_require__(135);

// EXTERNAL MODULE: ./packages/components/badge/index.ts + 4 modules
var badge = __webpack_require__(136);

// EXTERNAL MODULE: ./packages/components/breadcrumb/index.ts + 6 modules
var breadcrumb = __webpack_require__(123);

// EXTERNAL MODULE: ./packages/components/button/index.ts + 7 modules
var components_button = __webpack_require__(23);

// EXTERNAL MODULE: ./packages/components/calendar/index.ts + 6 modules
var calendar = __webpack_require__(124);

// EXTERNAL MODULE: ./packages/components/card/index.ts + 4 modules
var card = __webpack_require__(137);

// EXTERNAL MODULE: ./packages/components/carousel/index.ts + 6 modules
var carousel = __webpack_require__(125);

// EXTERNAL MODULE: ./packages/components/cascader/index.ts + 3 modules
var cascader = __webpack_require__(142);

// EXTERNAL MODULE: ./packages/components/cascader-panel/index.ts + 13 modules
var cascader_panel = __webpack_require__(57);

// EXTERNAL MODULE: ./packages/components/check-tag/index.ts + 3 modules
var check_tag = __webpack_require__(143);

// EXTERNAL MODULE: ./packages/components/checkbox/index.ts + 10 modules
var components_checkbox = __webpack_require__(24);

// EXTERNAL MODULE: ./packages/components/col/index.ts + 1 modules
var col = __webpack_require__(156);

// EXTERNAL MODULE: ./packages/components/collapse/index.ts + 6 modules
var collapse = __webpack_require__(126);

// EXTERNAL MODULE: ./packages/components/collapse-transition/index.ts + 3 modules
var collapse_transition = __webpack_require__(37);

// EXTERNAL MODULE: ./packages/components/color-picker/index.ts + 18 modules
var color_picker = __webpack_require__(109);

// EXTERNAL MODULE: ./packages/components/config-provider/index.ts + 1 modules
var config_provider = __webpack_require__(155);

// EXTERNAL MODULE: ./packages/components/container/index.ts + 15 modules
var container = __webpack_require__(112);

// EXTERNAL MODULE: ./packages/components/date-picker/index.ts + 19 modules
var date_picker = __webpack_require__(108);

// EXTERNAL MODULE: ./packages/components/descriptions/index.ts + 9 modules
var descriptions = __webpack_require__(119);

// EXTERNAL MODULE: ./packages/components/dialog/index.ts + 3 modules
var dialog = __webpack_require__(87);

// EXTERNAL MODULE: ./packages/components/divider/index.ts + 3 modules
var divider = __webpack_require__(144);

// EXTERNAL MODULE: ./packages/components/drawer/index.ts + 3 modules
var drawer = __webpack_require__(145);

// EXTERNAL MODULE: ./packages/components/dropdown/index.ts + 10 modules
var dropdown = __webpack_require__(118);

// EXTERNAL MODULE: ./packages/components/empty/index.ts + 6 modules
var empty = __webpack_require__(127);

// EXTERNAL MODULE: ./packages/components/form/index.ts + 7 modules
var components_form = __webpack_require__(122);

// EXTERNAL MODULE: ./packages/components/icon/index.ts + 3 modules
var icon = __webpack_require__(140);

// EXTERNAL MODULE: ./packages/components/image/index.ts + 3 modules
var components_image = __webpack_require__(146);

// EXTERNAL MODULE: ./packages/components/image-viewer/index.ts + 3 modules
var image_viewer = __webpack_require__(60);

// EXTERNAL MODULE: ./packages/components/input/index.ts + 4 modules
var input = __webpack_require__(19);

// EXTERNAL MODULE: ./packages/components/input-number/index.ts + 3 modules
var input_number = __webpack_require__(61);

// EXTERNAL MODULE: ./packages/components/link/index.ts + 3 modules
var components_link = __webpack_require__(147);

// EXTERNAL MODULE: ./packages/components/menu/index.ts + 17 modules
var menu = __webpack_require__(111);

// EXTERNAL MODULE: ./packages/components/overlay/index.ts
var overlay = __webpack_require__(104);

// EXTERNAL MODULE: ./packages/components/page-header/index.ts + 3 modules
var page_header = __webpack_require__(148);

// EXTERNAL MODULE: ./packages/components/pagination/index.ts + 20 modules
var pagination = __webpack_require__(107);

// EXTERNAL MODULE: ./packages/components/popconfirm/index.ts + 3 modules
var popconfirm = __webpack_require__(149);

// EXTERNAL MODULE: ./packages/components/popper/index.ts + 3 modules
var popper = __webpack_require__(16);

// EXTERNAL MODULE: ./packages/components/progress/index.ts + 3 modules
var progress = __webpack_require__(62);

// EXTERNAL MODULE: ./packages/components/radio/index.ts + 11 modules
var components_radio = __webpack_require__(58);

// EXTERNAL MODULE: ./packages/components/rate/index.ts + 3 modules
var rate = __webpack_require__(150);

// EXTERNAL MODULE: ./packages/components/result/index.ts + 15 modules
var result = __webpack_require__(113);

// EXTERNAL MODULE: ./packages/components/row/index.ts + 1 modules
var row = __webpack_require__(157);

// EXTERNAL MODULE: ./packages/components/scrollbar/index.ts + 6 modules
var scrollbar = __webpack_require__(26);

// EXTERNAL MODULE: ./packages/components/select/index.ts + 15 modules
var components_select = __webpack_require__(38);

// EXTERNAL MODULE: ./packages/components/select-v2/index.ts + 18 modules
var select_v2 = __webpack_require__(110);

// EXTERNAL MODULE: ./packages/components/skeleton/index.ts + 9 modules
var skeleton = __webpack_require__(120);

// EXTERNAL MODULE: ./packages/components/slider/index.ts + 12 modules
var slider = __webpack_require__(116);

// EXTERNAL MODULE: ./packages/components/space/index.ts + 5 modules
var space = __webpack_require__(129);

// EXTERNAL MODULE: ./packages/components/steps/index.ts + 6 modules
var steps = __webpack_require__(128);

// EXTERNAL MODULE: ./packages/components/switch/index.ts + 3 modules
var components_switch = __webpack_require__(151);

// EXTERNAL MODULE: ./packages/components/table/index.ts + 37 modules
var table = __webpack_require__(106);

// EXTERNAL MODULE: ./packages/components/tabs/index.ts + 9 modules
var tabs = __webpack_require__(121);

// EXTERNAL MODULE: ./packages/components/tag/index.ts + 3 modules
var tag = __webpack_require__(36);

// EXTERNAL MODULE: ./packages/components/time-picker/index.ts + 4 modules
var time_picker = __webpack_require__(35);

// EXTERNAL MODULE: ./packages/components/time-select/index.ts + 3 modules
var time_select = __webpack_require__(152);

// EXTERNAL MODULE: ./packages/components/timeline/index.ts + 5 modules
var timeline = __webpack_require__(130);

// EXTERNAL MODULE: ./packages/components/tooltip/index.ts + 1 modules
var tooltip = __webpack_require__(46);

// EXTERNAL MODULE: ./packages/components/transfer/index.ts + 11 modules
var transfer = __webpack_require__(117);

// EXTERNAL MODULE: ./packages/components/tree/index.ts + 14 modules
var tree = __webpack_require__(114);

// EXTERNAL MODULE: ./packages/components/upload/index.ts + 13 modules
var upload = __webpack_require__(115);

// EXTERNAL MODULE: ./packages/components/virtual-list/index.ts + 3 modules
var virtual_list = __webpack_require__(677);

// EXTERNAL MODULE: ./packages/components/infinite-scroll/index.ts + 1 modules
var infinite_scroll = __webpack_require__(158);

// EXTERNAL MODULE: ./packages/components/loading/index.ts + 3 modules
var loading = __webpack_require__(153);

// EXTERNAL MODULE: ./packages/components/message/index.ts + 4 modules
var message = __webpack_require__(138);

// EXTERNAL MODULE: ./packages/components/message-box/index.ts + 4 modules
var message_box = __webpack_require__(131);

// EXTERNAL MODULE: ./packages/components/notification/index.ts + 4 modules
var notification = __webpack_require__(139);

// EXTERNAL MODULE: ./packages/components/popover/index.ts + 4 modules
var popover = __webpack_require__(59);

// CONCATENATED MODULE: ./packages/components/index.ts
































































 // plugins







// EXTERNAL MODULE: ./packages/directives/index.ts + 5 modules
var directives = __webpack_require__(14);

// EXTERNAL MODULE: ./packages/hooks/index.ts + 20 modules
var hooks = __webpack_require__(7);

// EXTERNAL MODULE: ./packages/tokens/index.ts + 2 modules
var tokens = __webpack_require__(12);

// EXTERNAL MODULE: ./packages/element-plus/make-installer.ts + 1 modules
var make_installer = __webpack_require__(154);

// CONCATENATED MODULE: ./packages/element-plus/index.ts







const install = defaults["a" /* default */].install;
const version = defaults["a" /* default */].version;

/***/ }),

/***/ 677:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";

// EXPORTS
__webpack_require__.d(__webpack_exports__, "d", function() { return /* reexport */ fixed_size_list["a" /* default */]; });
__webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport */ dynamic_size_list["a" /* default */]; });
__webpack_require__.d(__webpack_exports__, "c", function() { return /* reexport */ fixed_size_grid; });
__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ dynamic_size_grid; });

// EXTERNAL MODULE: ./packages/components/virtual-list/src/components/fixed-size-list.ts
var fixed_size_list = __webpack_require__(679);

// EXTERNAL MODULE: ./packages/components/virtual-list/src/components/dynamic-size-list.ts
var dynamic_size_list = __webpack_require__(680);

// EXTERNAL MODULE: ./packages/utils/util.ts
var util = __webpack_require__(2);

// EXTERNAL MODULE: ./packages/utils/error.ts
var error = __webpack_require__(11);

// EXTERNAL MODULE: ./node_modules/vue/dist/vue.esm-browser.prod.js
var vue_esm_browser_prod = __webpack_require__(0);

// EXTERNAL MODULE: ./node_modules/@vue/shared/dist/shared.esm-bundler.js
var shared_esm_bundler = __webpack_require__(4);

// EXTERNAL MODULE: ./node_modules/lodash/memoize.js
var memoize = __webpack_require__(159);
var memoize_default = /*#__PURE__*/__webpack_require__.n(memoize);

// EXTERNAL MODULE: ./packages/utils/isServer.ts
var isServer = __webpack_require__(10);

// EXTERNAL MODULE: ./packages/utils/scrollbar-width.ts
var scrollbar_width = __webpack_require__(63);

// EXTERNAL MODULE: ./packages/components/virtual-list/src/utils.ts
var utils = __webpack_require__(27);

// EXTERNAL MODULE: ./packages/components/virtual-list/src/defaults.ts
var defaults = __webpack_require__(13);

// CONCATENATED MODULE: ./packages/components/virtual-list/src/builders/buildGrid.ts









const createGrid = ({
  name,
  clearCache,
  getColumnPosition,
  getColumnStartIndexForOffset,
  getColumnStopIndexForStartIndex,
  getEstimatedTotalHeight,
  getEstimatedTotalWidth,
  getColumnOffset,
  getRowOffset,
  getRowPosition,
  getRowStartIndexForOffset,
  getRowStopIndexForStartIndex,
  initCache,
  validateProps
}) => {
  return Object(vue_esm_browser_prod["defineComponent"])({
    name: name !== null && name !== void 0 ? name : 'ElVirtualList',
    props: defaults["e" /* DefaultGridProps */],
    emits: [defaults["k" /* ITEM_RENDER_EVT */], defaults["s" /* SCROLL_EVT */]],

    setup(props, {
      emit,
      expose
    }) {
      validateProps(props);
      const instance = Object(vue_esm_browser_prod["getCurrentInstance"])();
      const cache = Object(vue_esm_browser_prod["ref"])(initCache(props, instance)); // refs
      // here windowRef and innerRef can be type of HTMLElement
      // or user defined component type, depends on the type passed
      // by user

      const windowRef = Object(vue_esm_browser_prod["ref"])(null); // innerRef is the actual container element which contains all the elements

      const innerRef = Object(vue_esm_browser_prod["ref"])(null);
      const states = Object(vue_esm_browser_prod["ref"])({
        isScrolling: false,
        scrollLeft: Object(util["r" /* isNumber */])(props.initScrollLeft) ? props.initScrollLeft : 0,
        scrollTop: Object(util["r" /* isNumber */])(props.initScrollTop) ? props.initScrollTop : 0,
        updateRequested: false,
        xAxisScrollDir: defaults["i" /* FORWARD */],
        yAxisScrollDir: defaults["i" /* FORWARD */]
      }); // computed

      const columnsToRender = Object(vue_esm_browser_prod["computed"])(() => {
        const {
          totalColumn,
          totalRow,
          columnCache
        } = props;
        const {
          isScrolling,
          xAxisScrollDir,
          scrollLeft
        } = Object(util["a" /* $ */])(states);

        if (totalColumn === 0 || totalRow === 0) {
          return [0, 0, 0, 0];
        }

        const startIndex = getColumnStartIndexForOffset(props, scrollLeft, Object(util["a" /* $ */])(cache));
        const stopIndex = getColumnStopIndexForStartIndex(props, startIndex, scrollLeft, Object(util["a" /* $ */])(cache));
        const cacheBackward = !isScrolling || xAxisScrollDir === defaults["b" /* BACKWARD */] ? Math.max(1, columnCache) : 1;
        const cacheForward = !isScrolling || xAxisScrollDir === defaults["i" /* FORWARD */] ? Math.max(1, columnCache) : 1;
        return [Math.max(0, startIndex - cacheBackward), Math.max(0, Math.min(totalColumn - 1, stopIndex + cacheForward)), startIndex, stopIndex];
      });
      const rowsToRender = Object(vue_esm_browser_prod["computed"])(() => {
        const {
          totalColumn,
          totalRow,
          rowCache
        } = props;
        const {
          isScrolling,
          yAxisScrollDir,
          scrollTop
        } = Object(util["a" /* $ */])(states);

        if (totalColumn === 0 || totalRow === 0) {
          return [0, 0, 0, 0];
        }

        const startIndex = getRowStartIndexForOffset(props, scrollTop, Object(util["a" /* $ */])(cache));
        const stopIndex = getRowStopIndexForStartIndex(props, startIndex, scrollTop, Object(util["a" /* $ */])(cache));
        const cacheBackward = !isScrolling || yAxisScrollDir === defaults["b" /* BACKWARD */] ? Math.max(1, rowCache) : 1;
        const cacheForward = !isScrolling || yAxisScrollDir === defaults["i" /* FORWARD */] ? Math.max(1, rowCache) : 1;
        return [Math.max(0, startIndex - cacheBackward), Math.max(0, Math.min(totalRow - 1, stopIndex + cacheForward)), startIndex, stopIndex];
      });
      const estimatedTotalHeight = Object(vue_esm_browser_prod["computed"])(() => getEstimatedTotalHeight(props, Object(util["a" /* $ */])(cache)));
      const estimatedTotalWidth = Object(vue_esm_browser_prod["computed"])(() => getEstimatedTotalWidth(props, Object(util["a" /* $ */])(cache)));
      const windowStyle = Object(vue_esm_browser_prod["computed"])(() => [{
        position: 'relative',
        overflow: 'auto',
        WebkitOverflowScrolling: 'touch',
        willChange: 'transform'
      }, {
        direction: props.direction,
        height: Object(util["r" /* isNumber */])(props.height) ? `${props.height}px` : props.height,
        width: Object(util["r" /* isNumber */])(props.width) ? `${props.width}px` : props.width,
        ...props.style
      }]);
      const innerStyle = Object(vue_esm_browser_prod["computed"])(() => {
        const width = `${Object(util["a" /* $ */])(estimatedTotalWidth)}px`;
        const height = `${Object(util["a" /* $ */])(estimatedTotalHeight)}px`;
        return {
          height,
          pointerEvents: Object(util["a" /* $ */])(states).isScrolling ? 'none' : undefined,
          width
        };
      }); // methods

      const emitEvents = () => {
        const {
          totalColumn,
          totalRow
        } = props;

        if (totalColumn > 0 && totalRow > 0) {
          const [columnCacheStart, columnCacheEnd, columnVisibleStart, columnVisibleEnd] = Object(util["a" /* $ */])(columnsToRender);
          const [rowCacheStart, rowCacheEnd, rowVisibleStart, rowVisibleEnd] = Object(util["a" /* $ */])(rowsToRender); // emit the render item event with
          // [xAxisInvisibleStart, xAxisInvisibleEnd, xAxisVisibleStart, xAxisVisibleEnd]
          // [yAxisInvisibleStart, yAxisInvisibleEnd, yAxisVisibleStart, yAxisVisibleEnd]

          emit(defaults["k" /* ITEM_RENDER_EVT */], columnCacheStart, columnCacheEnd, rowCacheStart, rowCacheEnd, columnVisibleStart, columnVisibleEnd, rowVisibleStart, rowVisibleEnd);
        }

        const {
          scrollLeft,
          scrollTop,
          updateRequested,
          xAxisScrollDir,
          yAxisScrollDir
        } = Object(util["a" /* $ */])(states);
        emit(defaults["s" /* SCROLL_EVT */], xAxisScrollDir, scrollLeft, yAxisScrollDir, scrollTop, updateRequested);
      };

      const onScroll = e => {
        const {
          clientHeight,
          clientWidth,
          scrollHeight,
          scrollLeft,
          scrollTop,
          scrollWidth
        } = e.currentTarget;

        const _states = Object(util["a" /* $ */])(states);

        if (_states.scrollTop === scrollTop && _states.scrollLeft === scrollLeft) {
          return;
        }

        let _scrollLeft = scrollLeft;

        if (Object(utils["e" /* isRTL */])(props.direction)) {
          switch (Object(utils["a" /* getRTLOffsetType */])()) {
            case defaults["o" /* RTL_OFFSET_NAG */]:
              _scrollLeft = -scrollLeft;
              break;

            case defaults["q" /* RTL_OFFSET_POS_DESC */]:
              _scrollLeft = scrollWidth - clientWidth - scrollLeft;
              break;
          }
        }

        states.value = { ..._states,
          isScrolling: true,
          scrollLeft: _scrollLeft,
          scrollTop: Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight)),
          updateRequested: false,
          xAxisScrollDir: Object(utils["b" /* getScrollDir */])(_states.scrollLeft, _scrollLeft),
          yAxisScrollDir: Object(utils["b" /* getScrollDir */])(_states.scrollTop, scrollTop)
        };
        Object(vue_esm_browser_prod["nextTick"])(resetIsScrolling);
        emitEvents();
      }; // eslint-disable-next-line @typescript-eslint/no-unused-vars


      const getItemStyleCache = memoize_default()((_, __, ___) => ({}));

      const scrollTo = ({
        scrollLeft,
        scrollTop
      }) => {
        scrollLeft = Math.max(scrollLeft, 0);
        scrollTop = Math.max(scrollTop, 0);

        const _states = Object(util["a" /* $ */])(states);

        if (scrollTop === _states.scrollTop && scrollLeft === _states.scrollLeft) {
          return;
        }

        states.value = { ..._states,
          xAxisScrollDir: Object(utils["b" /* getScrollDir */])(_states.scrollLeft, scrollLeft),
          yAxisScrollDir: Object(utils["b" /* getScrollDir */])(_states.scrollTop, scrollTop),
          scrollLeft,
          scrollTop,
          updateRequested: true
        };
        Object(vue_esm_browser_prod["nextTick"])(resetIsScrolling);
      };

      const scrollToItem = (rowIndex = 0, columnIdx = 0, alignment = defaults["a" /* AUTO_ALIGNMENT */]) => {
        const _states = Object(util["a" /* $ */])(states);

        columnIdx = Math.max(0, Math.min(columnIdx, props.totalColumn - 1));
        rowIndex = Math.max(0, Math.min(rowIndex, props.totalRow - 1));
        const scrollBarWidth = Object(scrollbar_width["a" /* default */])();

        const _cache = Object(util["a" /* $ */])(cache);

        const estimatedHeight = getEstimatedTotalHeight(props, _cache);
        const estimatedWidth = getEstimatedTotalWidth(props, _cache);
        scrollTo({
          scrollLeft: getColumnOffset(props, columnIdx, alignment, _states.scrollLeft, _cache, estimatedWidth > props.width ? scrollBarWidth : 0),
          scrollTop: getRowOffset(props, rowIndex, alignment, _states.scrollTop, _cache, estimatedHeight > props.height ? scrollBarWidth : 0)
        });
      };

      const getItemStyle = (rowIndex, columnIndex) => {
        const {
          columnWidth,
          direction,
          rowHeight
        } = props;
        const itemStyleCache = getItemStyleCache(clearCache && columnWidth, clearCache && rowHeight, clearCache && direction); // since there was no need to introduce an nested array into cache object
        // we use row,column to construct the key for indexing the map.

        const key = `${rowIndex},${columnIndex}`;

        if (Object(shared_esm_bundler["e" /* hasOwn */])(itemStyleCache, key)) {
          return itemStyleCache[key];
        } else {
          const [, left] = getColumnPosition(props, columnIndex, Object(util["a" /* $ */])(cache));

          const _cache = Object(util["a" /* $ */])(cache);

          const rtl = Object(utils["e" /* isRTL */])(direction);
          const [height, top] = getRowPosition(props, rowIndex, _cache);
          const [width] = getColumnPosition(props, columnIndex, _cache);
          itemStyleCache[key] = {
            position: 'absolute',
            left: rtl ? undefined : `${left}px`,
            right: rtl ? `${left}px` : undefined,
            top: `${top}px`,
            height: `${height}px`,
            width: `${width}px`
          };
          return itemStyleCache[key];
        }
      }; // TODO: debounce setting is scrolling.


      const resetIsScrolling = () => {
        // timer = null
        states.value.isScrolling = false;
        Object(vue_esm_browser_prod["nextTick"])(() => {
          getItemStyleCache(-1, null, null);
        });
      }; // life cycles


      Object(vue_esm_browser_prod["onMounted"])(() => {
        // for SSR
        if (isServer["a" /* default */]) return;
        const {
          initScrollLeft,
          initScrollTop
        } = props;
        const windowElement = Object(util["a" /* $ */])(windowRef);

        if (windowElement !== null) {
          if (Object(util["r" /* isNumber */])(initScrollLeft)) {
            windowElement.scrollLeft = initScrollLeft;
          }

          if (Object(util["r" /* isNumber */])(initScrollTop)) {
            windowElement.scrollTop = initScrollTop;
          }
        }

        emitEvents();
      });
      Object(vue_esm_browser_prod["onUpdated"])(() => {
        const {
          direction
        } = props;
        const {
          scrollLeft,
          scrollTop,
          updateRequested
        } = Object(util["a" /* $ */])(states);

        if (updateRequested && Object(util["a" /* $ */])(windowRef) !== null) {
          const windowElement = Object(util["a" /* $ */])(windowRef);

          if (direction === defaults["n" /* RTL */]) {
            switch (Object(utils["a" /* getRTLOffsetType */])()) {
              case defaults["o" /* RTL_OFFSET_NAG */]:
                {
                  windowElement.scrollLeft = -scrollLeft;
                  break;
                }

              case defaults["p" /* RTL_OFFSET_POS_ASC */]:
                {
                  windowElement.scrollLeft = scrollLeft;
                  break;
                }

              default:
                {
                  const {
                    clientWidth,
                    scrollWidth
                  } = windowElement;
                  windowElement.scrollLeft = scrollWidth - clientWidth - scrollLeft;
                  break;
                }
            }
          } else {
            windowElement.scrollLeft = Math.max(0, scrollLeft);
          }

          windowElement.scrollTop = Math.max(0, scrollTop);
        }
      });
      const api = {
        windowStyle,
        windowRef,
        columnsToRender,
        innerRef,
        innerStyle,
        states,
        rowsToRender,
        getItemStyle,
        onScroll,
        scrollTo,
        scrollToItem
      };
      expose({
        windowRef,
        innerRef,
        getItemStyleCache,
        scrollTo,
        scrollToItem,
        states
      });
      return api;
    },

    render(ctx) {
      const {
        $slots,
        className,
        containerElement,
        columnsToRender,
        data,
        getItemStyle,
        innerElement,
        innerStyle,
        rowsToRender,
        onScroll,
        states,
        useIsScrolling,
        windowStyle,
        totalColumn,
        totalRow
      } = ctx;
      const [columnStart, columnEnd] = columnsToRender;
      const [rowStart, rowEnd] = rowsToRender;
      const Container = Object(vue_esm_browser_prod["resolveDynamicComponent"])(containerElement);
      const Inner = Object(vue_esm_browser_prod["resolveDynamicComponent"])(innerElement);
      const children = [];

      if (totalRow > 0 && totalColumn > 0) {
        for (let row = rowStart; row <= rowEnd; row++) {
          for (let column = columnStart; column <= columnEnd; column++) {
            children.push($slots.default == null ? void 0 : $slots.default({
              columnIndex: column,
              data,
              key: column,
              isScrolling: useIsScrolling ? states.isScrolling : undefined,
              style: getItemStyle(row, column),
              rowIndex: row
            }));
          }
        }
      }

      const InnerNode = [Object(vue_esm_browser_prod["h"])(Inner, {
        style: innerStyle,
        ref: 'innerRef'
      }, !Object(util["t" /* isString */])(Inner) ? {
        default: () => children
      } : children)];
      return Object(vue_esm_browser_prod["h"])(Container, {
        class: className,
        style: windowStyle,
        onScroll,
        ref: 'windowRef'
      }, !Object(util["t" /* isString */])(Container) ? {
        default: () => InnerNode
      } : InnerNode);
    }

  });
};

/* harmony default export */ var buildGrid = (createGrid);
// CONCATENATED MODULE: ./packages/components/virtual-list/src/components/fixed-size-grid.ts




const SCOPE = 'ElFixedSizeGrid';
const FixedSizeGrid = buildGrid({
  name: 'ElFixedSizeGrid',
  getColumnPosition: ({
    columnWidth
  }, index) => [columnWidth, index * columnWidth],
  getRowPosition: ({
    rowHeight
  }, index) => [rowHeight, index * rowHeight],
  getEstimatedTotalHeight: ({
    totalRow,
    rowHeight
  }) => rowHeight * totalRow,
  getEstimatedTotalWidth: ({
    totalColumn,
    columnWidth
  }) => columnWidth * totalColumn,
  getColumnOffset: ({
    totalColumn,
    columnWidth,
    width
  }, columnIndex, alignment, scrollLeft, _, scrollBarWidth) => {
    width = Number(width);
    const lastColumnOffset = Math.max(0, totalColumn * columnWidth - width);
    const maxOffset = Math.min(lastColumnOffset, columnIndex * columnWidth);
    const minOffset = Math.max(0, columnIndex * columnWidth - width + scrollBarWidth + columnWidth);

    if (alignment === 'smart') {
      if (scrollLeft >= minOffset - width && scrollLeft <= maxOffset + width) {
        alignment = defaults["a" /* AUTO_ALIGNMENT */];
      } else {
        alignment = defaults["c" /* CENTERED_ALIGNMENT */];
      }
    }

    switch (alignment) {
      case defaults["u" /* START_ALIGNMENT */]:
        return maxOffset;

      case defaults["h" /* END_ALIGNMENT */]:
        return minOffset;

      case defaults["c" /* CENTERED_ALIGNMENT */]:
        const middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);

        if (middleOffset < Math.ceil(width / 2)) {
          return 0;
        } else if (middleOffset > lastColumnOffset + Math.floor(width / 2)) {
          return lastColumnOffset;
        } else {
          return middleOffset;
        }

      case defaults["a" /* AUTO_ALIGNMENT */]:
      default:
        if (scrollLeft >= minOffset && scrollLeft <= maxOffset) {
          return scrollLeft;
        } else if (minOffset > maxOffset) {
          return minOffset;
        } else if (scrollLeft < minOffset) {
          return minOffset;
        } else {
          return maxOffset;
        }

    }
  },
  getRowOffset: ({
    rowHeight,
    height,
    totalRow
  }, rowIndex, align, scrollTop, _, scrollBarWidth) => {
    height = Number(height);
    const lastRowOffset = Math.max(0, totalRow * rowHeight - height);
    const maxOffset = Math.min(lastRowOffset, rowIndex * rowHeight);
    const minOffset = Math.max(0, rowIndex * rowHeight - height + scrollBarWidth + rowHeight);

    if (align === defaults["t" /* SMART_ALIGNMENT */]) {
      if (scrollTop >= minOffset - height && scrollTop <= maxOffset + height) {
        align = defaults["a" /* AUTO_ALIGNMENT */];
      } else {
        align = defaults["c" /* CENTERED_ALIGNMENT */];
      }
    }

    switch (align) {
      case defaults["u" /* START_ALIGNMENT */]:
        return maxOffset;

      case defaults["h" /* END_ALIGNMENT */]:
        return minOffset;

      case defaults["c" /* CENTERED_ALIGNMENT */]:
        const middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);

        if (middleOffset < Math.ceil(height / 2)) {
          return 0;
        } else if (middleOffset > lastRowOffset + Math.floor(height / 2)) {
          return lastRowOffset;
        } else {
          return middleOffset;
        }

      case defaults["a" /* AUTO_ALIGNMENT */]:
      default:
        if (scrollTop >= minOffset && scrollTop <= maxOffset) {
          return scrollTop;
        } else if (minOffset > maxOffset) {
          return minOffset;
        } else if (scrollTop < minOffset) {
          return minOffset;
        } else {
          return maxOffset;
        }

    }
  },
  getColumnStartIndexForOffset: ({
    columnWidth,
    totalColumn
  }, scrollLeft) => Math.max(0, Math.min(totalColumn - 1, Math.floor(scrollLeft / columnWidth))),
  getColumnStopIndexForStartIndex: ({
    columnWidth,
    totalColumn,
    width
  }, startIndex, scrollLeft) => {
    const left = startIndex * columnWidth;
    const visibleColumnsCount = Math.ceil((width + scrollLeft - left) / columnWidth);
    return Math.max(0, Math.min(totalColumn - 1, startIndex + visibleColumnsCount - 1));
  },
  getRowStartIndexForOffset: ({
    rowHeight,
    totalRow
  }, scrollTop) => Math.max(0, Math.min(totalRow - 1, Math.floor(scrollTop / rowHeight))),
  getRowStopIndexForStartIndex: ({
    rowHeight,
    totalRow,
    height
  }, startIndex, scrollTop) => {
    const top = startIndex * rowHeight;
    const numVisibleRows = Math.ceil((height + scrollTop - top) / rowHeight);
    return Math.max(0, Math.min(totalRow - 1, startIndex + numVisibleRows - 1 // -1 is because stop index is inclusive
    ));
  },
  initCache: () => undefined,
  clearCache: true,
  validateProps: ({
    columnWidth,
    rowHeight
  }) => {
    if (false) {}
  }
});
/* harmony default export */ var fixed_size_grid = (FixedSizeGrid);
// CONCATENATED MODULE: ./packages/components/virtual-list/src/components/dynamic-size-grid.ts




const {
  max,
  min,
  floor
} = Math;
const dynamic_size_grid_SCOPE = 'ElDynamicSizeGrid';
// generates props access key via type
const ACCESS_SIZER_KEY_MAP = {
  column: 'columnWidth',
  row: 'rowHeight'
}; // generates cache access key via type

const ACCESS_LAST_VISITED_KEY_MAP = {
  column: 'lastVisitedColumnIndex',
  row: 'lastVisitedRowIndex'
};

const getItemFromCache = (props, index, gridCache, type) => {
  const [cachedItems, sizer, lastVisited] = [gridCache[type], props[ACCESS_SIZER_KEY_MAP[type]], gridCache[ACCESS_LAST_VISITED_KEY_MAP[type]]];

  if (index > lastVisited) {
    let offset = 0;

    if (lastVisited >= 0) {
      const item = cachedItems[lastVisited];
      offset = item.offset + item.size;
    }

    for (let i = lastVisited + 1; i <= index; i++) {
      const size = sizer(i);
      cachedItems[i] = {
        offset,
        size
      };
      offset += size;
    }

    gridCache[ACCESS_LAST_VISITED_KEY_MAP[type]] = index;
  }

  return cachedItems[index];
};

const bs = (props, gridCache, low, high, offset, type) => {
  while (low <= high) {
    const mid = low + floor((high - low) / 2);
    const currentOffset = getItemFromCache(props, mid, gridCache, type).offset;

    if (currentOffset === offset) {
      return mid;
    } else if (currentOffset < offset) {
      low = mid + 1;
    } else {
      high = mid - 1;
    }
  }

  return max(0, low - 1);
};

const es = (props, gridCache, idx, offset, type) => {
  const total = type === 'column' ? props.totalColumn : props.totalRow;
  let exponent = 1;

  while (idx < total && getItemFromCache(props, idx, gridCache, type).offset < offset) {
    idx += exponent;
    exponent *= 2;
  }

  return bs(props, gridCache, floor(idx / 2), min(idx, total - 1), offset, type);
};

const findItem = (props, gridCache, offset, type) => {
  const [cache, lastVisitedIndex] = [gridCache[type], gridCache[ACCESS_LAST_VISITED_KEY_MAP[type]]];
  const lastVisitedItemOffset = lastVisitedIndex > 0 ? cache[lastVisitedIndex].offset : 0;

  if (lastVisitedItemOffset >= offset) {
    return bs(props, gridCache, 0, lastVisitedIndex, offset, type);
  }

  return es(props, gridCache, max(0, lastVisitedIndex), offset, type);
};

const dynamic_size_grid_getEstimatedTotalHeight = ({
  totalRow
}, {
  estimatedRowHeight,
  lastVisitedRowIndex,
  row
}) => {
  let sizeOfVisitedRows = 0;

  if (lastVisitedRowIndex >= totalRow) {
    lastVisitedRowIndex = totalRow - 1;
  }

  if (lastVisitedRowIndex >= 0) {
    const item = row[lastVisitedRowIndex];
    sizeOfVisitedRows = item.offset + item.size;
  }

  const unvisitedItems = totalRow - lastVisitedRowIndex - 1;
  const sizeOfUnvisitedItems = unvisitedItems * estimatedRowHeight;
  return sizeOfVisitedRows + sizeOfUnvisitedItems;
};

const dynamic_size_grid_getEstimatedTotalWidth = ({
  totalColumn
}, {
  column,
  estimatedColumnWidth,
  lastVisitedColumnIndex
}) => {
  let sizeOfVisitedColumns = 0;

  if (lastVisitedColumnIndex > totalColumn) {
    lastVisitedColumnIndex = totalColumn - 1;
  }

  if (lastVisitedColumnIndex >= 0) {
    const item = column[lastVisitedColumnIndex];
    sizeOfVisitedColumns = item.offset + item.size;
  }

  const unvisitedItems = totalColumn - lastVisitedColumnIndex - 1;
  const sizeOfUnvisitedItems = unvisitedItems * estimatedColumnWidth;
  return sizeOfVisitedColumns + sizeOfUnvisitedItems;
};

const ACCESS_ESTIMATED_SIZE_KEY_MAP = {
  column: dynamic_size_grid_getEstimatedTotalWidth,
  row: dynamic_size_grid_getEstimatedTotalHeight
};

const getOffset = (props, index, alignment, scrollOffset, cache, type, scrollBarWidth) => {
  const [size, estimatedSizeAssociates] = [type === 'row' ? props.height : props.width, ACCESS_ESTIMATED_SIZE_KEY_MAP[type]];
  const item = getItemFromCache(props, index, cache, type);
  const estimatedSize = estimatedSizeAssociates(props, cache);
  const maxOffset = max(0, min(estimatedSize - size, item.offset));
  const minOffset = max(0, item.offset - size + scrollBarWidth + item.size);

  if (alignment === defaults["t" /* SMART_ALIGNMENT */]) {
    if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {
      alignment = defaults["a" /* AUTO_ALIGNMENT */];
    } else {
      alignment = defaults["c" /* CENTERED_ALIGNMENT */];
    }
  }

  switch (alignment) {
    case defaults["u" /* START_ALIGNMENT */]:
      {
        return maxOffset;
      }

    case defaults["h" /* END_ALIGNMENT */]:
      {
        return minOffset;
      }

    case defaults["c" /* CENTERED_ALIGNMENT */]:
      {
        return Math.round(minOffset + (maxOffset - minOffset) / 2);
      }

    case defaults["a" /* AUTO_ALIGNMENT */]:
    default:
      {
        if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {
          return scrollOffset;
        } else if (minOffset > maxOffset) {
          return minOffset;
        } else if (scrollOffset < minOffset) {
          return minOffset;
        } else {
          return maxOffset;
        }
      }
  }
};

const dynamic_size_grid_FixedSizeGrid = buildGrid({
  name: 'ElDynamicSizeGrid',
  getColumnPosition: (props, idx, cache) => {
    const item = getItemFromCache(props, idx, cache, 'column');
    return [item.size, item.offset];
  },
  getRowPosition: (props, idx, cache) => {
    const item = getItemFromCache(props, idx, cache, 'row');
    return [item.size, item.offset];
  },
  getColumnOffset: (props, columnIndex, alignment, scrollLeft, cache, scrollBarWidth) => getOffset(props, columnIndex, alignment, scrollLeft, cache, 'column', scrollBarWidth),
  getRowOffset: (props, rowIndex, alignment, scrollTop, cache, scrollBarWidth) => getOffset(props, rowIndex, alignment, scrollTop, cache, 'row', scrollBarWidth),
  getColumnStartIndexForOffset: (props, scrollLeft, cache) => findItem(props, cache, scrollLeft, 'column'),
  getColumnStopIndexForStartIndex: (props, startIndex, scrollLeft, cache) => {
    const item = getItemFromCache(props, startIndex, cache, 'column');
    const maxOffset = scrollLeft + props.width;
    let offset = item.offset + item.size;
    let stopIndex = startIndex;

    while (stopIndex < props.totalColumn - 1 && offset < maxOffset) {
      stopIndex++;
      offset += getItemFromCache(props, startIndex, cache, 'column').size;
    }

    return stopIndex;
  },
  getEstimatedTotalHeight: dynamic_size_grid_getEstimatedTotalHeight,
  getEstimatedTotalWidth: dynamic_size_grid_getEstimatedTotalWidth,
  getRowStartIndexForOffset: (props, scrollTop, cache) => findItem(props, cache, scrollTop, 'row'),
  getRowStopIndexForStartIndex: (props, startIndex, scrollTop, cache) => {
    const {
      totalRow,
      height
    } = props;
    const item = getItemFromCache(props, startIndex, cache, 'row');
    const maxOffset = scrollTop + height;
    let offset = item.size + item.offset;
    let stopIndex = startIndex;

    while (stopIndex < totalRow - 1 && offset < maxOffset) {
      stopIndex++;
      offset += getItemFromCache(props, stopIndex, cache, 'row').size;
    }

    return stopIndex;
  },
  initCache: ({
    estimatedColumnWidth = defaults["d" /* DEFAULT_DYNAMIC_LIST_ITEM_SIZE */],
    estimatedRowHeight = defaults["d" /* DEFAULT_DYNAMIC_LIST_ITEM_SIZE */]
  }) => {
    const cache = {
      column: {},
      estimatedColumnWidth,
      estimatedRowHeight,
      lastVisitedColumnIndex: -1,
      lastVisitedRowIndex: -1,
      row: {}
    }; // TODO: expose methods.

    return cache;
  },
  clearCache: true,
  validateProps: ({
    columnWidth,
    rowHeight
  }) => {
    if (false) {}
  }
});
/* harmony default export */ var dynamic_size_grid = (dynamic_size_grid_FixedSizeGrid);
// CONCATENATED MODULE: ./packages/components/virtual-list/index.ts






/***/ }),

/***/ 810:
/***/ (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/en-US/switch.md?vue&type=template&id=fe6f6ec0

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

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

const _hoisted_3 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "Switch is used for switching between two opposing states.", -1);

const _hoisted_4 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Basic 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"])("Bind "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "v-model"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" to a "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "Boolean"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" typed variable. The "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "active-color"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" and "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "inactive-color"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" attribute decides the background color in two states.")])], -1);

const _hoisted_6 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<el-switch v-model=\"value1\"> </el-switch>\n<el-switch v-model=\"value2\" active-color=\"#13ce66\" inactive-color=\"#ff4949\">\n</el-switch>\n\n<script>\n  export default {\n    data() {\n      return {\n        value1: true,\n        value2: true,\n      }\n    },\n  }\n</script>\n")], -1);

const _hoisted_7 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Text description ");

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"])("You can add "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "active-text"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" and "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "inactive-text"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" attribute to show texts.")])], -1);

const _hoisted_9 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<el-switch\n  v-model=\"value1\"\n  active-text=\"Pay by month\"\n  inactive-text=\"Pay by year\"\n>\n</el-switch>\n<el-switch\n  style=\"display: block\"\n  v-model=\"value2\"\n  active-color=\"#13ce66\"\n  inactive-color=\"#ff4949\"\n  active-text=\"Pay by month\"\n  inactive-text=\"Pay by year\"\n>\n</el-switch>\n\n<script>\n  export default {\n    data() {\n      return {\n        value1: true,\n        value2: true,\n      }\n    },\n  }\n</script>\n")], -1);

const _hoisted_10 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Extended value types ");

const _hoisted_11 = /*#__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"])("You can set "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "active-value"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" and "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "inactive-value"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" attributes. They both receive a "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "Boolean"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(", "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "String"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" or "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "Number"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" typed value.")])], -1);

const _hoisted_12 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<el-tooltip :content=\"'Switch value: ' + value\" placement=\"top\">\n  <el-switch\n    v-model=\"value\"\n    active-color=\"#13ce66\"\n    inactive-color=\"#ff4949\"\n    active-value=\"100\"\n    inactive-value=\"0\"\n  >\n  </el-switch>\n</el-tooltip>\n\n<script>\n  export default {\n    data() {\n      return {\n        value: '100',\n      }\n    },\n  }\n</script>\n")], -1);

const _hoisted_13 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Disabled ");

const _hoisted_14 = /*#__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"])("Adding the "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "disabled"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" attribute disables Switch.")])], -1);

const _hoisted_15 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<el-switch v-model=\"value1\" disabled> </el-switch>\n<el-switch v-model=\"value2\" disabled> </el-switch>\n\n<script>\n  export default {\n    data() {\n      return {\n        value1: true,\n        value2: false,\n      }\n    },\n  }\n</script>\n")], -1);

const _hoisted_16 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Loading ");

const _hoisted_17 = /*#__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"])("Setting the "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "loading"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" attribute to "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "true"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" indicates a loading state on the Switch.")])], -1);

const _hoisted_18 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<el-switch v-model=\"value1\" loading> </el-switch>\n<el-switch v-model=\"value2\" loading> </el-switch>\n<script>\n  export default {\n    data() {\n      return {\n        value1: true,\n        value2: false,\n      }\n    },\n  }\n</script>\n")], -1);

const _hoisted_19 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("prevent switching ");

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"])("set the "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "before-change"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" property, If "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "false"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" is returned or a "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "Promise"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" is returned and then is rejected, will stop switching.")])], -1);

const _hoisted_21 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<el-switch v-model=\"value1\" :loading=\"loading1\" :before-change=\"beforeChange1\">\n</el-switch>\n<el-switch v-model=\"value2\" :loading=\"loading2\" :before-change=\"beforeChange2\">\n</el-switch>\n<script>\n  import { reactive, toRefs } from 'vue'\n  import { ElMessage } from 'element-plus'\n\n  export default {\n    setup() {\n      const status1 = reactive({\n        value1: false,\n        loading1: false,\n      })\n\n      const beforeChange1 = () => {\n        status1.loading1 = true\n        return new Promise((resolve) => {\n          setTimeout(() => {\n            status1.loading1 = false\n            ElMessage.success('switch success')\n            return resolve(true)\n          }, 1000)\n        })\n      }\n\n      const status2 = reactive({\n        value2: false,\n        loading2: false,\n      })\n\n      const beforeChange2 = () => {\n        status2.loading2 = true\n        return new Promise((resolve, reject) => {\n          setTimeout(() => {\n            status2.loading2 = false\n            ElMessage.error('switch failed')\n            return reject(new Error('error'))\n          }, 1000)\n        })\n      }\n\n      return {\n        ...toRefs(status1),\n        ...toRefs(status2),\n        beforeChange1,\n        beforeChange2,\n      }\n    },\n  }\n</script>\n")], -1);

const _hoisted_22 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Attributes ");

const _hoisted_23 = /*#__PURE__*/Object(vue_esm_browser_prod["createStaticVNode"])("<table><thead><tr><th>Attribute</th><th>Description</th><th>Type</th><th>Accepted Values</th><th>Default</th></tr></thead><tbody><tr><td>model-value / v-model</td><td>binding value, it should be equivalent to either <code>active-value</code> or <code>inactive-value</code>, by default it&#39;s <code>boolean</code> type</td><td>boolean / string / number</td><td>—</td><td>—</td></tr><tr><td>disabled</td><td>whether Switch is disabled</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>loading</td><td>whether Switch is in loading state</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>width</td><td>width of Switch</td><td>number</td><td>—</td><td>40</td></tr><tr><td>active-icon-class</td><td>class name of the icon displayed when in <code>on</code> state, overrides <code>active-text</code></td><td>string</td><td>—</td><td>—</td></tr><tr><td>inactive-icon-class</td><td>class name of the icon displayed when in <code>off</code> state, overrides <code>inactive-text</code></td><td>string</td><td>—</td><td>—</td></tr><tr><td>active-text</td><td>text displayed when in <code>on</code> state</td><td>string</td><td>—</td><td>—</td></tr><tr><td>inactive-text</td><td>text displayed when in <code>off</code> state</td><td>string</td><td>—</td><td>—</td></tr><tr><td>active-value</td><td>switch value when in <code>on</code> state</td><td>boolean / string / number</td><td>—</td><td>true</td></tr><tr><td>inactive-value</td><td>switch value when in <code>off</code> state</td><td>boolean / string / number</td><td>—</td><td>false</td></tr><tr><td>active-color</td><td>background color when in <code>on</code> state</td><td>string</td><td>—</td><td>#409EFF</td></tr><tr><td>inactive-color</td><td>background color when in <code>off</code> state</td><td>string</td><td>—</td><td>#C0CCDA</td></tr><tr><td>border-color</td><td>border color of the switch</td><td>string</td><td>—</td><td>—</td></tr><tr><td>name</td><td>input name of Switch</td><td>string</td><td>—</td><td>—</td></tr><tr><td>validate-event</td><td>whether to trigger form validation</td><td>boolean</td><td>—</td><td>true</td></tr><tr><td>before-change</td><td>before-change hook before the switch state changes. If <code>false</code> is returned or a <code>Promise</code> is returned and then is rejected, will stop switching</td><td>function</td><td>—</td><td>—</td></tr></tbody></table>", 1);

const _hoisted_24 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Events ");

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, "Event Name"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Description"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Parameters")])]), /*#__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, "triggers when value changes"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "value after changing")])])], -1);

const _hoisted_26 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Methods ");

const _hoisted_27 = /*#__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, "Method"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Description"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Parameters")])]), /*#__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, "focus"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "focus the Switch component"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—")])])], -1);

function switchvue_type_template_id_fe6f6ec0_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_element_demo5 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo5");

  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: "switch",
    content: "Switch",
    href: "#switch",
    level: "2"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_2, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#switch"
    })]),
    _: 1
  }), _hoisted_3, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "basic-usage",
    content: "Basic usage",
    href: "#basic-usage",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_4, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#basic-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: "text-description",
    content: "Text description",
    href: "#text-description",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_7, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#text-description"
    })]),
    _: 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: "extended-value-types",
    content: "Extended value types",
    href: "#extended-value-types",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_10, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#extended-value-types"
    })]),
    _: 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_demo2)]),
    highlight: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_12]),
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_11]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "disabled",
    content: "Disabled",
    href: "#disabled",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_13, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#disabled"
    })]),
    _: 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_demo3)]),
    highlight: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_15]),
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_14]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "loading",
    content: "Loading",
    href: "#loading",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_16, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#loading"
    })]),
    _: 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_demo4)]),
    highlight: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_18]),
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_17]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "prevent-switching",
    content: "prevent switching",
    href: "#prevent-switching",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_19, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#prevent-switching"
    })]),
    _: 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_demo5)]),
    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: "attributes",
    content: "Attributes",
    href: "#attributes",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_22, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#attributes"
    })]),
    _: 1
  }), _hoisted_23, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "events",
    content: "Events",
    href: "#events",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_24, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#events"
    })]),
    _: 1
  }), _hoisted_25, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "methods",
    content: "Methods",
    href: "#methods",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_26, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#methods"
    })]),
    _: 1
  }), _hoisted_27, Object(vue_esm_browser_prod["createVNode"])(_component_right_nav)]);
}
// CONCATENATED MODULE: ./website/docs/en-US/switch.md?vue&type=template&id=fe6f6ec0

// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/dist??ref--3-0!./website/md-loader!./website/docs/en-US/switch.md?vue&type=script&lang=ts

/* harmony default export */ var switchvue_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_switch = _resolveComponent("el-switch");

        return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_switch, {
          modelValue: _ctx.value1,
          "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.value1 = $event)
        }, null, 8, ["modelValue"]), _createVNode(_component_el_switch, {
          modelValue: _ctx.value2,
          "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.value2 = $event),
          "active-color": "#13ce66",
          "inactive-color": "#ff4949"
        }, null, 8, ["modelValue"])]);
      }

      const democomponentExport = {
        data() {
          return {
            value1: true,
            value2: true
          };
        }

      };
      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_switch = _resolveComponent("el-switch");

        return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_switch, {
          modelValue: _ctx.value1,
          "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.value1 = $event),
          "active-text": "Pay by month",
          "inactive-text": "Pay by year"
        }, null, 8, ["modelValue"]), _createVNode(_component_el_switch, {
          style: {
            "display": "block"
          },
          modelValue: _ctx.value2,
          "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.value2 = $event),
          "active-color": "#13ce66",
          "inactive-color": "#ff4949",
          "active-text": "Pay by month",
          "inactive-text": "Pay by year"
        }, null, 8, ["modelValue"])]);
      }

      const democomponentExport = {
        data() {
          return {
            value1: true,
            value2: true
          };
        }

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

      function render(_ctx, _cache) {
        const _component_el_switch = _resolveComponent("el-switch");

        const _component_el_tooltip = _resolveComponent("el-tooltip");

        return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_tooltip, {
          content: 'Switch value: ' + _ctx.value,
          placement: "top"
        }, {
          default: _withCtx(() => [_createVNode(_component_el_switch, {
            modelValue: _ctx.value,
            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.value = $event),
            "active-color": "#13ce66",
            "inactive-color": "#ff4949",
            "active-value": "100",
            "inactive-value": "0"
          }, null, 8, ["modelValue"])]),
          _: 1
        }, 8, ["content"])]);
      }

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

      };
      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_switch = _resolveComponent("el-switch");

        return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_switch, {
          modelValue: _ctx.value1,
          "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.value1 = $event),
          disabled: ""
        }, null, 8, ["modelValue"]), _createVNode(_component_el_switch, {
          modelValue: _ctx.value2,
          "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.value2 = $event),
          disabled: ""
        }, null, 8, ["modelValue"])]);
      }

      const democomponentExport = {
        data() {
          return {
            value1: true,
            value2: false
          };
        }

      };
      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_switch = _resolveComponent("el-switch");

        return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_switch, {
          modelValue: _ctx.value1,
          "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.value1 = $event),
          loading: ""
        }, null, 8, ["modelValue"]), _createVNode(_component_el_switch, {
          modelValue: _ctx.value2,
          "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.value2 = $event),
          loading: ""
        }, null, 8, ["modelValue"])]);
      }

      const democomponentExport = {
        data() {
          return {
            value1: true,
            value2: false
          };
        }

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

      function render(_ctx, _cache) {
        const _component_el_switch = _resolveComponent("el-switch");

        return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_switch, {
          modelValue: _ctx.value1,
          "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.value1 = $event),
          loading: _ctx.loading1,
          "before-change": _ctx.beforeChange1
        }, null, 8, ["modelValue", "loading", "before-change"]), _createVNode(_component_el_switch, {
          modelValue: _ctx.value2,
          "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.value2 = $event),
          loading: _ctx.loading2,
          "before-change": _ctx.beforeChange2
        }, null, 8, ["modelValue", "loading", "before-change"])]);
      }

      const {
        reactive,
        toRefs
      } = vue_esm_browser_prod;

      const {
        ElMessage
      } = __webpack_require__(105);

      const democomponentExport = {
        setup() {
          const status1 = reactive({
            value1: false,
            loading1: false
          });

          const beforeChange1 = () => {
            status1.loading1 = true;
            return new Promise(resolve => {
              setTimeout(() => {
                status1.loading1 = false;
                ElMessage.success('switch success');
                return resolve(true);
              }, 1000);
            });
          };

          const status2 = reactive({
            value2: false,
            loading2: false
          });

          const beforeChange2 = () => {
            status2.loading2 = true;
            return new Promise((resolve, reject) => {
              setTimeout(() => {
                status2.loading2 = false;
                ElMessage.error('switch failed');
                return reject(new Error('error'));
              }, 1000);
            });
          };

          return { ...toRefs(status1),
            ...toRefs(status2),
            beforeChange1,
            beforeChange2
          };
        }

      };
      return {
        render,
        ...democomponentExport
      };
    }()
  }
});
// CONCATENATED MODULE: ./website/docs/en-US/switch.md?vue&type=script&lang=ts
 
// CONCATENATED MODULE: ./website/docs/en-US/switch.md



switchvue_type_script_lang_ts.render = switchvue_type_template_id_fe6f6ec0_render

/* harmony default export */ var en_US_switch = __webpack_exports__["default"] = (switchvue_type_script_lang_ts);

/***/ })

}]);