rtcpts 0.0.18 → 0.0.20

package/dist/components/j-q-button-dropdown/index.d.ts

@@ -0,0 +1,190 @@
+import { PropType, Ref, SlotsType, DefineComponent, ExtractPropTypes, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { QBtnDropdown, QList, QItem, QItemSection, QItemLabel, QIcon, QBtnDropdownProps, ComponentConstructor } from 'quasar';
+import { JQButtonDropdownSizeType, JQButtonDropdownTypeType, JQButtonDropdownItem, JQButtonDropdownSlots } from './types';
+export * from './types';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    /**
+     * 按钮标签文字
+     * @default ''
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 下拉菜单项列表
+     * @default []
+     */
+    items: {
+        type: PropType<JQButtonDropdownItem[]>;
+        default: () => never[];
+    };
+    /**
+     * 按钮大小
+     * @default 'large'
+     */
+    size: {
+        type: PropType<JQButtonDropdownSizeType>;
+        default: "large";
+        validator: (value: JQButtonDropdownSizeType) => boolean;
+    };
+    /**
+     * 按钮类型
+     * @default 'primary'
+     */
+    type: {
+        type: PropType<JQButtonDropdownTypeType>;
+        default: "primary";
+        validator: (value: JQButtonDropdownTypeType) => boolean;
+    };
+    /**
+     * 下拉箭头图标
+     * @default null
+     */
+    dropdownIcon: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 菜单锚点位置（相对于按钮）
+     * @default 'bottom left'
+     */
+    menuAnchor: {
+        type: PropType<QBtnDropdownProps["menuAnchor"]>;
+        default: string;
+    };
+    /**
+     * 菜单自身定位点
+     * @default 'top left'
+     */
+    menuSelf: {
+        type: PropType<QBtnDropdownProps["menuSelf"]>;
+        default: string;
+    };
+    /**
+     * 菜单偏移量 [x, y]
+     * @default [0, 4]
+     */
+    menuOffset: {
+        type: PropType<QBtnDropdownProps["menuOffset"]>;
+        default: () => number[];
+    };
+}>, {
+    qBtnDropdownRef: Ref<QBtnDropdown | null, QBtnDropdown | null>;
+    computedClass: ComputedRef<{
+        [x: string]: boolean;
+        'j-q-button-dropdown': boolean;
+    }>;
+    computedIcon: ComputedRef<"app:dropdown-btn" | "app:dropdown-btn-white">;
+    filteredItems: ComputedRef<JQButtonDropdownItem[]>;
+    handleItemClick: (item: JQButtonDropdownItem) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    /**
+     * 选择菜单项事件
+     * @param item 选中的菜单项
+     */
+    select: (item: JQButtonDropdownItem) => true;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    /**
+     * 按钮标签文字
+     * @default ''
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 下拉菜单项列表
+     * @default []
+     */
+    items: {
+        type: PropType<JQButtonDropdownItem[]>;
+        default: () => never[];
+    };
+    /**
+     * 按钮大小
+     * @default 'large'
+     */
+    size: {
+        type: PropType<JQButtonDropdownSizeType>;
+        default: "large";
+        validator: (value: JQButtonDropdownSizeType) => boolean;
+    };
+    /**
+     * 按钮类型
+     * @default 'primary'
+     */
+    type: {
+        type: PropType<JQButtonDropdownTypeType>;
+        default: "primary";
+        validator: (value: JQButtonDropdownTypeType) => boolean;
+    };
+    /**
+     * 下拉箭头图标
+     * @default null
+     */
+    dropdownIcon: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 菜单锚点位置（相对于按钮）
+     * @default 'bottom left'
+     */
+    menuAnchor: {
+        type: PropType<QBtnDropdownProps["menuAnchor"]>;
+        default: string;
+    };
+    /**
+     * 菜单自身定位点
+     * @default 'top left'
+     */
+    menuSelf: {
+        type: PropType<QBtnDropdownProps["menuSelf"]>;
+        default: string;
+    };
+    /**
+     * 菜单偏移量 [x, y]
+     * @default [0, 4]
+     */
+    menuOffset: {
+        type: PropType<QBtnDropdownProps["menuOffset"]>;
+        default: () => number[];
+    };
+}>> & Readonly<{
+    onSelect?: ((item: JQButtonDropdownItem) => any) | undefined;
+}>, {
+    type: JQButtonDropdownTypeType;
+    size: JQButtonDropdownSizeType;
+    label: string;
+    dropdownIcon: string;
+    menuAnchor: "top middle" | "top left" | "top right" | "top start" | "top end" | "center left" | "center middle" | "center right" | "center start" | "center end" | "bottom left" | "bottom middle" | "bottom right" | "bottom start" | "bottom end" | undefined;
+    menuSelf: "top middle" | "top left" | "top right" | "top start" | "top end" | "center left" | "center middle" | "center right" | "center start" | "center end" | "bottom left" | "bottom middle" | "bottom right" | "bottom start" | "bottom end" | undefined;
+    menuOffset: readonly any[] | undefined;
+    disabled: boolean;
+    items: JQButtonDropdownItem[];
+}, SlotsType<JQButtonDropdownSlots>, {
+    QBtnDropdown: ComponentConstructor<QBtnDropdown>;
+    QList: ComponentConstructor<QList>;
+    QItem: ComponentConstructor<QItem>;
+    QItemSection: ComponentConstructor<QItemSection>;
+    QItemLabel: ComponentConstructor<QItemLabel>;
+    QIcon: ComponentConstructor<QIcon>;
+}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/j-q-button-dropdown/types.d.ts

