@element-plus/nightly 0.0.20221025 → 0.0.20221026

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20221025 */
+/*! Element Plus v0.0.20221026 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11072,7 +11072,7 @@
     };
   };
 
-  const version$1 = "0.0.20221025";
+  const version$1 = "0.0.20221026";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13225,8 +13225,7 @@
       {
         name: "computeStyles",
         options: {
-          gpuAcceleration,
-          adaptive: gpuAcceleration
+          gpuAcceleration
         }
       }
     ];
@@ -19115,7 +19114,113 @@
     }
   });
 
-  const CARD_SCALE = 0.83;
+  const useCarouselItem = (props, componentName) => {
+    const carouselContext = vue.inject(carouselContextKey);
+    const instance = vue.getCurrentInstance();
+    const CARD_SCALE = 0.83;
+    const hover = vue.ref(false);
+    const translate = vue.ref(0);
+    const scale = vue.ref(1);
+    const active = vue.ref(false);
+    const ready = vue.ref(false);
+    const inStage = vue.ref(false);
+    const animating = vue.ref(false);
+    const { isCardType, isVertical } = carouselContext;
+    function processIndex(index, activeIndex, length) {
+      const lastItemIndex = length - 1;
+      const prevItemIndex = activeIndex - 1;
+      const nextItemIndex = activeIndex + 1;
+      const halfItemIndex = length / 2;
+      if (activeIndex === 0 && index === lastItemIndex) {
+        return -1;
+      } else if (activeIndex === lastItemIndex && index === 0) {
+        return length;
+      } else if (index < prevItemIndex && activeIndex - index >= halfItemIndex) {
+        return length + 1;
+      } else if (index > nextItemIndex && index - activeIndex >= halfItemIndex) {
+        return -2;
+      }
+      return index;
+    }
+    function calcCardTranslate(index, activeIndex) {
+      var _a;
+      const parentWidth = ((_a = carouselContext.root.value) == null ? void 0 : _a.offsetWidth) || 0;
+      if (inStage.value) {
+        return parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1) / 4;
+      } else if (index < activeIndex) {
+        return -(1 + CARD_SCALE) * parentWidth / 4;
+      } else {
+        return (3 + CARD_SCALE) * parentWidth / 4;
+      }
+    }
+    function calcTranslate(index, activeIndex, isVertical2) {
+      const rootEl = carouselContext.root.value;
+      if (!rootEl)
+        return 0;
+      const distance = (isVertical2 ? rootEl.offsetHeight : rootEl.offsetWidth) || 0;
+      return distance * (index - activeIndex);
+    }
+    const translateItem = (index, activeIndex, oldIndex) => {
+      var _a;
+      const _isCardType = vue.unref(isCardType);
+      const carouselItemLength = (_a = carouselContext.items.value.length) != null ? _a : Number.NaN;
+      const isActive = index === activeIndex;
+      if (!_isCardType && !isUndefined(oldIndex)) {
+        animating.value = isActive || index === oldIndex;
+      }
+      if (!isActive && carouselItemLength > 2 && carouselContext.loop) {
+        index = processIndex(index, activeIndex, carouselItemLength);
+      }
+      const _isVertical = vue.unref(isVertical);
+      active.value = isActive;
+      if (_isCardType) {
+        inStage.value = Math.round(Math.abs(index - activeIndex)) <= 1;
+        translate.value = calcCardTranslate(index, activeIndex);
+        scale.value = vue.unref(active) ? 1 : CARD_SCALE;
+      } else {
+        translate.value = calcTranslate(index, activeIndex, _isVertical);
+      }
+      ready.value = true;
+    };
+    function handleItemClick() {
+      if (carouselContext && vue.unref(isCardType)) {
+        const index = carouselContext.items.value.findIndex(({ uid }) => uid === instance.uid);
+        carouselContext.setActiveItem(index);
+      }
+    }
+    vue.onMounted(() => {
+      carouselContext.addItem({
+        props,
+        states: vue.reactive({
+          hover,
+          translate,
+          scale,
+          active,
+          ready,
+          inStage,
+          animating
+        }),
+        uid: instance.uid,
+        translateItem
+      });
+    });
+    vue.onUnmounted(() => {
+      carouselContext.removeItem(instance.uid);
+    });
+    return {
+      active,
+      animating,
+      hover,
+      inStage,
+      isVertical,
+      translate,
+      isCardType,
+      scale,
+      ready,
+      handleItemClick
+    };
+  };
+
   const __default__$17 = vue.defineComponent({
     name: "ElCarouselItem"
   });
@@ -19125,16 +19230,18 @@
     setup(__props) {
       const props = __props;
       const ns = useNamespace("carousel");
-      const carouselContext = vue.inject(carouselContextKey);
-      const instance = vue.getCurrentInstance();
-      const hover = vue.ref(false);
-      const translate = vue.ref(0);
-      const scale = vue.ref(1);
-      const active = vue.ref(false);
-      const ready = vue.ref(false);
-      const inStage = vue.ref(false);
-      const animating = vue.ref(false);
-      const { isCardType, isVertical } = carouselContext;
+      const {
+        active,
+        animating,
+        hover,
+        inStage,
+        isVertical,
+        translate,
+        isCardType,
+        scale,
+        ready,
+        handleItemClick
+      } = useCarouselItem(props);
       const itemStyle = vue.computed(() => {
         const translateType = `translate${vue.unref(isVertical) ? "Y" : "X"}`;
         const _translate = `${translateType}(${vue.unref(translate)}px)`;
@@ -19144,109 +19251,28 @@
           transform
         };
       });
-      function processIndex(index, activeIndex, length) {
-        const lastItemIndex = length - 1;
-        const prevItemIndex = activeIndex - 1;
-        const nextItemIndex = activeIndex + 1;
-        const halfItemIndex = length / 2;
-        if (activeIndex === 0 && index === lastItemIndex) {
-          return -1;
-        } else if (activeIndex === lastItemIndex && index === 0) {
-          return length;
-        } else if (index < prevItemIndex && activeIndex - index >= halfItemIndex) {
-          return length + 1;
-        } else if (index > nextItemIndex && index - activeIndex >= halfItemIndex) {
-          return -2;
-        }
-        return index;
-      }
-      function calcCardTranslate(index, activeIndex) {
-        var _a;
-        const parentWidth = ((_a = carouselContext.root.value) == null ? void 0 : _a.offsetWidth) || 0;
-        if (inStage.value) {
-          return parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1) / 4;
-        } else if (index < activeIndex) {
-          return -(1 + CARD_SCALE) * parentWidth / 4;
-        } else {
-          return (3 + CARD_SCALE) * parentWidth / 4;
-        }
-      }
-      function calcTranslate(index, activeIndex, isVertical2) {
-        const rootEl = carouselContext.root.value;
-        if (!rootEl)
-          return 0;
-        const distance = (isVertical2 ? rootEl.offsetHeight : rootEl.offsetWidth) || 0;
-        return distance * (index - activeIndex);
-      }
-      const translateItem = (index, activeIndex, oldIndex) => {
-        var _a;
-        const _isCardType = vue.unref(isCardType);
-        const carouselItemLength = (_a = carouselContext.items.value.length) != null ? _a : Number.NaN;
-        const isActive = index === activeIndex;
-        if (!_isCardType && !isUndefined(oldIndex)) {
-          animating.value = isActive || index === oldIndex;
-        }
-        if (!isActive && carouselItemLength > 2 && carouselContext.loop) {
-          index = processIndex(index, activeIndex, carouselItemLength);
-        }
-        const _isVertical = vue.unref(isVertical);
-        active.value = isActive;
-        if (_isCardType) {
-          inStage.value = Math.round(Math.abs(index - activeIndex)) <= 1;
-          translate.value = calcCardTranslate(index, activeIndex);
-          scale.value = vue.unref(active) ? 1 : CARD_SCALE;
-        } else {
-          translate.value = calcTranslate(index, activeIndex, _isVertical);
-        }
-        ready.value = true;
-      };
-      function handleItemClick() {
-        if (carouselContext && vue.unref(isCardType)) {
-          const index = carouselContext.items.value.findIndex(({ uid }) => uid === instance.uid);
-          carouselContext.setActiveItem(index);
-        }
-      }
-      vue.onMounted(() => {
-        carouselContext.addItem({
-          props,
-          states: vue.reactive({
-            hover,
-            translate,
-            scale,
-            active,
-            ready,
-            inStage,
-            animating
-          }),
-          uid: instance.uid,
-          translateItem
-        });
-      });
-      vue.onUnmounted(() => {
-        carouselContext.removeItem(instance.uid);
-      });
       return (_ctx, _cache) => {
         return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass([
             vue.unref(ns).e("item"),
-            vue.unref(ns).is("active", active.value),
-            vue.unref(ns).is("in-stage", inStage.value),
-            vue.unref(ns).is("hover", hover.value),
-            vue.unref(ns).is("animating", animating.value),
+            vue.unref(ns).is("active", vue.unref(active)),
+            vue.unref(ns).is("in-stage", vue.unref(inStage)),
+            vue.unref(ns).is("hover", vue.unref(hover)),
+            vue.unref(ns).is("animating", vue.unref(animating)),
             { [vue.unref(ns).em("item", "card")]: vue.unref(isCardType) }
           ]),
           style: vue.normalizeStyle(vue.unref(itemStyle)),
-          onClick: handleItemClick
+          onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(handleItemClick) && vue.unref(handleItemClick)(...args))
         }, [
           vue.unref(isCardType) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: vue.normalizeClass(vue.unref(ns).e("mask"))
           }, null, 2)), [
-            [vue.vShow, !active.value]
+            [vue.vShow, !vue.unref(active)]
           ]) : vue.createCommentVNode("v-if", true),
           vue.renderSlot(_ctx.$slots, "default")
         ], 6)), [
-          [vue.vShow, ready.value]
+          [vue.vShow, vue.unref(ready)]
         ]);
       };
     }
@@ -28661,6 +28687,8 @@
           }
           return result;
         } catch (e) {
+          if (e instanceof Error)
+            throw e;
           const invalidFields = e;
           if (props.scrollToError) {
             scrollToField(Object.keys(invalidFields)[0]);
@@ -32794,10 +32822,10 @@
       if (!val) {
         if (props.filterable) {
           if (isFunction(props.filterMethod)) {
-            props.filterMethod();
+            props.filterMethod("");
           }
           if (isFunction(props.remoteMethod)) {
-            props.remoteMethod();
+            props.remoteMethod("");
           }
         }
         input.value && input.value.blur();
@@ -47804,19 +47832,6 @@
     }
   });
 
-  const getTabPanes = (vm) => {
-    const nodes = flattedChildren(vm.subTree);
-    return nodes.filter((n) => {
-      var _a;
-      return vue.isVNode(n) && ((_a = n.type) == null ? void 0 : _a.name) === "ElTabPane" && !!n.component;
-    });
-  };
-  const getOrderedPanes = (vm, panes) => {
-    const nodes = getTabPanes(vm);
-    const uids = nodes.map((n) => n.component.uid);
-    return uids.map((uid) => panes[uid]).filter((p) => !!p);
-  };
-
   const tabsProps = buildProps({
     type: {
       type: String,
@@ -47862,11 +47877,13 @@
       expose
     }) {
       var _a, _b;
-      const vm = vue.getCurrentInstance();
       const ns = useNamespace("tabs");
+      const {
+        children: panes,
+        addChild: registerPane,
+        removeChild: unregisterPane
+      } = useOrderedChildren(vue.getCurrentInstance(), "ElTabPane");
       const nav$ = vue.ref();
-      const panes = vue.shallowReactive({});
-      const orderedPanes = vue.shallowRef([]);
       const currentName = vue.ref((_b = (_a = props.modelValue) != null ? _a : props.activeName) != null ? _b : "0");
       const changeCurrentName = (value) => {
         currentName.value = value;
@@ -47918,22 +47935,12 @@
         await vue.nextTick();
         (_a2 = nav$.value) == null ? void 0 : _a2.scrollToActiveTab();
       });
-      {
-        const registerPane = (pane) => {
-          panes[pane.uid] = pane;
-          orderedPanes.value = getOrderedPanes(vm, panes);
-        };
-        const unregisterPane = (uid) => {
-          delete panes[uid];
-          orderedPanes.value = getOrderedPanes(vm, panes);
-        };
-        vue.provide(tabsRootContextKey, {
-          props,
-          currentName,
-          registerPane,
-          unregisterPane
-        });
-      }
+      vue.provide(tabsRootContextKey, {
+        props,
+        currentName,
+        registerPane,
+        unregisterPane
+      });
       expose({
         currentName
       });
@@ -47958,7 +47965,7 @@
           "currentName": currentName.value,
           "editable": props.editable,
           "type": props.type,
-          "panes": orderedPanes.value,
+          "panes": panes.value,
           "stretch": props.stretch,
           "onTabClick": handleTabClick,
           "onTabRemove": handleTabRemove