@julingbase/jly-arco-design 0.0.3 → 0.0.5

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,11 @@ var _Input = defineComponent({
       default: "text"
     },
     prepend: String,
-    append: String
+    append: String,
+    enableToolTip: {
+      type: Boolean,
+      default: false
+    }
   },
   emits: {
     "update:modelValue": (value) => true,
@@ -82,7 +90,8 @@ var _Input = defineComponent({
       size,
       disabled,
       error,
-      modelValue
+      modelValue,
+      enableToolTip
     } = toRefs(props);
     const prefixCls = getPrefixCls("input");
     const inputRef = ref();
@@ -256,6 +265,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 +277,26 @@ 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({
+        "content": props.placeholder
+      }, inputToolTipAttrs.value), {
+        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/split/index.d.ts

@@ -35,8 +35,8 @@ declare const Split: {
     }, import("vue").PublicProps, {
         disabled: boolean;
         size: string | number;
-        direction: "horizontal" | "vertical";
         component: string;
+        direction: "horizontal" | "vertical";
         defaultSize: string | number;
     }, true, {}, {}, {
         ResizeTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -111,8 +111,8 @@ declare const Split: {
     }, {}, {}, {}, {
         disabled: boolean;
         size: string | number;
-        direction: "horizontal" | "vertical";
         component: string;
+        direction: "horizontal" | "vertical";
         defaultSize: string | number;
     }>;
     __isFragment?: undefined;
@@ -151,8 +151,8 @@ declare const Split: {
 }, string, {
     disabled: boolean;
     size: string | number;
-    direction: "horizontal" | "vertical";
     component: string;
+    direction: "horizontal" | "vertical";
     defaultSize: string | number;
 }, {}, string, {}, {
     ResizeTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

package/es/split/split.d.ts

@@ -40,8 +40,8 @@ declare const _default: import("vue").DefineComponent<{
 }>, {
     disabled: boolean;
     size: string | number;
-    direction: "horizontal" | "vertical";
     component: string;
+    direction: "horizontal" | "vertical";
     defaultSize: string | number;
 }, {}, {
     ResizeTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

package/es/table/index.d.ts

@@ -168,6 +168,10 @@ declare const Table: {
             type: BooleanConstructor;
             default: boolean;
         };
+        enabledHeaderRowSlot: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         onSelect?: ((rowKeys: (string | number)[], rowKey: string | number, record: import("./interface").TableData) => any) | undefined;
         onChange?: ((data: import("./interface").TableData[], extra: import("./interface").TableChangeExtra, currentData: import("./interface").TableData[]) => any) | undefined;
@@ -256,6 +260,7 @@ declare const Table: {
         defaultExpandAllRows: boolean;
         stickyHeader: number | boolean;
         showEmptyTree: boolean;
+        enabledHeaderRowSlot: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -423,6 +428,10 @@ declare const Table: {
             type: BooleanConstructor;
             default: boolean;
         };
+        enabledHeaderRowSlot: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         onSelect?: ((rowKeys: (string | number)[], rowKey: string | number, record: import("./interface").TableData) => any) | undefined;
         onChange?: ((data: import("./interface").TableData[], extra: import("./interface").TableChangeExtra, currentData: import("./interface").TableData[]) => any) | undefined;
@@ -488,6 +497,7 @@ declare const Table: {
         defaultExpandAllRows: boolean;
         stickyHeader: number | boolean;
         showEmptyTree: boolean;
+        enabledHeaderRowSlot: boolean;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -652,6 +662,10 @@ declare const Table: {
         type: BooleanConstructor;
         default: boolean;
     };
+    enabledHeaderRowSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onSelect?: ((rowKeys: (string | number)[], rowKey: string | number, record: import("./interface").TableData) => any) | undefined;
     onChange?: ((data: import("./interface").TableData[], extra: import("./interface").TableChangeExtra, currentData: import("./interface").TableData[]) => any) | undefined;
@@ -740,6 +754,7 @@ declare const Table: {
     defaultExpandAllRows: boolean;
     stickyHeader: number | boolean;
     showEmptyTree: boolean;
+    enabledHeaderRowSlot: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     Thead: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;

package/es/table/table.d.ts

@@ -164,6 +164,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    enabledHeaderRowSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     render: () => import("vue/jsx-runtime").JSX.Element;
     selfExpand: (rowKey: BaseType | BaseType[], expanded?: boolean) => void;
@@ -366,6 +370,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    enabledHeaderRowSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onSelect?: ((rowKeys: (string | number)[], rowKey: string | number, record: TableData) => any) | undefined;
     onChange?: ((data: TableData[], extra: TableChangeExtra, currentData: TableData[]) => any) | undefined;
@@ -412,5 +420,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     defaultExpandAllRows: boolean;
     stickyHeader: number | boolean;
     showEmptyTree: boolean;
+    enabledHeaderRowSlot: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/table/table.js

@@ -183,6 +183,10 @@ var _Table = defineComponent({
     showEmptyTree: {
       type: Boolean,
       default: false
+    },
+    enabledHeaderRowSlot: {
+      type: Boolean,
+      default: false
     }
   },
   emits: {
@@ -229,7 +233,8 @@ var _Table = defineComponent({
       draggable,
       summarySpanMethod,
       scrollbar,
-      showEmptyTree
+      showEmptyTree,
+      enabledHeaderRowSlot
     } = toRefs(props);
     const prefixCls = getPrefixCls("table");
     const configCtx = inject(configProviderInjectionKey, void 0);
@@ -1140,7 +1145,16 @@ var _Table = defineComponent({
           handleDrop(ev);
         }
       } : {};
-      return createVNode(Fragment, null, [createVNode(Tr, mergeProps({
+      return createVNode(Fragment, null, [enabledHeaderRowSlot.value && createVNode(Tr, null, {
+        default: () => {
+          var _a2;
+          return [(_a2 = slots.headerRow) == null ? void 0 : _a2.call(slots, {
+            record: record.raw,
+            dataColumnLength: dataColumns.value.length,
+            operationColumnLength: operations.value.length
+          })];
+        }
+      }), createVNode(Tr, mergeProps({
         "key": currentKey,
         "class": [{
           [`${prefixCls}-tr-draggable`]: dragType.value === "row",

package/es/tabs/index.d.ts

@@ -88,8 +88,8 @@ declare const Tabs: {
         position: import("./interface").TabsPosition;
         justify: boolean;
         type: import("./interface").TabsType;
-        direction: "horizontal" | "vertical";
         animation: boolean;
+        direction: "horizontal" | "vertical";
         activeKey: string | number;
         defaultActiveKey: string | number;
         destroyOnHide: boolean;
@@ -186,8 +186,8 @@ declare const Tabs: {
         position: import("./interface").TabsPosition;
         justify: boolean;
         type: import("./interface").TabsType;
-        direction: "horizontal" | "vertical";
         animation: boolean;
+        direction: "horizontal" | "vertical";
         activeKey: string | number;
         defaultActiveKey: string | number;
         destroyOnHide: boolean;
@@ -287,8 +287,8 @@ declare const Tabs: {
     position: import("./interface").TabsPosition;
     justify: boolean;
     type: import("./interface").TabsType;
-    direction: "horizontal" | "vertical";
     animation: boolean;
+    direction: "horizontal" | "vertical";
     activeKey: string | number;
     defaultActiveKey: string | number;
     destroyOnHide: boolean;

package/es/tabs/tabs.d.ts

@@ -153,8 +153,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     position: TabsPosition;
     justify: boolean;
     type: TabsType;
-    direction: "horizontal" | "vertical";
     animation: boolean;
+    direction: "horizontal" | "vertical";
     activeKey: string | number;
     defaultActiveKey: string | number;
     destroyOnHide: boolean;

package/es/time-picker/index.d.ts

@@ -755,7 +755,7 @@ declare const TimePicker: {
         }, {}, {}, {
             focus(): void;
             blur(): void;
-        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "press-enter" | "change")[], "clear" | "blur" | "press-enter" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "change" | "press-enter")[], "clear" | "blur" | "change" | "press-enter", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             size: {
                 type: import("vue").PropType<"mini" | "medium" | "large" | "small">;
             };
@@ -910,7 +910,7 @@ declare const TimePicker: {
         }, {}, {}, {
             focus(index?: number | undefined): void;
             blur(): void;
-        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex")[], "clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focused-index-change" | "update:focusedIndex" | "change" | "press-enter")[], "clear" | "focused-index-change" | "update:focusedIndex" | "change" | "press-enter", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             size: {
                 type: import("vue").PropType<"mini" | "medium" | "large" | "small">;
             };
@@ -951,9 +951,9 @@ declare const TimePicker: {
         }>> & Readonly<{
             onChange?: ((...args: any[]) => any) | undefined;
             onClear?: ((...args: any[]) => any) | undefined;
-            "onPress-enter"?: ((...args: any[]) => any) | undefined;
             "onFocused-index-change"?: ((...args: any[]) => any) | undefined;
             "onUpdate:focusedIndex"?: ((...args: any[]) => any) | undefined;
+            "onPress-enter"?: ((...args: any[]) => any) | undefined;
         }>, {
             disabled: boolean | boolean[];
             placeholder: string[];
@@ -2925,7 +2925,7 @@ declare const TimePicker: {
     }, {}, {}, {
         focus(): void;
         blur(): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "press-enter" | "change")[], "clear" | "blur" | "press-enter" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "change" | "press-enter")[], "clear" | "blur" | "change" | "press-enter", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         size: {
             type: import("vue").PropType<"mini" | "medium" | "large" | "small">;
         };
@@ -3080,7 +3080,7 @@ declare const TimePicker: {
     }, {}, {}, {
         focus(index?: number | undefined): void;
         blur(): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex")[], "clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focused-index-change" | "update:focusedIndex" | "change" | "press-enter")[], "clear" | "focused-index-change" | "update:focusedIndex" | "change" | "press-enter", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         size: {
             type: import("vue").PropType<"mini" | "medium" | "large" | "small">;
         };
@@ -3121,9 +3121,9 @@ declare const TimePicker: {
     }>> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onClear?: ((...args: any[]) => any) | undefined;
-        "onPress-enter"?: ((...args: any[]) => any) | undefined;
         "onFocused-index-change"?: ((...args: any[]) => any) | undefined;
         "onUpdate:focusedIndex"?: ((...args: any[]) => any) | undefined;
+        "onPress-enter"?: ((...args: any[]) => any) | undefined;
     }>, {
         disabled: boolean | boolean[];
         placeholder: string[];

package/es/time-picker/time-picker.d.ts

@@ -834,7 +834,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, {}, {
         focus(): void;
         blur(): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "press-enter" | "change")[], "clear" | "blur" | "press-enter" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "change" | "press-enter")[], "clear" | "blur" | "change" | "press-enter", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         size: {
             type: PropType<"mini" | "medium" | "large" | "small">;
         };
@@ -989,7 +989,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, {}, {
         focus(index?: number | undefined): void;
         blur(): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex")[], "clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focused-index-change" | "update:focusedIndex" | "change" | "press-enter")[], "clear" | "focused-index-change" | "update:focusedIndex" | "change" | "press-enter", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         size: {
             type: PropType<"mini" | "medium" | "large" | "small">;
         };
@@ -1030,9 +1030,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onClear?: ((...args: any[]) => any) | undefined;
-        "onPress-enter"?: ((...args: any[]) => any) | undefined;
         "onFocused-index-change"?: ((...args: any[]) => any) | undefined;
         "onUpdate:focusedIndex"?: ((...args: any[]) => any) | undefined;
+        "onPress-enter"?: ((...args: any[]) => any) | undefined;
     }>, {
         disabled: boolean | boolean[];
         placeholder: string[];