@antify/ui 3.1.6 → 3.1.8

package/dist/components/AntButton.vue

@@ -31,6 +31,10 @@ import {
   IconSize,
 } from './__types/AntIcon.types';
 
+defineOptions({
+  inheritAttrs: false,
+});
+
 defineEmits([
   'click',
   'blur',
@@ -55,6 +59,7 @@ const props = withDefaults(defineProps<{
   tooltipPosition?: Position;
   tooltipState?: InputState;
   tooltipDelay?: number;
+  dataE2e?: string;
 }>(), {
   state: State.base,
   disabled: false,
@@ -71,6 +76,7 @@ const props = withDefaults(defineProps<{
   tooltipPosition: Position.bottom,
   tooltipState: InputState.base,
   tooltipDelay: 800,
+  dataE2e: 'button',
 });
 
 const hasInputState = computed(() => props.skeleton || props.readonly || props.disabled);
@@ -209,8 +215,6 @@ onMounted(() => {
     <div
       class="inline-flex h-fit"
       :class="{'w-full': props.expanded}"
-      data-e2e="button"
-      :data-e2e-state="props.state"
     >
       <AntTooltip
         class="w-full"
@@ -224,6 +228,9 @@ onMounted(() => {
           :to="to"
           :disabled="disabled || undefined"
           :tabindex="noFocus || hasInputState ? '-1' : '0'"
+          v-bind="$attrs"
+          :data-e2e="dataE2e"
+          :data-e2e-state="props.state"
           @click="(e: MouseEvent) => !props.readonly ? $emit('click', e) : null"
           @blur="(e: FocusEvent) => !props.readonly ? $emit('blur', e) : null"
         >

package/dist/components/AntToaster.vue

@@ -41,8 +41,10 @@ const transitionName = computed(() => {
 
 const classes = computed(() => ({
   'left-0 top-0 items-start': props.position === CornerPosition.topLeft,
+  'left-[50%] -translate-x-1/2 top-0': props.position === CornerPosition.topCenter,
   'right-0 top-0 items-end': props.position === CornerPosition.topRight,
   'left-0 bottom-0 items-start': props.position === CornerPosition.bottomLeft,
+  'left-[50%] -translate-x-1/2 bottom-0': props.position === CornerPosition.bottomCenter,
   'right-0 bottom-0 items-end': props.position === CornerPosition.bottomRight,
 }));
 </script>

package/dist/components/inputs/Elements/AntSelectMenu.vue

@@ -302,6 +302,7 @@ watch(_modelValue, (val) => {
           <div
             v-for="(option, index) in options"
             :key="`option-${index}`"
+            data-e2e="select-menu-item"
             :class="{
               ...dropDownItemClasses,
               ...getActiveDropDownItemClasses(option),

package/dist/enums/Position.enum.d.ts

@@ -6,7 +6,9 @@ export declare enum Position {
 }
 export declare enum CornerPosition {
     topLeft = "topLeft",
+    topCenter = "topCenter",
     topRight = "topRight",
     bottomRight = "bottomRight",
+    bottomCenter = "bottomCenter",
     bottomLeft = "bottomLeft"
 }

package/dist/enums/Position.enum.js

@@ -13,8 +13,10 @@ var Position = exports.Position = /* @__PURE__ */(Position2 => {
 })(Position || {});
 var CornerPosition = exports.CornerPosition = /* @__PURE__ */(CornerPosition2 => {
   CornerPosition2["topLeft"] = "topLeft";
+  CornerPosition2["topCenter"] = "topCenter";
   CornerPosition2["topRight"] = "topRight";
   CornerPosition2["bottomRight"] = "bottomRight";
+  CornerPosition2["bottomCenter"] = "bottomCenter";
   CornerPosition2["bottomLeft"] = "bottomLeft";
   return CornerPosition2;
 })(CornerPosition || {});

package/dist/enums/Position.enum.mjs

@@ -7,8 +7,10 @@ export var Position = /* @__PURE__ */ ((Position2) => {
 })(Position || {});
 export var CornerPosition = /* @__PURE__ */ ((CornerPosition2) => {
   CornerPosition2["topLeft"] = "topLeft";
+  CornerPosition2["topCenter"] = "topCenter";
   CornerPosition2["topRight"] = "topRight";
   CornerPosition2["bottomRight"] = "bottomRight";
+  CornerPosition2["bottomCenter"] = "bottomCenter";
   CornerPosition2["bottomLeft"] = "bottomLeft";
   return CornerPosition2;
 })(CornerPosition || {});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antify/ui",
-  "version": "3.1.6",
+  "version": "3.1.8",
   "private": false,
   "type": "module",
   "exports": {