@polyv/vue-components 1.3.0 → 1.5.0

package/vue3/src/hooks/element/use-event-listener/index.d.ts

@@ -1,5 +1,16 @@
 import { MaybeResponsive } from '../../../vue-utils';
 import { UseAutoListenFn } from '../../tools/use-auto-listen';
+export interface UseEventListenerOptions extends AddEventListenerOptions {
+    /**
+     * 是否自动监听
+     * @default true
+     */
+    autoListen?: boolean;
+    /**
+     * 是否自动移除
+     */
+    autoRemove?: boolean;
+}
 export interface UseEventListenerReturn extends UseAutoListenFn {
 }
 export type WindowEventName = keyof WindowEventMap;
@@ -13,7 +24,7 @@ export type EventListenerCallback<E = Event> = (evt: E) => unknown;
  * @param listener
  * @param options
  */
-export declare function useEventListener<E extends WindowEventName>(target: Window, event: E, listener: EventListenerCallback<WindowEventMap[E]>, options?: boolean | AddEventListenerOptions): UseEventListenerReturn;
+export declare function useEventListener<E extends WindowEventName>(target: Window, event: E, listener: EventListenerCallback<WindowEventMap[E]>, options?: boolean | UseEventListenerOptions): UseEventListenerReturn;
 /**
  * 在挂载时使用 addEventListener 进行注册，并在卸载时自动调用removeEventListener进行移除
  * @param target
@@ -21,7 +32,7 @@ export declare function useEventListener<E extends WindowEventName>(target: Wind
  * @param listener
  * @param options
  */
-export declare function useEventListener<E extends DocumentEventName>(target: Document, event: E, listener: EventListenerCallback<DocumentEventMap[E]>, options?: boolean | AddEventListenerOptions): UseEventListenerReturn;
+export declare function useEventListener<E extends DocumentEventName>(target: Document, event: E, listener: EventListenerCallback<DocumentEventMap[E]>, options?: boolean | UseEventListenerOptions): UseEventListenerReturn;
 /**
  * 在挂载时使用 addEventListener 进行注册，并在卸载时自动调用removeEventListener进行移除
  * @param target
@@ -29,7 +40,7 @@ export declare function useEventListener<E extends DocumentEventName>(target: Do
  * @param listener
  * @param options
  */
-export declare function useEventListener<E extends HTMLElementEventName>(target: MaybeResponsive<HTMLElement | undefined>, event: E, listener: EventListenerCallback<HTMLElementEventMap[E]>, options?: boolean | AddEventListenerOptions): UseEventListenerReturn;
+export declare function useEventListener<E extends HTMLElementEventName>(target: MaybeResponsive<HTMLElement | undefined>, event: E, listener: EventListenerCallback<HTMLElementEventMap[E]>, options?: boolean | UseEventListenerOptions): UseEventListenerReturn;
 /**
  * 在挂载时使用 addEventListener 进行注册，并在卸载时自动调用removeEventListener进行移除
  * @param target
@@ -37,4 +48,4 @@ export declare function useEventListener<E extends HTMLElementEventName>(target:
  * @param listener
  * @param options
  */
-export declare function useEventListener<E = Event>(target: MaybeResponsive<EventTarget | string | undefined>, event: string, listener: EventListenerCallback<E>, options?: boolean | AddEventListenerOptions): UseEventListenerReturn;
+export declare function useEventListener<E = Event>(target: MaybeResponsive<EventTarget | string | undefined>, event: string, listener: EventListenerCallback<E>, options?: boolean | UseEventListenerOptions): UseEventListenerReturn;

package/vue3/src/hooks/element/use-overflow-count/index.d.ts