@@ -0,0 +1,133 @@
+import { QBtnDropdownProps } from 'quasar';
+import { DefineComponent } from 'vue';
+export declare const JQButtonDropdownSize: {
+    readonly LARGE: "large";
+    readonly NORMAL: "normal";
+    readonly SMALL: "small";
+};
+export declare const JQButtonDropdownType: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+};
+/** 按钮尺寸类型 */
+export type JQButtonDropdownSizeType = (typeof JQButtonDropdownSize)[keyof typeof JQButtonDropdownSize];
+/** 按钮类型 */
+export type JQButtonDropdownTypeType = (typeof JQButtonDropdownType)[keyof typeof JQButtonDropdownType];
+/** 下拉菜单项接口 */
+export interface JQButtonDropdownItem {
+    /** 显示标签 */
+    label: string;
+    /** 选项值 */
+    value?: string | number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 图标 */
+    icon?: string;
+    /** 点击回调 */
+    onClick?: () => void;
+    /** 权限码，用于权限控制，不传则默认显示 */
+    code?: string | null;
+}
+/** JQButtonDropdown Props 接口 */
+export interface JQButtonDropdownProps {
+    /**
+     * 按钮标签文字
+     */
+    label?: string;
+    /**
+     * 下拉菜单项列表
+     * @default []
+     * @description 下拉菜单项列表
+     * @type {JQButtonDropdownItem[]}
+     * @example
+     * [
+     *   {
+     *     label: '选项1',
+     *     value: 'option1',
+     *     disabled: false,
+     *     icon: 'app:icon-name', // Optional, Quasar icon name
+     *     onClick: () => {
+     *       console.log('选项1被点击'); // Optional, 点击回调
+     *     },
+     *   }
+     * ]
+     */
+    items?: JQButtonDropdownItem[];
+    /**
+     * 按钮大小
+     * @default 'large'
+     * @values 'large' | 'normal' | 'small'
+     */
+    size?: JQButtonDropdownSizeType;
+    /**
+     * 按钮类型
+     * @default 'primary'
+     * @values 'primary' | 'secondary'
+     */
+    type?: JQButtonDropdownTypeType;
+    /**
+     * 下拉箭头图标
+     * @default null
+     */
+    dropdownIcon?: string;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 菜单锚点位置（相对于按钮）
+     * @default 'bottom left'
+     */
+    menuAnchor?: string;
+    /**
+     * 菜单自身定位点
+     * @default 'top left'
+     */
+    menuSelf?: string;
+    /**
+     * 菜单偏移量 [x, y]
+     * @default [0, 4]
+     */
+    menuOffset?: [number, number];
+}
+/** JQButtonDropdown Emits 接口 */
+export interface JQButtonDropdownEmits {
+    /**
+     * 选择菜单项事件
+     * @param item 选中的菜单项
+     */
+    (e: 'select', item: JQButtonDropdownItem): void;
+}
+/** JQButtonDropdown Slots 接口 */
+export interface JQButtonDropdownSlots {
+    /** 默认插槽，用于自定义下拉菜单内容 */
+    default?: () => any;
+    /** 标签插槽，用于自定义按钮标签 */
+    label?: () => any;
+}
+/** JQButtonDropdown 暴露的方法和属性 */
+export interface JQButtonDropdownExpose {
+    /** 获取内部 QBtnDropdown 组件的 DOM 元素 */
+    $el: HTMLElement | undefined;
+    /** 显示下拉菜单 */
+    show: () => void;
+    /** 隐藏下拉菜单 */
+    hide: () => void;
+    /** 切换下拉菜单 */
+    toggle: () => void;
+}
+/** 合并后的完整 Props 类型 (包含 QBtnDropdown 的 Props) */
+export type JQButtonDropdownAllProps = JQButtonDropdownProps & Omit<QBtnDropdownProps, keyof JQButtonDropdownProps>;
+/** Emits 配置对象格式 (用于 DefineComponent) */
+export type JQButtonDropdownEmitsOptions = {
+    /**
+     * 选择菜单项事件
+     * @param item 选中的菜单项
+     */
+    select: (item: JQButtonDropdownItem) => true;
+};
+/** JQButtonDropdown 组件类型定义 */
+export type JQButtonDropdownComponent = DefineComponent<JQButtonDropdownAllProps, JQButtonDropdownExpose, {}, {}, {}, {}, {}, JQButtonDropdownEmitsOptions>;
+/** JQButtonDropdown 实例类型 - 用于 ref 类型定义 */
+export type JQButtonDropdownInstance = InstanceType<JQButtonDropdownComponent> & JQButtonDropdownExpose;

