@quiteer/naive-extra 0.0.1

package/dist/components/table/props.d.ts

@@ -0,0 +1,26 @@
+import { DataTableColumn, DataTableProps } from 'naive-ui';
+import { Recordable } from '../../const';
+export type TableSize = 'medium' | 'small' | 'large' | undefined;
+export interface Props extends /* @vue-ignore */ DataTableProps {
+    size?: TableSize;
+    striped?: boolean;
+    fetch: FetchFn;
+    hidebar?: boolean;
+}
+export type Column = DataTableColumn<Recordable>;
+export type Columns = Column[];
+export interface Settings {
+    size: TableSize;
+    striped: boolean;
+    columns: any[];
+}
+export interface FetchFn {
+    (pageInfo: {
+        pageNum: number;
+        pageSize: number;
+    }): Promise<{
+        list: any[];
+        total: number;
+    }>;
+}
+export type ExportType = 'all' | 'section';

package/dist/components/table/useColumn.d.ts

@@ -0,0 +1,15 @@
+import { WritableComputedRef } from 'vue';
+export declare function useColumn(data: WritableComputedRef<any[]>): {
+    init: () => void;
+    columnsList: globalThis.Ref<any[], any[]>;
+    handleCheckAll: (flag: boolean) => void;
+    handleSelection: (flag: boolean) => void;
+    resetColumns: () => void;
+    handleChange: () => void;
+    fixedColumn: (item: any, type: "left" | "right") => void;
+    draggableEnd: () => void;
+    selection: globalThis.Ref<boolean, boolean>;
+    checkAll: globalThis.Ref<boolean, boolean>;
+    checkList: globalThis.Ref<any[], any[]>;
+    defaultCheckList: globalThis.Ref<any[], any[]>;
+};

package/dist/components/upload/enum.d.ts

@@ -0,0 +1,18 @@
+export declare enum AcceptType {
+    /**
+     * 图片格式：常见光栅和矢量图像
+     */
+    Image = ".jpg,.jpeg,.png,.gif,.bmp,.webp,.svg",
+    /**
+     * 视频格式：常见视频文件类型
+     */
+    Video = ".mp4,.webm,.ogg,.mov,.avi,.wmv,.flv,.mkv",
+    /**
+     * 音频格式：常见音频文件类型
+     */
+    Audio = ".mp3,.wav,.ogg,.aac,.flac,.m4a",
+    /**
+     * 文档和压缩文件：常用办公文档和压缩包
+     */
+    File = ".doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt,.pdf,.zip,.rar,.7z,.tar,.gz"
+}

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

@@ -0,0 +1,4 @@
+import { default as QuiUpload } from './index.vue';
+export { QuiUpload };
+export { AcceptType } from './enum';
+export type { Props as UploadProps } from './props';

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

@@ -0,0 +1,17 @@
+import { Props } from './props';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+interface FileListItem {
+    id: string;
+    name: string;
+    url: string;
+}
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    'value'?: FileListItem[] | string | undefined;
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (value: string | FileListItem[] | undefined) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:value"?: ((value: string | FileListItem[] | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/upload/props.d.ts

@@ -0,0 +1,7 @@
+import { UploadProps } from 'naive-ui';
+export interface Props extends /* @vue-ignore */ UploadProps {
+    fileType: 'image-view' | 'video-view' | 'audio-view' | 'file' | 'dragger-file';
+    fileSize?: number;
+    /** 传入string返回值为url 不传默认数据为数组形式 */
+    dataType?: 'string';
+}

package/dist/const/defaults.d.ts

@@ -0,0 +1,7 @@
+import { NaiveExtraThemeConfig } from './types';
+/**
+ * 默认主题配置托底
+ *
+ * 包含全局组件的默认样式与尺寸行为，确保在用户未提供配置时系统仍能正常运行。
+ */
+export declare const DEFAULT_THEME_CONFIG: NaiveExtraThemeConfig;

package/dist/const/index.d.ts

@@ -0,0 +1,2 @@
+export * from './defaults';
+export * from './types';

package/dist/const/types.d.ts

