cosey 0.1.4 → 0.2.0

package/hooks/index.js

@@ -5,7 +5,7 @@ export { useEcharts } from './useEcharts.js';
 export { useFetch } from './useFetch.js';
 export { useFloating } from './useFloating.js';
 export { useFullPage } from './useFullPage.js';
-export { useLocale, useLocaleProvide } from './useLocale.js';
+export { buildLocaleContext, buildTranslator, getOutsideLocale, localeContextKey, outsideLocale, translate, useLocale } from './useLocale.js';
 export { useLockScroll } from './useLockScroll.js';
 export { useLockscreenObserver } from './useLockscreenObserver.js';
 export { useResizeObserver } from './useResizeObserver.js';
@@ -19,3 +19,4 @@ export { useRectObserver } from './useRectObserver.js';
 export { treeCheckContextKey, useTreeCheck, useTreeCheckInject } from './useTreeCheck.js';
 export { useOptionalComponent } from './useOptionalComponent.js';
 export { useMounted } from './useMounted.js';
+export { useDir } from './useDir.js';

package/hooks/useColorScheme.js

@@ -3,11 +3,11 @@ import { usePersist } from './usePersist.js';
 import { isClient } from '../utils/env.js';
 
 const colorSchemeContextSymbol = Symbol("colorScheme");
