element-plus 2.1.2 → 2.1.3

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.1.2 */
+/*! Element Plus v2.1.3 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -1764,6 +1764,36 @@
     return (e) => e.pointerType === "mouse" ? handler(e) : void 0;
   };
 
+  var __defProp$8 = Object.defineProperty;
+  var __defProps$5 = Object.defineProperties;
+  var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+  var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+  var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$8 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$a.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
+    if (__getOwnPropSymbols$a)
+      for (var prop of __getOwnPropSymbols$a(b)) {
+        if (__propIsEnum$a.call(b, prop))
+          __defNormalProp$8(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+  function computedEager(fn, options) {
+    var _a;
+    const result = vue.shallowRef();
+    vue.watchEffect(() => {
+      result.value = fn();
+    }, __spreadProps$5(__spreadValues$8({}, options), {
+      flush: (_a = options == null ? void 0 : options.flush) != null ? _a : "sync"
+    }));
+    return vue.readonly(result);
+  }
+
   function tryOnScopeDispose(fn) {
     if (vue.getCurrentScope()) {
       vue.onScopeDispose(fn);
@@ -1825,36 +1855,6 @@
     return filter;
   }
 
-  var __defProp$7 = Object.defineProperty;
-  var __defProps$4 = Object.defineProperties;
-  var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$7 = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$8.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
-    if (__getOwnPropSymbols$8)
-      for (var prop of __getOwnPropSymbols$8(b)) {
-        if (__propIsEnum$8.call(b, prop))
-          __defNormalProp$7(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
-  function eagerComputed(fn, options) {
-    var _a;
-    const result = vue.shallowRef();
-    vue.watchEffect(() => {
-      result.value = fn();
-    }, __spreadProps$4(__spreadValues$7({}, options), {
-      flush: (_a = options == null ? void 0 : options.flush) != null ? _a : "sync"
-    }));
-    return vue.readonly(result);
-  }
-
   function useThrottleFn(fn, ms = 200, trailing = true, leading = true) {
     return createFilterWrapper(throttleFilter(ms, trailing, leading), fn);
   }
@@ -2020,7 +2020,7 @@
     const stopWatch = vue.watch(() => unrefElement(target), (el) => {
       cleanup();
       if (isSupported && window && el) {
-        observer = new window.ResizeObserver(callback);
+        observer = new ResizeObserver(callback);
         observer.observe(el, observerOptions);
       }
     }, { immediate: true, flush: "post" });
@@ -2086,34 +2086,6 @@
   var _a, _b;
   isClient && (window == null ? void 0 : window.navigator) && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.platform) && /iP(ad|hone|od)/.test((_b = window == null ? void 0 : window.navigator) == null ? void 0 : _b.platform);
 
-  var __defProp$3 = Object.defineProperty;
-  var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$3 = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
-    if (__getOwnPropSymbols$3)
-      for (var prop of __getOwnPropSymbols$3(b)) {
-        if (__propIsEnum$3.call(b, prop))
-          __defNormalProp$3(a, prop, b[prop]);
-      }
-    return a;
-  };
-  const initialRect = {
-    top: 0,
-    left: 0,
-    bottom: 0,
-    right: 0,
-    height: 0,
-    width: 0
-  };
-  __spreadValues$3({
-    text: ""
-  }, initialRect);
-
   function useWindowFocus({ window = defaultWindow } = {}) {
     if (!window)
       return vue.ref(false);
@@ -3497,7 +3469,7 @@
     return vue.computed(() => disabled.value || vue.unref(fallback) || (form == null ? void 0 : form.disabled) || false);
   };
 
-  const useDeprecated = ({ from, replacement, scope, version, ref }, condition) => {
+  const useDeprecated = ({ from, replacement, scope, version, ref, type = "API" }, condition) => {
     vue.watch(() => vue.unref(condition), (val) => {
     }, {
       immediate: true
@@ -4280,7 +4252,7 @@
     };
   };
 
-  const version$1 = "2.1.2";
+  const version$1 = "2.1.3";
 
   const INSTALLED_KEY = Symbol("INSTALLED_KEY");
   const makeInstaller = (components = []) => {
@@ -5194,15 +5166,15 @@
     return target;
   };
 
-  const COMPONENT_NAME$d = "Thumb";
+  const COMPONENT_NAME$e = "Thumb";
   const _sfc_main$26 = vue.defineComponent({
-    name: COMPONENT_NAME$d,
+    name: COMPONENT_NAME$e,
     props: thumbProps,
     setup(props) {
       const scrollbar = vue.inject(scrollbarContextKey);
       const ns = useNamespace("scrollbar");
       if (!scrollbar)
-        throwError(COMPONENT_NAME$d, "can not inject scrollbar context");
+        throwError(COMPONENT_NAME$e, "can not inject scrollbar context");
       const instance = vue.ref();
       const thumb = vue.ref();
       const thumbState = vue.ref({});
@@ -14847,9 +14819,9 @@
       }
     ]
   };
-  const COMPONENT_NAME$c = "ElCascader";
+  const COMPONENT_NAME$d = "ElCascader";
   const _sfc_main$1w = vue.defineComponent({
-    name: COMPONENT_NAME$c,
+    name: COMPONENT_NAME$d,
     components: {
       ElCascaderPanel: _CascaderPanel,
       ElInput,
@@ -14923,7 +14895,7 @@
     setup(props, { emit }) {
       let inputInitialHeight = 0;
       let pressDeleteCount = 0;
-      const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$c, "popperAppendToBody");
+      const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$d, "popperAppendToBody");
       const nsCascader = useNamespace("cascader");
       const nsInput = useNamespace("input");
       const { t } = useLocale();
@@ -22272,7 +22244,7 @@
         fields.push(field);
       };
       const removeField = (field) => {
-        if (!field.prop) {
+        if (field.prop) {
           fields.splice(fields.indexOf(field), 1);
         }
       };
@@ -23420,9 +23392,9 @@
     }
   });
 
-  const COMPONENT_NAME$b = "ElLabelWrap";
+  const COMPONENT_NAME$c = "ElLabelWrap";
   var FormLabelWrap = vue.defineComponent({
-    name: COMPONENT_NAME$b,
+    name: COMPONENT_NAME$c,
     props: {
       isAutoWidth: Boolean,
       updateAll: Boolean
@@ -23433,7 +23405,7 @@
       const formContext = vue.inject(formContextKey);
       const formItemContext = vue.inject(formItemContextKey);
       if (!formContext || !formItemContext)
-        throwError(COMPONENT_NAME$b, "usage: <el-form><el-form-item><label-wrap /></el-form-item></el-form>");
+        throwError(COMPONENT_NAME$c, "usage: <el-form><el-form-item><label-wrap /></el-form-item></el-form>");
       const ns = useNamespace("form");
       const el = vue.ref();
       const computedWidth = vue.ref(0);
@@ -25159,19 +25131,19 @@
       default: 6
     }
   });
-  const COMPONENT_NAME$a = "ElSubMenu";
+  const COMPONENT_NAME$b = "ElSubMenu";
   var SubMenu = vue.defineComponent({
-    name: COMPONENT_NAME$a,
+    name: COMPONENT_NAME$b,
     props: subMenuProps,
     setup(props, { slots, expose }) {
       const instance = vue.getCurrentInstance();
       const { paddingStyle, indexPath, parentMenu } = useMenu(instance, vue.computed(() => props.index));
       const rootMenu = vue.inject("rootMenu");
       if (!rootMenu)
-        throwError(COMPONENT_NAME$a, "can not inject root menu");
+        throwError(COMPONENT_NAME$b, "can not inject root menu");
       const subMenu = vue.inject(`subMenu:${parentMenu.value.uid}`);
       if (!subMenu)
-        throwError(COMPONENT_NAME$a, "can not inject sub menu");
+        throwError(COMPONENT_NAME$b, "can not inject sub menu");
       const items = vue.ref({});
       const subMenus = vue.ref({});
       let timeout;
@@ -25686,9 +25658,9 @@
     click: (item) => isString(item.index) && Array.isArray(item.indexPath)
   };
 
-  const COMPONENT_NAME$9 = "ElMenuItem";
+  const COMPONENT_NAME$a = "ElMenuItem";
   const _sfc_main$O = vue.defineComponent({
-    name: COMPONENT_NAME$9,
+    name: COMPONENT_NAME$a,
     components: {
       ElTooltip
     },
@@ -25698,11 +25670,11 @@
       const instance = vue.getCurrentInstance();
       const rootMenu = vue.inject("rootMenu");
       if (!rootMenu)
-        throwError(COMPONENT_NAME$9, "can not inject root menu");
+        throwError(COMPONENT_NAME$a, "can not inject root menu");
       const { parentMenu, paddingStyle, indexPath } = useMenu(instance, vue.toRef(props, "index"));
       const subMenu = vue.inject(`subMenu:${parentMenu.value.uid}`);
       if (!subMenu)
-        throwError(COMPONENT_NAME$9, "can not inject sub menu");
+        throwError(COMPONENT_NAME$a, "can not inject sub menu");
       const active = vue.computed(() => props.index === rootMenu.activeIndex);
       const item = vue.reactive({
         index: props.index,
@@ -25777,15 +25749,15 @@
     title: String
   };
 
-  const COMPONENT_NAME$8 = "ElMenuItemGroup";
+  const COMPONENT_NAME$9 = "ElMenuItemGroup";
   const _sfc_main$N = vue.defineComponent({
-    name: COMPONENT_NAME$8,
+    name: COMPONENT_NAME$9,
     props: menuItemGroupProps,
     setup() {
       const instance = vue.getCurrentInstance();
       const menu = vue.inject("rootMenu");
       if (!menu)
-        throwError(COMPONENT_NAME$8, "can not inject root menu");
+        throwError(COMPONENT_NAME$9, "can not inject root menu");
       const levelPadding = vue.computed(() => {
         if (menu.props.collapse)
           return 20;
@@ -26879,10 +26851,10 @@
     };
   };
 
-  const COMPONENT_NAME$7 = "ElSelect";
+  const COMPONENT_NAME$8 = "ElSelect";
   const _sfc_main$H = vue.defineComponent({
-    name: COMPONENT_NAME$7,
-    componentName: COMPONENT_NAME$7,
+    name: COMPONENT_NAME$8,
+    componentName: COMPONENT_NAME$8,
     components: {
       ElInput,
       ElSelectMenu: ElSelectMenu$1,
@@ -27137,7 +27109,7 @@
         var _a, _b;
         return (_b = (_a = tooltipRef.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
       });
-      const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$7, "popperAppendToBody");
+      const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$8, "popperAppendToBody");
       return {
         tagInMultiLine,
         prefixWidth,
@@ -28268,9 +28240,9 @@
     persistent: useTooltipContentProps.persistent
   });
 
-  const COMPONENT_NAME$6 = "ElPopconfirm";
+  const COMPONENT_NAME$7 = "ElPopconfirm";
   const _sfc_main$B = vue.defineComponent({
-    name: COMPONENT_NAME$6,
+    name: COMPONENT_NAME$7,
     components: {
       ElButton,
       ElTooltip,
@@ -28278,7 +28250,7 @@
     },
     props: popconfirmProps,
     setup(props) {
-      const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$6, "appendToBody");
+      const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$7, "appendToBody");
       const { t } = useLocale();
       const ns = useNamespace("popconfirm");
       const tooltipRef = vue.ref();
@@ -28439,9 +28411,9 @@
     "after-enter",
     "after-leave"
   ];
-  const COMPONENT_NAME$5 = "ElPopover";
+  const COMPONENT_NAME$6 = "ElPopover";
   const _sfc_main$A = vue.defineComponent({
-    name: COMPONENT_NAME$5,
+    name: COMPONENT_NAME$6,
     components: {
       ElTooltip
     },
@@ -28474,7 +28446,7 @@
       const gpuAcceleration = vue.computed(() => {
         return props.transition === "el-fade-in-linear";
       });
-      const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$5, "appendToBody");
+      const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$6, "appendToBody");
       const hide = () => {
         var _a;
         (_a = tooltipRef.value) == null ? void 0 : _a.hide();
@@ -29213,11 +29185,20 @@
     }
   });
 
+  const COMPONENT_NAME$5 = "ElResult";
   const _sfc_main$x = vue.defineComponent({
-    name: "ElResult",
+    name: COMPONENT_NAME$5,
     props: resultProps,
-    setup(props) {
+    setup(props, { slots }) {
       const ns = useNamespace("result");
+      useDeprecated({
+        scope: COMPONENT_NAME$5,
+        type: "Slot",
+        from: "subTitle",
+        replacement: "sub-title",
+        version: "2.1.3",
+        ref: "https://github.com/element-plus/element-plus/pull/6636/"
+      }, vue.computed(() => !!slots.subTitle));
       const resultIcon = vue.computed(() => {
         const icon = props.icon;
         const iconClass = icon && IconMap[icon] ? IconMap[icon] : "icon-info";
@@ -29255,11 +29236,11 @@
           vue.createElementVNode("p", null, vue.toDisplayString(_ctx.title), 1)
         ])
       ], 2)) : vue.createCommentVNode("v-if", true),
-      _ctx.subTitle || _ctx.$slots.subTitle ? (vue.openBlock(), vue.createElementBlock("div", {
+      _ctx.subTitle || _ctx.$slots["sub-title"] ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 1,
         class: vue.normalizeClass(_ctx.ns.e("subtitle"))
       }, [
-        vue.renderSlot(_ctx.$slots, "subTitle", {}, () => [
+        vue.renderSlot(_ctx.$slots, "sub-title", {}, () => [
           vue.createElementVNode("p", null, vue.toDisplayString(_ctx.subTitle), 1)
         ])
       ], 2)) : vue.createCommentVNode("v-if", true),
@@ -31271,10 +31252,11 @@
         }
       };
       const isItemSelected = (modelValue, target) => {
+        const { valueKey } = select.props;
         if (select.props.multiple) {
-          return contains(modelValue, target.value);
+          return contains(modelValue, get(target, valueKey));
         }
-        return isEqual(modelValue, target.value);
+        return isEqual(modelValue, get(target, valueKey));
       };
       const isItemDisabled = (modelValue, selected) => {
         const { disabled, multiple, multipleLimit } = select.props;
@@ -31827,7 +31809,8 @@
       }
     };
     const deleteTag = (event, tag) => {
-      const index = props.modelValue.indexOf(tag.value);
+      const { valueKey } = props;
+      const index = props.modelValue.indexOf(get(tag, valueKey));
       if (index > -1 && !selectDisabled.value) {
         const value = [
           ...props.modelValue.slice(0, index),
@@ -31835,7 +31818,7 @@
         ];
         states.cachedOptions.splice(index, 1);
         update(value);
-        emit("remove-tag", tag.value);
+        emit("remove-tag", get(tag, valueKey));
         states.softFocus = true;
         removeNewOption(tag);
         return vue.nextTick(focusAndUpdatePopup);
@@ -39237,10 +39220,10 @@
         throwError(COMPONENT_NAME, `must use with ElTabs`);
       const index = vue.ref();
       const isClosable = vue.computed(() => props.closable || tabsRoot.props.closable);
-      const active = eagerComputed(() => tabsRoot.currentName.value === (props.name || index.value));
+      const active = computedEager(() => tabsRoot.currentName.value === (props.name || index.value));
       const loaded = vue.ref(active.value);
       const paneName = vue.computed(() => props.name || index.value);
-      const shouldBeRender = eagerComputed(() => !props.lazy || loaded.value || active.value);
+      const shouldBeRender = computedEager(() => !props.lazy || loaded.value || active.value);
       vue.watch(active, (val) => {
         if (val)
           loaded.value = true;
@@ -44088,8 +44071,6 @@
     directive: vLoading,
     service: Loading
   };
-  const ElLoadingDirective = vLoading;
-  const ElLoadingService = Loading;
 
   const messageTypes = ["success", "info", "warning", "error"];
   const messageProps = buildProps({
@@ -45364,8 +45345,8 @@
   exports.ElInputNumber = ElInputNumber;
   exports.ElLink = ElLink;
   exports.ElLoading = ElLoading;
-  exports.ElLoadingDirective = ElLoadingDirective;
-  exports.ElLoadingService = ElLoadingService;
+  exports.ElLoadingDirective = vLoading;
+  exports.ElLoadingService = Loading;
   exports.ElMain = ElMain;
   exports.ElMenu = ElMenu;
   exports.ElMenuItem = ElMenuItem;
@@ -45623,6 +45604,7 @@
   exports.useTransitionFallthrough = useTransitionFallthrough;
   exports.useTransitionFallthroughEmits = useTransitionFallthroughEmits;
   exports.useZIndex = useZIndex;
+  exports.vLoading = vLoading;
   exports.version = version;
   exports.virtualizedGridProps = virtualizedGridProps;
   exports.virtualizedListProps = virtualizedListProps;