@element-plus/nightly 0.0.20230604 → 0.0.20230606

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20230604 */
+/*! Element Plus v0.0.20230606 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11208,7 +11208,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20230604";
+  const version$1 = "0.0.20230606";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -41578,14 +41578,18 @@
       type: [Boolean, String, Number],
       default: false
     },
-    value: {
-      type: [Boolean, String, Number],
+    disabled: {
+      type: Boolean,
       default: false
     },
-    disabled: {
+    loading: {
       type: Boolean,
       default: false
     },
+    size: {
+      type: String,
+      validator: isValidComponentSize
+    },
     width: {
       type: [String, Number],
       default: ""
@@ -41608,6 +41612,14 @@
       type: String,
       default: ""
     },
+    activeValue: {
+      type: [Boolean, String, Number],
+      default: true
+    },
+    inactiveValue: {
+      type: [Boolean, String, Number],
+      default: false
+    },
     activeColor: {
       type: String,
       default: ""
@@ -41620,14 +41632,6 @@
       type: String,
       default: ""
     },
-    activeValue: {
-      type: [Boolean, String, Number],
-      default: true
-    },
-    inactiveValue: {
-      type: [Boolean, String, Number],
-      default: false
-    },
     name: {
       type: String,
       default: ""
@@ -41636,20 +41640,16 @@
       type: Boolean,
       default: true
     },
-    id: String,
-    loading: {
-      type: Boolean,
-      default: false
-    },
     beforeChange: {
       type: definePropType(Function)
     },
-    size: {
-      type: String,
-      validator: isValidComponentSize
-    },
+    id: String,
     tabindex: {
       type: [String, Number]
+    },
+    value: {
+      type: [Boolean, String, Number],
+      default: false
     }
   });
   const switchEmits = {
@@ -41677,17 +41677,27 @@
       const { formItem } = useFormItem();
       const switchSize = useFormSize();
       const ns = useNamespace("switch");
-      useDeprecated({
-        from: '"value"',
-        replacement: '"model-value" or "v-model"',
-        scope: COMPONENT_NAME$8,
-        version: "2.3.0",
-        ref: "https://element-plus.org/en-US/component/switch.html#attributes",
-        type: "Attribute"
-      }, vue.computed(() => {
-        var _a;
-        return !!((_a = vm.vnode.props) == null ? void 0 : _a.value);
-      }));
+      const useBatchDeprecated = (list) => {
+        list.forEach((param) => {
+          useDeprecated({
+            from: param[0],
+            replacement: param[1],
+            scope: COMPONENT_NAME$8,
+            version: "2.3.0",
+            ref: "https://element-plus.org/en-US/component/switch.html#attributes",
+            type: "Attribute"
+          }, vue.computed(() => {
+            var _a;
+            return !!((_a = vm.vnode.props) == null ? void 0 : _a[param[2]]);
+          }));
+        });
+      };
+      useBatchDeprecated([
+        ['"value"', '"model-value" or "v-model"', "value"],
+        ['"active-color"', "CSS var `--el-switch-on-color`", "activeColor"],
+        ['"inactive-color"', "CSS var `--el-switch-off-color`", "inactiveColor"],
+        ['"border-color"', "CSS var `--el-switch-border-color`", "borderColor"]
+      ]);
       const { inputId } = useFormItemInputId(props, {
         formItemContext: formItem
       });
@@ -41701,6 +41711,16 @@
         ns.is("disabled", switchDisabled.value),
         ns.is("checked", checked.value)
       ]);
+      const labelLeftKls = vue.computed(() => [
+        ns.e("label"),
+        ns.em("label", "left"),
+        ns.is("active", !checked.value)
+      ]);
+      const labelRightKls = vue.computed(() => [
+        ns.e("label"),
+        ns.em("label", "right"),
+        ns.is("active", checked.value)
+      ]);
       const coreStyle = vue.computed(() => ({
         width: addUnit(props.width)
       }));
@@ -41805,11 +41825,7 @@
           }, null, 42, _hoisted_2$9),
           !_ctx.inlinePrompt && (_ctx.inactiveIcon || _ctx.inactiveText) ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
-            class: vue.normalizeClass([
-              vue.unref(ns).e("label"),
-              vue.unref(ns).em("label", "left"),
-              vue.unref(ns).is("active", !vue.unref(checked))
-            ])
+            class: vue.normalizeClass(vue.unref(labelLeftKls))
           }, [
             _ctx.inactiveIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 0 }, {
               default: vue.withCtx(() => [
@@ -41862,11 +41878,7 @@
           ], 6),
           !_ctx.inlinePrompt && (_ctx.activeIcon || _ctx.activeText) ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 1,
-            class: vue.normalizeClass([
-              vue.unref(ns).e("label"),
-              vue.unref(ns).em("label", "right"),
-              vue.unref(ns).is("active", vue.unref(checked))
-            ])
+            class: vue.normalizeClass(vue.unref(labelRightKls))
           }, [
             _ctx.activeIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 0 }, {
               default: vue.withCtx(() => [