jb-mobile-ui 1.0.6 → 1.0.7

package/README.md

@@ -1,61 +1,61 @@
-<h1 align="center">Jb Mobile Ui</h1>
-
-<p align="center">A public Vue UI library for JinBiWuYe mobile web apps(Vue 3).</p>
-
-## Install
-
-Using `npm` to install:
-
-```bash
-npm i jb-mobile-ui
-```
-
-Using `yarn`, `pnpm`, or `bun`:
-
-```bash
-# with yarn
-yarn add jb-mobile-ui
-
-# with pnpm
-pnpm add jb-mobile-ui
-
-# with Bun
-bun add jb-mobile-ui
-```
-
-## Usage
-
-在 vite.config.ts 中添加配置:
-
-```javascript
-resolve: {
-  alias: {
-    'jb-mobile-ui': '/node_modules/jb-mobile-ui'
-  }
-}
-```
-
-在 main.ts 中引入 css:
-
-```javascript
-import 'jb-mobile-ui/dist/index.css'
-```
-
-如果需要更换主题色，则需要在引入 jb-mobile-ui/dist/index.css 后通过 css 变量 --theme-color 进行修改:
-
-```css
-:root {
-  --theme-color: #7B52FE;
-}
-```
-
-按需引入组件:
-
-```javascript
-import { JbMobileButton } from 'jb-mobile-ui'
-```
-
-## Links
-
-- [Documentation]()
-- [Changelog](https://jinbicloud.coding.net/p/P8/d/jb-mobile-ui/git/tree/main/CHANGELOG.md)
+<h1 align="center">Jb Mobile Ui</h1>
+
+<p align="center">A public Vue UI library for JinBiWuYe mobile web apps(Vue 3).</p>
+
+## Install
+
+Using `npm` to install:
+
+```bash
+npm i jb-mobile-ui
+```
+
+Using `yarn`, `pnpm`, or `bun`:
+
+```bash
+# with yarn
+yarn add jb-mobile-ui
+
+# with pnpm
+pnpm add jb-mobile-ui
+
+# with Bun
+bun add jb-mobile-ui
+```
+
+## Usage
+
+在 vite.config.ts 中添加配置:
+
+```javascript
+resolve: {
+  alias: {
+    'jb-mobile-ui': '/node_modules/jb-mobile-ui'
+  }
+}
+```
+
+在 main.ts 中引入 css:
+
+```javascript
+import 'jb-mobile-ui/dist/index.css'
+```
+
+如果需要更换主题色，则需要在引入 jb-mobile-ui/dist/index.css 后通过 css 变量 --theme-color 进行修改:
+
+```css
+:root {
+  --theme-color: #7B52FE;
+}
+```
+
+按需引入组件:
+
+```javascript
+import { JbMobileButton } from 'jb-mobile-ui'
+```
+
+## Links
+
+- [Documentation]()
+- [Changelog](https://jinbicloud.coding.net/p/P8/d/jb-mobile-ui/git/tree/main/CHANGELOG.md)

package/dist/App.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/JbMobileDatePicker.vue.d.ts

@@ -36,9 +36,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     confirm: (...args: any[]) => void;
+    changeDateFail: (...args: any[]) => void;
     "update:datePickerType": (...args: any[]) => void;
     "update:dateFormatValue": (...args: any[]) => void;
-    changeDateFail: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     datePickerType: {
         type: StringConstructor;
@@ -77,15 +77,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{
     onConfirm?: ((...args: any[]) => any) | undefined;
+    onChangeDateFail?: ((...args: any[]) => any) | undefined;
     "onUpdate:datePickerType"?: ((...args: any[]) => any) | undefined;
     "onUpdate:dateFormatValue"?: ((...args: any[]) => any) | undefined;
-    onChangeDateFail?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
     defaultValue: Date | Date[];
-    datePickerType: string;
     datePickerTypeList: unknown[];
     dateFormatValue: string;
+    datePickerType: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     timePickerPopupRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         visible: {
@@ -127,15 +127,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
+        withSelectTab: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        datePickerTypeList: {
+            type: ArrayConstructor;
+            default: () => string[];
+        };
+        disabledTab: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
         onConfirm?: ((...args: any[]) => any) | undefined;
+        "onUpdate:timePickerType"?: ((...args: any[]) => any) | undefined;
+        onChangeDateFail?: ((...args: any[]) => any) | undefined;
     }>, {
         toPrevDate: () => void;
         toNextDate: () => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:visible": (...args: any[]) => void;
         confirm: (...args: any[]) => void;
+        "update:timePickerType": (...args: any[]) => void;
+        changeDateFail: (...args: any[]) => void;
     }, import('vue').PublicProps, {
         visible: boolean;
         timePickerType: string;
@@ -143,6 +159,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         minDate: string | number | Date;
         maxDate: string | number | Date;
         valueFormat: string;
+        withSelectTab: boolean;
+        datePickerTypeList: unknown[];
+        disabledTab: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         timePickerContentRef: HTMLDivElement;
         calendarRef: ({
@@ -536,9 +555,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
+        withSelectTab: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        datePickerTypeList: {
+            type: ArrayConstructor;
+            default: () => string[];
+        };
+        disabledTab: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
         onConfirm?: ((...args: any[]) => any) | undefined;
+        "onUpdate:timePickerType"?: ((...args: any[]) => any) | undefined;
+        onChangeDateFail?: ((...args: any[]) => any) | undefined;
     }>, {
         toPrevDate: () => void;
         toNextDate: () => void;
@@ -549,6 +582,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         minDate: string | number | Date;
         maxDate: string | number | Date;
         valueFormat: string;
+        withSelectTab: boolean;
+        datePickerTypeList: unknown[];
+        disabledTab: boolean;
     }> | null;
 }, HTMLDivElement>;
 export default _default;

package/dist/components/JbMobileSelect.vue.d.ts

@@ -1,4 +1,8 @@
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    tabIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
     width: {
         type: NumberConstructor;
         default: number;
@@ -38,10 +42,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: ObjectConstructor;
         default: () => {};
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {
+    handleSelectOptionItem: (item: Record<string, any>) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    tabIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
     width: {
         type: NumberConstructor;
         default: number;
@@ -87,6 +97,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     placeholder: string;
     modelValue: string | number;
+    tabIndex: number;
     width: number;
     popupTitle: string;
     options: Record<string, any>[];

package/dist/components/JbMobileSelectFace.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    slotClick?: () => void;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            onClick: () => void;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JbMobileTimePicker.vue.d.ts

@@ -39,12 +39,26 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    withSelectTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    datePickerTypeList: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    disabledTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     toPrevDate: () => void;
     toNextDate: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:visible": (...args: any[]) => void;
     confirm: (...args: any[]) => void;
+    "update:timePickerType": (...args: any[]) => void;
+    changeDateFail: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     visible: {
         type: BooleanConstructor;
@@ -85,9 +99,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    withSelectTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    datePickerTypeList: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    disabledTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
+    "onUpdate:timePickerType"?: ((...args: any[]) => any) | undefined;
+    onChangeDateFail?: ((...args: any[]) => any) | undefined;
 }>, {
     visible: boolean;
     timePickerType: string;
@@ -95,6 +123,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     minDate: string | number | Date;
     maxDate: string | number | Date;
     valueFormat: string;
+    withSelectTab: boolean;
+    datePickerTypeList: unknown[];
+    disabledTab: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     timePickerContentRef: HTMLDivElement;
     calendarRef: ({

package/dist/hooks/useGlobalLoading.d.ts

@@ -0,0 +1 @@
+export declare const useGlobalLoading: () => import('vue').Ref<boolean, boolean>;

package/dist/hooks/useInfiniteScroll.d.ts

@@ -0,0 +1,37 @@
+import { Ref } from 'vue';
+export interface InfiniteScrollOptions {
+    bottomThreshold?: number;
+    topThreshold?: number;
+    throttleDelay?: number;
+    disabled?: Ref<boolean>;
+    onLoadMore?: () => Promise<void> | void;
+    onLoadPrevious?: () => Promise<void> | void;
+    debug?: boolean;
+}
+export interface ScrollInfo {
+    scrollTop: number;
+    scrollHeight: number;
+    clientHeight: number;
+    distanceToBottom: number;
+    distanceToTop: number;
+    isNearBottom: boolean;
+    isNearTop: boolean;
+    scrollDirection: 'up' | 'down' | 'none';
+}
+export interface InfiniteScrollState {
+    isLoadingMore: Ref<boolean>;
+    isLoadingPrevious: Ref<boolean>;
+    hasMoreData: Ref<boolean>;
+    hasPreviousData: Ref<boolean>;
+}
+export interface UseInfiniteScrollReturn extends InfiniteScrollState {
+    handleScroll: (event: Event) => void;
+    reset: () => void;
+    triggerLoadMore: () => void;
+    triggerLoadPrevious: () => void;
+    setDataState: (options: {
+        hasMore?: boolean;
+        hasPrevious?: boolean;
+    }) => void;
+}
+export declare function useInfiniteScroll(options?: InfiniteScrollOptions): UseInfiniteScrollReturn;