@element-plus/nightly 0.0.20221208 → 0.0.20221209

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20221208 */
+/*! Element Plus v0.0.20221209 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11116,7 +11116,7 @@
     };
   };
 
-  const version$1 = "0.0.20221208";
+  const version$1 = "0.0.20221209";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -19594,27 +19594,33 @@
         onClickRoot
       } = useCheckbox(props, slots);
       const ns = useNamespace("checkbox");
+      const compKls = vue.computed(() => {
+        return [
+          ns.b(),
+          ns.m(checkboxSize.value),
+          ns.is("disabled", isDisabled.value),
+          ns.is("bordered", props.border),
+          ns.is("checked", isChecked.value)
+        ];
+      });
+      const spanKls = vue.computed(() => {
+        return [
+          ns.e("input"),
+          ns.is("disabled", isDisabled.value),
+          ns.is("checked", isChecked.value),
+          ns.is("indeterminate", props.indeterminate),
+          ns.is("focus", isFocused.value)
+        ];
+      });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(!vue.unref(hasOwnLabel) && vue.unref(isLabeledByFormItem) ? "span" : "label"), {
-          class: vue.normalizeClass([
-            vue.unref(ns).b(),
-            vue.unref(ns).m(vue.unref(checkboxSize)),
-            vue.unref(ns).is("disabled", vue.unref(isDisabled)),
-            vue.unref(ns).is("bordered", _ctx.border),
-            vue.unref(ns).is("checked", vue.unref(isChecked))
-          ]),
+          class: vue.normalizeClass(vue.unref(compKls)),
           "aria-controls": _ctx.indeterminate ? _ctx.controls : null,
           onClick: vue.unref(onClickRoot)
         }, {
           default: vue.withCtx(() => [
             vue.createElementVNode("span", {
-              class: vue.normalizeClass([
-                vue.unref(ns).e("input"),
-                vue.unref(ns).is("disabled", vue.unref(isDisabled)),
-                vue.unref(ns).is("checked", vue.unref(isChecked)),
-                vue.unref(ns).is("indeterminate", _ctx.indeterminate),
-                vue.unref(ns).is("focus", vue.unref(isFocused))
-              ]),
+              class: vue.normalizeClass(vue.unref(spanKls)),
               tabindex: _ctx.indeterminate ? 0 : void 0,
               role: _ctx.indeterminate ? "checkbox" : void 0,
               "aria-checked": _ctx.indeterminate ? "mixed" : void 0
@@ -19706,15 +19712,18 @@
           boxShadow: fillValue ? `-1px 0 0 0 ${fillValue}` : void 0
         };
       });
+      const lableKls = vue.computed(() => {
+        return [
+          ns.b("button"),
+          ns.bm("button", checkboxButtonSize.value),
+          ns.is("disabled", isDisabled.value),
+          ns.is("checked", isChecked.value),
+          ns.is("focus", isFocused.value)
+        ];
+      });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("label", {
-          class: vue.normalizeClass([
-            vue.unref(ns).b("button"),
-            vue.unref(ns).bm("button", vue.unref(checkboxButtonSize)),
-            vue.unref(ns).is("disabled", vue.unref(isDisabled)),
-            vue.unref(ns).is("checked", vue.unref(isChecked)),
-            vue.unref(ns).is("focus", vue.unref(isFocused))
-          ])
+          class: vue.normalizeClass(vue.unref(lableKls))
         }, [
           _ctx.trueLabel || _ctx.falseLabel ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
             key: 0,
@@ -23105,6 +23114,13 @@
       const buttonAriaLabelledby = vue.computed(() => {
         return isLabeledByFormItem.value ? formItem == null ? void 0 : formItem.labelId : void 0;
       });
+      const btnKls = vue.computed(() => {
+        return [
+          ns.b("picker"),
+          ns.is("disabled", colorDisabled.value),
+          ns.bm("picker", colorSize.value)
+        ];
+      });
       function displayedRgb(color2, showAlpha) {
         if (!(color2 instanceof Color)) {
           throw new TypeError("color should be instance of _color Class");
@@ -23295,11 +23311,7 @@
           default: vue.withCtx(() => [
             vue.createElementVNode("div", {
               id: vue.unref(buttonId),
-              class: vue.normalizeClass([
-                vue.unref(ns).b("picker"),
-                vue.unref(ns).is("disabled", vue.unref(colorDisabled)),
-                vue.unref(ns).bm("picker", vue.unref(colorSize))
-              ]),
+              class: vue.normalizeClass(vue.unref(btnKls)),
               role: "button",
               "aria-label": vue.unref(buttonAriaLabel),
               "aria-labelledby": vue.unref(buttonAriaLabelledby),