@@ -0,0 +1,30 @@
+import { ResponsiveRef } from '../../../vue-utils';
+export interface UseOverflowCountOptions {
+    /**
+     * 间距
+     * @default 0
+     */
+    gap?: number;
+    /**
+     * 列表渲染响应式
+     */
+    itemList?: ResponsiveRef;
+    /**
+     * 超出节点预设宽度
+     * @defualt 50
+     */
+    overCountWidth?: number;
+}
+/**
+ * 计算元素溢出数量
+ */
+export declare const useOverflowCount: (options?: UseOverflowCountOptions) => {
+    wrapRef: import('vue').Ref<HTMLDivElement | undefined>;
+    listRef: import('vue').Ref<HTMLDivElement | undefined>;
+    listStyle: import('vue').ComputedRef<{
+        width: string;
+    } | {
+        width?: undefined;
+    }>;
+    overCount: import('vue').Ref<number>;
+};

package/vue3/src/hooks/exports.d.ts

@@ -3,6 +3,8 @@ export * from './animation/use-special-effect';
 export * from './animation/use-svga-animation';
 export * from './business/use-app-element';
 export * from './business/use-app-unique-id';
+export * from './business/use-app-user-agent';
+export * from './business/use-business-type';
 export * from './business/use-config-provider';
 export * from './business/use-nickname';
 export * from './business/use-page-fullscreen';
@@ -12,6 +14,7 @@ export * from './business/use-short-number';
 export * from './business/use-skin-color';
 export * from './business/use-track-event';
 export * from './components/use-auto-topmost';
+export * from './components/use-confirm-cancel';
 export * from './components/use-popper';
 export * from './element/use-append-to';
 export * from './element/use-document-visible';
@@ -48,6 +51,7 @@ export * from './tools/use-set-interval';
 export * from './tools/use-set-timeout';
 export * from './tools/use-simple-visible';
 export * from './tools/use-target-event-emitter';
+export * from './tools/use-task-queue';
 export * from './tools/use-window-resize-listener';
 export * from './tools/use-z-index';
 export * from './vue/use-model-value';

package/vue3/src/hooks/tools/use-event-bus/index.d.ts

