@element-plus/nightly 0.0.20251214 → 0.0.20251215

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20251214 */
+/*! Element Plus v0.0.20251215 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -12535,7 +12535,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20251214";
+  const version$1 = "0.0.20251215";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -12552,6 +12552,41 @@
     };
   };
 
+  const teleportProps = buildProps({
+    to: {
+      type: definePropType([String, Object]),
+      required: true
+    },
+    disabled: Boolean
+  });
+
+  var _export_sfc = (sfc, props) => {
+    const target = sfc.__vccOpts || sfc;
+    for (const [key, val] of props) {
+      target[key] = val;
+    }
+    return target;
+  };
+
+  const _sfc_main$2v = /* @__PURE__ */ vue.defineComponent({
+    __name: "teleport",
+    props: teleportProps,
+    setup(__props) {
+      return (_ctx, _cache) => {
+        return _ctx.disabled ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createBlock(vue.Teleport, {
+          key: 1,
+          to: _ctx.to
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 8, ["to"]));
+      };
+    }
+  });
+  var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$2v, [["__file", "teleport.vue"]]);
+
+  const ElTeleport = withInstall(Teleport);
+  var ElTeleport$1 = ElTeleport;
+
   const affixProps = buildProps({
     zIndex: {
       type: definePropType([Number, String]),
@@ -12569,6 +12604,11 @@
       type: String,
       values: ["top", "bottom"],
       default: "top"
+    },
+    teleported: Boolean,
+    appendTo: {
+      type: teleportProps.to.type,
+      default: "body"
     }
   });
   const affixEmits = {
@@ -12576,19 +12616,11 @@
     [CHANGE_EVENT]: (fixed) => isBoolean(fixed)
   };
 
-  var _export_sfc = (sfc, props) => {
-    const target = sfc.__vccOpts || sfc;
-    for (const [key, val] of props) {
-      target[key] = val;
-    }
-    return target;
-  };
-
   const COMPONENT_NAME$o = "ElAffix";
   const __default__$1Y = vue.defineComponent({
     name: COMPONENT_NAME$o
   });
-  const _sfc_main$2v = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2u = /* @__PURE__ */ vue.defineComponent({
     ...__default__$1Y,
     props: affixProps,
     emits: affixEmits,
@@ -12604,12 +12636,16 @@
         width: rootWidth,
         top: rootTop,
         bottom: rootBottom,
+        left: rootLeft,
         update: updateRoot
       } = useElementBounding(root, { windowScroll: false });
       const targetRect = useElementBounding(target);
       const fixed = vue.ref(false);
       const scrollTop = vue.ref(0);
       const transform = vue.ref(0);
+      const teleportDisabled = vue.computed(() => {
+        return !props.teleported || !fixed.value;
+      });
       const rootStyle = vue.computed(() => {
         return {
           height: fixed.value ? `${rootHeight.value}px` : "",
@@ -12625,6 +12661,7 @@
           width: `${rootWidth.value}px`,
           top: props.position === "top" ? offset : "",
           bottom: props.position === "bottom" ? offset : "",
+          left: props.teleported ? `${rootLeft.value}px` : "",
           transform: transform.value ? `translateY(${transform.value}px)` : "",
           zIndex: props.zIndex
         };
@@ -12695,17 +12732,25 @@
           class: vue.normalizeClass(vue.unref(ns).b()),
           style: vue.normalizeStyle(vue.unref(rootStyle))
         }, [
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass({ [vue.unref(ns).m("fixed")]: fixed.value }),
-            style: vue.normalizeStyle(vue.unref(affixStyle))
-          }, [
-            vue.renderSlot(_ctx.$slots, "default")
-          ], 6)
+          vue.createVNode(vue.unref(ElTeleport$1), {
+            disabled: vue.unref(teleportDisabled),
+            to: _ctx.appendTo
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass({ [vue.unref(ns).m("fixed")]: fixed.value }),
+                style: vue.normalizeStyle(vue.unref(affixStyle))
+              }, [
+                vue.renderSlot(_ctx.$slots, "default")
+              ], 6)
+            ]),
+            _: 3
+          }, 8, ["disabled", "to"])
         ], 6);
       };
     }
   });
