@namba_one/ui-kit-2 1.0.157 → 1.0.158

package/dist/index.d.ts

@@ -130,8 +130,6 @@ readonly isWide?: boolean | undefined;
 readonly iconLeft?: IconName | undefined;
 readonly iconRight?: IconName | undefined;
 readonly onClick?: ((e: Event) => any) | undefined;
-readonly "onLeft-icon-click"?: ((e: Event) => any) | undefined;
-readonly "onRight-icon-click"?: ((e: Event) => any) | undefined;
 } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
 $attrs: {
 [x: string]: unknown;
@@ -145,16 +143,12 @@ $slots: Readonly<{
 $root: ComponentPublicInstance | null;
 $parent: ComponentPublicInstance | null;
 $host: Element | null;
-$emit: ((event: "click", e: Event) => void) & ((event: "left-icon-click", e: Event) => void) & ((event: "right-icon-click", e: Event) => void);
+$emit: (event: "click", e: Event) => void;
 $el: any;
 $options: ComponentOptionsBase<Readonly<ButtonProps> & Readonly<{
 onClick?: ((e: Event) => any) | undefined;
-"onLeft-icon-click"?: ((e: Event) => any) | undefined;
-"onRight-icon-click"?: ((e: Event) => any) | undefined;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 click: (e: Event) => any;
-"left-icon-click": (e: Event) => any;
-"right-icon-click": (e: Event) => any;
 }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
 beforeCreate?: (() => void) | (() => void)[];
 created?: (() => void) | (() => void)[];
@@ -177,8 +171,6 @@ $nextTick: nextTick;
 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
 } & Readonly<{}> & Omit<Readonly<ButtonProps> & Readonly<{
 onClick?: ((e: Event) => any) | undefined;
-"onLeft-icon-click"?: ((e: Event) => any) | undefined;
-"onRight-icon-click"?: ((e: Event) => any) | undefined;
 }>, never> & ShallowUnwrapRef<    {}> & {} & ComponentCustomProperties & {} & {
 $slots: {
 default?(_: {}): any;
@@ -415,12 +407,8 @@ declare const __VLS_component_4: DefineComponent<BadgeProps, {}, {}, {}, {}, Com
 
 declare const __VLS_component_5: DefineComponent<ButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 click: (e: Event) => any;
-"left-icon-click": (e: Event) => any;
-"right-icon-click": (e: Event) => any;
 }, string, PublicProps, Readonly<ButtonProps> & Readonly<{
 onClick?: ((e: Event) => any) | undefined;
-"onLeft-icon-click"?: ((e: Event) => any) | undefined;
-"onRight-icon-click"?: ((e: Event) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_component_6: DefineComponent<ChipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
@@ -452,10 +440,14 @@ declare const __VLS_component_9: DefineComponent<__VLS_PublicProps_4, {}, {}, {}
 } & {
 blur: () => any;
 "update:error": (value: boolean) => any;
+"click-icon-left": () => any;
+"click-icon-right": () => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps_4> & Readonly<{
 onBlur?: (() => any) | undefined;
 "onUpdate:value"?: ((value: string | null | undefined) => any) | undefined;
 "onUpdate:error"?: ((value: boolean) => any) | undefined;
+"onClick-icon-left"?: (() => any) | undefined;
+"onClick-icon-right"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
 inputRef: any;
 }, HTMLDivElement>;
@@ -889,8 +881,6 @@ declare function __VLS_template_29(): {
                 readonly iconLeft?: IconName | undefined;
                 readonly iconRight?: IconName | undefined;
                 readonly onClick?: ((e: Event) => any) | undefined;
-                readonly "onLeft-icon-click"?: ((e: Event) => any) | undefined;
-                readonly "onRight-icon-click"?: ((e: Event) => any) | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -904,16 +894,12 @@ declare function __VLS_template_29(): {
             $root: ComponentPublicInstance | null;
             $parent: ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "click", e: Event) => void) & ((event: "left-icon-click", e: Event) => void) & ((event: "right-icon-click", e: Event) => void);
+            $emit: (event: "click", e: Event) => void;
             $el: any;
             $options: ComponentOptionsBase<Readonly<ButtonProps> & Readonly<{
             onClick?: ((e: Event) => any) | undefined;
-            "onLeft-icon-click"?: ((e: Event) => any) | undefined;
-            "onRight-icon-click"?: ((e: Event) => any) | undefined;
             }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
             click: (e: Event) => any;
-            "left-icon-click": (e: Event) => any;
-            "right-icon-click": (e: Event) => any;
             }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -936,8 +922,6 @@ declare function __VLS_template_29(): {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<ButtonProps> & Readonly<{
             onClick?: ((e: Event) => any) | undefined;
-            "onLeft-icon-click"?: ((e: Event) => any) | undefined;
-            "onRight-icon-click"?: ((e: Event) => any) | undefined;
         }>, never> & ShallowUnwrapRef<    {}> & {} & ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
@@ -1585,10 +1569,7 @@ export declare type ButtonBaseProps = {
     isDisabled?: boolean;
 };
 
-export declare type ButtonEmits = ButtonBaseEmits & {
-    (event: 'left-icon-click', e: Event): void;
-    (event: 'right-icon-click', e: Event): void;
-};
+export declare type ButtonEmits = ButtonBaseEmits;
 
 export declare const ButtonIcon: DefineComponent<ButtonIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 click: (e: Event) => any;
@@ -1968,6 +1949,8 @@ readonly iconRight?: IconName | undefined;
 readonly onBlur?: (() => any) | undefined;
 readonly "onUpdate:value"?: ((value: string | null | undefined) => any) | undefined;
 readonly "onUpdate:error"?: ((value: boolean) => any) | undefined;
+readonly "onClick-icon-left"?: (() => any) | undefined;
+readonly "onClick-icon-right"?: (() => any) | undefined;
 } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
 $attrs: {
 [x: string]: unknown;
@@ -1983,7 +1966,7 @@ $slots: Readonly<{
 $root: ComponentPublicInstance | null;
 $parent: ComponentPublicInstance | null;
 $host: Element | null;
-$emit: ((event: "blur") => void) & ((event: "update:value", value: string | null | undefined) => void) & ((event: "update:error", value: boolean) => void);
+$emit: ((event: "blur") => void) & ((event: "update:value", value: string | null | undefined) => void) & ((event: "update:error", value: boolean) => void) & ((event: "click-icon-left") => void) & ((event: "click-icon-right") => void);
 $el: HTMLDivElement;
 $options: ComponentOptionsBase<Readonly<{
 value?: InputProps["value"];
@@ -1991,11 +1974,15 @@ value?: InputProps["value"];
 onBlur?: (() => any) | undefined;
 "onUpdate:value"?: ((value: string | null | undefined) => any) | undefined;
 "onUpdate:error"?: ((value: boolean) => any) | undefined;
+"onClick-icon-left"?: (() => any) | undefined;
+"onClick-icon-right"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:value": (value: string | null | undefined) => any;
 } & {
 blur: () => any;
 "update:error": (value: boolean) => any;
+"click-icon-left": () => any;
+"click-icon-right": () => any;
 }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
 beforeCreate?: (() => void) | (() => void)[];
 created?: (() => void) | (() => void)[];
@@ -2022,6 +2009,8 @@ value?: InputProps["value"];
 onBlur?: (() => any) | undefined;
 "onUpdate:value"?: ((value: string | null | undefined) => any) | undefined;
 "onUpdate:error"?: ((value: boolean) => any) | undefined;
+"onClick-icon-left"?: (() => any) | undefined;
+"onClick-icon-right"?: (() => any) | undefined;
 }>, never> & ShallowUnwrapRef<    {}> & {} & ComponentCustomProperties & {} & {
 $slots: {
 default?(_: {}): any;
@@ -2051,6 +2040,8 @@ readonly iconRight?: IconName | undefined;
 readonly onBlur?: (() => any) | undefined;
 readonly "onUpdate:value"?: ((value: string | null | undefined) => any) | undefined;
 readonly "onUpdate:error"?: ((value: boolean) => any) | undefined;
+readonly "onClick-icon-left"?: (() => any) | undefined;
+readonly "onClick-icon-right"?: (() => any) | undefined;
 } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
 $attrs: {
 [x: string]: unknown;
@@ -2066,7 +2057,7 @@ $slots: Readonly<{
 $root: ComponentPublicInstance | null;
 $parent: ComponentPublicInstance | null;
 $host: Element | null;
-$emit: ((event: "blur") => void) & ((event: "update:value", value: string | null | undefined) => void) & ((event: "update:error", value: boolean) => void);
+$emit: ((event: "blur") => void) & ((event: "update:value", value: string | null | undefined) => void) & ((event: "update:error", value: boolean) => void) & ((event: "click-icon-left") => void) & ((event: "click-icon-right") => void);
 $el: HTMLDivElement;
 $options: ComponentOptionsBase<Readonly<{
 value?: InputProps["value"];
@@ -2074,11 +2065,15 @@ value?: InputProps["value"];
 onBlur?: (() => any) | undefined;
 "onUpdate:value"?: ((value: string | null | undefined) => any) | undefined;
 "onUpdate:error"?: ((value: boolean) => any) | undefined;
+"onClick-icon-left"?: (() => any) | undefined;
+"onClick-icon-right"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:value": (value: string | null | undefined) => any;
 } & {
 blur: () => any;
 "update:error": (value: boolean) => any;
+"click-icon-left": () => any;
+"click-icon-right": () => any;
 }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
 beforeCreate?: (() => void) | (() => void)[];
 created?: (() => void) | (() => void)[];
@@ -2105,6 +2100,8 @@ value?: InputProps["value"];
 onBlur?: (() => any) | undefined;
 "onUpdate:value"?: ((value: string | null | undefined) => any) | undefined;
 "onUpdate:error"?: ((value: boolean) => any) | undefined;
+"onClick-icon-left"?: (() => any) | undefined;
+"onClick-icon-right"?: (() => any) | undefined;
 }>, never> & ShallowUnwrapRef<    {}> & {} & ComponentCustomProperties & {} & {
 $slots: {
 default?(_: {}): any;
@@ -2262,7 +2259,11 @@ export declare type HeaderTextProps = {
     description: string;
 };
 
-export declare const Icon: DefineComponent<IconBaseProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<IconBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
+export declare const Icon: DefineComponent<IconBaseProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+click: () => any;
+}, string, PublicProps, Readonly<IconBaseProps> & Readonly<{
+onClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
 
 export declare type IconBaseProps = {
     name: IconName;

package/dist/index.es.js

@@ -397,22 +397,24 @@ const os = {
     size: {},
     height: {}
   },
-  setup(n) {
-    const e = pn(), t = R(() => [
-      e.root,
-      e.color,
+  emits: ["click"],
+  setup(n, { emit: e }) {
+    const t = e, r = pn(), o = R(() => [
+      r.root,
+      r.color,
       { [n.color]: n.color !== "inherit" },
-      e[n.name]
-    ]), r = R(() => n.size ? { width: Ps(Number(n.size)), height: Ps(Number(n.height ?? n.size)) } : {});
-    return (o, i) => (v(), S("i", {
-      class: y(o.$style.wrapper)
+      r[n.name]
+    ]), i = R(() => n.size ? { width: Ps(Number(n.size)), height: Ps(Number(n.height ?? n.size)) } : {});
+    return (s, a) => (v(), S("i", {
+      class: y(s.$style.wrapper),
+      onClick: a[0] || (a[0] = (l) => t("click"))
     }, [
       (v(), S("svg", {
-        class: y(t.value),
-        style: je(r.value)
+        class: y(o.value),
+        style: je(i.value)
       }, [
         W("use", {
-          "xlink:href": `#${o.name}`
+          "xlink:href": `#${s.name}`
         }, null, 8, qg)
       ], 6))
     ], 2));
@@ -659,7 +661,7 @@ const rb = /* @__PURE__ */ ue({
     iconLeft: {},
     iconRight: {}
   },
-  emits: ["click", "left-icon-click", "right-icon-click"],
+  emits: ["click"],
   setup(n, { emit: e }) {
     const t = pn(), r = e, o = Wr(), i = R(() => cu({ isDisabled: n.isDisabled, href: n.href, tag: n.tag })), s = R(
       () => Qh({
@@ -7020,7 +7022,7 @@ const sw = {
     value: {},
     valueModifiers: {}
   }),
-  emits: /* @__PURE__ */ pt(["update:error", "blur"], ["update:value"]),
+  emits: /* @__PURE__ */ pt(["update:error", "blur", "click-icon-left", "click-icon-right"], ["update:value"]),
   setup(n, { emit: e }) {
     const t = ut(n, "value"), r = Y(!1), o = Y(), i = e, s = Oi(
       {
@@ -7074,11 +7076,12 @@ const sw = {
             key: 0,
             name: h.iconLeft,
             size: 18,
-            color: "icon-input-base-primary"
+            color: "icon-input-base-primary",
+            onClick: m[0] || (m[0] = (g) => i("click-icon-left"))
           }, null, 8, ["name"])) : N("", !0),
           V(p(vu), tt({
             unmasked: t.value,
-            "onUpdate:unmasked": m[0] || (m[0] = (g) => t.value = g),
+            "onUpdate:unmasked": m[1] || (m[1] = (g) => t.value = g),
             class: h.$style.field,
             type: h.type,
             ref_key: "inputRef",
@@ -7089,16 +7092,17 @@ const sw = {
             placeholder: l.value,
             autocomplete: h.autocomplete,
             inputmode: h.inputmode,
-            onFocus: m[1] || (m[1] = () => r.value = !0),
+            onFocus: m[2] || (m[2] = () => r.value = !0),
             onBlur: u,
-            onAccept: m[2] || (m[2] = (g) => i("update:error", !1)),
+            onAccept: m[3] || (m[3] = (g) => i("update:error", !1)),
             onInput: d
           }), null, 16, ["unmasked", "class", "type", "autofocus", "placeholder", "autocomplete", "inputmode"]),
           h.iconRight ? (v(), re(p(Ke), {
             key: 1,
             name: h.iconRight,
             size: 18,
-            color: "icon-input-base-primary"
+            color: "icon-input-base-primary",
+            onClick: m[4] || (m[4] = (g) => i("click-icon-right"))
           }, null, 8, ["name"])) : N("", !0),
           h.$slots.default ? (v(), S("div", {
             key: 2,