@@ -30,4 +30,13 @@ export interface UseEventBusListenerReturn extends UseAutoListenFn {
  * @param options 选项
  */
 export declare function useEventBusListener(event: string, callback: (...arg: any[]) => unknown, options?: UseEventBusListenerOptions): UseEventBusListenerReturn;
+/**
+ * 生成事件对象
+ * @param prefix 前缀
+ * @param eventObj 事件对象
+ * @returns 生成的事件对象
+ */
+export declare function generateEventObject<Prefix extends string, E extends Record<string, string> = {}>(prefix: Prefix, eventObj: E): {
+    readonly [key in keyof E]: `${Prefix}.${E[key]}`;
+};
 export {};

package/vue3/src/hooks/tools/use-task-queue/index.d.ts

@@ -0,0 +1,33 @@
+import { Ref } from 'vue';
+export interface UseTaskQueueOptions {
+    /**
+     * 队列最大长度，不传则不限制
+     */
+    maxLength?: number;
+    /**
+     * 最大同时执行任务数
+     * @default 1
+     */
+    maxConcurrent?: number;
+}
+export type TaskFunction = () => Promise<void>;
+export interface UseTaskQueueReturn {
+    /**
+     * 插入任务
+     * @param task 任务函数
+     */
+    pushTask: (task: TaskFunction) => void;
+    /**
+     * 队列长度
+     */
+    queueLength: Ref<number>;
+    /**
+     * 正在执行的任务数
+     */
+    runningCount: Ref<number>;
+    /**
+     * 清空队列
+     */
+    clearQueue: () => void;
+}
+export declare function useTaskQueue(options?: UseTaskQueueOptions): UseTaskQueueReturn;

package/vue3/src/hooks/vue/use-model-value/index.d.ts

@@ -2,12 +2,19 @@ import { PropUtils } from '../../../vue-utils';
 type MVProps = {
     [PropUtils.modelValueKey]?: unknown;
 };
+export interface UseModelValueOptions<P extends MVProps> {
+    /**
+     * 外部更新回调
+     */
+    outSideUpdate?: (value: P[typeof PropUtils.modelValueKey]) => void;
+}
 /**
  * 使用 v-model 的值
  * @param props 组件 props
  */
-export declare const useModelValue: <P extends MVProps>(props: P) => {
+export declare const useModelValue: <P extends MVProps>(props: P, options?: UseModelValueOptions<P>) => {
     modelValue: import('vue').ComputedRef<P["v-model-key"]>;
+    getModelValue: () => P["v-model-key"];
     updateModelValue: (value: P[typeof PropUtils.modelValueKey]) => void;
 };
 export {};

package/vue3/src/hooks/vue/use-vue/index.d.ts

@@ -1,4 +1,4 @@
-import { Component, VNode } from 'vue';
+import { Component } from 'vue';
 /**
  * 对 Vue 一些方法的简单封装
  */
@@ -10,7 +10,6 @@ export declare const useVue: () => {
     createVueInstance: <Props extends Record<string, any> = {}, Emits extends Record<string, any> = {}>(vueComponent: Component, options?: {
         props?: Props;
         on?: Emits;
-        vnode?: VNode;
     }) => unknown;
     getVueInstanceElem: (instance: import('../../..').ComponentInstance<any>) => Element | undefined;
     destroyVueInstance: (instance: import('../../..').ComponentInstance<any>) => void;

package/vue3/src/interface/enum.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 反馈类型
+ */
+export declare enum FeedbackType {
+    /** 成功 */
+    Success = "success",
+    /** 警告 */
+    Warning = "warning",
+    /** 信息 */
+    Info = "info",
+    /** 错误 */
+    Error = "error",
+    /** 疑问 */
+    Question = "question"
+}

package/vue3/src/interface/index.d.ts

@@ -1,3 +1,4 @@
+export * from './enum';
 /** 通用对象定义 */
 export type UniversalParams<V = unknown> = {
     [key: string]: V;

package/vue3/src/lang/common/en.json.d.ts

@@ -4,13 +4,16 @@ declare const _default: {
     "cancel": "Cancel",
     "close": "Close",
     "submit": "Submit",
+    "delete": "Delete",
+    "clear": "Clear",
     "submitSuccess": "Success",
     "known": "I know",
     "copySuccess": "Copy success",
     "copyLinkSuccess": "Link copy success, you can paste it in the browser to download",
     "tips": "Tips",
     "success": "Success",
-    "empty": "Empty"
+    "empty": "Empty",
+    "comma": ", "
   }
 }
 ;

package/vue3/src/lang/common/ja.json.d.ts

@@ -4,13 +4,16 @@ declare const _default: {
     "cancel": "キャンセル",
     "close": "閉じる",
     "submit": "送信",
+    "delete": "削除",
+    "clear": "クリア",
     "submitSuccess": "送信成功",
     "known": "わかりました",
     "copySuccess": "コピー成功",
     "copyLinkSuccess": "リンクをコピーしました。ブラウザに貼り付けてダウンロードしてください",
     "tips": "ヒント",
     "success": "成功",
-    "empty": "空"
+    "empty": "空",
+    "comma": "，"
   }
 };
 

package/vue3/src/lang/common/ko.json.d.ts

@@ -4,13 +4,16 @@ declare const _default: {
     "cancel": "취소",
     "close": "닫기",
     "submit": "제출",
+    "delete": "삭제",
+    "clear": "초기화",
     "submitSuccess": "제출 성공",
     "known": "알겠습니다",
     "copySuccess": "복사 성공",
     "copyLinkSuccess": "링크 복사 성공, 브라우저에 붙여넣기하여 다운로드",
     "tips": "팁",
     "success": "성공",
-    "empty": "비어있음"
+    "empty": "비어있음",
+    "comma": "，"
   }
 };
 

package/vue3/src/lang/common/ru.json.d.ts

@@ -4,13 +4,16 @@ declare const _default: {
     "cancel": "Отмена",
     "close": "Закрыть",
     "submit": "Отправить",
+    "delete": "Удалить",
+    "clear": "Очистить",
     "submitSuccess": "Успешно отправлено",
     "known": "Понятно",
     "copySuccess": "Скопировано успешно",
     "copyLinkSuccess": "Ссылка скопирована успешно, можно перейти в браузер и вставить для загрузки",
     "tips": "Подсказка",
     "success": "Успешно",
-    "empty": "Пусто"
+    "empty": "Пусто",
+    "comma": ", "
   }
 };
 