-  var Affix = /* @__PURE__ */ _export_sfc(_sfc_main$2v, [["__file", "affix.vue"]]);
+  var Affix = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["__file", "affix.vue"]]);
 
   const ElAffix = withInstall(Affix);
 
@@ -12722,7 +12767,7 @@
     name: "ElIcon",
     inheritAttrs: false
   });
-  const _sfc_main$2u = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2t = /* @__PURE__ */ vue.defineComponent({
     ...__default__$1X,
     props: iconProps,
     setup(__props) {
@@ -12748,7 +12793,7 @@
       };
     }
   });
-  var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["__file", "icon.vue"]]);
+  var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2t, [["__file", "icon.vue"]]);
 
   const ElIcon = withInstall(Icon);
 
@@ -12793,7 +12838,7 @@
   const __default__$1W = vue.defineComponent({
     name: "ElAlert"
   });
-  const _sfc_main$2t = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2s = /* @__PURE__ */ vue.defineComponent({
     ...__default__$1W,
     props: alertProps,
     emits: alertEmits,
@@ -12876,7 +12921,7 @@
       };
     }
   });
-  var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2t, [["__file", "alert.vue"]]);
+  var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2s, [["__file", "alert.vue"]]);
 
   const ElAlert = withInstall(Alert);
 
@@ -13062,7 +13107,7 @@
   const __default__$1V = vue.defineComponent({
     name: COMPONENT_NAME$n
   });
-  const _sfc_main$2s = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2r = /* @__PURE__ */ vue.defineComponent({
     ...__default__$1V,
     props: formProps,
     emits: formEmits,
@@ -13206,7 +13251,7 @@
       };
     }
   });
-  var Form = /* @__PURE__ */ _export_sfc(_sfc_main$2s, [["__file", "form.vue"]]);
+  var Form = /* @__PURE__ */ _export_sfc(_sfc_main$2r, [["__file", "form.vue"]]);
 
   function _extends() {
     _extends = Object.assign ? Object.assign.bind() : function(target) {
@@ -14392,7 +14437,7 @@
   const __default__$1U = vue.defineComponent({
     name: "ElFormItem"
   });
-  const _sfc_main$2r = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2q = /* @__PURE__ */ vue.defineComponent({
     ...__default__$1U,
     props: formItemProps,
     setup(__props, { expose }) {
@@ -14696,7 +14741,7 @@
       };
     }
   });
-  var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$2r, [["__file", "form-item.vue"]]);
+  var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["__file", "form-item.vue"]]);
 
   const ElForm = withInstall(Form, {
     FormItem
@@ -14909,7 +14954,7 @@
     name: COMPONENT_NAME$l,
     inheritAttrs: false
   });
-  const _sfc_main$2q = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2p = /* @__PURE__ */ vue.defineComponent({
     ...__default__$1T,
     props: inputProps,
     emits: inputEmits,
@@ -15366,7 +15411,7 @@
       };
     }
   });
-  var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["__file", "input.vue"]]);
+  var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["__file", "input.vue"]]);
 
   const ElInput = withInstall(Input);
 
@@ -15416,7 +15461,7 @@
   });
 
   const COMPONENT_NAME$k = "Thumb";
-  const _sfc_main$2p = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2o = /* @__PURE__ */ vue.defineComponent({
     __name: "thumb",
     props: thumbProps,
     setup(__props) {
@@ -15545,7 +15590,7 @@
       };
     }
   });
-  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["__file", "thumb.vue"]]);
+  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["__file", "thumb.vue"]]);
 
   const barProps = buildProps({
     always: {
@@ -15558,7 +15603,7 @@
     }
   });
 
-  const _sfc_main$2o = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2n = /* @__PURE__ */ vue.defineComponent({
     __name: "bar",
     props: barProps,
     setup(__props, { expose }) {
@@ -15616,7 +15661,7 @@
       };
     }
   });
-  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["__file", "bar.vue"]]);
+  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["__file", "bar.vue"]]);
 
   const scrollbarProps = buildProps({
     distance: {
@@ -15678,7 +15723,7 @@
   const __default__$1S = vue.defineComponent({
     name: COMPONENT_NAME$j
   });
-  const _sfc_main$2n = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2m = /* @__PURE__ */ vue.defineComponent({
     ...__default__$1S,
     props: scrollbarProps,
     emits: scrollbarEmits,
@@ -15889,7 +15934,7 @@
       };
     }
   });
-  var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["__file", "scrollbar.vue"]]);
+  var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["__file", "scrollbar.vue"]]);
 
   const ElScrollbar = withInstall(Scrollbar$1);
 
