@julingbase/jly-arco-design 0.0.4 → 0.0.6

package/es/input/input.js

@@ -11,8 +11,12 @@ import { isUndefined, isNull, isObject, isFunction } from "../_utils/is.js";
 import { useFormItem } from "../_hooks/use-form-item.js";
 import { useSize } from "../_hooks/use-size.js";
 import { useCursor } from "../_hooks/use-cursor.js";
+import Tooltip from "../tooltip/index.js";
 var _Input = defineComponent({
   name: "Input",
+  components: {
+    Tooltip
+  },
   inheritAttrs: false,
   props: {
     modelValue: String,
@@ -62,7 +66,16 @@ var _Input = defineComponent({
       default: "text"
     },
     prepend: String,
-    append: String
+    append: String,
+    enableToolTip: {
+      type: Boolean,
+      default: false
+    },
+    toolTipProps: {
+      type: Object,
+      default: () => {
+      }
+    }
   },
   emits: {
     "update:modelValue": (value) => true,
@@ -82,7 +95,8 @@ var _Input = defineComponent({
       size,
       disabled,
       error,
-      modelValue
+      modelValue,
+      enableToolTip
     } = toRefs(props);
     const prefixCls = getPrefixCls("input");
     const inputRef = ref();
@@ -256,6 +270,11 @@ var _Input = defineComponent({
       }
       return attrs2;
     });
+    const inputToolTipAttrs = computed(() => {
+      return enableToolTip.value ? {} : {
+        "popup-visible": false
+      };
+    });
     const renderInput = (hasOuter) => {
       var _a;
       return createVNode("span", mergeProps({
@@ -263,22 +282,24 @@ var _Input = defineComponent({
         "onMousedown": handleMousedown
       }, !hasOuter ? wrapperAttrs.value : void 0), [slots.prefix && createVNode("span", {
         "class": `${prefixCls}-prefix`
-      }, [slots.prefix()]), createVNode("input", mergeProps({
-        "ref": inputRef,
-        "class": cls.value,
-        "value": computedValue.value,
-        "type": props.type,
-        "placeholder": props.placeholder,
-        "readonly": props.readonly,
-        "disabled": mergedDisabled.value,
-        "onInput": handleInput,
-        "onKeydown": handleKeyDown,
-        "onFocus": handleFocus,
-        "onBlur": handleBlur,
-        "onCompositionstart": handleComposition,
-        "onCompositionupdate": handleComposition,
-        "onCompositionend": handleComposition
-      }, mergeInputAttrs.value), null), showClearBtn.value && createVNode(IconHover, {
+      }, [slots.prefix()]), createVNode(Tooltip, mergeProps(inputToolTipAttrs.value, props.toolTipProps), {
+        default: () => [createVNode("input", mergeProps({
+          "ref": inputRef,
+          "class": cls.value,
+          "value": computedValue.value,
+          "type": props.type,
+          "placeholder": props.placeholder,
+          "readonly": props.readonly,
+          "disabled": mergedDisabled.value,
+          "onInput": handleInput,
+          "onKeydown": handleKeyDown,
+          "onFocus": handleFocus,
+          "onBlur": handleBlur,
+          "onCompositionstart": handleComposition,
+          "onCompositionupdate": handleComposition,
+          "onCompositionend": handleComposition
+        }, mergeInputAttrs.value), null)]
+      }), showClearBtn.value && createVNode(IconHover, {
         "prefix": prefixCls,
         "class": `${prefixCls}-clear-btn`,
         "onClick": handleClear

package/es/input-number/index.d.ts

@@ -63,9 +63,9 @@ declare const InputNumber: {
         onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev: Event) => any) | undefined;
         onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
-        onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
+        onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
         onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
     }>, {
         inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
@@ -160,9 +160,9 @@ declare const InputNumber: {
         onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev: Event) => any) | undefined;
         onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
-        onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
+        onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
         onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
     }>, {
         inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
@@ -246,9 +246,9 @@ declare const InputNumber: {
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onClear?: ((ev: Event) => any) | undefined;
     onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
-    onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
+    onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
     onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
 }>, {
     inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;

package/es/input-number/input-number.d.ts

@@ -131,9 +131,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onClear?: ((ev: Event) => any) | undefined;
     onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
-    onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
+    onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
     onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
 }>, {
     disabled: boolean;

package/es/input-tag/index.d.ts

@@ -67,11 +67,11 @@ declare const InputTag: {
     }>> & Readonly<{
         onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev: MouseEvent) => any) | undefined;
-        onChange?: ((value: (string | number | import("./interface").TagData)[], ev: Event) => any) | undefined;
         "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
         onInputValueChange?: ((inputValue: string, ev: Event) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: (string | number | import("./interface").TagData)[]) => any) | undefined;
+        onChange?: ((value: (string | number | import("./interface").TagData)[], ev: Event) => any) | undefined;
         onRemove?: ((removed: string | number, ev: Event) => any) | undefined;
         onPressEnter?: ((inputValue: string, ev: KeyboardEvent) => any) | undefined;
     }>, {
@@ -92,16 +92,16 @@ declare const InputTag: {
         blur: (ev: FocusEvent) => true;
     }, import("vue").PublicProps, {
         disabled: boolean;
-        focused: boolean;
-        error: boolean;
-        readonly: boolean;
-        allowClear: boolean;
-        defaultValue: (string | number | import("./interface").TagData)[];
         retainInputValue: boolean | {
             create?: boolean | undefined;
             blur?: boolean | undefined;
         };
+        error: boolean;
+        focused: boolean;
         uninjectFormItemContext: boolean;
+        defaultValue: (string | number | import("./interface").TagData)[];
+        readonly: boolean;
+        allowClear: boolean;
         maxTagCount: number;
         tagNowrap: boolean;
         defaultInputValue: string;
@@ -179,11 +179,11 @@ declare const InputTag: {
     }>> & Readonly<{
         onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev: MouseEvent) => any) | undefined;
-        onChange?: ((value: (string | number | import("./interface").TagData)[], ev: Event) => any) | undefined;
         "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
         onInputValueChange?: ((inputValue: string, ev: Event) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: (string | number | import("./interface").TagData)[]) => any) | undefined;
+        onChange?: ((value: (string | number | import("./interface").TagData)[], ev: Event) => any) | undefined;
         onRemove?: ((removed: string | number, ev: Event) => any) | undefined;
         onPressEnter?: ((inputValue: string, ev: KeyboardEvent) => any) | undefined;
     }>, {
@@ -194,16 +194,16 @@ declare const InputTag: {
         blur(): void;
     }, {
         disabled: boolean;
-        focused: boolean;
-        error: boolean;
-        readonly: boolean;
-        allowClear: boolean;
-        defaultValue: (string | number | import("./interface").TagData)[];
         retainInputValue: boolean | {
             create?: boolean | undefined;
             blur?: boolean | undefined;
         };
+        error: boolean;
+        focused: boolean;
         uninjectFormItemContext: boolean;
+        defaultValue: (string | number | import("./interface").TagData)[];
+        readonly: boolean;
+        allowClear: boolean;
         maxTagCount: number;
         tagNowrap: boolean;
         defaultInputValue: string;
@@ -278,11 +278,11 @@ declare const InputTag: {
 }>> & Readonly<{
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onClear?: ((ev: MouseEvent) => any) | undefined;
-    onChange?: ((value: (string | number | import("./interface").TagData)[], ev: Event) => any) | undefined;
     "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
     onInputValueChange?: ((inputValue: string, ev: Event) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: (string | number | import("./interface").TagData)[]) => any) | undefined;
+    onChange?: ((value: (string | number | import("./interface").TagData)[], ev: Event) => any) | undefined;
     onRemove?: ((removed: string | number, ev: Event) => any) | undefined;
     onPressEnter?: ((inputValue: string, ev: KeyboardEvent) => any) | undefined;
 }>, {
@@ -303,16 +303,16 @@ declare const InputTag: {
     blur: (ev: FocusEvent) => true;
 }, string, {
     disabled: boolean;
-    focused: boolean;
-    error: boolean;
-    readonly: boolean;
-    allowClear: boolean;
-    defaultValue: (string | number | import("./interface").TagData)[];
     retainInputValue: boolean | {
         create?: boolean | undefined;
         blur?: boolean | undefined;
     };
+    error: boolean;
+    focused: boolean;
     uninjectFormItemContext: boolean;
+    defaultValue: (string | number | import("./interface").TagData)[];
+    readonly: boolean;
+    allowClear: boolean;
     maxTagCount: number;
     tagNowrap: boolean;
     defaultInputValue: string;

package/es/input-tag/input-tag.d.ts

@@ -143,25 +143,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onClear?: ((ev: MouseEvent) => any) | undefined;
-    onChange?: ((value: (string | number | TagData)[], ev: Event) => any) | undefined;
     "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
     onInputValueChange?: ((inputValue: string, ev: Event) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: (string | number | TagData)[]) => any) | undefined;
+    onChange?: ((value: (string | number | TagData)[], ev: Event) => any) | undefined;
     onRemove?: ((removed: string | number, ev: Event) => any) | undefined;
     onPressEnter?: ((inputValue: string, ev: KeyboardEvent) => any) | undefined;
 }>, {
     disabled: boolean;
-    focused: boolean;
-    error: boolean;
-    readonly: boolean;
-    allowClear: boolean;
-    defaultValue: (string | number | TagData)[];
     retainInputValue: boolean | {
         create?: boolean | undefined;
         blur?: boolean | undefined;
     };
+    error: boolean;
+    focused: boolean;
     uninjectFormItemContext: boolean;
+    defaultValue: (string | number | TagData)[];
+    readonly: boolean;
+    allowClear: boolean;
     maxTagCount: number;
     tagNowrap: boolean;
     defaultInputValue: string;

package/es/list/index.d.ts

@@ -71,8 +71,8 @@ declare const List: {
         bordered: boolean;
         maxHeight: string | number;
         split: boolean;
-        bottomOffset: number;
         hoverable: boolean;
+        bottomOffset: number;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -142,8 +142,8 @@ declare const List: {
         bordered: boolean;
         maxHeight: string | number;
         split: boolean;
-        bottomOffset: number;
         hoverable: boolean;
+        bottomOffset: number;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -215,8 +215,8 @@ declare const List: {
     bordered: boolean;
     maxHeight: string | number;
     split: boolean;
-    bottomOffset: number;
     hoverable: boolean;
+    bottomOffset: number;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     Item: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{

package/es/list/list.d.ts

@@ -114,7 +114,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     bordered: boolean;
     maxHeight: string | number;
     split: boolean;
-    bottomOffset: number;
     hoverable: boolean;
+    bottomOffset: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/mention/index.d.ts

@@ -36,9 +36,9 @@ declare const Mention: {
         onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev: Event) => any) | undefined;
         onSelect?: ((value: string | number | Record<string, any> | undefined) => any) | undefined;
-        onChange?: ((value: string) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onChange?: ((value: string) => any) | undefined;
         onSearch?: ((value: string, prefix: string) => any) | undefined;
     }>, {
         inputRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -57,10 +57,10 @@ declare const Mention: {
     }, import("vue").PublicProps, {
         disabled: boolean;
         data: (string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[];
-        type: "textarea" | "input";
         prefix: string | string[];
-        allowClear: boolean;
         defaultValue: string;
+        type: "textarea" | "input";
+        allowClear: boolean;
         split: string;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -103,9 +103,9 @@ declare const Mention: {
         onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev: Event) => any) | undefined;
         onSelect?: ((value: string | number | Record<string, any> | undefined) => any) | undefined;
-        onChange?: ((value: string) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onChange?: ((value: string) => any) | undefined;
         onSearch?: ((value: string, prefix: string) => any) | undefined;
     }>, {
         inputRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -116,10 +116,10 @@ declare const Mention: {
     }, {
         disabled: boolean;
         data: (string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[];
-        type: "textarea" | "input";
         prefix: string | string[];
-        allowClear: boolean;
         defaultValue: string;
+        type: "textarea" | "input";
+        allowClear: boolean;
         split: string;
     }>;
     __isFragment?: undefined;
@@ -159,9 +159,9 @@ declare const Mention: {
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onClear?: ((ev: Event) => any) | undefined;
     onSelect?: ((value: string | number | Record<string, any> | undefined) => any) | undefined;
-    onChange?: ((value: string) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onSearch?: ((value: string, prefix: string) => any) | undefined;
 }>, {
     inputRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -180,10 +180,10 @@ declare const Mention: {
 }, string, {
     disabled: boolean;
     data: (string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[];
-    type: "textarea" | "input";
     prefix: string | string[];
-    allowClear: boolean;
     defaultValue: string;
+    type: "textarea" | "input";
+    allowClear: boolean;
     split: string;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     install: (app: App, options?: ArcoOptions | undefined) => void;

package/es/mention/mention.d.ts

@@ -78,17 +78,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onClear?: ((ev: Event) => any) | undefined;
     onSelect?: ((value: string | number | Record<string, any> | undefined) => any) | undefined;
-    onChange?: ((value: string) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onSearch?: ((value: string, prefix: string) => any) | undefined;
 }>, {
     disabled: boolean;
     data: (string | number | SelectOptionData | SelectOptionGroup)[];
-    type: "textarea" | "input";
     prefix: string | string[];
-    allowClear: boolean;
     defaultValue: string;
+    type: "textarea" | "input";
+    allowClear: boolean;
     split: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/menu/item.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>, {
-    menuContext: Partial<Readonly<Pick<import("./interface").InternalMenuProps, "tooltipProps" | "mode" | "triggerProps" | "theme" | "popupMaxHeight" | "levelIndent" | "autoScrollIntoView" | "scrollConfig" | "inTrigger"> & {
+    menuContext: Partial<Readonly<Pick<import("./interface").InternalMenuProps, "tooltipProps" | "mode" | "theme" | "triggerProps" | "popupMaxHeight" | "levelIndent" | "autoScrollIntoView" | "scrollConfig" | "inTrigger"> & {
         selectedKeys: string[];
         openKeys: string[];
         prefixCls: string;

package/es/menu/sub-menu-pop.d.ts

@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     triggerPrefixCls: string;
     triggerClassNames: import("vue").ComputedRef<any[]>;
     triggerProps: import("vue").ComputedRef<Omit<import("../trigger").TriggerProps, "class">>;
-    menuContext: Partial<Readonly<Pick<import("./interface").InternalMenuProps, "tooltipProps" | "mode" | "triggerProps" | "theme" | "popupMaxHeight" | "levelIndent" | "autoScrollIntoView" | "scrollConfig" | "inTrigger"> & {
+    menuContext: Partial<Readonly<Pick<import("./interface").InternalMenuProps, "tooltipProps" | "mode" | "theme" | "triggerProps" | "popupMaxHeight" | "levelIndent" | "autoScrollIntoView" | "scrollConfig" | "inTrigger"> & {
         selectedKeys: string[];
         openKeys: string[];
         prefixCls: string;

package/es/pagination/page-jumper.d.ts

@@ -122,9 +122,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             onFocus?: ((ev: FocusEvent) => any) | undefined;
             onClear?: ((ev: Event) => any) | undefined;
             onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
-            onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
             onBlur?: ((ev: FocusEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
+            onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
             onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
         }>, {
             inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
@@ -219,9 +219,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             onFocus?: ((ev: FocusEvent) => any) | undefined;
             onClear?: ((ev: Event) => any) | undefined;
             onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
-            onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
             onBlur?: ((ev: FocusEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
+            onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
             onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
         }>, {
             inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
@@ -305,9 +305,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev: Event) => any) | undefined;
         onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
-        onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
+        onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
         onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
     }>, {
         inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;