@agrotools1/at-components 0.5.0-4 → 0.5.0-6

package/dist/List/components/List.d.ts

@@ -27,6 +27,14 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default: () => void;
     };
+    fullSize: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    id: {
+        type: PropType<string | undefined>;
+        default: string;
+    };
 }, {
     listItems: import("vue").Ref<{
         value: boolean | string[];
@@ -77,13 +85,23 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default: () => void;
     };
+    fullSize: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    id: {
+        type: PropType<string | undefined>;
+        default: string;
+    };
 }>> & {
     "onUpdate:isOpen"?: ((...args: any[]) => any) | undefined;
     onOnSave?: ((...args: any[]) => any) | undefined;
     onItemClicked?: ((...args: any[]) => any) | undefined;
 }, {
     isOpen: boolean;
+    id: string | undefined;
     position: "left" | "right" | undefined;
+    fullSize: boolean | undefined;
     trigger: Record<string, any>;
     dropDownList: DropdownListItem[];
     isMultiple: boolean | undefined;

package/dist/List/components/List.types.d.ts

@@ -9,4 +9,6 @@ export interface AtDpListProps {
     isMultiple?: boolean;
     position?: "left" | "right";
     showNoResultMessage: boolean;
+    fullSize?: boolean;
+    id?: string;
 }

package/dist/List/components/List.vue.js

@@ -1,81 +1,84 @@
 import h from "./List.vue2.js";
-import { resolveComponent as i, openBlock as t, createBlock as n, withCtx as s, resolveDynamicComponent as a, createElementBlock as l, createVNode as d, createTextVNode as u, createCommentVNode as r, Fragment as k, renderList as y, normalizeStyle as m, createElementVNode as C, toDisplayString as _ } from "vue";
+import { resolveComponent as r, openBlock as t, createBlock as n, withCtx as l, renderSlot as k, resolveDynamicComponent as a, createElementBlock as s, createVNode as p, createTextVNode as u, createCommentVNode as i, Fragment as y, renderList as C, normalizeStyle as f, createElementVNode as v, toDisplayString as z } from "vue";
 import "./List.vue3.js";
 import V from "../../_virtual/_plugin-vue_export-helper.js";
-const v = {
+const I = {
   key: 0,
   class: "noResult"
-}, I = ["onClick"], A = ["for"];
-function N(e, z, b, D, L, R) {
-  const c = i("AtParagraph"), f = i("AtCheckbox"), g = i("AtDropdown");
+}, A = ["onClick"], N = ["for"];
+function _(e, $, b, D, L, R) {
+  const c = r("AtParagraph"), m = r("AtCheckbox"), g = r("AtDropdown");
   return t(), n(g, {
+    id: e.id,
     "is-open": e.isOpen,
     position: e.position,
+    "full-size": e.fullSize,
     "onUpdate:isOpen": e.handleIsOpen
   }, {
-    trigger: s(() => [
+    trigger: l(() => [
+      k(e.$slots, "default", {}, void 0, !0),
       (t(), n(a(e.trigger)))
     ]),
-    default: s(() => [
-      (t(), l("div", {
+    default: l(() => [
+      (t(), s("div", {
         key: e.keyValue,
         class: "list"
       }, [
-        e.showNoResult ? (t(), l("section", v, [
-          d(c, { size: "p2" }, {
-            default: s(() => [
+        e.showNoResult ? (t(), s("section", I, [
+          p(c, { size: "p2" }, {
+            default: l(() => [
               u(" Dado não encontrado ")
             ]),
             _: 1
           })
-        ])) : r("", !0),
-        (t(!0), l(k, null, y(e.listItems, (o) => (t(), l("div", {
+        ])) : i("", !0),
+        (t(!0), s(y, null, C(e.listItems, (o) => (t(), s("div", {
           key: o.text,
           class: "item",
-          onClick: (p) => e.selectItem(o)
+          onClick: (d) => e.selectItem(o)
         }, [
-          e.isMultiple ? (t(), n(f, {
+          e.isMultiple ? (t(), n(m, {
             key: 0,
             id: o.text,
             modelValue: o.value,
-            "onUpdate:modelValue": (p) => o.value = p,
+            "onUpdate:modelValue": (d) => o.value = d,
             class: "item-check",
             size: "12"
-          }, null, 8, ["id", "modelValue", "onUpdate:modelValue"])) : r("", !0),
+          }, null, 8, ["id", "modelValue", "onUpdate:modelValue"])) : i("", !0),
           o.iconLeft ? (t(), n(a(e.icons[e.getIconName(o.iconLeft)]), {
             key: 1,
             size: "16",
             class: "icon-left",
-            style: m({ color: e.getIconColor(o.iconLeft) })
-          }, null, 8, ["style"])) : r("", !0),
-          C("label", {
+            style: f({ color: e.getIconColor(o.iconLeft) })
+          }, null, 8, ["style"])) : i("", !0),
+          v("label", {
             for: o.text,
             class: "item-label"
           }, [
-            d(c, { size: "p2" }, {
-              default: s(() => [
-                u(_(o.text), 1)
+            p(c, { size: "p2" }, {
+              default: l(() => [
+                u(z(o.text), 1)
               ]),
               _: 2
             }, 1024)
-          ], 8, A),
+          ], 8, N),
           o.iconRight ? (t(), n(a(e.icons[e.getIconName(o.iconRight)]), {
             key: 2,
             class: "icon-right",
-            style: m({
+            style: f({
               color: e.getIconColor(o.iconRight),
               position: "abosulte",
               right: "16px"
             }),
             size: "16"
-          }, null, 8, ["style"])) : r("", !0)
-        ], 8, I))), 128))
+          }, null, 8, ["style"])) : i("", !0)
+        ], 8, A))), 128))
       ]))
     ]),
-    _: 1
-  }, 8, ["is-open", "position", "onUpdate:isOpen"]);
+    _: 3
+  }, 8, ["id", "is-open", "position", "full-size", "onUpdate:isOpen"]);
 }
-const B = /* @__PURE__ */ V(h, [["render", N], ["__scopeId", "data-v-01658f6d"]]);
+const B = /* @__PURE__ */ V(h, [["render", _], ["__scopeId", "data-v-f2acaa9c"]]);
 export {
   B as default
 };

package/dist/List/components/List.vue2.js

@@ -1,11 +1,11 @@
 import * as g from "../../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/index.js";
-import { defineComponent as h, ref as l, computed as v } from "vue";
-import y from "../../Checkbox/Checkbox.vue.js";
+import { defineComponent as h, ref as l, computed as y } from "vue";
+import v from "../../Checkbox/Checkbox.vue.js";
 import I from "../../Dropdown/Dropdown.core.vue.js";
 import { AtTipograph as O } from "../../Tipograph/index.js";
 const D = h({
   name: "AtList",
-  components: { AtDropdown: I, AtParagraph: O.Paragraph, AtCheckbox: y },
+  components: { AtDropdown: I, AtParagraph: O.Paragraph, AtCheckbox: v },
   props: {
     isOpen: {
       type: Boolean,
@@ -21,7 +21,7 @@ const D = h({
     },
     position: {
       type: String,
-      default: "bottom"
+      default: "left"
     },
     showNoResultMessage: {
       type: Boolean,
@@ -31,24 +31,32 @@ const D = h({
       type: Object,
       default: () => {
       }
+    },
+    fullSize: {
+      type: Boolean,
+      default: !1
+    },
+    id: {
+      type: String,
+      default: ""
     }
   },
   emits: ["update:isOpen", "onSave", "itemClicked"],
   setup(t, { emit: o }) {
     const a = l(
       Object.assign([], t.dropDownList)
-    ), s = l(), r = () => o("update:isOpen", !1), p = ({ text: e, value: n }) => {
+    ), s = l(), r = () => o("update:isOpen", !1), i = ({ text: e, value: n }) => {
       s.value = { text: e, value: n }, o("onSave", s.value);
-    }, i = () => {
+    }, p = () => {
       s.value = a.value.filter((e) => e.value).map(({ text: e, value: n }) => ({ text: e, value: n })), o("onSave", s.value);
     }, u = (e) => {
       if (e.onClick && (e.onClick(e), o("itemClicked", e)), t.isMultiple)
-        return i();
-      p(e), r();
-    }, c = (e) => typeof e == "string" ? e : e.name, f = (e) => {
+        return p();
+      i(e), r();
+    }, f = (e) => typeof e == "string" ? e : e.name, c = (e) => {
       if (typeof e != "string")
         return e.color;
-    }, d = v(
+    }, d = y(
       () => {
         var e;
         return !((e = a.value) != null && e.length) && t.showNoResultMessage;
@@ -64,8 +72,8 @@ const D = h({
         o("update:isOpen", e);
       },
       selectItem: u,
-      getIconName: c,
-      getIconColor: f
+      getIconName: f,
+      getIconColor: c
     };
   },
   watch: {

package/dist/Search/Search.d.ts

@@ -4,10 +4,10 @@ export interface SearchProps {
     label: string;
     modelValue: string;
     autoCompleteList: DropdownListItem[];
-    withIcon: boolean | true;
-    hasAutoComplete: boolean | true;
-    hasFilterOption: boolean | true;
-    isDisabled: boolean | false;
+    withIcon?: boolean | true;
+    hasAutoComplete?: boolean | true;
+    hasFilterOption?: boolean | true;
+    isDisabled?: boolean | false;
 }
 declare const _default: import("vue").DefineComponent<{
     label: {
@@ -39,9 +39,13 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     isDisabled: {
-        type: PropType<boolean>;
+        type: PropType<boolean | undefined>;
         default: boolean;
     };
+    id: {
+        type: StringConstructor;
+        required: false;
+    };
 }, {
     atSearch: import("vue").Ref<HTMLDivElement | null>;
     autocompleteListIsOpen: ComputedRef<boolean>;
@@ -85,9 +89,13 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     isDisabled: {
-        type: PropType<boolean>;
+        type: PropType<boolean | undefined>;
         default: boolean;
     };
+    id: {
+        type: StringConstructor;
+        required: false;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onOnSelectedItem?: ((...args: any[]) => any) | undefined;
@@ -96,7 +104,7 @@ declare const _default: import("vue").DefineComponent<{
     withIcon: boolean;
     modelValue: string;
     autoCompleteList: DropdownListItem[];
-    isDisabled: boolean;
+    isDisabled: boolean | undefined;
     hasAutoComplete: boolean;
     hasFilterOption: boolean;
 }, {}>;

package/dist/Search/Search.vue.js

@@ -1,36 +1,47 @@
-import n from "./Search.vue2.js";
-import { resolveComponent as o, openBlock as a, createElementBlock as s, normalizeClass as r, createVNode as d, createBlock as u, createCommentVNode as p } from "vue";
+import r from "./Search.vue2.js";
+import { resolveComponent as o, openBlock as s, createElementBlock as a, normalizeClass as d, createCommentVNode as i, createVNode as n, withCtx as u, mergeProps as p } from "vue";
 import "./Search.vue3.js";
-import i from "../_virtual/_plugin-vue_export-helper.js";
-function m(e, c, h, f, b, C) {
-  const l = o("AtInput"), t = o("AtLista");
-  return a(), s("section", {
+import m from "../_virtual/_plugin-vue_export-helper.js";
+const c = {
+  key: 0,
+  class: "spinner"
+};
+function h(e, f, b, I, S, C) {
+  const t = o("AtInput"), l = o("AtLista");
+  return s(), a("section", {
     ref: "atSearch",
-    class: r(["atSearch", { disabled: e.isDisabled }])
+    class: d(["atSearch", { disabled: e.isDisabled }])
   }, [
-    d(l, {
-      id: e.label,
-      label: e.label,
-      "model-value": e.modelValue,
-      autocomplete: "off",
-      disabled: e.isDisabled,
-      "use-clear-button": !0,
-      icon: { name: "AtSearchIcon" },
-      "onUpdate:modelValue": e.handleChangeValue,
-      onFocus: e.openList,
-      onFocusout: e.closeList,
-      onClearInput: e.clear
-    }, null, 8, ["id", "label", "model-value", "disabled", "onUpdate:modelValue", "onFocus", "onFocusout", "onClearInput"]),
-    e.hasAutoComplete ? (a(), u(t, {
-      key: 0,
+    e.showSearchIcon ? (s(), a("span", c)) : i("", !0),
+    n(l, {
+      id: e.id,
       "drop-down-list": e.autoCompleteListFiltered,
       "is-open": e.autocompleteListIsOpen,
       "show-no-result-message": e.getShowNoResultMessage,
+      "full-size": !0,
       onOnSave: e.handleSelectedItem
-    }, null, 8, ["drop-down-list", "is-open", "show-no-result-message", "onOnSave"])) : p("", !0)
+    }, {
+      default: u(() => [
+        n(t, p({
+          id: e.label,
+          label: e.label,
+          "model-value": e.modelValue,
+          autocomplete: "off",
+          disabled: e.isDisabled,
+          "use-clear-button": !0,
+          icon: { name: "AtSearchIcon" }
+        }, e.$attrs, {
+          "onUpdate:modelValue": e.handleChangeValue,
+          onFocus: e.openList,
+          onFocusout: e.closeList,
+          onClearInput: e.clear
+        }), null, 16, ["id", "label", "model-value", "disabled", "onUpdate:modelValue", "onFocus", "onFocusout", "onClearInput"])
+      ]),
+      _: 1
+    }, 8, ["id", "drop-down-list", "is-open", "show-no-result-message", "onOnSave"])
   ], 2);
 }
-const L = /* @__PURE__ */ i(n, [["render", m], ["__scopeId", "data-v-54456581"]]);
+const V = /* @__PURE__ */ m(r, [["render", h], ["__scopeId", "data-v-950efa46"]]);
 export {
-  L as default
+  V as default
 };

package/dist/Search/Search.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as g, ref as o, computed as l } from "vue";
+import { defineComponent as g, ref as l, computed as o } from "vue";
 import { AtCircleXMarkSolidIcon as V } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtCircleXMarkSolidIcon/index.js";
 import { AtSearchIcon as w } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtSearchIcon/index.js";
 import { AtInput as x } from "../Input/index.js";
@@ -6,7 +6,7 @@ import B from "../List/components/List.vue.js";
 const E = {
   AtSearchIcon: w,
   AtCircleXMarkSolidIcon: V
-}, N = g({
+}, D = g({
   name: "AtSearch",
   components: {
     AtInput: x.Text,
@@ -45,12 +45,16 @@ const E = {
     isDisabled: {
       type: Boolean,
       default: !1
+    },
+    id: {
+      type: String,
+      required: !1
     }
   },
   emits: ["update:modelValue", "onSelectedItem"],
   setup(t, { emit: n }) {
-    const s = o([]), u = o(!1), c = o(null), f = l(
-      () => u.value && t.hasAutoComplete
+    const s = l([]), u = l(!1), c = l(null), f = o(
+      () => u.value && t.hasAutoComplete && !!t.modelValue
     ), p = () => {
       var e;
       u.value = !0, (e = c.value) == null || e.classList.add("focused");
@@ -59,9 +63,9 @@ const E = {
       setTimeout(() => {
         u.value = !1;
       }, 200), (e = c.value) == null || e.classList.remove("focused");
-    }, a = o(!1), I = async (e) => {
+    }, a = l(!1), I = async (e) => {
       n("update:modelValue", e), t.searchEndpoint && (a.value = !0, s.value = await t.searchEndpoint(e), a.value = !1);
-    }, v = l(() => {
+    }, v = o(() => {
       var e;
       if (t.hasFilterOption) {
         const i = (d, m) => d.text.toUpperCase().includes(m.toUpperCase());
@@ -70,16 +74,16 @@ const E = {
         );
       }
       return (e = s.value) != null && e.length ? s.value : t.autoCompleteList;
-    }), r = o(), S = (e) => {
+    }), r = l(), S = (e) => {
       const i = e.text;
       r.value = e, n("onSelectedItem", e), n("update:modelValue", i);
     }, L = () => {
       n("onSelectedItem", null), r.value = null;
-    }, C = l(
+    }, C = o(
       () => t.withIcon && !a.value && !r.value
-    ), A = l(
+    ), y = o(
       () => t.isDisabled ? "var(--at-medium-grey)" : ""
-    ), y = l(
+    ), A = o(
       () => !!t.modelValue && !a.value
     );
     return {
@@ -88,8 +92,8 @@ const E = {
       autoCompleteListFiltered: v,
       isLoading: a,
       showSearchIcon: C,
-      getShowNoResultMessage: y,
-      getSearchIconColor: A,
+      getShowNoResultMessage: A,
+      getSearchIconColor: y,
       clear: L,
       openList: p,
       closeList: h,
@@ -99,5 +103,5 @@ const E = {
   }
 });
 export {
-  N as default
+  D as default
 };

package/dist/Select/Multiple/Select.multiple.d.ts

@@ -25,6 +25,11 @@ declare const _default: import("vue").DefineComponent<{
         default: () => SelectItemProps[];
         validator: (value: Array<SelectItemProps>) => boolean;
     };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
     separator: {
         type: StringConstructor;
         default: string;
@@ -82,6 +87,11 @@ declare const _default: import("vue").DefineComponent<{
         default: () => SelectItemProps[];
         validator: (value: Array<SelectItemProps>) => boolean;
     };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
     separator: {
         type: StringConstructor;
         default: string;
@@ -91,6 +101,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:items"?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedItems"?: ((...args: any[]) => any) | undefined;
 }, {
+    required: boolean;
     label: string;
     disabled: boolean;
     modelValue: string[] | SelectItemProps[];

package/dist/Select/Multiple/Select.multiple.vue.js

@@ -1,5 +1,5 @@
-import p from "./Select.multiple.vue2.js";
-import { resolveComponent as i, openBlock as o, createElementBlock as l, createVNode as u, Fragment as m, renderList as k, createBlock as b, createCommentVNode as f } from "vue";
+import u from "./Select.multiple.vue2.js";
+import { resolveComponent as i, openBlock as o, createElementBlock as l, createVNode as p, Fragment as m, renderList as k, createBlock as b, createCommentVNode as f } from "vue";
 import "./Select.multiple.vue3.js";
 import C from "../../_virtual/_plugin-vue_export-helper.js";
 const h = ["aria-disabled"], v = {
@@ -19,7 +19,7 @@ function g(e, n, I, S, y, A) {
       e.isOpen = !e.isOpen, e.rotateIcon();
     })
   }, [
-    u(c, {
+    p(c, {
       "selected-items": e.selectedValues,
       label: e.label,
       "on-selected-item-click": e.onSelectedItemClick,
@@ -27,8 +27,9 @@ function g(e, n, I, S, y, A) {
       disabled: e.disabled,
       "force-value": !0,
       separator: e.separator,
+      required: e.required,
       "is-multiple": !0
-    }, null, 8, ["selected-items", "label", "on-selected-item-click", "items", "disabled", "separator"]),
+    }, null, 8, ["selected-items", "label", "on-selected-item-click", "items", "disabled", "separator", "required"]),
     e.isOpen ? (o(), l("div", v, [
       (o(!0), l(m, null, k(e.myItems, (t) => (o(), b(d, {
         key: t.value,
@@ -42,16 +43,16 @@ function g(e, n, I, S, y, A) {
         },
         type: "multiple",
         "on-checkbox-change": async (a) => {
-          var r;
+          var s;
           e.isInternalChange = !0;
-          const s = a.value;
-          (r = t.onCheckboxChange) == null || r.call(t, { ...a, item: t }), await e.onSelectedValueChange({ ...t }, s), s ? t.isSelected = !0 : t.isSelected = !1, e.$emit("update:items", e.myItems), e.isInternalChange = !1;
+          const r = a.value;
+          (s = t.onCheckboxChange) == null || s.call(t, { ...a, item: t }), await e.onSelectedValueChange({ ...t }, r), r ? t.isSelected = !0 : t.isSelected = !1, e.$emit("update:items", e.myItems), e.isInternalChange = !1;
         }
       }, null, 8, ["text", "value", "icon", "data-text", "checkbox-value", "on-click", "on-checkbox-change"]))), 128))
     ])) : f("", !0)
   ], 8, h);
 }
-const B = /* @__PURE__ */ C(p, [["render", g], ["__scopeId", "data-v-23a8d5db"]]);
+const q = /* @__PURE__ */ C(u, [["render", g], ["__scopeId", "data-v-ddf56a71"]]);
 export {
-  B as default
+  q as default
 };

package/dist/Select/Multiple/Select.multiple.vue2.js

@@ -2,7 +2,7 @@ import { defineComponent as V, ref as r, computed as g, watch as A, onMounted as
 import C from "../Item/Item.vue.js";
 import _ from "../Select.core.vue.js";
 import b from "../imgs/indicator.svg.js";
-const x = V({
+const T = V({
   name: "AtMultipleSelect",
   components: {
     AtSingleCore: _,
@@ -30,6 +30,11 @@ const x = V({
       default: () => [],
       validator: (o) => Array.isArray(o) && o.every((u) => typeof u == "object")
     },
+    required: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
     separator: {
       type: String,
       default: ","
@@ -116,5 +121,5 @@ const x = V({
   }
 });
 export {
-  x as default
+  T as default
 };

package/dist/Select/Select.core.d.ts

@@ -40,6 +40,11 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
 }, {
     id: string;
     handleValue: () => string;
@@ -77,7 +82,13 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
 }>>, {
+    required: boolean;
     label: string;
     disabled: boolean;
     separator: string;

package/dist/Select/Select.core.vue.js

@@ -1,12 +1,12 @@
-import r from "./Select.core.vue2.js";
-import { resolveComponent as a, openBlock as n, createBlock as s, mergeProps as i } from "vue";
+import t from "./Select.core.vue2.js";
+import { resolveComponent as a, openBlock as n, createBlock as i, mergeProps as s } from "vue";
 import p from "../_virtual/_plugin-vue_export-helper.js";
-function d(e, o, m, u, c, b) {
+function d(e, o, u, m, c, b) {
   const l = a("AtInput");
-  return n(), s(l, i(e.$props, {
+  return n(), i(l, s(e.$props, {
     ref: "atInput",
     modelValue: e.inputModelValue,
-    "onUpdate:modelValue": o[0] || (o[0] = (t) => e.inputModelValue = t),
+    "onUpdate:modelValue": o[0] || (o[0] = (r) => e.inputModelValue = r),
     type: "button",
     role: "combobox",
     cursor: "pointer",
@@ -17,13 +17,14 @@ function d(e, o, m, u, c, b) {
     "aria-controls": e.id,
     "aria-label": e.label,
     separator: e.separator,
+    required: e.required,
     disabled: e.disabled,
     icon: { name: "AtAngleDownSolidIcon" },
     "aria-autocomplete": "none",
     class: "AT-SELECT_container"
-  }), null, 16, ["modelValue", "on-selected-item-click", "selected-items", "label", "aria-controls", "aria-label", "separator", "disabled"]);
+  }), null, 16, ["modelValue", "on-selected-item-click", "selected-items", "label", "aria-controls", "aria-label", "separator", "required", "disabled"]);
 }
-const k = /* @__PURE__ */ p(r, [["render", d]]);
+const k = /* @__PURE__ */ p(t, [["render", d]]);
 export {
   k as default
 };

package/dist/Select/Select.core.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as s, ref as r, computed as d, watch as f } from "vue";
+import { defineComponent as d, ref as r, computed as s, watch as f } from "vue";
 import { AtInput as c } from "../Input/index.js";
 import "./Item/Item.vue2.js";
 import "./Item/Item.vue3.js";
-const I = s({
+const I = d({
   name: "AtSelect",
   components: {
     AtInput: c.Text
@@ -38,10 +38,15 @@ const I = s({
       type: Boolean,
       required: !1,
       default: !1
+    },
+    required: {
+      type: Boolean,
+      required: !1,
+      default: !1
     }
   },
   setup(e) {
-    const i = r(null), l = r(""), u = d(() => {
+    const i = r(null), l = r(""), u = s(() => {
       var t;
       return typeof e.value == "string" ? e.value : (t = e.value) == null ? void 0 : t.value;
     }), a = () => {