@@ -15923,7 +15968,7 @@
     name: "ElPopper",
     inheritAttrs: false
   });
-  const _sfc_main$2m = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2l = /* @__PURE__ */ vue.defineComponent({
     ...__default__$1R,
     props: popperProps,
     setup(__props, { expose }) {
@@ -15947,13 +15992,13 @@
       };
     }
   });
-  var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["__file", "popper.vue"]]);
+  var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["__file", "popper.vue"]]);
 
   const __default__$1Q = vue.defineComponent({
     name: "ElPopperArrow",
     inheritAttrs: false
   });
-  const _sfc_main$2l = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2k = /* @__PURE__ */ vue.defineComponent({
     ...__default__$1Q,
     setup(__props, { expose }) {
       const ns = useNamespace("popper");
@@ -15975,7 +16020,7 @@
       };
     }
   });
-  var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["__file", "arrow.vue"]]);
+  var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["__file", "arrow.vue"]]);
 
   const NAME = "ElOnlyChild";
   const OnlyChild = vue.defineComponent({
@@ -16065,7 +16110,7 @@
     name: "ElPopperTrigger",
     inheritAttrs: false
   });
-  const _sfc_main$2k = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2j = /* @__PURE__ */ vue.defineComponent({
     ...__default__$1P,
     props: popperTriggerProps,
     setup(__props, { expose }) {
@@ -16183,7 +16228,7 @@
       };
     }
   });
-  var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["__file", "trigger.vue"]]);
+  var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["__file", "trigger.vue"]]);
 
   const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
   const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
@@ -16333,7 +16378,7 @@
     });
   };
 
-  const _sfc_main$2j = vue.defineComponent({
+  const _sfc_main$2i = vue.defineComponent({
     name: "ElFocusTrap",
     inheritAttrs: false,
     props: {
@@ -16583,7 +16628,7 @@
   function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
   }
-  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["render", _sfc_render$l], ["__file", "focus-trap.vue"]]);
+  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["render", _sfc_render$l], ["__file", "focus-trap.vue"]]);
 
   const popperArrowProps = buildProps({
     arrowOffset: {
@@ -16889,7 +16934,7 @@
   const __default__$1O = vue.defineComponent({
     name: "ElPopperContent"
   });
-  const _sfc_main$2i = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2h = /* @__PURE__ */ vue.defineComponent({
     ...__default__$1O,
     props: popperContentProps,
     emits: popperContentEmits,
@@ -17006,39 +17051,12 @@
       };
     }
   });
-  var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["__file", "content.vue"]]);
+  var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__file", "content.vue"]]);
 
   const ElPopper = withInstall(Popper);
 
   const TOOLTIP_INJECTION_KEY = Symbol("elTooltip");
 
-  const teleportProps = buildProps({
-    to: {
-      type: definePropType([String, Object]),
-      required: true
-    },
-    disabled: Boolean
-  });
-
-  const _sfc_main$2h = /* @__PURE__ */ vue.defineComponent({
-    __name: "teleport",
-    props: teleportProps,
-    setup(__props) {
-      return (_ctx, _cache) => {
-        return _ctx.disabled ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createBlock(vue.Teleport, {
-          key: 1,
-          to: _ctx.to
-        }, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ], 8, ["to"]));
-      };
-    }
-  });
-  var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__file", "teleport.vue"]]);
-
-  const ElTeleport = withInstall(Teleport);
-  var ElTeleport$1 = ElTeleport;
-
   const useTooltipContentProps = buildProps({
     ...useDelayedToggleProps,
     ...popperContentProps,
@@ -28582,6 +28600,10 @@
     border: {
       type: Boolean,
       default: true
+    },
+    editable: {
+      type: Boolean,
+      default: true
     }
   });
 
@@ -28646,7 +28668,11 @@
     },
     showWeekNumber: Boolean,
     border: Boolean,
