@opendesign-plus-test/composables 0.0.1-rc.4 → 0.0.1-rc.5

package/dist/analytics/useAnalytics.d.ts

@@ -0,0 +1,12 @@
+import { InjectionKey, MaybeRef, WatchSource } from 'vue';
+type BubbleData = Record<string | symbol, any>;
+type DataSource<T = any> = MaybeRef<BubbleData> | ((val?: T | Event, old?: T) => Promise<BubbleData> | BubbleData);
+type ConfigOptions = {
+    key?: InjectionKey<any> | string;
+    bubble?: boolean;
+    catchBubble?: boolean;
+};
+export declare function useWatchAnalytics<T = any>(watchSource: WatchSource<T>, dataSource: DataSource<T>, options?: ConfigOptions): void;
+export declare function useElementEventAnalytics<T = any>(el: MaybeRef<HTMLElement>, event: string, dataSource: DataSource<T>, options?: ConfigOptions): void;
+export declare function useAnalytics<DS = any>(dataSource: DataSource<DS>, options: ConfigOptions): void;
+export {};

package/dist/core/useCheckbox.d.ts

@@ -0,0 +1,9 @@
+import { MaybeRefOrGetter } from 'vue';
+export declare const useCheckbox: <T>(datasource: MaybeRefOrGetter<T[]>, cbValueExtractor: (item: T) => string | number) => {
+    checkboxes: import('vue').Ref<(string | number)[], (string | number)[]>;
+    indeterminate: import('vue').Ref<boolean, boolean>;
+    parentCheckbox: import('vue').Ref<(string | number)[], (string | number)[]>;
+    isCheckedAll: import('vue').ComputedRef<boolean>;
+    clearCheckboxes: () => void;
+    checkAll: () => void;
+};

package/dist/core/useMdRender.d.ts

@@ -2,7 +2,7 @@ import { MarkdownItAsyncOptions } from 'markdown-it-async';
 import { BundledLanguage, BundledTheme } from 'shiki';
 export type * from 'markdown-it-async';
 export type * from 'shiki';
-export interface UseMdOptions extends MarkdownItAsyncOptions {
+export interface UseMdOptionsT extends MarkdownItAsyncOptions {
     anchor?: boolean;
     anchorType?: 'vitepress' | 'github';
     copy?: boolean;
@@ -17,7 +17,7 @@ export interface UseMdOptions extends MarkdownItAsyncOptions {
  * @param options - 配置选项
  * @returns 返回一个对象可解构出 shiki 实例和 markdown-it 实例
  */
-export declare function useMdRender(options?: UseMdOptions): Promise<{
+export declare function useMdRender(options?: UseMdOptionsT): Promise<{
     shiki: import('shiki').HighlighterGeneric<BundledLanguage, BundledTheme>;
     markdwon: import('markdown-it-async').MarkdownItAsync;
 }>;

package/dist/core/useScrollBottom.d.ts

@@ -0,0 +1,4 @@
+import { OScroller } from '@opensig/opendesign';
+import { Ref } from 'vue';
+declare const useScrollBottom: (scrollerRef: Ref<InstanceType<typeof OScroller>>, callback: () => void) => void;
+export default useScrollBottom;

package/dist/core/useTheme.d.ts

@@ -1,19 +1,37 @@
+import { ComputedRef, Plugin } from 'vue';
 /**
- * 初始化主题，建议在 vue 应用初始化前调用
- * @param storageKey - 用于存储主题偏好设置的键名
- * @param cookieDomain - Cookie 的作用域域名
+ * 创建主题配置项
+ * @param options - 配置项
+ * @param options.cookieKey - cookie 键名
+ * @param options.cookieDomain - cookie 域
+ * @param options.lightValue - 浅色主题值
+ * @param options.darkValue - 深色主题值
+ * @param options.attribute - 属性名
+ * @param options.attributeLightValue - 浅色主题属性值
+ * @param options.attributeDarkValue - 深色主题属性值
+ * @param options.classLightValue - 浅色主题类名
+ * @param options.classDarkValue - 深色主题类名
+ * @returns theme 插件实例
  */
-export declare function initTheme(storageKey: string, cookieDomain: string): void;
+export declare function createTheme<ThemeValue = 'dark | light'>(options?: {
+    cookieKey: string;
+    cookieDomain: string;
+    lightValue?: string;
+    darkValue?: string;
+    attribute?: string;
+    attributeLightValue?: string;
+    attributeDarkValue?: string;
+    classLightValue?: string;
+    classDarkValue?: string;
+}): Plugin;
 /**
  * 主题切换组合式函数
- * @param storageKey - 用于存储主题偏好设置的键名，若调用过 initTheme 可不传
- * @param cookieDomain - Cookie 的作用域域名，若调用过 initTheme 可不传
  * @returns 包含当前主题状态和操作方法的对象
  */
-export declare function useTheme(storageKey?: string, cookieDomain?: string): {
-    theme: import('vue').ComputedRef<"light" | "dark">;
-    isLight: import('vue').ComputedRef<boolean>;
-    isDark: import('vue').ComputedRef<boolean>;
-    setTheme: (newTheme: "light" | "dark") => void;
-    toggleTheme: () => void;
+export declare function useTheme<ThemeValue = 'dark | light'>(): {
+    theme: ComputedRef<ThemeValue> | undefined;
+    isLight: ComputedRef<boolean> | undefined;
+    isDark: ComputedRef<boolean> | undefined;
+    setTheme: ((val: ThemeValue) => void) | undefined;
+    toggleTheme: (() => void) | undefined;
 };

package/dist/index.d.ts

@@ -3,3 +3,4 @@ export * from './core/useScreen';
 export * from './core/useLocale';
 export * from './core/useTheme';
 export * from './core/useClipboard';
+export * from './analytics/useAnalytics';