@element-plus/nightly 0.0.20231010 → 0.0.20231011

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20231010 */
+/*! Element Plus v0.0.20231011 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11132,7 +11132,7 @@
     });
   };
 
-  function useFocusController(target, { afterFocus, afterBlur } = {}) {
+  function useFocusController(target, { afterFocus, beforeBlur, afterBlur } = {}) {
     const instance = vue.getCurrentInstance();
     const { emit } = instance;
     const wrapperRef = vue.shallowRef();
@@ -11146,7 +11146,8 @@
     };
     const handleBlur = (event) => {
       var _a;
-      if (event.relatedTarget && ((_a = wrapperRef.value) == null ? void 0 : _a.contains(event.relatedTarget)))
+      const cancelBlur = isFunction$1(beforeBlur) ? beforeBlur(event) : false;
+      if (cancelBlur || event.relatedTarget && ((_a = wrapperRef.value) == null ? void 0 : _a.contains(event.relatedTarget)))
         return;
       isFocused.value = false;
       emit("blur", event);
@@ -11290,7 +11291,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20231010";
+  const version$1 = "0.0.20231011";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13580,7 +13581,7 @@
   };
 
   const _hoisted_1$11 = ["role"];
-  const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus"];
+  const _hoisted_2$H = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus"];
   const _hoisted_3$l = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus"];
   const __default__$1y = vue.defineComponent({
     name: "ElInput",
@@ -13899,7 +13900,7 @@
                 onBlur: _cache[1] || (_cache[1] = (...args) => vue.unref(handleBlur) && vue.unref(handleBlur)(...args)),
                 onChange: handleChange,
                 onKeydown: handleKeydown
-              }), null, 16, _hoisted_2$G),
+              }), null, 16, _hoisted_2$H),
               vue.createCommentVNode(" suffix slot "),
               vue.unref(suffixVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 1,
@@ -15852,7 +15853,7 @@
   var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["__file", "content.vue"]]);
 
   const _hoisted_1$10 = ["innerHTML"];
-  const _hoisted_2$F = { key: 1 };
+  const _hoisted_2$G = { key: 1 };
   const __default__$1q = vue.defineComponent({
     name: "ElTooltip"
   });
@@ -15994,7 +15995,7 @@
                   _ctx.rawContent ? (vue.openBlock(), vue.createElementBlock("span", {
                     key: 0,
                     innerHTML: _ctx.content
-                  }, null, 8, _hoisted_1$10)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$F, vue.toDisplayString(_ctx.content), 1))
+                  }, null, 8, _hoisted_1$10)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$G, vue.toDisplayString(_ctx.content), 1))
                 ]),
                 _ctx.showArrow ? (vue.openBlock(), vue.createBlock(vue.unref(ElPopperArrow), {
                   key: 0,
@@ -16091,7 +16092,7 @@
   };
 
   const _hoisted_1$$ = ["aria-expanded", "aria-owns"];
-  const _hoisted_2$E = { key: 0 };
+  const _hoisted_2$F = { key: 0 };
   const _hoisted_3$k = ["id", "aria-selected", "onClick"];
   const COMPONENT_NAME$i = "ElAutocomplete";
   const __default__$1p = vue.defineComponent({
@@ -16337,7 +16338,7 @@
                 role: "listbox"
               }, {
                 default: vue.withCtx(() => [
-                  vue.unref(suggestionLoading) ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$E, [
+                  vue.unref(suggestionLoading) ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$F, [
                     vue.createVNode(vue.unref(ElIcon), {
                       class: vue.normalizeClass(vue.unref(ns).is("loading"))
                     }, {
@@ -18507,7 +18508,7 @@
   });
 
   const _hoisted_1$Y = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  const _hoisted_2$D = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+  const _hoisted_2$E = ["id", "name", "placeholder", "value", "disabled", "readonly"];
   const __default__$1h = vue.defineComponent({
     name: "Picker"
   });
@@ -19100,7 +19101,7 @@
                 onBlur: handleBlurInput,
                 onInput: handleEndInput,
                 onChange: handleEndChange
-              }, null, 42, _hoisted_2$D),
+              }, null, 42, _hoisted_2$E),
               _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                 key: 1,
                 class: vue.normalizeClass(vue.unref(clearIconKls)),
@@ -19446,7 +19447,7 @@
   });
 
   const _hoisted_1$X = ["onClick"];
-  const _hoisted_2$C = ["onMouseenter"];
+  const _hoisted_2$D = ["onMouseenter"];
   const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-time-spinner",
     props: basicTimeSpinnerProps,
@@ -19727,7 +19728,7 @@
                   ], 2);
                 }), 128))
               ], 2)
-            ], 42, _hoisted_2$C);
+            ], 42, _hoisted_2$D);
           }), 128)) : vue.createCommentVNode("v-if", true)
         ], 2);
       };
@@ -20418,7 +20419,7 @@
   };
 
   const _hoisted_1$V = { key: 0 };
-  const _hoisted_2$B = ["onClick"];
+  const _hoisted_2$C = ["onClick"];
   const __default__$1g = vue.defineComponent({
     name: "DateTable"
   });
@@ -20490,7 +20491,7 @@
                         vue.createElementVNode("span", null, vue.toDisplayString(cell.text), 1)
                       ])
                     ], 2)
-                  ], 10, _hoisted_2$B);
+                  ], 10, _hoisted_2$C);
                 }), 128))
               ], 2);
             }), 128))
@@ -20877,11 +20878,13 @@
       addChild: addItem,
       removeChild: removeItem
     } = useOrderedChildren(vue.getCurrentInstance(), "ElCarouselItem");
+    const slots = vue.useSlots();
     const activeIndex = vue.ref(-1);
     const timer = vue.ref(null);
     const hover = vue.ref(false);
     const root = vue.ref();
     const containerHeight = vue.ref(0);
+    const isItemsTwoLength = vue.ref(true);
     const arrowDisplay = vue.computed(() => props.arrow !== "never" && !vue.unref(isVertical));
     const hasLabel = vue.computed(() => {
       return items.value.some((item) => item.props.label.toString().length > 0);
@@ -20905,6 +20908,11 @@
     const throttledIndicatorHover = throttle((index) => {
       handleIndicatorHover(index);
     }, THROTTLE_TIME);
+    const isTwoLengthShow = (index) => {
+      if (!isItemsTwoLength.value)
+        return true;
+      return activeIndex.value <= 1 ? index <= 1 : index > 1;
+    };
     function pauseTimer() {
       if (timer.value) {
         clearInterval(timer.value);
@@ -21022,8 +21030,29 @@
         return;
       containerHeight.value = height;
     }
+    function PlaceholderItem() {
+      var _a;
+      const defaultSlots = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      if (!defaultSlots)
+        return null;
+      const flatSlots = flattedChildren(defaultSlots);
+      const carouselItemsName = "ElCarouselItem";
+      const normalizeSlots = flatSlots.filter((slot) => {
+        return vue.isVNode(slot) && slot.type.name === carouselItemsName;
+      });
+      if ((normalizeSlots == null ? void 0 : normalizeSlots.length) === 2 && props.loop && !isCardType.value) {
+        isItemsTwoLength.value = true;
+        return normalizeSlots;
+      }
+      isItemsTwoLength.value = false;
+      return null;
+    }
     vue.watch(() => activeIndex.value, (current, prev2) => {
       resetItemPosition(prev2);
+      if (isItemsTwoLength.value) {
+        current = current % 2;
+        prev2 = prev2 % 2;
+      }
       if (prev2 > -1) {
         emit("change", current, prev2);
       }
@@ -21076,6 +21105,7 @@
       items,
       isVertical,
       containerStyle,
+      isItemsTwoLength,
       handleButtonEnter,
       handleButtonLeave,
       handleIndicatorClick,
@@ -21084,13 +21114,15 @@
       setActiveItem,
       prev,
       next,
+      PlaceholderItem,
+      isTwoLengthShow,
       throttledArrowClick,
       throttledIndicatorHover
     };
   };
 
   const _hoisted_1$U = ["onMouseenter", "onClick"];
-  const _hoisted_2$A = { key: 0 };
+  const _hoisted_2$B = { key: 0 };
   const COMPONENT_NAME$f = "ElCarousel";
   const __default__$1d = vue.defineComponent({
     name: COMPONENT_NAME$f
@@ -21119,6 +21151,8 @@
         setActiveItem,
         prev,
         next,
+        PlaceholderItem,
+        isTwoLengthShow,
         throttledArrowClick,
         throttledIndicatorHover
       } = useCarousel(props, emit);
@@ -21216,6 +21250,7 @@
               ]),
               _: 1
             })) : vue.createCommentVNode("v-if", true),
+            vue.createVNode(vue.unref(PlaceholderItem)),
             vue.renderSlot(_ctx.$slots, "default")
           ], 6),
           _ctx.indicatorPosition !== "none" ? (vue.openBlock(), vue.createElementBlock("ul", {
@@ -21223,7 +21258,7 @@
             class: vue.normalizeClass(vue.unref(indicatorsClasses))
           }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(items), (item, index) => {
-              return vue.openBlock(), vue.createElementBlock("li", {
+              return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
                 key: index,
                 class: vue.normalizeClass([
                   vue.unref(ns).e("indicator"),
@@ -21236,9 +21271,11 @@
                 vue.createElementVNode("button", {
                   class: vue.normalizeClass(vue.unref(ns).e("button"))
                 }, [
-                  vue.unref(hasLabel) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$A, vue.toDisplayString(item.props.label), 1)) : vue.createCommentVNode("v-if", true)
+                  vue.unref(hasLabel) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$B, vue.toDisplayString(item.props.label), 1)) : vue.createCommentVNode("v-if", true)
                 ], 2)
-              ], 42, _hoisted_1$U);
+              ], 42, _hoisted_1$U)), [
+                [vue.vShow, vue.unref(isTwoLengthShow)(index)]
+              ]);
             }), 128))
           ], 2)) : vue.createCommentVNode("v-if", true)
         ], 34);
@@ -21442,7 +21479,8 @@
       default: void 0
     },
     label: {
-      type: [String, Boolean, Number, Object]
+      type: [String, Boolean, Number, Object],
+      default: void 0
     },
     indeterminate: Boolean,
     disabled: Boolean,
@@ -21607,7 +21645,7 @@
       return (_a = checkboxGroup == null ? void 0 : checkboxGroup.size) == null ? void 0 : _a.value;
     }));
     const hasOwnLabel = vue.computed(() => {
-      return !!(slots.default || props.label);
+      return !!slots.default || !isNil(props.label);
     });
     return {
       checkboxButtonSize,
@@ -21668,7 +21706,7 @@
   };
 
   const _hoisted_1$T = ["tabindex", "role", "aria-checked"];
-  const _hoisted_2$z = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
+  const _hoisted_2$A = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
   const _hoisted_3$j = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
   const __default__$1b = vue.defineComponent({
     name: "ElCheckbox"
@@ -21741,7 +21779,7 @@
                 onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
                 onClick: _cache[4] || (_cache[4] = vue.withModifiers(() => {
                 }, ["stop"]))
-              }, null, 42, _hoisted_2$z)), [
+              }, null, 42, _hoisted_2$A)), [
                 [vue.vModelCheckbox, vue.unref(model)]
               ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
                 key: 1,
@@ -21784,7 +21822,7 @@
   var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["__file", "checkbox.vue"]]);
 
   const _hoisted_1$S = ["name", "tabindex", "disabled", "true-value", "false-value"];
-  const _hoisted_2$y = ["name", "tabindex", "disabled", "value"];
+  const _hoisted_2$z = ["name", "tabindex", "disabled", "value"];
   const __default__$1a = vue.defineComponent({
     name: "ElCheckboxButton"
   });
@@ -21859,7 +21897,7 @@
             onBlur: _cache[8] || (_cache[8] = ($event) => isFocused.value = false),
             onClick: _cache[9] || (_cache[9] = vue.withModifiers(() => {
             }, ["stop"]))
-          }, null, 42, _hoisted_2$y)), [
+          }, null, 42, _hoisted_2$z)), [
             [vue.vModelCheckbox, vue.unref(model)]
           ]),
           _ctx.$slots.default || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -22410,7 +22448,7 @@
     }
   });
   const _hoisted_1$O = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
-  const _hoisted_2$x = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
+  const _hoisted_2$y = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
   function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_el_radio = vue.resolveComponent("el-radio");
@@ -22458,7 +22496,7 @@
       }, {
         default: vue.withCtx(() => [
           vue.createCommentVNode("\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      "),
-          _hoisted_2$x
+          _hoisted_2$y
         ]),
         _: 1
       }, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : _ctx.isLeaf && _ctx.node.checked ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
@@ -23310,7 +23348,7 @@
   };
 
   const _hoisted_1$N = { key: 0 };
-  const _hoisted_2$w = ["placeholder", "onKeydown"];
+  const _hoisted_2$x = ["placeholder", "onKeydown"];
   const _hoisted_3$i = ["onClick"];
   const COMPONENT_NAME$e = "ElCascader";
   const __default__$14 = vue.defineComponent({
@@ -23843,7 +23881,7 @@
                   onCompositionend: handleComposition,
                   onFocus: handleFocus,
                   onBlur: handleBlur
-                }, null, 42, _hoisted_2$w)), [
+                }, null, 42, _hoisted_2$x)), [
                   [vue.vModelText, searchInputValue.value]
                 ]) : vue.createCommentVNode("v-if", true)
               ], 2)) : vue.createCommentVNode("v-if", true)
@@ -24380,7 +24418,7 @@
   };
 
   const _hoisted_1$M = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex"];
-  const _hoisted_2$v = ["id", "aria-hidden", "aria-labelledby"];
+  const _hoisted_2$w = ["id", "aria-hidden", "aria-labelledby"];
   const __default__$_ = vue.defineComponent({
     name: "ElCollapseItem"
   });
@@ -24452,7 +24490,7 @@
                 }, [
                   vue.renderSlot(_ctx.$slots, "default")
                 ], 2)
-              ], 10, _hoisted_2$v), [
+              ], 10, _hoisted_2$w), [
                 [vue.vShow, vue.unref(isActive)]
               ])
             ]),
@@ -24819,7 +24857,9 @@
   const colorPickerEmits = {
     [UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNil(val),
     [CHANGE_EVENT]: (val) => isString$1(val) || isNil(val),
-    activeChange: (val) => isString$1(val) || isNil(val)
+    activeChange: (val) => isString$1(val) || isNil(val),
+    focus: (event) => event instanceof FocusEvent,
+    blur: (event) => event instanceof FocusEvent
   };
   const colorPickerContextKey = Symbol("colorPickerContextKey");
 
@@ -25251,7 +25291,7 @@
     }
   });
   const _hoisted_1$K = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
-  const _hoisted_2$u = [
+  const _hoisted_2$v = [
     _hoisted_1$K
   ];
   function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
@@ -25273,12 +25313,13 @@
           top: _ctx.cursorTop + "px",
           left: _ctx.cursorLeft + "px"
         })
-      }, _hoisted_2$u, 6)
+      }, _hoisted_2$v, 6)
     ], 6);
   }
   var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$p], ["__file", "sv-panel.vue"]]);
 
-  const _hoisted_1$J = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex", "onKeydown"];
+  const _hoisted_1$J = ["onKeydown"];
+  const _hoisted_2$u = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex"];
   const __default__$Y = vue.defineComponent({
     name: "ElColorPicker"
   });
@@ -25300,6 +25341,27 @@
       const sv = vue.ref();
       const alpha = vue.ref();
       const popper = vue.ref();
+      const triggerRef = vue.ref();
+      const inputRef = vue.ref();
+      const {
+        isFocused,
+        handleFocus: _handleFocus,
+        handleBlur
+      } = useFocusController(triggerRef, {
+        beforeBlur(event) {
+          var _a;
+          return (_a = popper.value) == null ? void 0 : _a.isFocusInsideContent(event);
+        },
+        afterBlur() {
+          setShowPicker(false);
+          resetColor();
+        }
+      });
+      const handleFocus = (event) => {
+        if (colorDisabled.value)
+          return blur();
+        _handleFocus(event);
+      };
       let shouldActiveChange = true;
       const color = vue.reactive(new Color({
         enableAlpha: props.showAlpha,
@@ -25328,7 +25390,8 @@
         return [
           ns.b("picker"),
           ns.is("disabled", colorDisabled.value),
-          ns.bm("picker", colorSize.value)
+          ns.bm("picker", colorSize.value),
+          ns.is("focused", isFocused.value)
         ];
       });
       function displayedRgb(color2, showAlpha) {
@@ -25399,6 +25462,41 @@
         }
         resetColor();
       }
+      function handleClickOutside(event) {
+        if (!showPicker.value)
+          return;
+        hide();
+        if (isFocused.value) {
+          const _event = new FocusEvent("focus", event);
+          handleBlur(_event);
+        }
+      }
+      function handleEsc(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        setShowPicker(false);
+        resetColor();
+      }
+      function handleKeyDown(event) {
+        switch (event.code) {
+          case EVENT_CODE.enter:
+          case EVENT_CODE.space:
+            event.preventDefault();
+            event.stopPropagation();
+            show();
+            inputRef.value.focus();
+            break;
+          case EVENT_CODE.esc:
+            handleEsc(event);
+            break;
+        }
+      }
+      function focus() {
+        triggerRef.value.focus();
+      }
+      function blur() {
+        triggerRef.value.blur();
+      }
       vue.onMounted(() => {
         if (props.modelValue) {
           customInput.value = currentColor.value;
@@ -25436,7 +25534,9 @@
       expose({
         color,
         show,
-        hide
+        hide,
+        focus,
+        blur
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
@@ -25452,10 +25552,13 @@
           effect: "light",
           trigger: "click",
           transition: `${vue.unref(ns).namespace.value}-zoom-in-top`,
-          persistent: ""
+          persistent: "",
+          onHide: _cache[2] || (_cache[2] = ($event) => setShowPicker(false))
         }, {
           content: vue.withCtx(() => [
-            vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", null, [
+            vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+              onKeydown: vue.withKeys(handleEsc, ["esc"])
+            }, [
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(vue.unref(ns).be("dropdown", "main-wrapper"))
               }, [
@@ -25491,6 +25594,8 @@
                   class: vue.normalizeClass(vue.unref(ns).be("dropdown", "value"))
                 }, [
                   vue.createVNode(vue.unref(ElInput), {
+                    ref_key: "inputRef",
+                    ref: inputRef,
                     modelValue: customInput.value,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => customInput.value = $event),
                     "validate-event": false,
@@ -25522,20 +25627,25 @@
                   _: 1
                 }, 8, ["class"])
               ], 2)
-            ])), [
-              [vue.unref(ClickOutside), hide]
+            ], 40, _hoisted_1$J)), [
+              [vue.unref(ClickOutside), handleClickOutside]
             ])
           ]),
           default: vue.withCtx(() => [
             vue.createElementVNode("div", {
               id: vue.unref(buttonId),
+              ref_key: "triggerRef",
+              ref: triggerRef,
               class: vue.normalizeClass(vue.unref(btnKls)),
               role: "button",
               "aria-label": vue.unref(buttonAriaLabel),
               "aria-labelledby": vue.unref(buttonAriaLabelledby),
               "aria-description": vue.unref(t)("el.colorpicker.description", { color: _ctx.modelValue || "" }),
-              tabindex: _ctx.tabindex,
-              onKeydown: vue.withKeys(handleTrigger, ["enter"])
+              "aria-disabled": vue.unref(colorDisabled),
+              tabindex: vue.unref(colorDisabled) ? -1 : _ctx.tabindex,
+              onKeydown: handleKeyDown,
+              onFocus: handleFocus,
+              onBlur: _cache[1] || (_cache[1] = (...args) => vue.unref(handleBlur) && vue.unref(handleBlur)(...args))
             }, [
               vue.unref(colorDisabled) ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
@@ -25577,7 +25687,7 @@
                   ], 6)
                 ], 2)
               ], 2)
-            ], 42, _hoisted_1$J)
+            ], 42, _hoisted_2$u)
           ]),
           _: 1
         }, 8, ["visible", "popper-class", "transition"]);
@@ -45999,11 +46109,12 @@
                 _ctx.showHeader && _ctx.tableLayout === "auto" ? (vue.openBlock(), vue.createBlock(_component_table_header, {
                   key: 0,
                   ref: "tableHeaderRef",
+                  class: vue.normalizeClass(_ctx.ns.e("body-header")),
                   border: _ctx.border,
                   "default-sort": _ctx.defaultSort,
                   store: _ctx.store,
                   onSetDragVisible: _ctx.setDragVisible
-                }, null, 8, ["border", "default-sort", "store", "onSetDragVisible"])) : vue.createCommentVNode("v-if", true),
+                }, null, 8, ["class", "border", "default-sort", "store", "onSetDragVisible"])) : vue.createCommentVNode("v-if", true),
                 vue.createVNode(_component_table_body, {
                   context: _ctx.context,
                   highlight: _ctx.highlightCurrentRow,