@liuzengwei/element-ui 2.15.5-xn.50 → 2.15.5-xn.52

package/lib/date-picker.js

@@ -82,11 +82,12 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 58);
+/******/ 	return __webpack_require__(__webpack_require__.s = 66);
 /******/ })
 /************************************************************************/
-/******/ ([
-/* 0 */
+/******/ ({
+
+/***/ 0:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -187,93 +188,50 @@ function normalizeComponent (
 
 
 /***/ }),
-/* 1 */
+
+/***/ 1:
 /***/ (function(module, exports) {
 
 module.exports = require("@liuzengwei/element-ui/lib/utils/date-util");
 
 /***/ }),
-/* 2 */
-/***/ (function(module, exports) {
-
-module.exports = require("@liuzengwei/element-ui/lib/utils/dom");
 
-/***/ }),
-/* 3 */
+/***/ 10:
 /***/ (function(module, exports) {
 
-module.exports = require("@liuzengwei/element-ui/lib/utils/util");
+module.exports = require("@liuzengwei/element-ui/lib/input");
 
 /***/ }),
-/* 4 */
-/***/ (function(module, exports) {
-
-module.exports = require("@liuzengwei/element-ui/lib/mixins/emitter");
 
-/***/ }),
-/* 5 */
+/***/ 12:
 /***/ (function(module, exports) {
 
-module.exports = require("@liuzengwei/element-ui/lib/utils/vue-popper");
+module.exports = require("@liuzengwei/element-ui/lib/utils/clickoutside");
 
 /***/ }),
-/* 6 */
-/***/ (function(module, exports) {
 
-module.exports = require("@liuzengwei/element-ui/lib/mixins/locale");
-
-/***/ }),
-/* 7 */
+/***/ 16:
 /***/ (function(module, exports) {
 
-module.exports = require("vue");
+module.exports = require("@liuzengwei/element-ui/lib/button");
 
 /***/ }),
-/* 8 */,
-/* 9 */
-/***/ (function(module, exports) {
-
-module.exports = require("@liuzengwei/element-ui/lib/utils/merge");
 
-/***/ }),
-/* 10 */
+/***/ 17:
 /***/ (function(module, exports) {
 
-module.exports = require("@liuzengwei/element-ui/lib/input");
+module.exports = require("@liuzengwei/element-ui/lib/scrollbar");
 
 /***/ }),
-/* 11 */,
-/* 12 */
-/***/ (function(module, exports) {
 
-module.exports = require("@liuzengwei/element-ui/lib/utils/clickoutside");
-
-/***/ }),
-/* 13 */,
-/* 14 */,
-/* 15 */,
-/* 16 */
+/***/ 2:
 /***/ (function(module, exports) {
 
-module.exports = require("@liuzengwei/element-ui/lib/button");
+module.exports = require("@liuzengwei/element-ui/lib/utils/dom");
 
 /***/ }),
-/* 17 */
-/***/ (function(module, exports) {
-
-module.exports = require("@liuzengwei/element-ui/lib/scrollbar");
 
-/***/ }),
-/* 18 */,
-/* 19 */,
-/* 20 */,
-/* 21 */,
-/* 22 */,
-/* 23 */,
-/* 24 */,
-/* 25 */,
-/* 26 */,
-/* 27 */
+/***/ 27:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -600,9 +558,15 @@ component.options.__file = "packages/date-picker/src/panel/time.vue"
 /* harmony default export */ var time = __webpack_exports__["a"] = (component.exports);
 
 /***/ }),
-/* 28 */,
-/* 29 */,
-/* 30 */
+
+/***/ 3:
+/***/ (function(module, exports) {
+
+module.exports = require("@liuzengwei/element-ui/lib/utils/util");
+
+/***/ }),
+
+/***/ 30:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -640,8 +604,8 @@ component.options.__file = "packages/date-picker/src/panel/time.vue"
 });
 
 /***/ }),
-/* 31 */,
-/* 32 */
+
+/***/ 32:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1807,8 +1771,8 @@ component.options.__file = "packages/date-picker/src/picker.vue"
 /* harmony default export */ var picker = __webpack_exports__["a"] = (component.exports);
 
 /***/ }),
-/* 33 */,
-/* 34 */
+
+/***/ 34:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2508,30 +2472,29 @@ component.options.__file = "packages/date-picker/src/basic/time-spinner.vue"
 /* harmony default export */ var time_spinner = __webpack_exports__["a"] = (component.exports);
 
 /***/ }),
