@element-plus/nightly 0.0.20240118 → 0.0.20240120

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240118 */
+/*! Element Plus v0.0.20240120 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11563,7 +11563,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240118";
+  const version$1 = "0.0.20240120";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -41333,19 +41333,18 @@
     const horizontalSize = vue.ref(0);
     const verticalSize = vue.ref(0);
     const containerStyle = vue.computed(() => {
-      const wrapKls = props.wrap || props.fill ? { flexWrap: "wrap", marginBottom: `-${verticalSize.value}px` } : {};
+      const wrapKls = props.wrap || props.fill ? { flexWrap: "wrap" } : {};
       const alignment = {
         alignItems: props.alignment
       };
-      return [wrapKls, alignment, props.style];
+      const gap = {
+        rowGap: `${verticalSize.value}px`,
+        columnGap: `${horizontalSize.value}px`
+      };
+      return [wrapKls, alignment, gap, props.style];
     });
     const itemStyle = vue.computed(() => {
-      const itemBaseStyle = {
-        paddingBottom: `${verticalSize.value}px`,
-        marginRight: `${horizontalSize.value}px`
-      };
-      const fillStyle = props.fill ? { flexGrow: 1, minWidth: `${props.fillRatio}%` } : {};
-      return [itemBaseStyle, fillStyle];
+      return props.fill ? { flexGrow: 1, minWidth: `${props.fillRatio}%` } : {};
     });
     vue.watchEffect(() => {
       const { size = "small", wrap, direction: dir, fill } = props;
@@ -55023,15 +55022,27 @@
 
   const useTarget = (target, open, gap, mergedMask, scrollIntoViewOptions) => {
     const posInfo = vue.ref(null);
+    const getTargetEl = () => {
+      let targetEl;
+      if (isString$1(target.value)) {
+        targetEl = document.querySelector(target.value);
+      } else if (isFunction$1(target.value)) {
+        targetEl = target.value();
+      } else {
+        targetEl = target.value;
+      }
+      return targetEl;
+    };
     const updatePosInfo = () => {
-      if (!target.value || !open.value) {
+      const targetEl = getTargetEl();
+      if (!targetEl || !open.value) {
         posInfo.value = null;
         return;
       }
-      if (!isInViewPort(target.value) && open.value) {
-        target.value.scrollIntoView(scrollIntoViewOptions.value);
+      if (!isInViewPort(targetEl) && open.value) {
+        targetEl.scrollIntoView(scrollIntoViewOptions.value);
       }
-      const { left, top, width, height } = target.value.getBoundingClientRect();
+      const { left, top, width, height } = targetEl.getBoundingClientRect();
       posInfo.value = {
         left,
         top,
@@ -55071,8 +55082,9 @@
       };
     });
     const triggerTarget = vue.computed(() => {
-      if (!mergedMask.value || !target.value || !window.DOMRect) {
-        return target.value || void 0;
+      const targetEl = getTargetEl();
+      if (!mergedMask.value || !targetEl || !window.DOMRect) {
+        return targetEl || void 0;
       }
       return {
         getBoundingClientRect() {
@@ -55666,7 +55678,7 @@
 
   const tourStepProps = buildProps({
     target: {
-      type: definePropType(Object)
+      type: definePropType([String, Object, Function])
     },
     title: String,
     description: String,