package/vue3/src/lang/common/zh-CN.json.d.ts

@@ -4,13 +4,16 @@ declare const _default: {
     "cancel": "取消",
     "close": "关闭",
     "submit": "提交",
+    "delete": "删除",
+    "clear": "清空",
     "submitSuccess": "提交成功",
     "known": "我知道了",
     "copySuccess": "复制成功",
     "copyLinkSuccess": "链接复制成功，可去浏览器粘贴下载",
     "tips": "提示",
     "success": "成功",
-    "empty": "暂无内容"
+    "empty": "暂无内容",
+    "comma": "，"
   }
 }
 ;

package/vue3/src/lang/common/zh-TW.json.d.ts

@@ -4,13 +4,16 @@ declare const _default: {
     "cancel": "取消",
     "close": "關閉",
     "submit": "提交",
+    "delete": "刪除",
+    "clear": "清空",
     "submitSuccess": "提交成功",
     "known": "我知道了",
     "copySuccess": "複製成功",
     "copyLinkSuccess": "連結複製成功，可去瀏覽器貼上下載",
     "tips": "提示",
     "success": "成功",
-    "empty": "暫無內容"
+    "empty": "暫無內容",
+    "comma": "，"
   }
 };
 

package/vue3/src/lang/internal/en.json.d.ts