@@ -0,0 +1,134 @@
+import { GlobalThemeOverrides } from 'naive-ui';
+/**
+ * 表格主题配置接口
+ */
+export interface TableThemeConfig {
+    /** 是否开启斑马纹 */
+    striped?: boolean;
+    /** 行类名 */
+    rowClassName?: string | ((row: any) => string);
+    /** 分页回调 */
+    onUpdatePage?: (page: number) => void;
+    /** 每页条数回调 */
+    onUpdatePageSize?: (pageSize: number) => void;
+    /** 表格背景色 */
+    tableColor?: string;
+    /** 表头背景色 */
+    tableHeaderColor?: string;
+    /** 斑马纹颜色 */
+    tableColorStriped?: string;
+    /** 悬浮行背景色 */
+    tableColorHover?: string;
+    /** 单元格左右内边距 */
+    tdPaddingHorizontal?: string;
+    /** 单元格上下内边距 */
+    tdPaddingVertical?: string;
+    /** 表头单元格左右内边距 */
+    thPaddingHorizontal?: string;
+    /** 表头单元格上下内边距 */
+    thPaddingVertical?: string;
+}
+/**
+ * Naive UI 基础变量类型
+ */
+export type CommonThemeVars = NonNullable<GlobalThemeOverrides['common']>;
+/**
+ * 泛型对象类型
+ */
+export type Recordable<T = any> = Record<string, T>;
+/**
+ * 品牌色板类型
+ */
+export interface BrandPalette {
+    primary: string;
+    info: string;
+    success: string;
+    warning: string;
+    error: string;
+}
+/**
+ * 主题配置接口定义
+ */
+export interface NaiveExtraThemeConfig {
+    /** 主题模式 */
+    themeMode?: 'light' | 'dark' | 'system';
+    /** 语言模式 */
+    localeMode?: 'zh' | 'en';
+    /** 全局圆角 (px) */
+    borderRadius?: number;
+    /** 品牌色板 */
+    palette?: Partial<BrandPalette>;
+    /** 全局基础变量配置 (对应 Naive UI 的 common) */
+    common?: CommonThemeVars;
+    /** 表格相关配置 */
+    table?: TableThemeConfig;
+    /** 布局相关配置 */
+    layout?: {
+        headerHeight?: number;
+        footerHeight?: number;
+        siderWidth?: number;
+        siderCollapsedWidth?: number;
+        mixedMenuWidth?: number;
+        mixedMenuCollapsedWidth?: number;
+        color?: string;
+        colorEmbedded?: string;
+        headerColor?: string;
+        footerColor?: string;
+        siderColor?: string;
+        showFooter?: boolean;
+        showHeader?: boolean;
+        showTabs?: boolean;
+        fixedHeader?: boolean;
+        fixedFooter?: boolean;
+    };
+    /** 菜单相关配置 */
+    menu?: {
+        accordion?: boolean;
+        collapsedIconSize?: number;
+        iconSize?: number;
+        indent?: number;
+        inverted?: boolean;
+        itemHeight?: number;
+        collapsedWidth?: number;
+    };
+    /** 标签页相关配置 */
+    tabs?: {
+        type?: 'line' | 'card' | 'bar';
+        closable?: boolean;
+        animated?: boolean;
+        showIcon?: boolean;
+    };
+    /** 滚动条相关配置 */
+    scrollbar?: {
+        trigger?: 'none' | 'hover' | 'always';
+        xScrollable?: boolean;
+    };
+    /** 面包屑相关配置 */
+    breadcrumb?: {
+        showIcon?: boolean;
+        separator?: string;
+    };
+    /** 消息配置 */
+    message?: {
+        duration?: number;
+        max?: number;
+        placement?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';
+        showIcon?: boolean;
+        closable?: boolean;
+    };
+    /** 通知配置 */
+    notification?: {
+        duration?: number;
+        max?: number;
+        placement?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    };
+    /** 加载条配置 */
+    loadingBar?: {
+        loadingBarStyle?: {
+            loading?: string;
+            error?: string;
+        };
+    };
+    /** 自定义 Naive UI 组件样式覆盖 (直接映射到 GlobalThemeOverrides) */
+    overrides?: GlobalThemeOverrides;
+}

package/dist/context/color.d.ts

@@ -0,0 +1,13 @@
+import { ComputedRef } from 'vue';
+import { NaiveExtraThemeConfig } from '../const';
+/**
+ * 品牌色管理模块
+ *
+ * 负责生成品牌色阶并同步 CSS 变量到 :root
+ *
+ * @param mergedConfig - 合并后的响应式配置
+ * @returns 包含 common 变量中颜色部分的计算结果
+ */
+export declare function useColorModule(mergedConfig: ComputedRef<Required<NaiveExtraThemeConfig>>): {
+    colorVars: ComputedRef<any>;
+};