-    disabled: Boolean
+    disabled: Boolean,
+    editable: {
+      type: Boolean,
+      default: true
+    }
   });
   const panelRangeSharedProps = buildProps({
     unlinkPanels: Boolean,
@@ -30183,9 +30209,10 @@
                     size: "small",
                     "validate-event": false,
                     disabled: vue.unref(dateDisabled),
+                    readonly: !_ctx.editable,
                     onInput: (val) => userInputDate.value = val,
                     onChange: handleVisibleDateChange
-                  }, null, 8, ["placeholder", "model-value", "disabled", "onInput"])
+                  }, null, 8, ["placeholder", "model-value", "disabled", "readonly", "onInput"])
                 ], 2),
                 vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
                   class: vue.normalizeClass(vue.unref(dpNs).e("editor-wrap"))
@@ -30196,10 +30223,11 @@
                     size: "small",
                     "validate-event": false,
                     disabled: vue.unref(dateDisabled),
+                    readonly: !_ctx.editable,
                     onFocus: onTimePickerInputFocus,
                     onInput: (val) => userInputTime.value = val,
                     onChange: handleVisibleTimeChange
-                  }, null, 8, ["placeholder", "model-value", "disabled", "onInput"]),
+                  }, null, 8, ["placeholder", "model-value", "disabled", "readonly", "onInput"]),
                   vue.createVNode(vue.unref(TimePickPanel), {
                     visible: timePickerVisible.value,
                     format: vue.unref(timeFormat),
@@ -31023,9 +31051,10 @@
                       class: vue.normalizeClass(vue.unref(drpNs).e("editor")),
                       "model-value": vue.unref(minVisibleDate),
                       "validate-event": false,
+                      readonly: !_ctx.editable,
                       onInput: (val) => handleDateInput(val, "min"),
                       onChange: (val) => handleDateChange(val, "min")
-                    }, null, 8, ["disabled", "placeholder", "class", "model-value", "onInput", "onChange"])
+                    }, null, 8, ["disabled", "placeholder", "class", "model-value", "readonly", "onInput", "onChange"])
                   ], 2),
                   vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
                     class: vue.normalizeClass(vue.unref(drpNs).e("time-picker-wrap"))
@@ -31037,10 +31066,11 @@
                       placeholder: vue.unref(t)("el.datepicker.startTime"),
                       "model-value": vue.unref(minVisibleTime),
                       "validate-event": false,
+                      readonly: !_ctx.editable,
                       onFocus: ($event) => minTimePickerVisible.value = true,
                       onInput: (val) => handleTimeInput(val, "min"),
                       onChange: (val) => handleTimeChange(val, "min")
-                    }, null, 8, ["class", "disabled", "placeholder", "model-value", "onFocus", "onInput", "onChange"]),
+                    }, null, 8, ["class", "disabled", "placeholder", "model-value", "readonly", "onFocus", "onInput", "onChange"]),
                     vue.createVNode(vue.unref(TimePickPanel), {
                       visible: minTimePickerVisible.value,
                       format: vue.unref(timeFormat),
@@ -31072,7 +31102,7 @@
                       disabled: vue.unref(rangeState).selecting || vue.unref(dateRangeDisabled),
                       placeholder: vue.unref(t)("el.datepicker.endDate"),
                       "model-value": vue.unref(maxVisibleDate),
-                      readonly: !vue.unref(minDate),
+                      readonly: !vue.unref(minDate) || !_ctx.editable,
                       "validate-event": false,
                       onInput: (val) => handleDateInput(val, "max"),
                       onChange: (val) => handleDateChange(val, "max")
@@ -31087,7 +31117,7 @@
                       disabled: vue.unref(rangeState).selecting || vue.unref(dateRangeDisabled),
                       placeholder: vue.unref(t)("el.datepicker.endTime"),
                       "model-value": vue.unref(maxVisibleTime),
-                      readonly: !vue.unref(minDate),
+                      readonly: !vue.unref(minDate) || !_ctx.editable,
                       "validate-event": false,
                       onFocus: ($event) => vue.unref(minDate) && (maxTimePickerVisible.value = true),
                       onInput: (val) => handleTimeInput(val, "max"),
@@ -32223,6 +32253,7 @@
         }), {
           default: (scopedProps) => vue.createVNode(ElDatePickerPanel, vue.mergeProps({
             "disabled": props.disabled,
+            "editable": props.editable,
             "border": false
           }, scopedProps), _isSlot$6(slots) ? slots : {
             default: () => [slots]