@@ -47,7 +47,158 @@ declare const _default: {
     "viewExportRecords": "You can view your export records here",
     "gotIt": "Got it",
     "empty": "Empty"
+  },
+  "imageUpload": {
+    "error1": "Unsupported file type",
+    "error2": "Do not upload empty files",
+    "error3": "Image size must not exceed {size}MB",
+    "error4": "Image size must not exceed {size}KB",
+    "error5": "Image is damaged, please upload it again",
+    "error6": "Image contains violent elements, please upload it again",
+    "uploading": "Uploading...",
+    "clickUpload": "Click to upload image",
+    "replace": "Replace",
+    "delete": "Delete",
+    "defaultPlaceholder1": "Supported file formats: {types}",
+    "defaultPlaceholder2": "File size must not exceed {size}"
+  },
+  "videoUpload": {
+    "error1": "Unsupported video type",
+    "error2": "Do not upload empty files",
+    "error3": "Video size must not exceed {size}MB",
+    "uploading": "Uploading...",
+    "clickUpload": "Click to upload video",
+    "replace": "Replace",
+    "delete": "Delete",
+    "failed": "Upload failed, please retry",
+    "defaultPlaceholder1": "Supported video formats: {types}",
+    "defaultPlaceholder2": "Video size must not exceed {size}"
+  },
+  "transfer": {
+    "leftTitle": "List",
+    "rightTitle": "Selected",
+    "pageSelect": "Select current page",
+    "clear": "Clear",
+    "empty": "No content",
+    "searchPlaceholder": "Search"
+  },
+  "datePicker": {
+    "headerText": "{year} year {month} month",
+    "monday": "Mon",
+    "tuesday": "Tue",
+    "wednesday": "Wed",
+    "thursday": "Thu",
+    "friday": "Fri",
+    "saturday": "Sat",
+    "sunday": "Sun",
+    "current": "Now",
+    "datePlaceholder1": "Select date",
+    "datePlaceholder2": "Select date and time",
+    "datePlaceholder3": "Select time",
+    "startPlaceholder": "Start date",
+    "endPlaceholder": "End date",
+    "today": "Today",
+    "yesterday": "Yesterday",
+    "tomorrow": "Tomorrow",
+    "30-minutes-later": "30 minutes later",
+    "1-hour-later": "1 hour later",
+    "last-7-days": "Last 7 days",
+    "last-30-days": "Last 30 days",
+    "last-90-days": "Last 90 days",
+    "last-180-days": "Last 180 days",
+    "last-360-days": "Last 360 days"
+  },
+  "select": {
+    "searchPlaceholder": "Search keywords",
+    "empty": "No options"
+  },
+  "table": {
+    "operation": "Operation",
+    "tags": "Tags",
+    "index": "Index",
+    "single": "Select",
+    "allCount": "Total {count}"
+  },
+  "pagination": {
+    "totalItems": "Total {count}",
+    "totalPages": "Total {count} pages",
+    "size": "{size}/page",
+    "goto": "Go to"
+  },
+  "example": {
+    "text": "Example"
+  },
+  "externalLinks": {
+    "form": {
+      "url": {
+        "label": "Browser URL",
+        "tips": "If only this link is filled, all environments will redirect here first. This link is also used as the final fallback when the fields below are empty.",
+        "placeholder": "Enter a link that starts with http:// or https://"
+      },
+      "jumpWay": {
+        "label": "Open Method",
+        "popup": {
+          "label": "Open in popup",
+          "tips": "Show the external page in a dialog. Best for desktop quick previews."
+        },
+        "newWindow": {
+          "label": "Open in new window",
+          "tips": "Open the external page in a new window so that desktop or mobile browsers (outside WeChat) can switch back easily."
+        },
+        "currentWindow": {
+          "label": "Open in current window",
+          "tips": "Open the external page in the current window and leave this page directly."
+        }
+      },
+      "pcUrl": {
+        "label": "Desktop link",
+        "tips": "Preferentially open this link when the visitor is using a desktop browser."
+      },
+      "native": {
+        "label": "APP link",
+        "tips": "If only this link is filled, mobile devices (except apps such as WeChat/QQ) will open it first. When native links are also configured, this link works as the final fallback after a failed native invoke.",
+        "placeholder": "Use a link starting with http:// or https://",
+        "prefix": "Transfer link"
+      },
+      "ios": {
+        "placeholder": "Enter a Scheme, Universal Link or Deep Link",
+        "prefix": "iOS native"
+      },
+      "android": {
+        "placeholder": "Enter a Scheme, Deep Link or App Link",
+        "prefix": "Android native"
+      },
+      "harmony": {
+        "placeholder": "Enter a Scheme or Deep Link",
+        "prefix": "Harmony native",
+        "tips": "在移动设备下优先跳转到这里（除微信/QQ等APP）"
+      },
+      "wxMp": {
+        "label": "WeChat Mini Program",
+        "tips": {
+          "first": "If it is a small program WebView scenario, the APPID must be the current small program, and the small program does not support jumping to other small programs within WebView; If this is necessary, it is recommended to first jump to the native page within the current mini program, and then use this native transfer page to jump to other mini programs",
+          "second": "Starting from Basic Library 2.20.1, WeChat Mini Programs support opening another mini program in half screen mode. Please refer to<a style='color: #3f76fc;' href=“ https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/openEmbeddedMiniProgram.html Target=\"_flank\">Document</a>"
+        },
+        "originId": {
+          "placeholder": "Required for H5 to Mini Program redirect",
+          "prefix": "Origin ID"
+        },
+        "appId": {
+          "placeholder": "Required for Mini Program to Mini Program redirect",
+          "prefix": "APPID"
+        },
+        "path": {
+          "placeholder": "Required to redirect to a specific Mini Program page",
+          "prefix": "Page path"
+        }
+      }
+    },
+    "error": {
+      "urlPattern": "Enter a valid link that starts with http:// or https://",
+      "urlEmpty": "Please fill in the browser URL"
+    }
   }
-};
+}
+;
 
 export default _default;