package/dist/context/common.d.ts

@@ -0,0 +1,117 @@
+import { ComputedRef } from 'vue';
+import { NaiveExtraThemeConfig } from '../const';
+/**
+ * 基础变量管理模块
+ *
+ * 负责处理圆角、基础配置等 Naive UI common 变量
+ *
+ * @param mergedConfig - 合并后的响应式配置
+ * @returns 包含 common 变量中非颜色部分的计算结果
+ */
+export declare function useCommonModule(mergedConfig: ComputedRef<Required<NaiveExtraThemeConfig>>): {
+    commonVars: ComputedRef<{
+        borderRadius: string;
+        borderRadiusSmall: string;
+        baseColor?: string | undefined;
+        primaryColor?: string | undefined;
+        primaryColorHover?: string | undefined;
+        primaryColorPressed?: string | undefined;
+        primaryColorSuppl?: string | undefined;
+        infoColor?: string | undefined;
+        infoColorHover?: string | undefined;
+        infoColorPressed?: string | undefined;
+        infoColorSuppl?: string | undefined;
+        successColor?: string | undefined;
+        successColorHover?: string | undefined;
+        successColorPressed?: string | undefined;
+        successColorSuppl?: string | undefined;
+        warningColor?: string | undefined;
+        warningColorHover?: string | undefined;
+        warningColorPressed?: string | undefined;
+        warningColorSuppl?: string | undefined;
+        errorColor?: string | undefined;
+        errorColorHover?: string | undefined;
+        errorColorPressed?: string | undefined;
+        errorColorSuppl?: string | undefined;
+        textColorBase?: string | undefined;
+        textColor1?: string | undefined;
+        textColor2?: string | undefined;
+        textColor3?: string | undefined;
+        textColorDisabled?: string | undefined;
+        placeholderColor?: string | undefined;
+        placeholderColorDisabled?: string | undefined;
+        iconColor?: string | undefined;
+        iconColorHover?: string | undefined;
+        iconColorPressed?: string | undefined;
+        iconColorDisabled?: string | undefined;
+        opacity1?: string | undefined;
+        opacity2?: string | undefined;
+        opacity3?: string | undefined;
+        opacity4?: string | undefined;
+        opacity5?: string | undefined;
+        dividerColor?: string | undefined;
+        borderColor?: string | undefined;
+        closeIconColor?: string | undefined;
+        closeIconColorHover?: string | undefined;
+        closeIconColorPressed?: string | undefined;
+        closeColorHover?: string | undefined;
+        closeColorPressed?: string | undefined;
+        clearColor?: string | undefined;
+        clearColorHover?: string | undefined;
+        clearColorPressed?: string | undefined;
+        scrollbarColor?: string | undefined;
+        scrollbarColorHover?: string | undefined;
+        scrollbarWidth?: string | undefined;
+        scrollbarHeight?: string | undefined;
+        scrollbarBorderRadius?: string | undefined;
+        progressRailColor?: string | undefined;
+        railColor?: string | undefined;
+        popoverColor?: string | undefined;
+        tableColor?: string | undefined;
+        cardColor?: string | undefined;
+        modalColor?: string | undefined;
+        bodyColor?: string | undefined;
+        tagColor?: string | undefined;
+        avatarColor?: string | undefined;
+        invertedColor?: string | undefined;
+        inputColor?: string | undefined;
+        codeColor?: string | undefined;
+        tabColor?: string | undefined;
+        actionColor?: string | undefined;
+        tableHeaderColor?: string | undefined;
+        hoverColor?: string | undefined;
+        tableColorHover?: string | undefined;
+        tableColorStriped?: string | undefined;
+        pressedColor?: string | undefined;
+        opacityDisabled?: string | undefined;
+        inputColorDisabled?: string | undefined;
+        buttonColor2?: string | undefined;
+        buttonColor2Hover?: string | undefined;
+        buttonColor2Pressed?: string | undefined;
+        boxShadow1?: string | undefined;
+        boxShadow2?: string | undefined;
+        boxShadow3?: string | undefined;
+        fontFamily?: string | undefined;
+        fontFamilyMono?: string | undefined;
+        fontWeight?: string | undefined;
+        fontWeightStrong?: string | undefined;
+        cubicBezierEaseInOut?: string | undefined;
+        cubicBezierEaseOut?: string | undefined;
+        cubicBezierEaseIn?: string | undefined;
+        fontSize?: string | undefined;
+        fontSizeMini?: string | undefined;
+        fontSizeTiny?: string | undefined;
+        fontSizeSmall?: string | undefined;
+        fontSizeMedium?: string | undefined;
+        fontSizeLarge?: string | undefined;
+        fontSizeHuge?: string | undefined;
+        lineHeight?: string | undefined;
+        heightMini?: string | undefined;
+        heightTiny?: string | undefined;
+        heightSmall?: string | undefined;
+        heightMedium?: string | undefined;
+        heightLarge?: string | undefined;
+        heightHuge?: string | undefined;
+        name?: "common" | undefined;
+    }>;
+};

