@kylexd/vant-extend 0.0.1

package/README.md

@@ -0,0 +1,64 @@
+# @kylexd/vant-extend
+
+Extended Vant components for Vue mobile interfaces.
+
+## Overview
+
+This package contains a small set of components built on top of Vant. It is intended for mobile pages, WebView pages, and compact Vue interfaces that already use Vant.
+
+## Install
+
+```bash
+npm install @kylexd/vant-extend
+```
+
+Vant and Vue are expected to be available in the consuming project.
+
+## Exports
+
+Main components:
+
+- `CuPopup`
+- `CuFloatingPanel`
+- `CuSelect`
+- `InputNumber`
+- `BaseTip`
+- `CuEmpty`
+- `CuImage`
+- `GridImage`
+- `ViewportBottomLoad`
+- `Headroom`
+- `SafeBottom`
+- `SortGroup`
+- `SortItem`
+- `SelectDateRange`
+
+Composable:
+
+- `useDialogRendered`
+
+## Basic Usage
+
+```ts
+import { CuPopup, InputNumber } from '@kylexd/vant-extend'
+```
+
+```vue
+<CuPopup v-model:show="visible" title="Options">
+  <div>Content</div>
+</CuPopup>
+```
+
+## Build
+
+```bash
+npm run build
+```
+
+## Notes
+
+Some components depend on Vant overlays, popups, fields, calendars, or icons. VueUse and Day.js are also peer dependencies. Component layout uses utility classes, so the consuming project should include the package output in its style pipeline when needed.
+
+## License
+
+UNLICENSED

package/dist/components/BaseTip/index.d.ts

@@ -0,0 +1 @@
+export { default } from './index.vue';

package/dist/components/BaseTip/index.vue.d.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    size?: number | string;
+    text?: string;
+    title?: string;
+    confirmButtonColor?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+    text: string;
+    title: string;
+    confirmButtonColor: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/CuEmpty/index.d.ts

@@ -0,0 +1 @@
+export { default } from './index.vue';

package/dist/components/CuEmpty/index.vue.d.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    image?: string;
+    imageSize?: number | string;
+    description?: string;
+};
+declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {};
+type __VLS_Slots = {} & {
+    image?: (props: typeof __VLS_6) => any;
+} & {
+    description?: (props: typeof __VLS_8) => any;
+} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    image: string;
+    imageSize: number | string;
+    description: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CuFloatingPanel/index.d.ts

@@ -0,0 +1 @@
+export { default } from './index.vue';

package/dist/components/CuFloatingPanel/index.vue.d.ts