-const colorSchemeKey = "colorScheme";
+const colorSchemeKey = "Cosey:colorScheme";
 const colorSchemeOptions = [
-  { label: "\u8DDF\u968F\u7CFB\u7EDF", icon: "co:circle-half-full", value: "auto" },
-  { label: "\u6D45\u8272", icon: "co:sun", value: "light" },
-  { label: "\u6DF1\u8272", icon: "co:moon", value: "dark" }
+  { label: "co.colorScheme.auto", icon: "co:circle-half-full", value: "auto" },
+  { label: "co.colorScheme.light", icon: "co:sun", value: "light" },
+  { label: "co.colorScheme.dark", icon: "co:moon", value: "dark" }
 ];
 function useColorSchemeProvide() {
   const persist = usePersist();

package/hooks/useDir.d.ts

@@ -0,0 +1,2 @@
+import { type MaybeRef } from 'vue';
+export declare function useDir(el?: MaybeRef<HTMLElement | null | undefined> | null): Readonly<import("vue").Ref<string, string>>;

package/hooks/useDir.js

@@ -0,0 +1,20 @@
+import { ref, watch, unref, readonly } from 'vue';
+import { useLocale } from './useLocale.js';
+import { getDir } from '../utils/css.js';
+
+function useDir(el) {
+  const { lang } = useLocale();
+  const dir = ref("");
+  watch(lang, () => {
+    dir.value = getDir(unref(el));
+  });
+  watch(
+    () => unref(el),
+    () => {
+      dir.value = getDir(unref(el));
+    }
+  );
+  return readonly(dir);
+}
+
+export { useDir };

package/hooks/useEcharts.d.ts

@@ -5,8 +5,9 @@
  * 2. 自行销毁
  * 3. 自动调整图表尺寸
  * 4. 修改默认主题
+ * 5. 响应式渲染
  */
-import { type Ref } from 'vue';
+import { MaybeRef, type Ref } from 'vue';
 import { echarts, type ECOption } from '../utils';
 interface UseEchartsOptions {
     option?: ECOption;
@@ -19,7 +20,7 @@ type OptionArgs = [ECOption, notMerge?: boolean, lazyUpdate?: boolean] | [
         lazyUpdate?: boolean;
     }
 ];
-export declare function useEcharts(elRef: Ref<HTMLElement | null>, options?: UseEchartsOptions): {
+export declare function useEcharts(elRef: Ref<HTMLElement | null>, options?: MaybeRef<UseEchartsOptions>): {
     setOption: (...args: OptionArgs) => void;
     chart: import("vue").ComputedRef<echarts.ECharts | null>;
 };

package/hooks/useEcharts.js

@@ -1,4 +1,4 @@
-import { onBeforeUnmount, ref, watch, computed } from 'vue';
+import { onBeforeUnmount, ref, unref, watch, computed } from 'vue';
 import { useResizeObserver } from './useResizeObserver.js';
 import '../utils/echarts/index.js';
 import * as echarts from 'echarts/core';
@@ -14,14 +14,26 @@ function useEcharts(elRef, options = {}) {
   onBeforeUnmount(() => {
     dispose();
   });
-  const optionQueue = ref(options.option ? [[options.option]] : []);
+  const optionQueue = ref(unref(options).option ? [[unref(options).option]] : []);
+  watch(
+    () => unref(options),
+    () => {
+      setOption(unref(options).option || {});
+    }
+  );
   const setOption = (...args) => {
     optionQueue.value = [...optionQueue.value, args];
   };
   const doSetOption = () => {
     if (chart && optionQueue.value.length) {
       for (const option of optionQueue.value) {
-        chart.setOption(...option);
+        if (option.length === 1) {
+          chart.setOption(option[0], {
+            notMerge: true
+          });
+        } else {
+          chart.setOption(...option);
+        }
       }
       optionQueue.value = [];
     }

package/hooks/useLocale.d.ts

@@ -1,372 +1,24 @@
-import dayjsZh from 'dayjs/locale/zh-cn';
-declare const mapLocale: {
-    zh_CN: {
-        ep: {
-            name: string;
-            el: {
-                breadcrumb: {
-                    label: string;
-                };
-                colorpicker: {
-                    confirm: string;
-                    clear: string;
-                    defaultLabel: string;
-                    description: string;
-                    alphaLabel: string;
-                };
-                datepicker: {
-                    now: string;
-                    today: string;
-                    cancel: string;
-                    clear: string;
-                    confirm: string;
-                    dateTablePrompt: string;
-                    monthTablePrompt: string;
-                    yearTablePrompt: string;
-                    selectedDate: string;
-                    selectDate: string;
-                    selectTime: string;
-                    startDate: string;
-                    startTime: string;
-                    endDate: string;
-                    endTime: string;
-                    prevYear: string;
-                    nextYear: string;
-                    prevMonth: string;
-                    nextMonth: string;
-                    year: string;
-                    month1: string;
-                    month2: string;
-                    month3: string;
-                    month4: string;
-                    month5: string;
-                    month6: string;
-                    month7: string;
-                    month8: string;
-                    month9: string;
-                    month10: string;
-                    month11: string;
-                    month12: string;
-                    weeks: {
-                        sun: string;
-                        mon: string;
-                        tue: string;
-                        wed: string;
-                        thu: string;
-                        fri: string;
-                        sat: string;
-                    };
-                    weeksFull: {
-                        sun: string;
-                        mon: string;
-                        tue: string;
-                        wed: string;
-                        thu: string;
-                        fri: string;
-                        sat: string;
-                    };
-                    months: {
-                        jan: string;
-                        feb: string;
-                        mar: string;
-                        apr: string;
-                        may: string;
-                        jun: string;
-                        jul: string;
-                        aug: string;
-                        sep: string;
-                        oct: string;
-                        nov: string;
-                        dec: string;
-                    };
-                };
-                inputNumber: {
-                    decrease: string;
-                    increase: string;
-                };
-                select: {
-                    loading: string;
-                    noMatch: string;
-                    noData: string;
-                    placeholder: string;
-                };
-                dropdown: {
-                    toggleDropdown: string;
-                };
-                mention: {
-                    loading: string;
-                };
-                cascader: {
-                    noMatch: string;
-                    loading: string;
-                    placeholder: string;
-                    noData: string;
-                };
-                pagination: {
-                    goto: string;
-                    pagesize: string;
-                    total: string;
-                    pageClassifier: string;
-                    page: string;
-                    prev: string;
-                    next: string;
-                    currentPage: string;
-                    prevPages: string;
-                    nextPages: string;
-                    deprecationWarning: string;
-                };
-                dialog: {
-                    close: string;
-                };
-                drawer: {
-                    close: string;
-                };
-                messagebox: {
-                    title: string;
-                    confirm: string;
-                    cancel: string;
-                    error: string;
-                    close: string;
-                };
-                upload: {
-                    deleteTip: string;
-                    delete: string;
-                    preview: string;
-                    continue: string;
-                };
-                slider: {
-                    defaultLabel: string;
-                    defaultRangeStartLabel: string;
-                    defaultRangeEndLabel: string;
-                };
-                table: {
-                    emptyText: string;
-                    confirmFilter: string;
-                    resetFilter: string;
-                    clearFilter: string;
-                    sumText: string;
-                };
-                tour: {
-                    next: string;
-                    previous: string;
-                    finish: string;
-                };
-                tree: {
-                    emptyText: string;
-                };
-                transfer: {
-                    noMatch: string;
-                    noData: string;
-                    titles: string[];
-                    filterPlaceholder: string;
-                    noCheckedFormat: string;
-                    hasCheckedFormat: string;
-                };
-                image: {
-                    error: string;
-                };
-                pageHeader: {
-                    title: string;
-                };
-                popconfirm: {
-                    confirmButtonText: string;
-                    cancelButtonText: string;
-                };
-                carousel: {
-                    leftArrow: string;
-                    rightArrow: string;
-                    indicator: string;
-                };
-            };
-        };
-        dayjs: dayjsZh.Locale;
-    };
-    en_US: {
-        ep: {
-            name: string;
-            el: {
-                breadcrumb: {
-                    label: string;
-                };
-                colorpicker: {
-                    confirm: string;
-                    clear: string;
-                    defaultLabel: string;
-                    description: string;
-                    alphaLabel: string;
-                };
-                datepicker: {
-                    now: string;
-                    today: string;
-                    cancel: string;
-                    clear: string;
-                    confirm: string;
-                    dateTablePrompt: string;
-                    monthTablePrompt: string;
-                    yearTablePrompt: string;
-                    selectedDate: string;
-                    selectDate: string;
-                    selectTime: string;
-                    startDate: string;
-                    startTime: string;
-                    endDate: string;
-                    endTime: string;
-                    prevYear: string;
-                    nextYear: string;
-                    prevMonth: string;
-                    nextMonth: string;
-                    year: string;
-                    month1: string;
-                    month2: string;
-                    month3: string;
-                    month4: string;
-                    month5: string;
-                    month6: string;
-                    month7: string;
-                    month8: string;
-                    month9: string;
-                    month10: string;
-                    month11: string;
-                    month12: string;
-                    week: string;
-                    weeks: {
-                        sun: string;
-                        mon: string;
-                        tue: string;
-                        wed: string;
-                        thu: string;
-                        fri: string;
-                        sat: string;
-                    };
-                    weeksFull: {
-                        sun: string;
-                        mon: string;
-                        tue: string;
-                        wed: string;
-                        thu: string;
-                        fri: string;
-                        sat: string;
-                    };
-                    months: {
-                        jan: string;
-                        feb: string;
-                        mar: string;
-                        apr: string;
-                        may: string;
-                        jun: string;
-                        jul: string;
-                        aug: string;
-                        sep: string;
-                        oct: string;
-                        nov: string;
-                        dec: string;
-                    };
-                };
-                inputNumber: {
-                    decrease: string;
-                    increase: string;
-                };
-                select: {
-                    loading: string;
-                    noMatch: string;
-                    noData: string;
-                    placeholder: string;
-                };
-                mention: {
-                    loading: string;
-                };
-                dropdown: {
-                    toggleDropdown: string;
-                };
-                cascader: {
-                    noMatch: string;
-                    loading: string;
-                    placeholder: string;
-                    noData: string;
-                };
-                pagination: {
-                    goto: string;
-                    pagesize: string;
-                    total: string;
-                    pageClassifier: string;
-                    page: string;
-                    prev: string;
-                    next: string;
-                    currentPage: string;
-                    prevPages: string;
-                    nextPages: string;
-                    deprecationWarning: string;
-                };
-                dialog: {
-                    close: string;
-                };
-                drawer: {
-                    close: string;
-                };
-                messagebox: {
-                    title: string;
-                    confirm: string;
-                    cancel: string;
-                    error: string;
-                    close: string;
-                };
-                upload: {
-                    deleteTip: string;
-                    delete: string;
-                    preview: string;
-                    continue: string;
-                };
-                slider: {
-                    defaultLabel: string;
-                    defaultRangeStartLabel: string;
-                    defaultRangeEndLabel: string;
-                };
-                table: {
-                    emptyText: string;
-                    confirmFilter: string;
-                    resetFilter: string;
-                    clearFilter: string;
-                    sumText: string;
-                };
-                tour: {
-                    next: string;
-                    previous: string;
-                    finish: string;
-                };
-                tree: {
-                    emptyText: string;
-                };
-                transfer: {
-                    noMatch: string;
-                    noData: string;
-                    titles: string[];
-                    filterPlaceholder: string;
-                    noCheckedFormat: string;
-                    hasCheckedFormat: string;
-                };
-                image: {
-                    error: string;
-                };
-                pageHeader: {
-                    title: string;
-                };
-                popconfirm: {
-                    confirmButtonText: string;
-                    cancelButtonText: string;
-                };
-                carousel: {
-                    leftArrow: string;
-                    rightArrow: string;
-                    indicator: string;
-                };
-            };
-        };
-        dayjs: dayjsZh.Locale;
-    };
+import { type InjectionKey, type MaybeRef, type Ref } from 'vue';
+import { type Language } from '../locale';
+export type TranslatorOption = Record<string, string | number>;
+export type Translator = (path: string, option?: TranslatorOption) => string;
+export type LocaleContext = {
+    locale: Ref<Language>;
+    lang: Ref<string>;
+    t: Translator;
 };
-export declare function useLocaleProvide(): {
-    locale: import("vue").Ref<any, any>;
-    setLocale: (language: keyof typeof mapLocale) => void;
-};
-export declare function useLocale(): ReturnType<typeof useLocaleProvide>;
-export {};
+export declare const buildTranslator: (locale: MaybeRef<Language>) => Translator;
+export declare const translate: (path: string, option: undefined | TranslatorOption, locale: Language) => string;
+export declare const buildLocaleContext: (locale: MaybeRef<Language>) => LocaleContext;
+export declare const localeContextKey: InjectionKey<Ref<Language | undefined>>;
+export declare const outsideLocale: Ref<{
+    name: string;
+    el: import("../locale").TranslatePair;
+    co: import("../locale").TranslatePair;
+}, Language | {
+    name: string;
+    el: import("../locale").TranslatePair;
+    co: import("../locale").TranslatePair;
+}>;
+export declare const getOutsideLocale: () => LocaleContext;
+export declare const useLocale: (localeOverrides?: Ref<Language | undefined>) => LocaleContext;

package/hooks/useLocale.js

@@ -1,38 +1,29 @@
-import { inject, ref, provide } from 'vue';
-import zh_cn from 'element-plus/es/locale/lang/zh-cn';
-import en from 'element-plus/es/locale/lang/en';
-import dayjs from 'dayjs';
-import dayjsZh from 'dayjs/locale/zh-cn';
-import dayEn from 'dayjs/locale/en';
+import { ref, inject, computed, unref, isRef } from 'vue';
+import { get } from 'lodash-es';
+import stdin_default from '../locale/lang/en.js';
 
-const mapLocale = {
-  zh_CN: {
-    ep: zh_cn,
-    dayjs: dayjsZh
-  },
-  en_US: {
-    ep: en,
-    dayjs: dayEn
-  }
-};
-const localeContextSymbol = Symbol("locale");
-function useLocaleProvide() {
-  const locale = ref();
-  const setLocale = (language) => {
-    const lang = mapLocale[language];
-    locale.value = lang.ep;
-    dayjs.locale(lang.dayjs);
-  };
-  setLocale("zh_CN");
-  const context = {
-    locale,
-    setLocale
+const buildTranslator = (locale) => (path, option) => translate(path, option, unref(locale));
+const translate = (path, option, locale) => get(locale, path, path).replace(
+  /\{(\w+)\}/g,
+  (_, key) => `${option?.[key] ?? `{${key}}`}`
+);
+const buildLocaleContext = (locale) => {
+  const lang = computed(() => unref(locale).name);
+  const localeRef = isRef(locale) ? locale : ref(locale);
+  return {
+    lang,
+    locale: localeRef,
+    t: buildTranslator(locale)
   };
-  provide(localeContextSymbol, context);
-  return context;
-}
-function useLocale() {
-  return inject(localeContextSymbol);
-}
+};
+const localeContextKey = Symbol("localeContextKey");
+const outsideLocale = ref(stdin_default);
+const getOutsideLocale = () => {
+  return useLocale(outsideLocale);
+};
+const useLocale = (localeOverrides) => {
+  const locale = localeOverrides || inject(localeContextKey, ref());
+  return buildLocaleContext(computed(() => locale.value || stdin_default));
+};
 
-export { useLocale, useLocaleProvide };
+export { buildLocaleContext, buildTranslator, getOutsideLocale, localeContextKey, outsideLocale, translate, useLocale };

package/hooks/useUpsert.d.ts

@@ -1,4 +1,4 @@
-import { Ref, ShallowRef } from 'vue';
+import { type ShallowRef, type Ref, MaybeRef } from 'vue';
 export interface UseUpsertExposeOptions {
     success?: () => any;
 }
@@ -13,7 +13,7 @@ export interface UseUpsertOptions<Model, Row = Model, Data = Model> {
     title?: string;
     stuffTitle?: string;
     model: Model;
-    show?: <T extends UpsertType, R extends T extends 'edit' ? Row : undefined>(type: T, row: R) => any;
+    show?: (type: UpsertType, row?: Row) => void;
     details?: (row: Row) => any;
     beforeFill?: (row: Row) => any;
     beforeSubmit?: (model: Model) => Data | Promise<Data>;
@@ -37,8 +37,10 @@ export interface UseUpsertReturn<Model extends Record<string, any>, Row extends
     formRef: any;
     data: Ref<Data | undefined>;
     expose: UseUpsertExpose<Row, Data>;
+    row: ShallowRef<Row | undefined>;
+    type: Ref<UpsertType>;
 }
-export declare function useUpsert<Model extends Record<string, any>, Row extends Record<string, any> = Model, Data = any>(options: UseUpsertOptions<Model, Row>): UseUpsertReturn<Model, Row>;
+export declare function useUpsert<Model extends Record<string, any>, Row extends Record<string, any> = Model, Data = any>(options: MaybeRef<UseUpsertOptions<Model, Row>>): UseUpsertReturn<Model, Row>;
 export interface UseExternalUpsertOptions {
     success?: () => any;
 }