element-pe 2.2.81 → 2.2.83

package/dist/index.full.js

@@ -25607,7 +25607,7 @@
   }
   var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$r], ["__file", "sv-panel.vue"]]);
 
-  const _hoisted_1$M = ["widget"];
+  const _hoisted_1$M = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex", "onKeydown", "widget"];
   const _hoisted_2$w = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex", "onKeydown", "widget"];
   const __default__$X = vue.defineComponent({
     name: "ElColorPicker"
@@ -25861,13 +25861,21 @@
             ])
           ]),
           default: vue.withCtx(() => [
-            _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
+            _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
+              id: vue.unref(buttonId),
+              class: vue.normalizeClass(vue.unref(btnKls)),
+              "aria-label": vue.unref(buttonAriaLabel),
+              "aria-labelledby": vue.unref(buttonAriaLabelledby),
+              "aria-description": vue.unref(t)("el.colorpicker.description", { color: _ctx.modelValue || "" }),
+              tabindex: _ctx.tabindex,
+              onKeydown: vue.withKeys(handleTrigger, ["enter"]),
               onClick: handleTrigger,
-              widget: _ctx.widget
+              widget: _ctx.widget,
+              style: { "display": "inline-flex" }
             }, [
               vue.renderSlot(_ctx.$slots, "default")
-            ], 8, _hoisted_1$M)) : (vue.openBlock(), vue.createElementBlock("div", {
+            ], 42, _hoisted_1$M)) : (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
               id: vue.unref(buttonId),
               class: vue.normalizeClass(vue.unref(btnKls)),
@@ -30376,6 +30384,10 @@
       type: definePropType(String),
       default: "bottom"
     },
+    fallbackPlacements: {
+      type: Array,
+      default: () => ["bottom", "top", "right", "left"]
+    },
     popperOptions: {
       type: definePropType(Object),
       default: () => ({})
@@ -30637,7 +30649,7 @@
         ref: "popperRef",
         role: _ctx.role,
         effect: _ctx.effect,
-        "fallback-placements": ["bottom", "top"],
+        "fallback-placements": _ctx.fallbackPlacements,
         "popper-options": _ctx.popperOptions,
         "gpu-acceleration": false,
         "hide-after": _ctx.trigger === "hover" ? _ctx.hideTimeout : 0,
@@ -30710,7 +30722,7 @@
             }, 8, ["id", "tabindex"])
           ])
         } : void 0
-      ]), 1032, ["role", "effect", "popper-options", "hide-after", "placement", "offset", "show-arrow", "popper-class", "reference-element", "trigger", "trigger-keys", "trigger-target-el", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "teleported", "onBeforeShow", "onShow", "onBeforeHide"]),
+      ]), 1032, ["role", "effect", "fallback-placements", "popper-options", "hide-after", "placement", "offset", "show-arrow", "popper-class", "reference-element", "trigger", "trigger-keys", "trigger-target-el", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "teleported", "onBeforeShow", "onShow", "onBeforeHide"]),
       _ctx.splitButton ? (vue.openBlock(), vue.createBlock(_component_el_button_group, { key: 0 }, {
         default: vue.withCtx(() => [
           vue.createVNode(_component_el_button, vue.mergeProps({ ref: "referenceElementRef" }, _ctx.buttonProps, {