-/* 35 */,
-/* 36 */,
-/* 37 */,
-/* 38 */,
-/* 39 */,
-/* 40 */,
-/* 41 */,
-/* 42 */,
-/* 43 */,
-/* 44 */,
-/* 45 */,
-/* 46 */,
-/* 47 */,
-/* 48 */,
-/* 49 */,
-/* 50 */,
-/* 51 */,
-/* 52 */,
-/* 53 */,
-/* 54 */,
-/* 55 */,
-/* 56 */,
-/* 57 */,
-/* 58 */
+
+/***/ 4:
+/***/ (function(module, exports) {
+
+module.exports = require("@liuzengwei/element-ui/lib/mixins/emitter");
+
+/***/ }),
+
+/***/ 5:
+/***/ (function(module, exports) {
+
+module.exports = require("@liuzengwei/element-ui/lib/utils/vue-popper");
+
+/***/ }),
+
+/***/ 6:
+/***/ (function(module, exports) {
+
+module.exports = require("@liuzengwei/element-ui/lib/mixins/locale");
+
+/***/ }),
+
+/***/ 66:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -6356,5 +6319,20 @@ date_picker.install = function install(Vue) {
 
 /* harmony default export */ var packages_date_picker = __webpack_exports__["default"] = (date_picker);
 
+/***/ }),
+
+/***/ 7:
+/***/ (function(module, exports) {
+
+module.exports = require("vue");
+
+/***/ }),
+
+/***/ 9:
+/***/ (function(module, exports) {
+
+module.exports = require("@liuzengwei/element-ui/lib/utils/merge");
+
 /***/ })
-/******/ ]);
+
+/******/ });

package/lib/descriptions-item.js

@@ -82,12 +82,12 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 153);
+/******/ 	return __webpack_require__(__webpack_require__.s = 162);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 153:
+/***/ 162:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/lib/descriptions.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 148);
+/******/ 	return __webpack_require__(__webpack_require__.s = 157);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -94,7 +94,7 @@ module.exports = require("@liuzengwei/element-ui/lib/utils/types");
 
 /***/ }),
 
-/***/ 148:
+/***/ 157:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/lib/dialog.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 85);
+/******/ 	return __webpack_require__(__webpack_require__.s = 93);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -210,7 +210,7 @@ module.exports = require("@liuzengwei/element-ui/lib/mixins/emitter");
 
 /***/ }),
 
-/***/ 85:
+/***/ 93:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/lib/divider.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 126);
+/******/ 	return __webpack_require__(__webpack_require__.s = 134);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -189,7 +189,7 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 126:
+/***/ 134:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/lib/drawer.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 129);
+/******/ 	return __webpack_require__(__webpack_require__.s = 137);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -189,7 +189,7 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 129:
+/***/ 137:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -218,7 +218,9 @@ var render = function() {
               expression: "visible"
             }
           ],