package/dist/context/index.d.ts

@@ -0,0 +1,41 @@
+import { ConfigProviderProps } from 'naive-ui';
+import { ComputedRef, InjectionKey, Ref } from 'vue';
+import { NaiveExtraThemeConfig } from '../const';
+export * from '../const';
+/**
+ * NaiveExtra 上下文接口
+ */
+export interface NaiveExtraContext {
+    /** 响应式的主题配置 */
+    config: Ref<NaiveExtraThemeConfig>;
+    /** 合并了默认值的最终配置 */
+    mergedConfig: ComputedRef<Required<NaiveExtraThemeConfig>>;
+    /** ConfigProvider 所需的所有 Props */
+    providerProps: ComputedRef<ConfigProviderProps>;
+    loadingBarProviderProps: ComputedRef<any>;
+    messageProviderProps: ComputedRef<any>;
+    notificationProviderProps: ComputedRef<any>;
+    /** 是否为暗黑模式 */
+    isDark: ComputedRef<boolean>;
+    /** 更新配置的方法 */
+    updateConfig: (newConfig: Partial<NaiveExtraThemeConfig>) => void;
+    /** 主题控制方法 */
+    setThemeMode: (mode: 'light' | 'dark' | 'system') => void;
+    toggleTheme: () => void;
+    /** 语言控制方法 */
+    setLocaleMode: (mode: 'zh' | 'en') => void;
+    toggleLocale: () => void;
+    /** 样式快捷操作 */
+    setPrimaryColor: (color: string) => void;
+    setBorderRadius: (radius: number) => void;
+}
+/**
+ * Context 注入标识
+ */
+export declare const NAIVE_EXTRA_CONTEXT_KEY: InjectionKey<NaiveExtraContext>;
+/**
+ * 创建并提供主题配置上下文
+ *
+ * 通过聚合多个子模块逻辑，实现一站式的主题与配置管理。
+ */
+export declare function createProviderContext(initialConfig?: NaiveExtraThemeConfig): NaiveExtraContext;

package/dist/context/layout.d.ts

@@ -0,0 +1,52 @@
+import { ComputedRef } from 'vue';
+import { NaiveExtraThemeConfig } from '../const';
+import { ExtractThemeOverrides } from 'naive-ui/es/_mixins/use-theme';
+import { Theme } from 'naive-ui/es/_mixins';
+/**
+ * 布局相关组件样式覆盖模块
+ *
+ * 涵盖 Layout, Tabs, Scrollbar 等
+ *
+ * @param mergedConfig - 合并后的响应式配置
+ * @returns 包含各组件主题覆盖对象的集合
+ */
+export declare function useLayoutModule(mergedConfig: ComputedRef<Required<NaiveExtraThemeConfig>>): {
+    layoutOverrides: ComputedRef< ExtractThemeOverrides< Theme<"Layout", {
+        textColor: string;
+        textColorInverted: string;
+        color: string;
+        colorEmbedded: string;
+        headerColor: string;
+        headerColorInverted: string;
+        footerColor: string;
+        footerColorInverted: string;
+        headerBorderColor: string;
+        headerBorderColorInverted: string;
+        footerBorderColor: string;
+        footerBorderColorInverted: string;
+        siderBorderColor: string;
+        siderBorderColorInverted: string;
+        siderColor: string;
+        siderColorInverted: string;
+        siderToggleButtonBorder: string;
+        siderToggleButtonColor: string;
+        siderToggleButtonIconColor: string;
+        siderToggleButtonIconColorInverted: string;
+        siderToggleBarColor: string;
+        siderToggleBarColorHover: string;
+        __invertScrollbar: string;
+    }, {
+        Scrollbar: Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }> | undefined> | undefined>;
+};

package/dist/context/loading-bar.d.ts