package/vue3/src/lang/internal/index.d.ts

@@ -49,12 +49,164 @@ declare const useInternalI18n: () => {
             gotIt: string;
             empty: string;
         };
+        imageUpload: {
+            error1: string;
+            error2: string;
+            error3: string;
+            error4: string;
+            error5: string;
+            error6: string;
+            uploading: string;
+            clickUpload: string;
+            replace: string;
+            delete: string;
+            defaultPlaceholder1: string;
+            defaultPlaceholder2: string;
+        };
+        videoUpload: {
+            error1: string;
+            error2: string;
+            error3: string;
+            uploading: string;
+            clickUpload: string;
+            replace: string;
+            delete: string;
+            failed: string;
+            defaultPlaceholder1: string;
+            defaultPlaceholder2: string;
+        };
+        transfer: {
+            leftTitle: string;
+            rightTitle: string;
+            pageSelect: string;
+            clear: string;
+            empty: string;
+            searchPlaceholder: string;
+        };
+        datePicker: {
+            headerText: string;
+            monday: string;
+            tuesday: string;
+            wednesday: string;
+            thursday: string;
+            friday: string;
+            saturday: string;
+            sunday: string;
+            current: string;
+            datePlaceholder1: string;
+            datePlaceholder2: string;
+            datePlaceholder3: string;
+            startPlaceholder: string;
+            endPlaceholder: string;
+            today: string;
+            yesterday: string;
+            tomorrow: string;
+            "30-minutes-later": string;
+            "1-hour-later": string;
+            "last-7-days": string;
+            "last-30-days": string;
+            "last-90-days": string;
+            "last-180-days": string;
+            "last-360-days": string;
+        };
+        select: {
+            searchPlaceholder: string;
+            empty: string;
+        };
+        table: {
+            operation: string;
+            tags: string;
+            index: string;
+            single: string;
+            allCount: string;
+        };
+        pagination: {
+            totalItems: string;
+            totalPages: string;
+            size: string;
+            goto: string;
+        };
+        example: {
+            text: string;
+        };
+        externalLinks: {
+            form: {
+                url: {
+                    label: string;
+                    tips: string;
+                    placeholder: string;
+                };
+                jumpWay: {
+                    label: string;
+                    popup: {
+                        label: string;
+                        tips: string;
+                    };
+                    newWindow: {
+                        label: string;
+                        tips: string;
+                    };
+                    currentWindow: {
+                        label: string;
+                        tips: string;
+                    };
+                };
+                pcUrl: {
+                    label: string;
+                    tips: string;
+                };
+                native: {
+                    label: string;
+                    tips: string;
+                    placeholder: string;
+                    prefix: string;
+                };
+                ios: {
+                    placeholder: string;
+                    prefix: string;
+                };
+                android: {
+                    placeholder: string;
+                    prefix: string;
+                };
+                harmony: {
+                    placeholder: string;
+                    prefix: string;
+                    tips: string;
+                };
+                wxMp: {
+                    label: string;
+                    tips: {
+                        first: string;
+                        second: string;
+                    };
+                    originId: {
+                        placeholder: string;
+                        prefix: string;
+                    };
+                    appId: {
+                        placeholder: string;
+                        prefix: string;
+                    };
+                    path: {
+                        placeholder: string;
+                        prefix: string;
+                    };
+                };
+            };
+            error: {
+                urlPattern: string;
+                urlEmpty: string;
+            };
+        };
     } & {
         common: {
             confirm: string;
             cancel: string;
             close: string;
             submit: string;
+            delete: string;
+            clear: string;
             submitSuccess: string;
             known: string;
             copySuccess: string;
@@ -62,6 +214,7 @@ declare const useInternalI18n: () => {
             tips: string;
             success: string;
             empty: string;
+            comma: string;
         };
     }>, options?: import('../..').UniversalParams<string | number>) => string;
     currentLang: import('vue').ComputedRef<import('../types').I18nLangs>;