@@ -0,0 +1,40 @@
+type __VLS_Props = {
+    title?: string;
+    zIndex?: number;
+    heightPercent?: number;
+    panelClass?: string;
+};
+declare function handleClose(): void;
+type __VLS_PublicProps = __VLS_Props & {
+    'showPanel'?: boolean;
+};
+declare var __VLS_23: {
+    close: typeof handleClose;
+}, __VLS_29: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_23) => any;
+} & {
+    default?: (props: typeof __VLS_29) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:showPanel": (value: boolean | undefined) => any;
+} & {
+    close: () => any;
+    panelChange: (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onPanelChange?: ((value: boolean) => any) | undefined;
+    "onUpdate:showPanel"?: ((value: boolean | undefined) => any) | undefined;
+}>, {
+    title: string;
+    zIndex: number;
+    heightPercent: number;
+    panelClass: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CuImage/index.d.ts

@@ -0,0 +1 @@
+export { default } from './index.vue';

package/dist/components/CuImage/index.vue.d.ts

@@ -0,0 +1,37 @@
+export interface CuImageFormatOptions {
+    width?: number;
+    height?: number;
+    quality?: number;
+    format?: string | false;
+}
+type __VLS_Props = {
+    src?: string;
+    fallbackSrc?: string;
+    thumbnail?: CuImageFormatOptions | true | false;
+    formatSrc?: (src: string, options?: CuImageFormatOptions) => string;
+    noReferrer?: boolean;
+    noReferrerHosts?: string[];
+    loadingSize?: string | number;
+};
+declare var __VLS_6: {}, __VLS_12: {};
+type __VLS_Slots = {} & {
+    loading?: (props: typeof __VLS_6) => any;
+} & {
+    error?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    src: string;
+    fallbackSrc: string;
+    thumbnail: CuImageFormatOptions | true | false;
+    formatSrc: (src: string, options?: CuImageFormatOptions) => string;
+    noReferrer: boolean;
+    noReferrerHosts: string[];
+    loadingSize: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CuPopup/index.d.ts

@@ -0,0 +1 @@
+export { default } from './index.vue';

package/dist/components/CuPopup/index.vue.d.ts

@@ -0,0 +1,50 @@
+import type { PopupPosition } from 'vant';
+type __VLS_Props = {
+    title?: string;
+    teleport?: string;
+    position?: PopupPosition;
+    contentClass?: string;
+    headerClass?: string;
+    popupClass?: string;
+    height?: string;
+    closeable?: boolean;
+    round?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    'show'?: boolean;
+};
+declare var __VLS_11: {}, __VLS_13: {}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_11) => any;
+} & {
+    default?: (props: typeof __VLS_13) => any;
+} & {
+    footer?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:show": (value: boolean | undefined) => any;
+} & {
+    close: () => any;
+    closed: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
+    "onUpdate:show"?: ((value: boolean | undefined) => any) | undefined;
+}>, {
+    title: string;
+    position: PopupPosition;
+    height: string;
+    teleport: string;
+    round: boolean;
+    contentClass: string;
+    headerClass: string;
+    popupClass: string;
+    closeable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CuSelect/index.d.ts

@@ -0,0 +1 @@
+export { default } from './index.vue';

package/dist/components/CuSelect/index.vue.d.ts

@@ -0,0 +1,32 @@
+export interface CuSelectAction {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+type __VLS_Props = {
+    required?: boolean;
+    inputAlign?: 'left' | 'right';
+    border?: boolean;
+    title?: string;
+    actions?: CuSelectAction[];
+    placeholder?: string;
+    cancelText?: string;
+    type?: 'cell' | 'field';
+    disabled?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    title: string;
+    type: "cell" | "field";
+    placeholder: string;
+    disabled: boolean;
+    actions: CuSelectAction[];
+    cancelText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/GridImage/index.d.ts

@@ -0,0 +1 @@
+export { default } from './index.vue';

package/dist/components/GridImage/index.vue.d.ts

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    imageList: string[];
+    imageIconSize?: number;
+    count?: number;
+    countText?: string;
+    fallbackSrc?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    fallbackSrc: string;
+    imageIconSize: number;
+    count: number;
+    countText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Headroom/index.d.ts

@@ -0,0 +1 @@
+export { default } from './index.vue';

package/dist/components/Headroom/index.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    basicTop?: number;
+    class?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+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, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/InputNumber/index.d.ts

@@ -0,0 +1 @@
+export { default } from './index.vue';

package/dist/components/InputNumber/index.vue.d.ts

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    min?: number;
+    max?: number;
+    disabled?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number | undefined) => any;
+} & {
+    change: (value?: number | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
+    onChange?: ((value?: number | undefined) => any) | undefined;
+}>, {
+    max: number;
+    disabled: boolean;
+    min: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/SafeBottom/index.d.ts

@@ -0,0 +1 @@
+export { default } from './index.vue';

package/dist/components/SafeBottom/index.vue.d.ts

@@ -0,0 +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, {}, any>;
+export default _default;

package/dist/components/SelectDateRange/index.d.ts

@@ -0,0 +1 @@
+export { default } from './index.vue';

package/dist/components/SelectDateRange/index.vue.d.ts

@@ -0,0 +1,27 @@
+type __VLS_Props = {
+    minDate?: Date;
+    maxDate?: Date;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    dateFormat?: string;
+    teleport?: string;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    'startTime'?: string;
+    'endTime'?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:startTime": (value: string | undefined) => any;
+    "update:endTime": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:startTime"?: ((value: string | undefined) => any) | undefined;
+    "onUpdate:endTime"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    teleport: string;
+    minDate: Date;
+    maxDate: Date;
+    startPlaceholder: string;
+    endPlaceholder: string;
+    dateFormat: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/SortGroup/InjectionKey.d.ts

@@ -0,0 +1,15 @@
+import type { InjectionKey, Ref } from 'vue';
+import type { NumericValue } from '../../types/shared';
+export interface SortGroupContext {
+    modelValue: Ref<NumericValue | undefined>;
+    modelActiveValue: Ref<NumericValue | undefined>;
+    setGroupModelValue: (params: {
+        value: NumericValue | undefined;
+        activeValue: NumericValue | undefined;
+    }) => void;
+    emitChange: (params: {
+        value: NumericValue | undefined;
+        activeValue: NumericValue | undefined;
+    }) => void;
+}
+export declare const sortGroupKey: InjectionKey<SortGroupContext>;

package/dist/components/SortGroup/index.d.ts

@@ -0,0 +1 @@
+export { default } from './index.vue';

package/dist/components/SortGroup/index.vue.d.ts

@@ -0,0 +1,32 @@
+import type { NumericValue } from '../../types/shared';
+type __VLS_PublicProps = {
+    modelValue?: NumericValue | undefined;
+    'activeValue'?: NumericValue | undefined;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: NumericValue | undefined) => any;
+    "update:activeValue": (value: NumericValue | undefined) => any;
+} & {
+    change: (params: {
+        value?: NumericValue;
+        activeValue?: NumericValue;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: NumericValue | undefined) => any) | undefined;
+    onChange?: ((params: {
+        value?: NumericValue;
+        activeValue?: NumericValue;
+    }) => any) | undefined;
+    "onUpdate:activeValue"?: ((value: NumericValue | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/SortItem/index.d.ts

@@ -0,0 +1 @@
+export { default } from './index.vue';

package/dist/components/SortItem/index.vue.d.ts

@@ -0,0 +1,45 @@
+import type { NumericValue } from '../../types/shared';
+type __VLS_Props = {
+    title: string;
+    ascValue?: NumericValue;
+    descValue?: NumericValue;
+    activeValue?: NumericValue;
+    sort?: 'asc' | 'desc';
+    activeColor?: string;
+    color?: string;
+    iconColor?: string;
+    loopEmptyValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: NumericValue | undefined;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_1) => any;
+} & {
+    icon?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: NumericValue | undefined) => any;
+} & {
+    change: (value: NumericValue | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: NumericValue | undefined) => any) | undefined;
+    onChange?: ((value: NumericValue | undefined) => any) | undefined;
+}>, {
+    sort: "asc" | "desc";
+    color: string;
+    activeValue: NumericValue;
+    ascValue: NumericValue;
+    descValue: NumericValue;
+    activeColor: string;
+    iconColor: string;
+    loopEmptyValue: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ViewportBottomLoad/index.d.ts

@@ -0,0 +1 @@
+export { default } from './index.vue';

package/dist/components/ViewportBottomLoad/index.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    distance?: number;
+    debounceNum?: number;
+    disabled?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    load: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onLoad?: (() => any) | undefined;
+}>, {
+    disabled: boolean;
+    distance: number;
+    debounceNum: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/composables/debounce.d.ts

@@ -0,0 +1,4 @@
+export declare function debounce<T extends (...args: unknown[]) => unknown>(fn: T, wait: number): {
+    (...args: Parameters<T>): void;
+    cancel: () => void;
+};

package/dist/composables/useDialogRendered.d.ts

@@ -0,0 +1,5 @@
+import type { ModelRef, Ref } from 'vue';
+export declare function useDialogRendered(visible: ModelRef<boolean> | Ref<boolean | undefined>): {
+    isRendered: Ref<boolean, boolean>;
+    bindClosed: () => void;
+};

package/dist/index.d.ts

@@ -0,0 +1,16 @@
+export { default as BaseTip } from './components/BaseTip';
+export { default as CuEmpty } from './components/CuEmpty';
+export { default as CuFloatingPanel } from './components/CuFloatingPanel';
+export { default as CuImage } from './components/CuImage';
+export { default as CuPopup } from './components/CuPopup';
+export { default as CuSelect } from './components/CuSelect';
+export { default as GridImage } from './components/GridImage';
+export { default as Headroom } from './components/Headroom';
+export { default as InputNumber } from './components/InputNumber';
+export { default as SafeBottom } from './components/SafeBottom';
+export { default as SelectDateRange } from './components/SelectDateRange';
+export { default as SortGroup } from './components/SortGroup';
+export { default as SortItem } from './components/SortItem';
+export { default as ViewportBottomLoad } from './components/ViewportBottomLoad';
+export * from './composables/useDialogRendered';
+export * from './types/shared';