-          staticClass: "el-drawer__wrapper",
+          class: _vm.referenceMode
+            ? "el-drawer__wrapper-reference"
+            : "el-drawer__wrapper",
           attrs: { tabindex: "-1" }
         },
         [
@@ -226,7 +228,10 @@ var render = function() {
             "div",
             {
               staticClass: "el-drawer__container",
-              class: _vm.visible && "el-drawer__open",
+              class: [
+                _vm.visible && "el-drawer__open",
+                _vm.referenceMode && "el-drawer__reference-mode"
+              ],
               attrs: { role: "document", tabindex: "-1" },
               on: {
                 click: function($event) {
@@ -243,10 +248,12 @@ var render = function() {
                 {
                   ref: "drawer",
                   staticClass: "el-drawer",
-                  class: [_vm.direction, _vm.customClass],
-                  style: _vm.isHorizontal
-                    ? "width: " + _vm.drawerSize
-                    : "height: " + _vm.drawerSize,
+                  class: [
+                    _vm.effectiveDirection,
+                    _vm.customClass,
+                    _vm.referenceMode && "is-reference"
+                  ],
+                  style: _vm.drawerStyle,
                   attrs: {
                     "aria-modal": "true",
                     "aria-labelledby": "el-drawer__title",
@@ -327,6 +334,8 @@ var emitter_ = __webpack_require__(4);
 var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/drawer/src/main.vue?vue&type=script&lang=js&
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
 //
 //
 //
@@ -439,6 +448,21 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
     withHeader: {
       type: Boolean,
       default: true
+    },
+    reference: {
+      type: [String, Object],
+      default: null
+    },
+    placement: {
+      type: String,
+      default: 'right',
+      validator: function validator(val) {
+        return ['top', 'bottom', 'left', 'right'].indexOf(val) !== -1;
+      }
+    },
+    offset: {
+      type: Number,
+      default: 0
     }
   },
   computed: {
@@ -447,12 +471,42 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
     },
     drawerSize: function drawerSize() {
       return typeof this.size === 'number' ? this.size + 'px' : this.size;
+    },
+    referenceMode: function referenceMode() {
+      return !!this.reference;
+    },
+    effectiveDirection: function effectiveDirection() {
+      // 在 reference 模式下，根据 placement 映射到对应的 direction
+      if (this.referenceMode) {
+        var placementToDirection = {
+          'top': 'btt',
+          'bottom': 'ttb',
+          'left': 'ltr',
+          'right': 'rtl'
+        };
+        return placementToDirection[this.placement] || 'rtl';
+      }
+      return this.direction;
+    },
+    drawerStyle: function drawerStyle() {
+      if (this.referenceMode) {
+        var style = _extends({}, this.position);
+        if (this.placement === 'left' || this.placement === 'right') {
+          style.width = this.drawerSize;
+        } else {
+          style.height = this.drawerSize;
+        }
+        return style;
+      } else {
+        return this.isHorizontal ? 'width: ' + this.drawerSize : 'height: ' + this.drawerSize;
+      }
     }
   },
   data: function data() {
     return {
       closed: false,
-      prevActiveElement: null
+      prevActiveElement: null,
+      position: {}
     };
   },
 
@@ -463,10 +517,20 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
       if (val) {
         this.closed = false;
         this.$emit('open');
-        if (this.appendToBody) {
+        if (this.referenceMode) {
+          var referenceEl = this.getReferenceElement();
+          if (referenceEl) {
+            referenceEl.appendChild(this.$el);
+          }
+        } else if (this.appendToBody) {
           document.body.appendChild(this.$el);
         }
         this.prevActiveElement = document.activeElement;
+        if (this.referenceMode) {
+          this.$nextTick(function () {
+            _this.updatePosition();
+          });
+        }
       } else {
         if (!this.closed) {
           this.$emit('close');
@@ -516,22 +580,106 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
       // pressing `ESC` will call this method, and also close the drawer.
       // This method also calls `beforeClose` if there was one.
       this.closeDrawer();
+    },
+    getReferenceElement: function getReferenceElement() {
+      if (typeof this.reference === 'string') {
+        return document.querySelector(this.reference);
+      } else if (this.reference && this.reference.$el) {
+        return this.reference.$el;
+      } else {
+        return this.reference;
+      }
+    },
+    updatePosition: function updatePosition() {
+      if (!this.referenceMode) return;
+
+      var referenceEl = this.getReferenceElement();
+      if (!referenceEl) {
+        console.warn('[ElDrawer] Reference element not found');
+        return;
+      }
+
+      // 确保参考元素有 position 样式
+      var computedStyle = window.getComputedStyle(referenceEl);
+      if (computedStyle.position === 'static') {
+        referenceEl.style.position = 'relative';
+      }
+
+      var placement = this.placement,
+          offset = this.offset;
+
+      var position = {};
+
+      switch (placement) {
+        case 'top':
+          position.left = '0';
+          position.bottom = offset + 'px';
+          position.top = 'auto';
+          position.right = '0';
+          break;
+        case 'bottom':
+          position.left = '0';
+          position.top = offset + 'px';
+          position.bottom = 'auto';
+          position.right = '0';
+          break;
+        case 'left':
+          position.top = '0';
+          position.right = 'auto';
+          position.left = offset + 'px';
+          position.bottom = '0';
+          break;
+        case 'right':
+          position.top = '0';
+          position.left = 'auto';
+          position.right = offset + 'px';
+          position.bottom = '0';
+          break;
+      }
+
+      this.position = position;
+    },
+    handleScroll: function handleScroll() {
+      if (this.referenceMode && this.visible) {
+        this.updatePosition();
+      }
+    },
+    handleResize: function handleResize() {
+      if (this.referenceMode && this.visible) {
+        this.updatePosition();
+      }
     }
   },
   mounted: function mounted() {
     if (this.visible) {
       this.rendered = true;
       this.open();
-      if (this.appendToBody) {
+      if (this.referenceMode) {
+        var referenceEl = this.getReferenceElement();
+        if (referenceEl) {
+          referenceEl.appendChild(this.$el);
+        }
+      } else if (this.appendToBody) {
         document.body.appendChild(this.$el);
       }
     }
+    if (this.referenceMode) {
+      window.addEventListener('scroll', this.handleScroll, true);
+      window.addEventListener('resize', this.handleResize);
+    }
   },
   destroyed: function destroyed() {
     // if appendToBody is true, remove DOM node after destroy
     if (this.appendToBody && this.$el && this.$el.parentNode) {
       this.$el.parentNode.removeChild(this.$el);
     }
+    if (this.referenceMode && this.$el && this.$el.parentNode) {
+      this.$el.parentNode.removeChild(this.$el);
+    }
+    if (this.referenceMode) {
+      window.removeEventListener('scroll', this.handleScroll, true);
+      window.removeEventListener('resize', this.handleResize);
+    }
   }
 });
 // CONCATENATED MODULE: ./packages/drawer/src/main.vue?vue&type=script&lang=js&

package/lib/dropdown-item.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 87);
+/******/ 	return __webpack_require__(__webpack_require__.s = 95);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -196,7 +196,7 @@ module.exports = require("@liuzengwei/element-ui/lib/mixins/emitter");
 
 /***/ }),
 
-/***/ 87:
+/***/ 95:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/lib/dropdown-menu.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 86);
+/******/ 	return __webpack_require__(__webpack_require__.s = 94);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -196,7 +196,7 @@ module.exports = require("@liuzengwei/element-ui/lib/utils/vue-popper");
 
 /***/ }),
 
-/***/ 86:
+/***/ 94:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/lib/dropdown.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 141);
+/******/ 	return __webpack_require__(__webpack_require__.s = 150);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -203,7 +203,7 @@ module.exports = require("@liuzengwei/element-ui/lib/utils/clickoutside");
 
 /***/ }),
 
-/***/ 141:
+/***/ 150:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";