@element-plus/nightly 0.0.20240623 → 0.0.20240624

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240623 */
+/*! Element Plus v0.0.20240624 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11492,7 +11492,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240623";
+  const version$1 = "0.0.20240624";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13183,6 +13183,11 @@
       type: [String, Number],
       default: ""
     },
+    labelPosition: {
+      type: String,
+      values: ["left", "right", "top", ""],
+      default: ""
+    },
     prop: {
       type: definePropType([String, Array])
     },
@@ -13280,7 +13285,8 @@
           const style = {};
           if (hasLabel && autoLabelWidth && autoLabelWidth !== "auto") {
             const marginWidth = Math.max(0, Number.parseInt(autoLabelWidth, 10) - computedWidth.value);
-            const marginPosition = formContext.labelPosition === "left" ? "marginRight" : "marginLeft";
+            const labelPosition = formItemContext.labelPosition || formContext.labelPosition;
+            const marginPosition = labelPosition === "left" ? "marginRight" : "marginLeft";
             if (marginWidth) {
               style[marginPosition] = `${marginWidth}px`;
             }
@@ -13321,8 +13327,9 @@
       const formItemRef = vue.ref();
       let initialValue = void 0;
       let isResettingField = false;
+      const labelPosition = vue.computed(() => props.labelPosition || (formContext == null ? void 0 : formContext.labelPosition));
       const labelStyle = vue.computed(() => {
-        if ((formContext == null ? void 0 : formContext.labelPosition) === "top") {
+        if (labelPosition.value === "top") {
           return {};
         }
         const labelWidth = addUnit(props.labelWidth || (formContext == null ? void 0 : formContext.labelWidth) || "");
@@ -13331,7 +13338,7 @@
         return {};
       });
       const contentStyle = vue.computed(() => {
-        if ((formContext == null ? void 0 : formContext.labelPosition) === "top" || (formContext == null ? void 0 : formContext.inline)) {
+        if (labelPosition.value === "top" || (formContext == null ? void 0 : formContext.inline)) {
           return {};
         }
         if (!props.label && !props.labelWidth && isNested) {
@@ -13352,7 +13359,10 @@
         ns.is("required", isRequired.value || props.required),
         ns.is("no-asterisk", formContext == null ? void 0 : formContext.hideRequiredAsterisk),
         (formContext == null ? void 0 : formContext.requireAsteriskPosition) === "right" ? "asterisk-right" : "asterisk-left",
-        { [ns.m("feedback")]: formContext == null ? void 0 : formContext.statusIcon }
+        {
+          [ns.m("feedback")]: formContext == null ? void 0 : formContext.statusIcon,
+          [ns.m(`label-${labelPosition.value}`)]: labelPosition.value
+        }
       ]);
       const _inlineMessage = vue.computed(() => isBoolean(props.inlineMessage) ? props.inlineMessage : (formContext == null ? void 0 : formContext.inlineMessage) || false);
       const validateClasses = vue.computed(() => [