DOCS en-US57.0cb71eee40c7d7b6716e.js

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

/***/ 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






/***/ }),

/***/ 808:
/***/ (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/space.md?vue&type=template&id=510725b6

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

const spacevue_type_template_id_510725b6_hoisted_2 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Space ");

const spacevue_type_template_id_510725b6_hoisted_3 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Even though we have ");

const spacevue_type_template_id_510725b6_hoisted_4 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Divider");

const spacevue_type_template_id_510725b6_hoisted_5 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(", but sometimes we need more than one ");

const spacevue_type_template_id_510725b6_hoisted_6 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Divider");

const spacevue_type_template_id_510725b6_hoisted_7 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" to split the elements apart, so we stack each elements upon ");

const spacevue_type_template_id_510725b6_hoisted_8 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Divider");

const spacevue_type_template_id_510725b6_hoisted_9 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(", but doing so not only makes our code ugly but also makes it difficult to maintain. ");

const spacevue_type_template_id_510725b6_hoisted_10 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("strong", null, "Space", -1);

const spacevue_type_template_id_510725b6_hoisted_11 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" is this kind of component provides us both productivity and elegance.");

const spacevue_type_template_id_510725b6_hoisted_12 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Basic usage ");

const spacevue_type_template_id_510725b6_hoisted_13 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "The basic use case is using this component to provide unified space between each components", -1);

const spacevue_type_template_id_510725b6_hoisted_14 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "Using Space to provide space")], -1);

const spacevue_type_template_id_510725b6_hoisted_15 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<template>\n  <el-space wrap>\n    <el-card class=\"box-card\" style=\"width: 250px\" v-for=\"i in 3\" :key=\"i\">\n      <template #header>\n        <div class=\"card-header\">\n          <span>Card name</span>\n          <el-button class=\"button\" type=\"text\">Operation button</el-button>\n        </div>\n      </template>\n      <div v-for=\"o in 4\" :key=\"o\" class=\"text item\">\n        {{ 'List item ' + o }}\n      </div>\n    </el-card>\n  </el-space>\n</template>\n")], -1);

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

const _hoisted_17 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Using "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "direction"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" attribute to control the layout, we use "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "flex-direction"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" to implement this.")], -1);

const _hoisted_18 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "We also provide vertical layout.")], -1);

const _hoisted_19 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<template>\n  <el-space direction=\"vertical\">\n    <el-card class=\"box-card\" style=\"width: 250px\" v-for=\"i in 2\" :key=\"i\">\n      <template #header>\n        <div class=\"card-header\">\n          <span>Card name</span>\n          <el-button class=\"button\" type=\"text\">Operation button</el-button>\n        </div>\n      </template>\n      <div v-for=\"o in 4\" :key=\"o\" class=\"text item\">\n        {{ 'List item ' + o }}\n      </div>\n    </el-card>\n  </el-space>\n</template>\n")], -1);

const _hoisted_20 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Control the size of the space ");

const _hoisted_21 = /*#__PURE__*/Object(vue_esm_browser_prod["createStaticVNode"])("<p>Control the space size via <code>size</code> API.</p><p>You can set the size with built-in sizes <code>mini</code>, <code>small</code>, <code>medium</code>, <code>large</code>, these size coresponds to <code>4px</code>, <code>8px</code>, <code>12px</code>, <code>16px</code>. The default size is <code>small</code>, A.K.A. <code>8px</code></p><p>You can also using customized size to override it. Refer to the next part.</p>", 3);

const _hoisted_24 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<template>\n  <el-space direction=\"vertical\" alignment=\"start\" :size=\"30\">\n    <el-radio-group v-model=\"size\">\n      <el-radio :label=\"'mini'\">mini</el-radio>\n      <el-radio :label=\"'small'\">small</el-radio>\n      <el-radio :label=\"'medium'\">medium</el-radio>\n      <el-radio :label=\"'large'\">large</el-radio>\n    </el-radio-group>\n\n    <el-space wrap :size=\"size\">\n      <el-card class=\"box-card\" style=\"width: 250px\" v-for=\"i in 3\" :key=\"i\">\n        <template #header>\n          <div class=\"card-header\">\n            <span>Card name</span>\n            <el-button class=\"button\" type=\"text\">Operation button</el-button>\n          </div>\n        </template>\n        <div v-for=\"o in 4\" :key=\"o\" class=\"text item\">\n          {{ 'List item ' + o }}\n        </div>\n      </el-card>\n    </el-space>\n  </el-space>\n</template>\n\n<script>\n  export default {\n    data() {\n      return {\n        size: 'mini',\n      }\n    },\n  }\n</script>\n")], -1);

const _hoisted_25 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Customized Size ");

const _hoisted_26 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "Sometimes built-in sizes could not meet the business needs, we can use custom size (number type) to control the space between items.", -1);

const _hoisted_27 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<template>\n  <el-slider v-model=\"size\" />\n  <el-space wrap :size=\"size\">\n    <el-card class=\"box-card\" style=\"width: 250px\" v-for=\"i in 2\" :key=\"i\">\n      <template #header>\n        <div class=\"card-header\">\n          <span>Card name</span>\n          <el-button class=\"button\" type=\"text\">Operation button</el-button>\n        </div>\n      </template>\n      <div v-for=\"o in 4\" :key=\"o\" class=\"text item\">\n        {{ 'List item ' + o }}\n      </div>\n    </el-card>\n  </el-space>\n</template>\n\n<script>\n  export default {\n    data() {\n      return {\n        size: 20,\n      }\n    },\n  }\n</script>\n")], -1);