@@ -0,0 +1,14 @@
+import { LoadingBarProviderProps } from 'naive-ui';
+import { ComputedRef } from 'vue';
+import { NaiveExtraThemeConfig } from '../const';
+/**
+ * 加载条 (LoadingBar) 配置模块
+ *
+ * 负责管理 NLoadingBarProvider 的全局属性和样式
+ *
+ * @param mergedConfig - 合并后的完整主题配置
+ * @returns 包含 loadingBarProviderProps 的计算引用
+ */
+export declare function useLoadingBarModule(mergedConfig: ComputedRef<Required<NaiveExtraThemeConfig>>): {
+    loadingBarProviderProps: ComputedRef<LoadingBarProviderProps>;
+};

package/dist/context/locale.d.ts

@@ -0,0 +1,143 @@
+import { ComputedRef } from 'vue';
+import { NaiveExtraThemeConfig } from '../const';
+import { NDateLocale } from 'naive-ui';
+/**
+ * 国际化管理模块
+ *
+ * 负责语言包及日期语言包的切换逻辑
+ *
+ * @param mergedConfig - 合并后的响应式配置
+ * @returns 包含语言包、日期语言包计算结果的对象
+ */
+export declare function useLocaleModule(mergedConfig: ComputedRef<Required<NaiveExtraThemeConfig>>): {
+    locale: ComputedRef<{
+        name: string;
+        global: {
+            undo: string;
+            redo: string;
+            confirm: string;
+            clear: string;
+        };
+        Popconfirm: {
+            positiveText: string;
+            negativeText: string;
+        };
+        Cascader: {
+            placeholder: string;
+            loading: string;
+            loadingRequiredMessage: (label: string) => string;
+        };
+        Time: {
+            dateFormat: string;
+            dateTimeFormat: string;
+        };
+        DatePicker: {
+            yearFormat: string;
+            monthFormat: string;
+            dayFormat: string;
+            yearTypeFormat: string;
+            monthTypeFormat: string;
+            dateFormat: string;
+            dateTimeFormat: string;
+            quarterFormat: string;
+            weekFormat: string;
+            clear: string;
+            now: string;
+            confirm: string;
+            selectTime: string;
+            selectDate: string;
+            datePlaceholder: string;
+            datetimePlaceholder: string;
+            monthPlaceholder: string;
+            yearPlaceholder: string;
+            quarterPlaceholder: string;
+            weekPlaceholder: string;
+            startDatePlaceholder: string;
+            endDatePlaceholder: string;
+            startDatetimePlaceholder: string;
+            endDatetimePlaceholder: string;
+            startMonthPlaceholder: string;
+            endMonthPlaceholder: string;
+            monthBeforeYear: boolean;
+            firstDayOfWeek: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+            today: string;
+        };
+        DataTable: {
+            checkTableAll: string;
+            uncheckTableAll: string;
+            confirm: string;
+            clear: string;
+        };
+        LegacyTransfer: {
+            sourceTitle: string;
+            targetTitle: string;
+        };
+        Transfer: {
+            selectAll: string;
+            unselectAll: string;
+            clearAll: string;
+            total: (num: number) => string;
+            selected: (num: number) => string;
+        };
+        Empty: {
+            description: string;
+        };
+        Select: {
+            placeholder: string;
+        };
+        TimePicker: {
+            placeholder: string;
+            positiveText: string;
+            negativeText: string;
+            now: string;
+            clear: string;
+        };
+        Pagination: {
+            goto: string;
+            selectionSuffix: string;
+        };
+        DynamicTags: {
+            add: string;
+        };
+        Log: {
+            loading: string;
+        };
+        Input: {
+            placeholder: string;
+        };
+        InputNumber: {
+            placeholder: string;
+        };
+        DynamicInput: {
+            create: string;
+        };
+        ThemeEditor: {
+            title: string;
+            clearAllVars: string;
+            clearSearch: string;
+            filterCompName: string;
+            filterVarName: string;
+            import: string;
+            export: string;
+            restore: string;
+        };
+        Image: {
+            tipPrevious: string;
+            tipNext: string;
+            tipCounterclockwise: string;
+            tipClockwise: string;
+            tipZoomOut: string;
+            tipZoomIn: string;
+            tipDownload: string;
+            tipClose: string;
+            tipOriginalSize: string;
+        };
+        Heatmap: {
+            less: string;
+            more: string;
+            monthFormat: string;
+            weekdayFormat: string;
+        };
+    }>;
+    dateLocale: ComputedRef< NDateLocale>;
+};