代码拉取完成，页面将自动刷新
同步操作将从 element-plus/doc-archive 强制同步，此操作会覆盖自 Fork 仓库以来所做的任何修改，且无法恢复！！！
确定后同步将在后台操作，完成时将刷新页面，请耐心等待。
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[128],{
/***/ 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
/***/ }),
/***/ 877:
/***/ (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/es/switch.md?vue&type=template&id=9133f900
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 es utilizado para realizar cambios entre dos estados opuestos.", -1);
const _hoisted_4 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Uso básico ");
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"])("Enlace "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "v-model"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" a una variable de tipo "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "Boolean"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(". Los atributos "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "active-color"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" y "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "inactive-color"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" deciden el color de fondo en cada estado.")])], -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"])("Texto de descripción ");
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"])("Puede agregar los atributos "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "active-text"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" y "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "inactive-text"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" para mostrar los textos.")])], -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"])("Tipos de valores extendidos ");
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"])("Puede establecer los atributos "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "active-value"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" y "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "inactive-value"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(". Ambos reciben valores de tipo "), /*#__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"])(" o "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "Number"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(".")])], -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"])("Agregar el atributo "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "disabled"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" desactiva el componente 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"])("Atributos ");
const _hoisted_23 = /*#__PURE__*/Object(vue_esm_browser_prod["createStaticVNode"])("<table><thead><tr><th>Atributo</th><th>Descripción</th><th>Tipo</th><th>Valores aceptados</th><th>Por defecto</th></tr></thead><tbody><tr><td>model-value / v-model</td><td>valor vinculante, debe ser equivalente al <code>active-value</code> o al <code>inactive-value</code>. El tipo por defecto es el tipo <code>boolean</code>.</td><td>boolean / string / number</td><td>—</td><td>—</td></tr><tr><td>disabled</td><td>si Switch esta deshabilitado</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>ancho del componente Switch</td><td>number</td><td>—</td><td>40</td></tr><tr><td>active-icon-class</td><td>nombre de la clase del icono mostrado en el estado <code>on</code>, sobrescribe <code>active-text</code></td><td>string</td><td>—</td><td>—</td></tr><tr><td>inactive-icon-class</td><td>nombre de la clase del icono mostrado en el estado <code>off</code>, sobrescribe <code>inactive-text</code></td><td>string</td><td>—</td><td>—</td></tr><tr><td>active-text</td><td>texto mostrado en el estado <code>on</code></td><td>string</td><td>—</td><td>—</td></tr><tr><td>inactive-text</td><td>texto mostrado en el estado <code>off</code></td><td>string</td><td>—</td><td>—</td></tr><tr><td>active-value</td><td>cambia su valor cuando se encuentra en el estado <code>on</code></td><td>boolean / string / number</td><td>—</td><td>true</td></tr><tr><td>inactive-value</td><td>cambia su valor cuando se encuentra en el estado <code>off</code></td><td>boolean / string / number</td><td>—</td><td>false</td></tr><tr><td>active-color</td><td>color de fondo cuando se encuentra en el estado <code>on</code></td><td>string</td><td>—</td><td>#409EFF</td></tr><tr><td>inactive-color</td><td>color de fondo cuando se encuentra en el estado <code>off</code></td><td>string</td><td>—</td><td>#C0CCDA</td></tr><tr><td>border-color</td><td>color del borde del switch.</td><td>string</td><td>—</td><td>—</td></tr><tr><td>name</td><td>nombre de entrada del componente Switch</td><td>string</td><td>—</td><td>—</td></tr><tr><td>validate-event</td><td>si se debe lanzar la validación de formulario</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"])("Eventos ");
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, "Nombre del evento"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Descripción"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Parametro")])]), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tbody", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "change"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "se dispara cuando el valor cambia"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "valor")])])], -1);
const _hoisted_26 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "después de cambiar", -1);
const _hoisted_27 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Metodos ");
const _hoisted_28 = /*#__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, "Metodo"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Descripción"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Parametro")])]), /*#__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, "foco al componente Switch"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—")])])], -1);
function switchvue_type_template_id_9133f900_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: "uso-basico",
content: "Uso básico",
href: "#uso-basico",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_4, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#uso-basico"
})]),
_: 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: "texto-de-descripcion",
content: "Texto de descripción",
href: "#texto-de-descripcion",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_7, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#texto-de-descripcion"
})]),
_: 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: "tipos-de-valores-extendidos",
content: "Tipos de valores extendidos",
href: "#tipos-de-valores-extendidos",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_10, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#tipos-de-valores-extendidos"
})]),
_: 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: "atributos",
content: "Atributos",
href: "#atributos",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_22, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#atributos"
})]),
_: 1
}), _hoisted_23, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "eventos",
content: "Eventos",
href: "#eventos",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_24, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#eventos"
})]),
_: 1
}), _hoisted_25, _hoisted_26, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "metodos",
content: "Metodos",
href: "#metodos",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_27, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#metodos"
})]),
_: 1
}), _hoisted_28, Object(vue_esm_browser_prod["createVNode"])(_component_right_nav)]);
}
// CONCATENATED MODULE: ./website/docs/es/switch.md?vue&type=template&id=9133f900
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/dist??ref--3-0!./website/md-loader!./website/docs/es/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/es/switch.md?vue&type=script&lang=ts
// CONCATENATED MODULE: ./website/docs/es/switch.md
switchvue_type_script_lang_ts.render = switchvue_type_template_id_9133f900_render
/* harmony default export */ var es_switch = __webpack_exports__["default"] = (switchvue_type_script_lang_ts);
/***/ })
}]);
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手