package/dist/components/j-q-confirm-dialog/index.d.ts

@@ -1,18 +1,7 @@
 import { QVueGlobals } from 'quasar';
-export type ShowParams = {
-    title: string;
-    content: string;
-    confirmButtonText?: string;
-    cancelButtonText?: string;
-    showCancelButton?: boolean;
-    color?: string;
-    isDelete?: boolean;
-};
-export interface IGlobalConfirm {
-    show: (params: ShowParams) => Promise<boolean>;
-    setQuasarInstance: (instance: QVueGlobals) => void;
-}
-declare class GlobalConfirm implements IGlobalConfirm {
+import { JQConfirmDialogShowParams, IJQConfirmDialog } from './types';
+export type { JQConfirmDialogShowParams, IJQConfirmDialog } from './types';
+declare class GlobalConfirm implements IJQConfirmDialog {
     /**
      * 设置 Quasar 实例（在 rtcptInit 中调用）
      */
@@ -20,13 +9,33 @@ declare class GlobalConfirm implements IGlobalConfirm {
     /**
      * 弹出自定义确认对话框，返回一个 Promise，resolve(true) 表示确定，resolve(false) 表示取消/关闭。
      */
-    show({ title, color, content, confirmButtonText, cancelButtonText, showCancelButton, isDelete }: ShowParams): Promise<boolean>;
+    show({ title, color, content, confirmButtonText, cancelButtonText, showCancelButton, isDelete, icon, showClose }: JQConfirmDialogShowParams): Promise<boolean>;
 }
 declare const globalConfirm: GlobalConfirm;
 export default globalConfirm;
- type: StringConstructor;
+: StringConstructor;
         default: string;
     };
+    cancel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDelete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: {
+        type: PropType<string | VNode | VueComponent>;
+        default: null;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     dialogRef: Ref<QDialog | undefined, QDialog | undefined>;
     onDialogHide: () => void;
@@ -35,6 +44,8 @@ export default globalConfirm;
     computedCancelText: ComputedRef<string>;
     computedConfirmText: ComputedRef<string>;
     computedButtonColor: ComputedRef<string>;
+    isIconString: ComputedRef<boolean>;
+    onCloseClick: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("hide" | "ok")[], "hide" | "ok", PublicProps, Readonly< ExtractPropTypes<{
     title: {
         type: StringConstructor;
@@ -64,17 +75,29 @@ export default globalConfirm;
         type: StringConstructor;
         default: string;
     };
+    icon: {
+        type: PropType<string | VNode | VueComponent>;
+        default: null;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onHide?: ((...args: any[]) => any) | undefined;
     onOk?: ((...args: any[]) => any) | undefined;
 }>, {
     color: string;
     title: string;
+    icon: string | VNode< RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | VueComponent;
     content: string;
     cancel: boolean;
     confirmButtonText: string;
     cancelButtonText: string;
     isDelete: boolean;
+    showClose: boolean;
 }, {}, {
     QDialog: ComponentConstructor<QDialog>;
     QCard: ComponentConstructor<QCard>;
@@ -82,12 +105,12 @@ export default globalConfirm;
     QIcon: ComponentConstructor<QIcon>;
     JQButton: DefineComponent<ExtractPropTypes<{
         size: {
-            type: PropType<JQButtonSizeType>;
+            type: PropType< JQButtonSizeType>;
             default: "large";
             validator: (value: JQButtonSizeType) => boolean;
         };
         type: {
-            type: PropType<JQButtonTypeType>;
+            type: PropType< JQButtonTypeType>;
             default: "primary";
             validator: (value: JQButtonTypeType) => boolean;
         };
@@ -129,12 +152,12 @@ export default globalConfirm;
         click: (e: Event) => true;
     }, string, PublicProps, Readonly< ExtractPropTypes<{
         size: {
-            type: PropType<JQButtonSizeType>;
+            type: PropType< JQButtonSizeType>;
             default: "large";
             validator: (value: JQButtonSizeType) => boolean;
         };
         type: {
-            type: PropType<JQButtonTypeType>;
+            type: PropType< JQButtonTypeType>;
             default: "primary";
             validator: (value: JQButtonTypeType) => boolean;
         };

package/dist/components/j-q-confirm-dialog/types.d.ts

@@ -0,0 +1,73 @@
+import { QVueGlobals } from 'quasar';
+import { VNode, Component } from 'vue';
+/** JQConfirmDialog 显示参数接口 */
+export interface JQConfirmDialogShowParams {
+    /**
+     * 对话框标题
+     * @description 显示在对话框顶部的标题文字
+     */
+    title: string;
+    /**
+     * 对话框内容
+     * @description 支持 HTML 标签，如 <b></b>
+     */
+    content: string;
+    /**
+     * 确认按钮文本
+     * @default i18n('action.confirm')
+     * @description 自定义确认按钮的显示文字
+     */
+    confirmButtonText?: string;
+    /**
+     * 取消按钮文本
+     * @default i18n('action.cancel')
+     * @description 自定义取消按钮的显示文字
+     */
+    cancelButtonText?: string;
+    /**
+     * 是否显示取消按钮
+     * @default true
+     */
+    showCancelButton?: boolean;
+    /**
+     * 确认按钮颜色
+     * @default 'primary'，isDelete 为 true 时默认 'negative'
+     * @description Quasar 颜色值
+     */
+    color?: string;
+    /**
+     * 是否为删除确认对话框
+     * @default false
+     * @description 影响默认图标和按钮颜色
+     */
+    isDelete?: boolean;
+    /**
+     * 自定义图标
+     * @default undefined
+     * @description 可以是 Quasar 图标名称字符串或 Vue 组件
+     */
+    icon?: string | VNode | Component;
+    /**
+     * 是否显示关闭按钮
+     * @default true
+     */
+    showClose?: boolean;
+}
+/** @deprecated 使用 JQConfirmDialogShowParams 代替 */
+export type ShowParams = JQConfirmDialogShowParams;
+/** JQConfirmDialog 全局实例接口 */
+export interface IJQConfirmDialog {
+    /**
+     * 显示确认对话框
+     * @param params 对话框配置参数
+     * @returns Promise<boolean> 确认返回 true，取消/关闭返回 false
+     */
+    show: (params: JQConfirmDialogShowParams) => Promise<boolean>;
+    /**
+     * 设置 Quasar 实例（在 rtcptInit 中调用）
+     * @param instance Quasar 全局实例
+     */
+    setQuasarInstance: (instance: QVueGlobals) => void;
+}
+/** @deprecated 使用 IJQConfirmDialog 代替 */
+export type IGlobalConfirm = IJQConfirmDialog;

package/dist/components/j-q-table/pagination.d.ts

@@ -1,27 +1,26 @@
-import { QInput, QPagination, QSelect, ComponentConstructor } from 'quasar';
-import { DefineComponent, ExtractPropTypes, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { t } from '../../composables/useI18n.ts';
-export interface PaginationInfo {
+export type PaginationParameter = Pick<Paginator, 'page' | 'rowsPerPage'>;
+export interface Paginator {
     page: number;
     rowsPerPage: number;
     rowsNumber: number;
 }
-declare const _default: DefineComponent<ExtractPropTypes<{
-    paginationInfo: {
-        type: () => PaginationInfo;
-        default: () => {
-            page: number;
-            rowsPerPage: number;
-            rowsNumber: number;
-        };
-    };
-}>, {
-    t: t;
-    internalInfo: {
-        totalPage: number;
-        currentPage: string | number;
-        page: number;
-        rowsPerPage: number;
+export type UsePaginationOptions = {
+    page?: number;
+    rowsPerPage?: number;
+    rowsNumber?: number;
+};
+export type UsePaginationReturn = {
+    paginationInfo: Paginator;
+    getNum: () => number;
+    getPaginationParam: () => PaginationParameter;
+    setNum: (value?: number) => void;
+    setSize: (value?: number) => void;
+    setTotal: (value?: number) => void;
+};
+export declare const DEFAULT_ROWS_PER_PAGE = 15;
+export declare const ROWS_PER_PAGE_OPTIONS: number[];
+export declare function usePagination(options?: UsePaginationOptions): UsePaginationReturn;
+ rowsPerPage: number;
         rowsNumber: number;
     };
     rowNumbersArr: number[];

package/dist/global.d.ts

@@ -1,4 +1,5 @@
 import { JQButtonTemplateProps, JQButtonSlots, JQButtonEmits } from './components/j-q-button/types';
+import { JQButtonDropdownProps, JQButtonDropdownSlots, JQButtonDropdownEmits } from './components/j-q-button-dropdown/types';
 import { JQConfirmTemplateProps, JQConfirmSlots, JQConfirmEmits } from './components/j-q-confirm/types';
 declare module 'vue' {
   export interface GlobalComponents {
@@ -11,6 +12,15 @@ declare module 'vue' {
       $emit: JQButtonEmits;
     };
 
+    /**
+     * JQButtonDropdown - JQButtonDropdown 组件
+     */
+    JQButtonDropdown: new () => {
+      $props: JQButtonDropdownProps;
+      $slots: JQButtonDropdownSlots;
+      $emit: JQButtonDropdownEmits;
+    };
+
     /**
      * JQConfirm - JQConfirm 组件
      */