const _hoisted_28 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", {
  class: "tip"
}, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Do not use "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "ElSpace"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" with components that depend on ancestor width (height), e.g. "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "ElSlider"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(", in this case when you drag the trigger button the bar will grow which causes misplacement between cursor and trigger button.")])], -1);

const _hoisted_29 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Auto wrapping ");

const _hoisted_30 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("When in "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("strong", null, "horizontal"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" mode, using "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "wrap"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" ("), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("strong", null, "bool type"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(") to control auto wrapping behavior.")], -1);

const _hoisted_31 = /*#__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"])("Using "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "wrap"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" to control line wrap")])], -1);

const _hoisted_32 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<el-space wrap>\n  <div v-for=\"i in 20\" :key=\"i\">\n    <el-button type=\"text\"> Text button </el-button>\n  </div>\n</el-space>\n")], -1);

const _hoisted_33 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Spacer ");

const _hoisted_34 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "Sometimes we want something more than blank space, so we have (spacer) to help us.", -1);

const _hoisted_35 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Literal type spacer ");

const _hoisted_36 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<template>\n  <el-space :size=\"size\" spacer=\"|\">\n    <div v-for=\"i in 2\" :key=\"i\">\n      <el-button> button {{ i }} </el-button>\n    </div>\n  </el-space>\n</template>\n\n<script>\n  export default {\n    data() {\n      return {\n        size: 10,\n      }\n    },\n  }\n</script>\n")], -1);

const _hoisted_37 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Spacer can also be VNode ");

const _hoisted_38 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<template>\n  <el-space :size=\"size\" :spacer=\"spacer\">\n    <div v-for=\"i in 2\" :key=\"i\">\n      <el-button> button {{ i }} </el-button>\n    </div>\n  </el-space>\n</template>\n\n<script>\n  import { h, resolveComponent } from 'vue'\n  import { ElDivider } from 'element-plus'\n  export default {\n    data() {\n      return {\n        size: 10,\n        spacer: h(ElDivider, { direction: 'vertical' }),\n      }\n    },\n  }\n</script>\n")], -1);

const _hoisted_39 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Alignment ");

const _hoisted_40 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Setting this attribute can adjust the alignment of child nodes, the desirable value can be found at ");

const _hoisted_41 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("align-items");

const _hoisted_42 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(".");

const _hoisted_43 = /*#__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"])("Using "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "alignment")])], -1);

const _hoisted_44 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<template>\n  <div\n    style=\"width: 240px;margin-bottom: 20px;padding: 8px;border: 1px solid #ccc;\"\n  >\n    <el-space>\n      string\n      <el-button> button </el-button>\n      <el-card>\n        <template #header> header </template>\n        body\n      </el-card>\n    </el-space>\n  </div>\n  <div\n    style=\"width: 240px;margin-bottom: 20px;padding: 8px;border: 1px solid #ccc;\"\n  >\n    <el-space alignment=\"flex-start\">\n      string\n      <el-button> button </el-button>\n      <el-card>\n        <template #header> header </template>\n        body\n      </el-card>\n    </el-space>\n  </div>\n  <div\n    style=\"width: 240px;margin-bottom: 20px;padding: 8px;border: 1px solid #ccc;\"\n  >\n    <el-space alignment=\"flex-end\">\n      string\n      <el-button> button </el-button>\n      <el-card>\n        <template #header> header </template>\n        body\n      </el-card>\n    </el-space>\n  </div>\n</template>\n")], -1);

const _hoisted_45 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Fill the container ");

const _hoisted_46 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Through the "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "fill"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("strong", null, "(Boolean type)"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" parameter, you can control whether the child node automatically fills the container.")], -1);

const _hoisted_47 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("In the following example, when set to "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "fill"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(", the width of the child node will automatically adapt to the width of the container.")], -1);

const _hoisted_48 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "Use fill to automatically fill the container with child nodes")], -1);

const _hoisted_49 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<template>\n  <div>\n    <div style=\"margin-bottom:15px\">\n      fill: <el-switch v-model=\"fill\"></el-switch>\n    </div>\n    <el-space :fill=\"fill\" wrap>\n      <el-card class=\"box-card\" v-for=\"i in 3\" :key=\"i\">\n        <template #header>\n          <div class=\"card-header\">\n            <span>Card name</span>\n            <el-button class=\"button\" type=\"text\">Operation button</el-button>\n          </div>\n        </template>\n        <div v-for=\"o in 4\" :key=\"o\" class=\"text item\">\n          {{ 'List item ' + o }}\n        </div>\n      </el-card>\n    </el-space>\n  </div>\n</template>\n\n<script>\n  export default {\n    data() {\n      return { fill: true }\n    },\n  }\n</script>\n")], -1);

const _hoisted_50 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("You can also use the "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "fillRatio"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" parameter to customize the filling ratio. The default value is "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "100"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(", which represents filling based on the width of the parent container at "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "100%"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(".")], -1);

const _hoisted_51 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "It should be noted that the expression of horizontal layout and vertical layout is slightly different, the specific effect can be viewed in the following example.", -1);

const _hoisted_52 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "Use fillRatio to customize the fill ratio")], -1);

const _hoisted_53 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<template>\n  <div>\n    <div style=\"margin-bottom: 15px\">\n      direction:\n      <el-radio v-model=\"direction\" label=\"horizontal\">horizontal</el-radio>\n      <el-radio v-model=\"direction\" label=\"vertical\">vertical</el-radio>\n    </div>\n    <div style=\"margin-bottom: 15px\">\n      fillRatio:<el-slider v-model=\"fillRatio\"></el-slider>\n    </div>\n    <el-space\n      fill\n      wrap\n      :fillRatio=\"fillRatio\"\n      :direction=\"direction\"\n      style=\" width: 100%\"\n    >\n      <el-card class=\"box-card\" v-for=\"i in 5\" :key=\"i\">\n        <template #header>\n          <div class=\"card-header\">\n            <span>Card name</span>\n            <el-button class=\"button\" type=\"text\">Operation button</el-button>\n          </div>\n        </template>\n        <div v-for=\"o in 4\" :key=\"o\" class=\"text item\">\n          {{ 'List item ' + o }}\n        </div>\n      </el-card>\n    </el-space>\n  </div>\n</template>\n\n<script>\n  export default {\n    data() {\n      return { direction: 'horizontal', fillRatio: 30 }\n    },\n  }\n</script>\n")], -1);

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

const _hoisted_55 = /*#__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, "Attribute"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Description"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Type"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Available value"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Default")])], -1);

const _hoisted_56 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "alignment", -1);

const _hoisted_57 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "Controls the alignment of items", -1);

const _hoisted_58 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string", -1);

const _hoisted_59 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("align-items");

const _hoisted_60 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "'center'", -1);

const _hoisted_61 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "class"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "Classname"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string / Array<Object | String> / Object"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "-"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "-")], -1);

const _hoisted_62 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "direction"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "Placement direction"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "vertical/horizontal"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "horizontal")], -1);

const _hoisted_63 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "prefixCls"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "Prefix for space-items"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "el-space"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "-")], -1);

const _hoisted_64 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "style"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "Extra style rules"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string / Array<Object | String> / Object"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "-"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "-")], -1);

const _hoisted_65 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "spacer"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "Spacer"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string / number / VNode"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "-"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "-")], -1);

const _hoisted_66 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "size"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "Spacing size"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string / number / [number, number]"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "-"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "'small'")], -1);

const _hoisted_67 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "wrap"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "Auto wrapping"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "boolean"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "true / false"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "false")], -1);

const _hoisted_68 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "fill"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "Whether to fill the container"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "boolean"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "true / false"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "false")], -1);

const _hoisted_69 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "fillRatio"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "Ratio of fill"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "number"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "-"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "100")], -1);

const _hoisted_70 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Space Slot ");

const _hoisted_71 = /*#__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, "name"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "description")])]), /*#__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, "default"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "Items to be spaced")])])], -1);

function spacevue_type_template_id_510725b6_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_element_demo6 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo6");

  const _component_element_demo7 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo7");

  const _component_element_demo8 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo8");

  const _component_element_demo9 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo9");

  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", spacevue_type_template_id_510725b6_hoisted_1, [Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "space",
    content: "Space",
    href: "#space",
    level: "2"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [spacevue_type_template_id_510725b6_hoisted_2, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#space"
    })]),
    _: 1
  }), Object(vue_esm_browser_prod["createElementVNode"])("p", null, [spacevue_type_template_id_510725b6_hoisted_3, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
    href: "#/en-US/component/divider"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [spacevue_type_template_id_510725b6_hoisted_4]),
    _: 1
  }), spacevue_type_template_id_510725b6_hoisted_5, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
    href: "#/en-US/component/divider"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [spacevue_type_template_id_510725b6_hoisted_6]),
    _: 1
  }), spacevue_type_template_id_510725b6_hoisted_7, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
    href: "#/en-US/component/divider"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [spacevue_type_template_id_510725b6_hoisted_8]),
    _: 1
  }), spacevue_type_template_id_510725b6_hoisted_9, spacevue_type_template_id_510725b6_hoisted_10, spacevue_type_template_id_510725b6_hoisted_11]), 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"])(() => [spacevue_type_template_id_510725b6_hoisted_12, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#basic-usage"
    })]),
    _: 1
  }), spacevue_type_template_id_510725b6_hoisted_13, 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"])(() => [spacevue_type_template_id_510725b6_hoisted_15]),
    default: Object(vue_esm_browser_prod["withCtx"])(() => [spacevue_type_template_id_510725b6_hoisted_14]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "vertical-layout",
    content: "Vertical layout",
    href: "#vertical-layout",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_16, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#vertical-layout"
    })]),
    _: 1
  }), _hoisted_17, 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_19]),
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_18]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "control-the-size-of-the-space",
    content: "Control the size of the space",
    href: "#control-the-size-of-the-space",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_20, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#control-the-size-of-the-space"
    })]),
    _: 1
  }), _hoisted_21, 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_24]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "customized-size",
    content: "Customized Size",
    href: "#customized-size",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_25, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#customized-size"
    })]),
    _: 1
  }), _hoisted_26, 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_27]),
    _: 1
  }), _hoisted_28, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "auto-wrapping",
    content: "Auto wrapping",
    href: "#auto-wrapping",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_29, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#auto-wrapping"
    })]),
    _: 1
  }), _hoisted_30, 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_32]),
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_31]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "spacer",
    content: "Spacer",
    href: "#spacer",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_33, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#spacer"
    })]),
    _: 1
  }), _hoisted_34, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "literal-type-spacer",
    content: "Literal type spacer",
    href: "#literal-type-spacer",
    level: "4"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_35, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#literal-type-spacer"
    })]),
    _: 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_36]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "spacer-can-also-be-vnode",
    content: "Spacer can also be VNode",
    href: "#spacer-can-also-be-vnode",
    level: "4"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_37, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#spacer-can-also-be-vnode"
    })]),
    _: 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_demo6)]),
    highlight: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_38]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "alignment",
    content: "Alignment",
    href: "#alignment",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_39, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#alignment"
    })]),
    _: 1
  }), Object(vue_esm_browser_prod["createElementVNode"])("p", null, [_hoisted_40, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
    href: "https://developer.mozilla.org/en-US/docs/Web/CSS/align-items"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_41]),
    _: 1
  }), _hoisted_42]), 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_demo7)]),
    highlight: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_44]),
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_43]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "fill-the-container",
    content: "Fill the container",
    href: "#fill-the-container",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_45, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#fill-the-container"
    })]),
    _: 1
  }), _hoisted_46, _hoisted_47, 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_demo8)]),
    highlight: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_49]),
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_48]),
    _: 1
  }), _hoisted_50, _hoisted_51, 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_demo9)]),
    highlight: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_53]),
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_52]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "space-attributes",
    content: "Space Attributes",
    href: "#space-attributes",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_54, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#space-attributes"
    })]),
    _: 1
  }), Object(vue_esm_browser_prod["createElementVNode"])("table", null, [_hoisted_55, Object(vue_esm_browser_prod["createElementVNode"])("tbody", null, [Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [_hoisted_56, _hoisted_57, _hoisted_58, Object(vue_esm_browser_prod["createElementVNode"])("td", null, [Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
    href: "https://developer.mozilla.org/en-US/docs/Web/CSS/align-items"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_59]),
    _: 1
  })]), _hoisted_60]), _hoisted_61, _hoisted_62, _hoisted_63, _hoisted_64, _hoisted_65, _hoisted_66, _hoisted_67, _hoisted_68, _hoisted_69])]), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "space-slot",
    content: "Space Slot",
    href: "#space-slot",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_70, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#space-slot"
    })]),
    _: 1
  }), _hoisted_71, Object(vue_esm_browser_prod["createVNode"])(_component_right_nav)]);
}
// CONCATENATED MODULE: ./website/docs/en-US/space.md?vue&type=template&id=510725b6

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

/* harmony default export */ var spacevue_type_script_lang_ts = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      const {
        renderList: _renderList,
        Fragment: _Fragment,
        openBlock: _openBlock,
        createElementBlock: _createElementBlock,
        createElementVNode: _createElementVNode,
        createTextVNode: _createTextVNode,
        resolveComponent: _resolveComponent,
        withCtx: _withCtx,
        createVNode: _createVNode,
        toDisplayString: _toDisplayString
      } = vue_esm_browser_prod;
      const _hoisted_1 = {
        class: "card-header"
      };

      const _hoisted_2 = /*#__PURE__*/_createElementVNode("span", null, "Card name", -1);

      const _hoisted_3 = /*#__PURE__*/_createTextVNode("Operation button");

      function render(_ctx, _cache) {
        const _component_el_button = _resolveComponent("el-button");

        const _component_el_card = _resolveComponent("el-card");

        const _component_el_space = _resolveComponent("el-space");

        return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_space, {
          wrap: ""
        }, {
          default: _withCtx(() => [(_openBlock(), _createElementBlock(_Fragment, null, _renderList(3, i => {
            return _createVNode(_component_el_card, {
              class: "box-card",
              style: {
                "width": "250px"
              },
              key: i
            }, {
              header: _withCtx(() => [_createElementVNode("div", _hoisted_1, [_hoisted_2, _createVNode(_component_el_button, {
                class: "button",
                type: "text"
              }, {
                default: _withCtx(() => [_hoisted_3]),
                _: 1
              })])]),
              default: _withCtx(() => [(_openBlock(), _createElementBlock(_Fragment, null, _renderList(4, o => {
                return _createElementVNode("div", {
                  key: o,
                  class: "text item"
                }, _toDisplayString('List item ' + o), 1);
              }), 64))]),
              _: 2
            }, 1024);
          }), 64))]),
          _: 1
        })]);
      }

      const democomponentExport = {};
      return {
        render,
        ...democomponentExport
      };
    }(),
    "element-demo1": function () {
      const {
        renderList: _renderList,
        Fragment: _Fragment,
        openBlock: _openBlock,
        createElementBlock: _createElementBlock,
        createElementVNode: _createElementVNode,
        createTextVNode: _createTextVNode,
        resolveComponent: _resolveComponent,
        withCtx: _withCtx,
        createVNode: _createVNode,
        toDisplayString: _toDisplayString
      } = vue_esm_browser_prod;
      const _hoisted_1 = {
        class: "card-header"
      };

      const _hoisted_2 = /*#__PURE__*/_createElementVNode("span", null, "Card name", -1);

      const _hoisted_3 = /*#__PURE__*/_createTextVNode("Operation button");

      function render(_ctx, _cache) {
        const _component_el_button = _resolveComponent("el-button");

        const _component_el_card = _resolveComponent("el-card");

        const _component_el_space = _resolveComponent("el-space");

        return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_space, {
          direction: "vertical"
        }, {
          default: _withCtx(() => [(_openBlock(), _createElementBlock(_Fragment, null, _renderList(2, i => {
            return _createVNode(_component_el_card, {
              class: "box-card",
              style: {
                "width": "250px"
              },
              key: i
            }, {
              header: _withCtx(() => [_createElementVNode("div", _hoisted_1, [_hoisted_2, _createVNode(_component_el_button, {
                class: "button",
                type: "text"
              }, {
                default: _withCtx(() => [_hoisted_3]),
                _: 1
              })])]),
              default: _withCtx(() => [(_openBlock(), _createElementBlock(_Fragment, null, _renderList(4, o => {
                return _createElementVNode("div", {
                  key: o,
                  class: "text item"
                }, _toDisplayString('List item ' + o), 1);
              }), 64))]),
              _: 2
            }, 1024);
          }), 64))]),
          _: 1
        })]);
      }

      const democomponentExport = {};
      return {
        render,
        ...democomponentExport
      };
    }(),
    "element-demo2": function () {
      const {
        createTextVNode: _createTextVNode,
        resolveComponent: _resolveComponent,
        withCtx: _withCtx,
        createVNode: _createVNode,
        renderList: _renderList,
        Fragment: _Fragment,
        openBlock: _openBlock,
        createElementBlock: _createElementBlock,
        createElementVNode: _createElementVNode,
        toDisplayString: _toDisplayString
      } = vue_esm_browser_prod;

      const _hoisted_1 = /*#__PURE__*/_createTextVNode("mini");

      const _hoisted_2 = /*#__PURE__*/_createTextVNode("small");

      const _hoisted_3 = /*#__PURE__*/_createTextVNode("medium");

      const _hoisted_4 = /*#__PURE__*/_createTextVNode("large");

      const _hoisted_5 = {
        class: "card-header"
      };

      const _hoisted_6 = /*#__PURE__*/_createElementVNode("span", null, "Card name", -1);

      const _hoisted_7 = /*#__PURE__*/_createTextVNode("Operation button");

      function render(_ctx, _cache) {
        const _component_el_radio = _resolveComponent("el-radio");

        const _component_el_radio_group = _resolveComponent("el-radio-group");

        const _component_el_button = _resolveComponent("el-button");

        const _component_el_card = _resolveComponent("el-card");

        const _component_el_space = _resolveComponent("el-space");

        return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_space, {
          direction: "vertical",
          alignment: "start",
          size: 30
        }, {
          default: _withCtx(() => [_createVNode(_component_el_radio_group, {
            modelValue: _ctx.size,
            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.size = $event)
          }, {
            default: _withCtx(() => [_createVNode(_component_el_radio, {
              label: 'mini'
            }, {
              default: _withCtx(() => [_hoisted_1]),
              _: 1
            }), _createVNode(_component_el_radio, {
              label: 'small'
            }, {
              default: _withCtx(() => [_hoisted_2]),
              _: 1
            }), _createVNode(_component_el_radio, {
              label: 'medium'
            }, {
              default: _withCtx(() => [_hoisted_3]),
              _: 1
            }), _createVNode(_component_el_radio, {
              label: 'large'
            }, {
              default: _withCtx(() => [_hoisted_4]),
              _: 1
            })]),
            _: 1
          }, 8, ["modelValue"]), _createVNode(_component_el_space, {
            wrap: "",
            size: _ctx.size
          }, {
            default: _withCtx(() => [(_openBlock(), _createElementBlock(_Fragment, null, _renderList(3, i => {
              return _createVNode(_component_el_card, {
                class: "box-card",
                style: {
                  "width": "250px"
                },
                key: i
              }, {
                header: _withCtx(() => [_createElementVNode("div", _hoisted_5, [_hoisted_6, _createVNode(_component_el_button, {
                  class: "button",
                  type: "text"
                }, {
                  default: _withCtx(() => [_hoisted_7]),
                  _: 1
                })])]),
                default: _withCtx(() => [(_openBlock(), _createElementBlock(_Fragment, null, _renderList(4, o => {
                  return _createElementVNode("div", {
                    key: o,
                    class: "text item"
                  }, _toDisplayString('List item ' + o), 1);
                }), 64))]),
                _: 2
              }, 1024);
            }), 64))]),
            _: 1
          }, 8, ["size"])]),
          _: 1
        })]);
      }

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

      };
      return {
        render,
        ...democomponentExport
      };
    }(),
    "element-demo3": function () {
      const {
        resolveComponent: _resolveComponent,
        createVNode: _createVNode,
        renderList: _renderList,
        Fragment: _Fragment,
        openBlock: _openBlock,
        createElementBlock: _createElementBlock,
        createElementVNode: _createElementVNode,
        createTextVNode: _createTextVNode,
        withCtx: _withCtx,
        toDisplayString: _toDisplayString
      } = vue_esm_browser_prod;
      const _hoisted_1 = {
        class: "card-header"
      };

      const _hoisted_2 = /*#__PURE__*/_createElementVNode("span", null, "Card name", -1);

      const _hoisted_3 = /*#__PURE__*/_createTextVNode("Operation button");

      function render(_ctx, _cache) {
        const _component_el_slider = _resolveComponent("el-slider");

        const _component_el_button = _resolveComponent("el-button");

        const _component_el_card = _resolveComponent("el-card");

        const _component_el_space = _resolveComponent("el-space");

        return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_slider, {
          modelValue: _ctx.size,
          "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.size = $event)
        }, null, 8, ["modelValue"]), _createVNode(_component_el_space, {
          wrap: "",
          size: _ctx.size
        }, {
          default: _withCtx(() => [(_openBlock(), _createElementBlock(_Fragment, null, _renderList(2, i => {
            return _createVNode(_component_el_card, {
              class: "box-card",
              style: {
                "width": "250px"
              },
              key: i
            }, {
              header: _withCtx(() => [_createElementVNode("div", _hoisted_1, [_hoisted_2, _createVNode(_component_el_button, {
                class: "button",
                type: "text"
              }, {
                default: _withCtx(() => [_hoisted_3]),
                _: 1
              })])]),
              default: _withCtx(() => [(_openBlock(), _createElementBlock(_Fragment, null, _renderList(4, o => {
                return _createElementVNode("div", {
                  key: o,
                  class: "text item"
                }, _toDisplayString('List item ' + o), 1);
              }), 64))]),
              _: 2
            }, 1024);
          }), 64))]),
          _: 1
        }, 8, ["size"])]);
      }

      const democomponentExport = {
        data() {
          return {
            size: 20
          };
        }

      };
      return {
        render,
        ...democomponentExport
      };
    }(),
    "element-demo4": function () {
      const {
        renderList: _renderList,
        Fragment: _Fragment,
        openBlock: _openBlock,
        createElementBlock: _createElementBlock,
        createTextVNode: _createTextVNode,
        resolveComponent: _resolveComponent,
        withCtx: _withCtx,
        createVNode: _createVNode,
        createElementVNode: _createElementVNode
      } = vue_esm_browser_prod;

      const _hoisted_1 = /*#__PURE__*/_createTextVNode(" Text button ");

      function render(_ctx, _cache) {
        const _component_el_button = _resolveComponent("el-button");

        const _component_el_space = _resolveComponent("el-space");

        return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_space, {
          wrap: ""
        }, {
          default: _withCtx(() => [(_openBlock(), _createElementBlock(_Fragment, null, _renderList(20, i => {
            return _createElementVNode("div", {
              key: i
            }, [_createVNode(_component_el_button, {
              type: "text"
            }, {
              default: _withCtx(() => [_hoisted_1]),
              _: 1
            })]);
          }), 64))]),
          _: 1
        })]);
      }

      const democomponentExport = {};
      return {
        render,
        ...democomponentExport
      };
    }(),
    "element-demo5": function () {
      const {
        renderList: _renderList,
        Fragment: _Fragment,
        openBlock: _openBlock,
        createElementBlock: _createElementBlock,
        toDisplayString: _toDisplayString,
        createTextVNode: _createTextVNode,
        resolveComponent: _resolveComponent,
        withCtx: _withCtx,
        createVNode: _createVNode,
        createElementVNode: _createElementVNode
      } = vue_esm_browser_prod;

      function render(_ctx, _cache) {
        const _component_el_button = _resolveComponent("el-button");

        const _component_el_space = _resolveComponent("el-space");

        return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_space, {
          size: _ctx.size,
          spacer: "|"
        }, {
          default: _withCtx(() => [(_openBlock(), _createElementBlock(_Fragment, null, _renderList(2, i => {
            return _createElementVNode("div", {
              key: i
            }, [_createVNode(_component_el_button, null, {
              default: _withCtx(() => [_createTextVNode(" button " + _toDisplayString(i), 1)]),
              _: 2
            }, 1024)]);
          }), 64))]),
          _: 1
        }, 8, ["size"])]);
      }

      const democomponentExport = {
        data() {
          return {
            size: 10
          };
        }

      };
      return {
        render,
        ...democomponentExport
      };
    }(),
    "element-demo6": function () {
      const {
        renderList: _renderList,
        Fragment: _Fragment,
        openBlock: _openBlock,
        createElementBlock: _createElementBlock,
        toDisplayString: _toDisplayString,
        createTextVNode: _createTextVNode,
        resolveComponent: _resolveComponent,
        withCtx: _withCtx,
        createVNode: _createVNode,
        createElementVNode: _createElementVNode
      } = vue_esm_browser_prod;

      function render(_ctx, _cache) {
        const _component_el_button = _resolveComponent("el-button");

        const _component_el_space = _resolveComponent("el-space");

        return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_space, {
          size: _ctx.size,
          spacer: _ctx.spacer
        }, {
          default: _withCtx(() => [(_openBlock(), _createElementBlock(_Fragment, null, _renderList(2, i => {
            return _createElementVNode("div", {
              key: i
            }, [_createVNode(_component_el_button, null, {
              default: _withCtx(() => [_createTextVNode(" button " + _toDisplayString(i), 1)]),
              _: 2
            }, 1024)]);
          }), 64))]),
          _: 1
        }, 8, ["size", "spacer"])]);
      }

      const {
        h,
        resolveComponent
      } = vue_esm_browser_prod;

      const {
        ElDivider
      } = __webpack_require__(105);

      const democomponentExport = {
        data() {
          return {
            size: 10,
            spacer: h(ElDivider, {
              direction: 'vertical'
            })
          };
        }

      };
      return {
        render,
        ...democomponentExport
      };
    }(),
    "element-demo7": function () {
      const {
        createTextVNode: _createTextVNode,
        resolveComponent: _resolveComponent,
        withCtx: _withCtx,
        createVNode: _createVNode,
        createElementVNode: _createElementVNode,
        openBlock: _openBlock,
        createElementBlock: _createElementBlock
      } = vue_esm_browser_prod;
      const _hoisted_1 = {
        style: {
          "width": "240px",
          "margin-bottom": "20px",
          "padding": "8px",
          "border": "1px solid #ccc"
        }
      };

      const _hoisted_2 = /*#__PURE__*/_createTextVNode(" string ");

      const _hoisted_3 = /*#__PURE__*/_createTextVNode(" button ");

      const _hoisted_4 = /*#__PURE__*/_createTextVNode(" header ");

      const _hoisted_5 = /*#__PURE__*/_createTextVNode(" body ");

      const _hoisted_6 = {
        style: {
          "width": "240px",
          "margin-bottom": "20px",
          "padding": "8px",
          "border": "1px solid #ccc"
        }
      };

      const _hoisted_7 = /*#__PURE__*/_createTextVNode(" string ");

      const _hoisted_8 = /*#__PURE__*/_createTextVNode(" button ");

      const _hoisted_9 = /*#__PURE__*/_createTextVNode(" header ");

      const _hoisted_10 = /*#__PURE__*/_createTextVNode(" body ");

      const _hoisted_11 = {
        style: {
          "width": "240px",
          "margin-bottom": "20px",
          "padding": "8px",
          "border": "1px solid #ccc"
        }
      };

      const _hoisted_12 = /*#__PURE__*/_createTextVNode(" string ");

      const _hoisted_13 = /*#__PURE__*/_createTextVNode(" button ");

      const _hoisted_14 = /*#__PURE__*/_createTextVNode(" header ");

      const _hoisted_15 = /*#__PURE__*/_createTextVNode(" body ");

      function render(_ctx, _cache) {
        const _component_el_button = _resolveComponent("el-button");

        const _component_el_card = _resolveComponent("el-card");

        const _component_el_space = _resolveComponent("el-space");

        return _openBlock(), _createElementBlock("div", null, [_createElementVNode("div", _hoisted_1, [_createVNode(_component_el_space, null, {
          default: _withCtx(() => [_hoisted_2, _createVNode(_component_el_button, null, {
            default: _withCtx(() => [_hoisted_3]),
            _: 1
          }), _createVNode(_component_el_card, null, {
            header: _withCtx(() => [_hoisted_4]),
            default: _withCtx(() => [_hoisted_5]),
            _: 1
          })]),
          _: 1
        })]), _createElementVNode("div", _hoisted_6, [_createVNode(_component_el_space, {
          alignment: "flex-start"
        }, {
          default: _withCtx(() => [_hoisted_7, _createVNode(_component_el_button, null, {
            default: _withCtx(() => [_hoisted_8]),
            _: 1
          }), _createVNode(_component_el_card, null, {
            header: _withCtx(() => [_hoisted_9]),
            default: _withCtx(() => [_hoisted_10]),
            _: 1
          })]),
          _: 1
        })]), _createElementVNode("div", _hoisted_11, [_createVNode(_component_el_space, {
          alignment: "flex-end"
        }, {
          default: _withCtx(() => [_hoisted_12, _createVNode(_component_el_button, null, {
            default: _withCtx(() => [_hoisted_13]),
            _: 1
          }), _createVNode(_component_el_card, null, {
            header: _withCtx(() => [_hoisted_14]),
            default: _withCtx(() => [_hoisted_15]),
            _: 1
          })]),
          _: 1
        })])]);
      }

      const democomponentExport = {};
      return {
        render,
        ...democomponentExport
      };
    }(),
    "element-demo8": function () {
      const {
        resolveComponent: _resolveComponent,
        createVNode: _createVNode,
        createTextVNode: _createTextVNode,
        createElementVNode: _createElementVNode,
        renderList: _renderList,
        Fragment: _Fragment,
        openBlock: _openBlock,
        createElementBlock: _createElementBlock,
        withCtx: _withCtx,
        toDisplayString: _toDisplayString
      } = vue_esm_browser_prod;
      const _hoisted_1 = {
        style: {
          "margin-bottom": "15px"
        }
      };

      const _hoisted_2 = /*#__PURE__*/_createTextVNode(" fill: ");

      const _hoisted_3 = {
        class: "card-header"
      };

      const _hoisted_4 = /*#__PURE__*/_createElementVNode("span", null, "Card name", -1);

      const _hoisted_5 = /*#__PURE__*/_createTextVNode("Operation button");

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

        const _component_el_button = _resolveComponent("el-button");

        const _component_el_card = _resolveComponent("el-card");

        const _component_el_space = _resolveComponent("el-space");

        return _openBlock(), _createElementBlock("div", null, [_createElementVNode("div", null, [_createElementVNode("div", _hoisted_1, [_hoisted_2, _createVNode(_component_el_switch, {
          modelValue: _ctx.fill,
          "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.fill = $event)
        }, null, 8, ["modelValue"])]), _createVNode(_component_el_space, {
          fill: _ctx.fill,
          wrap: ""
        }, {
          default: _withCtx(() => [(_openBlock(), _createElementBlock(_Fragment, null, _renderList(3, i => {
            return _createVNode(_component_el_card, {
              class: "box-card",
              key: i
            }, {
              header: _withCtx(() => [_createElementVNode("div", _hoisted_3, [_hoisted_4, _createVNode(_component_el_button, {
                class: "button",
                type: "text"
              }, {
                default: _withCtx(() => [_hoisted_5]),
                _: 1
              })])]),
              default: _withCtx(() => [(_openBlock(), _createElementBlock(_Fragment, null, _renderList(4, o => {
                return _createElementVNode("div", {
                  key: o,
                  class: "text item"
                }, _toDisplayString('List item ' + o), 1);
              }), 64))]),
              _: 2
            }, 1024);
          }), 64))]),
          _: 1
        }, 8, ["fill"])])]);
      }

      const democomponentExport = {
        data() {
          return {
            fill: true
          };
        }

      };
      return {
        render,
        ...democomponentExport
      };
    }(),
    "element-demo9": function () {
      const {
        createTextVNode: _createTextVNode,
        resolveComponent: _resolveComponent,
        withCtx: _withCtx,
        createVNode: _createVNode,
        createElementVNode: _createElementVNode,
        renderList: _renderList,
        Fragment: _Fragment,
        openBlock: _openBlock,
        createElementBlock: _createElementBlock,
        toDisplayString: _toDisplayString
      } = vue_esm_browser_prod;
      const _hoisted_1 = {
        style: {
          "margin-bottom": "15px"
        }
      };

      const _hoisted_2 = /*#__PURE__*/_createTextVNode(" direction: ");

      const _hoisted_3 = /*#__PURE__*/_createTextVNode("horizontal");

      const _hoisted_4 = /*#__PURE__*/_createTextVNode("vertical");

      const _hoisted_5 = {
        style: {
          "margin-bottom": "15px"
        }
      };

      const _hoisted_6 = /*#__PURE__*/_createTextVNode(" fillRatio:");

      const _hoisted_7 = {
        class: "card-header"
      };

      const _hoisted_8 = /*#__PURE__*/_createElementVNode("span", null, "Card name", -1);

      const _hoisted_9 = /*#__PURE__*/_createTextVNode("Operation button");

      function render(_ctx, _cache) {
        const _component_el_radio = _resolveComponent("el-radio");

        const _component_el_slider = _resolveComponent("el-slider");

        const _component_el_button = _resolveComponent("el-button");

        const _component_el_card = _resolveComponent("el-card");

        const _component_el_space = _resolveComponent("el-space");

        return _openBlock(), _createElementBlock("div", null, [_createElementVNode("div", null, [_createElementVNode("div", _hoisted_1, [_hoisted_2, _createVNode(_component_el_radio, {
          modelValue: _ctx.direction,
          "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.direction = $event),
          label: "horizontal"
        }, {
          default: _withCtx(() => [_hoisted_3]),
          _: 1
        }, 8, ["modelValue"]), _createVNode(_component_el_radio, {
          modelValue: _ctx.direction,
          "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.direction = $event),
          label: "vertical"
        }, {
          default: _withCtx(() => [_hoisted_4]),
          _: 1
        }, 8, ["modelValue"])]), _createElementVNode("div", _hoisted_5, [_hoisted_6, _createVNode(_component_el_slider, {
          modelValue: _ctx.fillRatio,
          "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.fillRatio = $event)
        }, null, 8, ["modelValue"])]), _createVNode(_component_el_space, {
          fill: "",
          wrap: "",
          fillRatio: _ctx.fillRatio,
          direction: _ctx.direction,
          style: {
            "width": "100%"
          }
        }, {
          default: _withCtx(() => [(_openBlock(), _createElementBlock(_Fragment, null, _renderList(5, i => {
            return _createVNode(_component_el_card, {
              class: "box-card",
              key: i
            }, {
              header: _withCtx(() => [_createElementVNode("div", _hoisted_7, [_hoisted_8, _createVNode(_component_el_button, {
                class: "button",
                type: "text"
              }, {
                default: _withCtx(() => [_hoisted_9]),
                _: 1
              })])]),
              default: _withCtx(() => [(_openBlock(), _createElementBlock(_Fragment, null, _renderList(4, o => {
                return _createElementVNode("div", {
                  key: o,
                  class: "text item"
                }, _toDisplayString('List item ' + o), 1);
              }), 64))]),
              _: 2
            }, 1024);
          }), 64))]),
          _: 1
        }, 8, ["fillRatio", "direction"])])]);
      }

      const democomponentExport = {
        data() {
          return {
            direction: 'horizontal',
            fillRatio: 30
          };
        }

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



spacevue_type_script_lang_ts.render = spacevue_type_template_id_510725b6_render

/* harmony default export */ var space = __webpack_exports__["default"] = (spacevue_type_script_lang_ts);

/***/ })

}]);