@element-plus/nightly 0.0.20240124 → 0.0.20240127

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240124 */
+/*! Element Plus v0.0.20240127 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -8721,7 +8721,7 @@
     });
   };
 
-  const useDraggable = (targetRef, dragRef, draggable) => {
+  const useDraggable = (targetRef, dragRef, draggable, overflow) => {
     let transform = {
       offsetX: 0,
       offsetY: 0
@@ -8742,8 +8742,12 @@
       const maxLeft = clientWidth - targetLeft - targetWidth + offsetX;
       const maxTop = clientHeight - targetTop - targetHeight + offsetY;
       const onMousemove = (e2) => {
-        const moveX = Math.min(Math.max(offsetX + e2.clientX - downX, minLeft), maxLeft);
-        const moveY = Math.min(Math.max(offsetY + e2.clientY - downY, minTop), maxTop);
+        let moveX = offsetX + e2.clientX - downX;
+        let moveY = offsetY + e2.clientY - downY;
+        if (!(overflow == null ? void 0 : overflow.value)) {
+          moveX = Math.min(Math.max(moveX, minLeft), maxLeft);
+          moveY = Math.min(Math.max(moveY, minTop), maxTop);
+        }
         transform = {
           offsetX: moveX,
           offsetY: moveY
@@ -11563,7 +11567,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240124";
+  const version$1 = "0.0.20240127";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -29385,11 +29389,8 @@
     closeIcon: {
       type: iconPropType
     },
-    customClass: {
-      type: String,
-      default: ""
-    },
     draggable: Boolean,
+    overflow: Boolean,
     fullscreen: Boolean,
     showClose: {
       type: Boolean,
@@ -29427,12 +29428,12 @@
         ns.is("fullscreen", props.fullscreen),
         ns.is("draggable", props.draggable),
         ns.is("align-center", props.alignCenter),
-        { [ns.m("center")]: props.center },
-        props.customClass
+        { [ns.m("center")]: props.center }
       ]);
       const composedDialogRef = composeRefs(focusTrapRef, dialogRef);
       const draggable = vue.computed(() => props.draggable);
-      useDraggable(dialogRef, headerRef, draggable);
+      const overflow = vue.computed(() => props.overflow);
+      useDraggable(dialogRef, headerRef, draggable, overflow);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           ref: vue.unref(composedDialogRef),
@@ -29443,7 +29444,7 @@
           vue.createElementVNode("header", {
             ref_key: "headerRef",
             ref: headerRef,
-            class: vue.normalizeClass(vue.unref(ns).e("header"))
+            class: vue.normalizeClass([vue.unref(ns).e("header"), { "show-close": _ctx.showClose }])
           }, [
             vue.renderSlot(_ctx.$slots, "header", {}, () => [
               vue.createElementVNode("span", {
@@ -29740,14 +29741,6 @@
         version: "3.0.0",
         ref: "https://element-plus.org/en-US/component/dialog.html#slots"
       }, vue.computed(() => !!slots.title));
-      useDeprecated({
-        scope: "el-dialog",
-        from: "custom-class",
-        replacement: "class",
-        version: "2.3.0",
-        ref: "https://element-plus.org/en-US/component/dialog.html#attributes",
-        type: "Attribute"
-      }, vue.computed(() => !!props.customClass));
       const ns = useNamespace("dialog");
       const dialogRef = vue.ref();
       const headerRef = vue.ref();
@@ -29831,11 +29824,11 @@
                           ref_key: "dialogContentRef",
                           ref: dialogContentRef
                         }, _ctx.$attrs, {
-                          "custom-class": _ctx.customClass,
                           center: _ctx.center,
                           "align-center": _ctx.alignCenter,
                           "close-icon": _ctx.closeIcon,
                           draggable: vue.unref(draggable),
+                          overflow: _ctx.overflow,
                           fullscreen: _ctx.fullscreen,
                           "show-close": _ctx.showClose,
                           title: _ctx.title,
@@ -29861,7 +29854,7 @@
                               vue.renderSlot(_ctx.$slots, "footer")
                             ])
                           } : void 0
-                        ]), 1040, ["custom-class", "center", "align-center", "close-icon", "draggable", "fullscreen", "show-close", "title", "aria-level", "onClose"])) : vue.createCommentVNode("v-if", true)
+                        ]), 1040, ["center", "align-center", "close-icon", "draggable", "overflow", "fullscreen", "show-close", "title", "aria-level", "onClose"])) : vue.createCommentVNode("v-if", true)
                       ]),
                       _: 3
                     }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
@@ -29981,14 +29974,6 @@
         version: "3.0.0",
         ref: "https://element-plus.org/en-US/component/drawer.html#slots"
       }, vue.computed(() => !!slots.title));
-      useDeprecated({
-        scope: "el-drawer",
-        from: "custom-class",
-        replacement: "class",
-        version: "2.3.0",
-        ref: "https://element-plus.org/en-US/component/drawer.html#attributes",
-        type: "Attribute"
-      }, vue.computed(() => !!props.customClass));
       const drawerRef = vue.ref();
       const focusStartRef = vue.ref();
       const ns = useNamespace("drawer");
@@ -30048,7 +30033,7 @@
                         "aria-labelledby": !_ctx.title ? vue.unref(titleId) : void 0,
                         "aria-describedby": vue.unref(bodyId)
                       }, _ctx.$attrs, {
-                        class: [vue.unref(ns).b(), _ctx.direction, vue.unref(visible) && "open", _ctx.customClass],
+                        class: [vue.unref(ns).b(), _ctx.direction, vue.unref(visible) && "open"],
                         style: vue.unref(isHorizontal) ? "width: " + vue.unref(drawerSize) : "height: " + vue.unref(drawerSize),
                         role: "dialog",
                         onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
@@ -34476,8 +34461,6 @@
     const toggleMenu = () => {
       if (selectDisabled.value)
         return;
-      if (props.filterable && props.remote && isFunction$1(props.remoteMethod))
-        return;
       if (states.menuVisibleOnFocus) {
         states.menuVisibleOnFocus = false;
       } else {
@@ -39447,8 +39430,6 @@
     const toggleMenu = () => {
       if (selectDisabled.value)
         return;
-      if (props.filterable && props.remote && isFunction$1(props.remoteMethod))
-        return;
       if (states.menuVisibleOnFocus) {
         states.menuVisibleOnFocus = false;
       } else {
@@ -42594,7 +42575,7 @@
         removePopper == null ? void 0 : removePopper();
       }
     });
-    vm.appContext = table.appContext;
+    vm.appContext = { ...table.appContext, ...table };
     const container = document.createElement("div");
     vue.render(vm, container);
     vm.component.exposed.onOpen();
@@ -56775,6 +56756,7 @@
       },
       center: Boolean,
       draggable: Boolean,
+      overflow: Boolean,
       roundButton: {
         default: false,
         type: Boolean
@@ -56885,7 +56867,8 @@
         }
       });
       const draggable = vue.computed(() => props.draggable);
-      useDraggable(rootRef, headerRef, draggable);
+      const overflow = vue.computed(() => props.overflow);
+      useDraggable(rootRef, headerRef, draggable, overflow);
       vue.onMounted(async () => {
         await vue.nextTick();
         if (props.closeOnHashChange) {
@@ -57055,7 +57038,7 @@
                     _ctx.title !== null && _ctx.title !== void 0 ? (vue.openBlock(), vue.createElementBlock("div", {
                       key: 0,
                       ref: "headerRef",
-                      class: vue.normalizeClass(_ctx.ns.e("header"))
+                      class: vue.normalizeClass([_ctx.ns.e("header"), { "show-close": _ctx.showClose }])
                     }, [
                       vue.createElementVNode("div", {
                         class: vue.normalizeClass(_ctx.ns.e("title"))