bilitoolkit-ui 0.0.1

package/dist/common/ui-constants.d.ts

@@ -0,0 +1,9 @@
+import { AppThemeState } from 'bilitoolkit-api-types';
+export declare const APP_THEME_STATE: {
+    DEFAULT_PRIMARY_COLORS: string[];
+    DEFAULT_PRIMARY_COLOR_INDEX: number;
+};
+/**
+ * 默认的应用主题状态
+ */
+export declare const defaultAppThemeState: AppThemeState;

package/dist/components/bili/BiliAccountCard.vue.d.ts

@@ -0,0 +1,18 @@
+import { BiliAccountCardProps } from './types.ts';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BiliAccountCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BiliAccountCardProps> & 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/bili/types.d.ts

@@ -0,0 +1,7 @@
+import { BiliAccountInfo } from 'bilitoolkit-api-types';
+/**
+ * 账号卡片信息
+ */
+export interface BiliAccountCardProps {
+    account: BiliAccountInfo;
+}

package/dist/components/common/AppIcon.vue.d.ts

@@ -0,0 +1,9 @@
+/**
+ * remix 图标
+ * 根据应用主题自动切换图标类型
+ */
+type __VLS_Props = {
+    icon: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+export default _default;

package/dist/components/common/AppTooltip.vue.d.ts

@@ -0,0 +1,25 @@
+interface TooltipProps {
+    content?: string;
+    type?: 'ltr' | 'rtl';
+    iconClass?: string;
+    contentClass?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TooltipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TooltipProps> & Readonly<{}>, {
+    type: "ltr" | "rtl";
+}, {}, {}, {}, 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/common/ExternalLink.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    url: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+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, {}, HTMLSpanElement>;
+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/common/IconButton.vue.d.ts

@@ -0,0 +1,27 @@
+interface IconButtonProps {
+    confirm?: string;
+    icon: string;
+    tip?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IconButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<IconButtonProps> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/common/IconLabel.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    icon: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): 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/common/LogPrint.vue.d.ts

@@ -0,0 +1,5 @@
+declare function addLog(msg: string): void;
+declare const _default: import('vue').DefineComponent<{}, {
+    addLog: typeof addLog;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/components/dialog/countdown/CountdownDialog.vue.d.ts

@@ -0,0 +1,22 @@
+import { CountdownDialogProps } from './types.ts';
+type __VLS_Props = CountdownDialogProps;
+type __VLS_PublicProps = {
+    modelValue: boolean;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
+    show: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onConfirm: (...args: any[]) => void;
+    onCancel: (...args: any[]) => void;
+    "update:modelValue": (value: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onOnConfirm?: ((...args: any[]) => any) | undefined;
+    onOnCancel?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    title: string;
+    confirmBtnText: string;
+    cancelBtnText: string;
+    width: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/dialog/countdown/types.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 倒计时弹窗
+ */
+export interface CountdownDialogProps {
+    content: string;
+    countdown: number;
+    title?: string;
+    confirmBtnText?: string;
+    cancelBtnText?: string;
+    width?: number;
+}

package/dist/components/dialog/countdown/useCountdown.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 使用倒计时
+ * @param initial
+ */
+export declare function useCountdown(initial: number): {
+    countdown: import('vue').Ref<number, number>;
+    start: (callback: () => void) => void;
+    stop: () => void;
+};

package/dist/components/dialog/loading/LoadingDialog.vue.d.ts

@@ -0,0 +1,16 @@
+import { LoadingDialogProps } from './types.ts';
+type __VLS_Props = LoadingDialogProps;
+type __VLS_PublicProps = {
+    modelValue: boolean;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
+    show: (options?: LoadingDialogProps) => void;
+    hide: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    canCancel: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/dialog/loading/loadingService.d.ts

@@ -0,0 +1,12 @@
+import { GlobalLoadingDialogProps } from './types.ts';
+/**
+ * APP 全局加载框
+ */
+export declare const AppLoadingDialog: {
+    /**
+     * 显示，返回一个Promise，解析为是否成功，false为用户取消
+     * @param options
+     */
+    show(options?: Omit<GlobalLoadingDialogProps, "onCancel">): Promise<boolean>;
+    hide(): void;
+};

package/dist/components/dialog/loading/types.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 加载框
+ */
+export interface LoadingDialogProps {
+    canCancel?: boolean;
+    onCancel?: () => void;
+    loadingText?: string;
+}
+/**
+ * 加载框暴露的方法
+ */
+export type LoadingDialogExposed = {
+    show: (options?: LoadingDialogProps) => void;
+    hide: () => void;
+};
+/**
+ * 全局加载框的参数
+ */
+export type GlobalLoadingDialogProps = {
+    autoCloseDelay?: number;
+} & LoadingDialogProps;

package/dist/components/plugin/PluginMenuItem.vue.d.ts

@@ -0,0 +1,3 @@
+import { PluginMenuItemProps } from './types.ts';
+declare const _default: import('vue').DefineComponent<PluginMenuItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PluginMenuItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/plugin/PluginMenus.vue.d.ts

@@ -0,0 +1,25 @@
+import { PluginMenuInfo, PluginMenusProps } from './types.ts';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'left-item'?(_: {}): any;
+        left?(_: {}): any;
+        'right-item'?(_: {}): any;
+        right?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<PluginMenusProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    handleSelect: (menu: PluginMenuInfo) => any;
+}, string, import('vue').PublicProps, Readonly<PluginMenusProps> & Readonly<{
+    onHandleSelect?: ((menu: PluginMenuInfo) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/plugin/PluginPageContent.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/plugin/PluginPageHeader.vue.d.ts

@@ -0,0 +1,7 @@
+import { PluginMenuInfo, PluginMenusProps } from './types.ts';
+declare const _default: import('vue').DefineComponent<PluginMenusProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    handleMenuSelect: (menu: PluginMenuInfo) => any;
+}, string, import('vue').PublicProps, Readonly<PluginMenusProps> & Readonly<{
+    onHandleMenuSelect?: ((menu: PluginMenuInfo) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/plugin/types.d.ts

@@ -0,0 +1,12 @@
+export interface PluginMenuInfo {
+    title: string;
+    path: string;
+    children?: Array<PluginMenuInfo>;
+}
+export interface PluginMenusProps {
+    menus: Array<PluginMenuInfo>;
+    activeIndex: string;
+}
+export interface PluginMenuItemProps {
+    menu: PluginMenuInfo;
+}

package/dist/components/settings/SettingGroup.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    name: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): 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/settings/SettingItem.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    title: string;
+    desc?: string;
+    iconClass?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): 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/composables/useLoadingData.d.ts

@@ -0,0 +1,4 @@
+export declare const useLoadingData: () => {
+    loading: import('vue').Ref<boolean, boolean>;
+    loadingData: <TArgs extends any[] = [], TReturn = void>(doneFn: ((...args: TArgs) => TReturn | Promise<TReturn>) | Promise<TReturn>) => ((...args: TArgs) => Promise<TReturn>);
+};

package/dist/index.d.ts

@@ -0,0 +1,28 @@
+export * from './ui';
+export * from './utils/app-utils';
+export * from './utils/theme-utils';
+export * from './stores/test-data.ts';
+export * from './stores/app-theme.ts';
+export * from './stores/selected-account.ts';
+export { useLoadingData } from './composables/useLoadingData';
+export { default as SettingGroup } from './components/settings/SettingGroup.vue';
+export { default as SettingItem } from './components/settings/SettingItem.vue';
+export * from './components/dialog/countdown/types';
+export * from './components/dialog/countdown/useCountdown';
+export { default as CountdownDialog } from './components/dialog/countdown/CountdownDialog.vue';
+export * from './components/dialog/loading/types';
+export * from './components/dialog/loading/loadingService';
+export { default as LoadingDialog } from './components/dialog/loading/LoadingDialog.vue';
+export { default as AppIcon } from './components/common/AppIcon.vue';
+export { default as AppTooltip } from './components/common/AppTooltip.vue';
+export { default as IconButton } from './components/common/IconButton.vue';
+export { default as IconLabel } from './components/common/IconLabel.vue';
+export { default as ExternalLink } from './components/common/ExternalLink.vue';
+export { default as LogPrint } from './components/common/LogPrint.vue';
+export * from './components/bili/types.ts';
+export { default as BiliAccountCard } from './components/bili/BiliAccountCard.vue';
+export * from './components/plugin/types';
+export { default as PluginMenuItem } from './components/plugin/PluginMenuItem.vue';
+export { default as PluginMenus } from './components/plugin/PluginMenus.vue';
+export { default as PluginPageHeader } from './components/plugin/PluginPageHeader.vue';
+export { default as PluginPageContent } from './components/plugin/PluginPageContent.vue';

package/dist/stores/app-theme.d.ts

@@ -0,0 +1,31 @@
+/**
+ * 应用主题状态 Store
+ */
+export declare const useAppThemeStore: import('pinia').StoreDefinition<"BiliToolkit-ui-AppThemeStore", Pick<{
+    init: () => Promise<void>;
+    state: {
+        currPrimaryColorIndex: number;
+        primaryColor: string;
+        themeMode: import('bilitoolkit-api-types').AppThemeMode;
+        bgMode: import('bilitoolkit-api-types').AppThemeBackgroundMode;
+        dark: boolean;
+    };
+}, "state">, Pick<{
+    init: () => Promise<void>;
+    state: {
+        currPrimaryColorIndex: number;
+        primaryColor: string;
+        themeMode: import('bilitoolkit-api-types').AppThemeMode;
+        bgMode: import('bilitoolkit-api-types').AppThemeBackgroundMode;
+        dark: boolean;
+    };
+}, never>, Pick<{
+    init: () => Promise<void>;
+    state: {
+        currPrimaryColorIndex: number;
+        primaryColor: string;
+        themeMode: import('bilitoolkit-api-types').AppThemeMode;
+        bgMode: import('bilitoolkit-api-types').AppThemeBackgroundMode;
+        dark: boolean;
+    };
+}, "init">>;

package/dist/stores/selected-account.d.ts

@@ -0,0 +1,26 @@
+import { BiliAccountInfo } from 'bilitoolkit-api-types';
+/**
+ * 选择的账号状态 Store
+ */
+export declare const useSelectedAccountStore: import('pinia').StoreDefinition<"BiliToolkit-ui-SelectedAccountStore", Pick<{
+    init: () => Promise<void>;
+    state: {
+        selectedAccount: BiliAccountInfo | undefined;
+    };
+    deleteAccount: () => void;
+    setAccount: (account: BiliAccountInfo) => void;
+}, "state">, Pick<{
+    init: () => Promise<void>;
+    state: {
+        selectedAccount: BiliAccountInfo | undefined;
+    };
+    deleteAccount: () => void;
+    setAccount: (account: BiliAccountInfo) => void;
+}, never>, Pick<{
+    init: () => Promise<void>;
+    state: {
+        selectedAccount: BiliAccountInfo | undefined;
+    };
+    deleteAccount: () => void;
+    setAccount: (account: BiliAccountInfo) => void;
+}, "init" | "deleteAccount" | "setAccount">>;

package/dist/stores/test-data.d.ts

@@ -0,0 +1,70 @@
+/**
+ * 测试数据状态 Store
+ */
+export declare const useTestDataStore: import('pinia').StoreDefinition<"BiliToolkit-ui-TestDataStore", Pick<{
+    init: (isTest: boolean) => Promise<void>;
+    state: {
+        isTest: boolean;
+        account: {
+            mid: number;
+            name: string;
+            face: string;
+            sex: string;
+            level: number;
+            sign: string;
+            moral: number;
+            silence: number;
+            following: number;
+            follower: number;
+        };
+        menus: {
+            title: string;
+            path: string;
+            children?: /*elided*/ any[] | undefined;
+        }[];
+    };
+}, "state">, Pick<{
+    init: (isTest: boolean) => Promise<void>;
+    state: {
+        isTest: boolean;
+        account: {
+            mid: number;
+            name: string;
+            face: string;
+            sex: string;
+            level: number;
+            sign: string;
+            moral: number;
+            silence: number;
+            following: number;
+            follower: number;
+        };
+        menus: {
+            title: string;
+            path: string;
+            children?: /*elided*/ any[] | undefined;
+        }[];
+    };
+}, never>, Pick<{
+    init: (isTest: boolean) => Promise<void>;
+    state: {
+        isTest: boolean;
+        account: {
+            mid: number;
+            name: string;
+            face: string;
+            sex: string;
+            level: number;
+            sign: string;
+            moral: number;
+            silence: number;
+            following: number;
+            follower: number;
+        };
+        menus: {
+            title: string;
+            path: string;
+            children?: /*elided*/ any[] | undefined;
+        }[];
+    };
+}, "init">>;

package/dist/styles/functions.scss

@@ -0,0 +1,4 @@
+/* RGB透明度 */
+@function rgba-opacity($color, $opacity) {
+  @return rgba(red($color), green($color), blue($color), $opacity);
+}