fit2cloud-ui-plus 1.2.0-beta.0 → 1.2.0

package/src/hooks/use-locale/index.ts

@@ -1,10 +1,10 @@
-import { computed, isRef, ref, unref } from 'vue'
-import { get } from 'lodash-unified'
+import {computed, isRef, ref, unref} from 'vue'
+import {get} from 'lodash-unified'
 import Chinese from '@/locale/lang/zh-cn'
-import { useGlobalConfig } from '@/hooks'
-import type { MaybeRef } from '@vueuse/core'
-import type { Ref } from 'vue'
-import type { Language } from '@/locale'
+import {useGlobalConfig} from '@/hooks'
+import type {MaybeRef} from '@vueuse/core'
+import type {Ref} from 'vue'
+import type {Language} from '@/locale'
 
 export type TranslatorOption = Record<string, string | number>
 export type Translator = (path: string, option?: TranslatorOption) => string
@@ -16,18 +16,22 @@ export type LocaleContext = {
 
 export const buildTranslator =
   (locale: MaybeRef<Language>): Translator =>
-  (path, option) =>
-    translate(path, option, unref(locale))
+    (path, option) =>
+      translate(path, option, unref(locale))
 
 export const translate = (
   path: string,
   option: undefined | TranslatorOption,
   locale: Language
-): string =>
-  (get(locale, path, path) as string).replace(
-    /\{(\w+)\}/g,
-    (_, key) => `${option?.[key] ?? `{${key}}`}`
-  )
+): string => {
+  if (!i18nHandler) {
+    return (get(locale, path, path) as string).replace(
+      /\{(\w+)\}/g,
+      (_, key) => `${option?.[key] ?? `{${key}}`}`
+    )
+  }
+  return i18nHandler(path);
+}
 
 export const buildLocaleContext = (
   locale: MaybeRef<Language>
@@ -45,3 +49,9 @@ export const useLocale = () => {
   const locale = useGlobalConfig('locale')
   return buildLocaleContext(computed(() => locale.value || Chinese))
 }
+
+let i18nHandler: Function;
+
+export const i18n = (fn: Function | undefined) => {
+  i18nHandler = fn || i18nHandler;
+};

package/src/index.ts

@@ -1,7 +1,7 @@
 import PackageJSON from "../package.json"
 
 import type {App} from 'vue'
-import {GlobalConfig, provideGlobalConfig} from "@/hooks";
+import {GlobalConfig, i18n, provideGlobalConfig} from "@/hooks";
 
 const components = import.meta.globEager('@/components/*/index.ts');
 
@@ -10,6 +10,7 @@ const install = (app: App, config: GlobalConfig): void => {
     let component = components[key].default;
     app.use(component)
   })
+  i18n(config.i18n)
   provideGlobalConfig(config)
 }
 

package/src/locale/lang/ja.ts

@@ -44,10 +44,10 @@ export default {
     table: {
       ok: "確定",
       cancel: "キャンセル",
-      custom_table_fields: "テーブルフィールドのカスタマイズ",
+      custom_table_fields: "フィールドを選択",
       custom_table_fields_desc: "固定フィールドは選択範囲外で、ドラッグして順序をカスタマイズできます",
       custom_table_rows: "オプション列",
-      more: "もっと見る"
+      more: "もっと"
     },
     steps: {
       cancel: "キャンセル",

package/src/locale/lang/pt-br.ts

@@ -44,7 +44,7 @@ export default {
     table: {
       ok: "Confirmar",
       cancel: "Cancelar",
-      custom_table_fields: "Personalizar campos da tabela",
+      custom_table_fields: "Selecione o campo",
       custom_table_fields_desc: "Campos fixos não estão disponíveis para seleção. Arraste para personalizar a ordem.",
       custom_table_rows: "Colunas de opções",
       more: "Mais"

package/src/locale/lang/ru.ts

@@ -44,7 +44,7 @@ export default {
     table: {
       ok: "ОК",
       cancel: "Отмена",
-      custom_table_fields: "Настройка полей таблицы",
+      custom_table_fields: "Выберите поле",
       custom_table_fields_desc: "Фиксированные поля не доступны для выбора, можно перетаскивать для изменения порядка",
       custom_table_rows: "Столбцы с опциями",
       more: "Еще"

package/src/locale/lang/zh-cn.ts

@@ -44,7 +44,7 @@ export default {
     table: {
       ok: "确定",
       cancel: "取消",
-      custom_table_fields: "自定义表格字段",
+      custom_table_fields: "选择字段",
       custom_table_fields_desc: "固定字段不在选择范围，可拖拽自定义顺序",
       custom_table_rows: "选项列",
       more: "更多"

package/src/locale/lang/zh-tw.ts

@@ -44,7 +44,7 @@ export default {
     table: {
       ok: "確定",
       cancel: "取消",
-      custom_table_fields: "自定義表格字段",
+      custom_table_fields: "選項字段",
       custom_table_fields_desc: "固定欄位不在選擇範圍，可拖拽自定義順序",
       custom_table_rows: "選項列",
       more: "更多"

package/src/styles/components/filter-bar.scss

@@ -76,11 +76,13 @@
     font-size: 14px;
     line-height: 22px;
     height: 22px;
-    min-width: 76px;
-    max-width: 76px;
     color: var(--fu-filter-bar-color);
     cursor: pointer;
     margin-left: 6px;
+
+    & > i.el-icon {
+      margin-right: 4px;
+    }
   }
 
   @include e(drawer) {

package/types/examples/locale/index.d.ts

@@ -0,0 +1,416 @@
+declare const i18n: import("vue-i18n").I18n<{
+    zh: {
+        name: string;
+        fu: {
+            filter_bar: {
+                filter: string;
+                results: string;
+                clear: string;
+                drawer_title: string;
+                cancel: string;
+                search: string;
+                refresh: string;
+                select_all: string;
+                more: string;
+            };
+            search_bar: {
+                search: string;
+                adv_search: string;
+                ok: string;
+                cancel: string;
+                please_select: string;
+                please_input: string;
+                like: string;
+                not_like: string;
+                in: string;
+                not_in: string;
+                gt: string;
+                ge: string;
+                lt: string;
+                le: string;
+                eq: string;
+                ne: string;
+                between: string;
+                select_date: string;
+                start_date: string;
+                end_date: string;
+                select_date_time: string;
+                start_date_time: string;
+                end_date_time: string;
+                range_separator: string;
+                data_time_error: string;
+                clean: string;
+                refresh: string;
+            };
+            table: {
+                ok: string;
+                cancel: string;
+                custom_table_fields: string;
+                custom_table_fields_desc: string;
+                custom_table_rows: string;
+                more: string;
+            };
+            steps: {
+                cancel: string;
+                next: string;
+                prev: string;
+                finish: string;
+            };
+        };
+    };
+    tw: {
+        name: string;
+        fu: {
+            filter_bar: {
+                filter: string;
+                results: string;
+                clear: string;
+                drawer_title: string;
+                cancel: string;
+                search: string;
+                refresh: string;
+                select_all: string;
+                more: string;
+            };
+            search_bar: {
+                search: string;
+                adv_search: string;
+                ok: string;
+                cancel: string;
+                please_select: string;
+                please_input: string;
+                like: string;
+                not_like: string;
+                in: string;
+                not_in: string;
+                gt: string;
+                ge: string;
+                lt: string;
+                le: string;
+                eq: string;
+                ne: string;
+                between: string;
+                select_date: string;
+                start_date: string;
+                end_date: string;
+                select_date_time: string;
+                start_date_time: string;
+                end_date_time: string;
+                range_separator: string;
+                data_time_error: string;
+                clean: string;
+                refresh: string;
+            };
+            table: {
+                ok: string;
+                cancel: string;
+                custom_table_fields: string;
+                custom_table_fields_desc: string;
+                custom_table_rows: string;
+                more: string;
+            };
+            steps: {
+                cancel: string;
+                next: string;
+                prev: string;
+                finish: string;
+            };
+        };
+    };
+    ru: {
+        name: string;
+        fu: {
+            filter_bar: {
+                filter: string;
+                results: string;
+                clear: string;
+                drawer_title: string;
+                cancel: string;
+                search: string;
+                refresh: string;
+                select_all: string;
+                more: string;
+            };
+            search_bar: {
+                search: string;
+                adv_search: string;
+                ok: string;
+                cancel: string;
+                please_select: string;
+                please_input: string;
+                like: string;
+                not_like: string;
+                in: string;
+                not_in: string;
+                gt: string;
+                ge: string;
+                lt: string;
+                le: string;
+                eq: string;
+                ne: string;
+                between: string;
+                select_date: string;
+                start_date: string;
+                end_date: string;
+                select_date_time: string;
+                start_date_time: string;
+                end_date_time: string;
+                range_separator: string;
+                data_time_error: string;
+                clean: string;
+                refresh: string;
+            };
+            table: {
+                ok: string;
+                cancel: string;
+                custom_table_fields: string;
+                custom_table_fields_desc: string;
+                custom_table_rows: string;
+                more: string;
+            };
+            steps: {
+                cancel: string;
+                next: string;
+                prev: string;
+                finish: string;
+            };
+        };
+    };
+    en: {
+        name: string;
+        fu: {
+            filter_bar: {
+                filter: string;
+                results: string;
+                clear: string;
+                drawer_title: string;
+                cancel: string;
+                search: string;
+                refresh: string;
+                select_all: string;
+                more: string;
+            };
+            search_bar: {
+                search: string;
+                adv_search: string;
+                ok: string;
+                cancel: string;
+                please_select: string;
+                please_input: string;
+                like: string;
+                not_like: string;
+                in: string;
+                not_in: string;
+                gt: string;
+                ge: string;
+                lt: string;
+                le: string;
+                eq: string;
+                ne: string;
+                between: string;
+                select_date: string;
+                start_date: string;
+                end_date: string;
+                select_date_time: string;
+                start_date_time: string;
+                end_date_time: string;
+                range_separator: string;
+                data_time_error: string;
+                clean: string;
+                refresh: string;
+            };
+            table: {
+                ok: string;
+                cancel: string;
+                custom_table_fields: string;
+                custom_table_fields_desc: string;
+                custom_table_rows: string;
+                more: string;
+            };
+            steps: {
+                cancel: string;
+                next: string;
+                prev: string;
+                finish: string;
+            };
+        };
+    };
+    ja: {
+        name: string;
+        fu: {
+            filter_bar: {
+                filter: string;
+                results: string;
+                clear: string;
+                drawer_title: string;
+                cancel: string;
+                search: string;
+                refresh: string;
+                select_all: string;
+                more: string;
+            };
+            search_bar: {
+                search: string;
+                adv_search: string;
+                ok: string;
+                cancel: string;
+                please_select: string;
+                please_input: string;
+                like: string;
+                not_like: string;
+                in: string;
+                not_in: string;
+                gt: string;
+                ge: string;
+                lt: string;
+                le: string;
+                eq: string;
+                ne: string;
+                between: string;
+                select_date: string;
+                start_date: string;
+                end_date: string;
+                select_date_time: string;
+                start_date_time: string;
+                end_date_time: string;
+                range_separator: string;
+                data_time_error: string;
+                clean: string;
+                refresh: string;
+            };
+            table: {
+                ok: string;
+                cancel: string;
+                custom_table_fields: string;
+                custom_table_fields_desc: string;
+                custom_table_rows: string;
+                more: string;
+            };
+            steps: {
+                cancel: string;
+                next: string;
+                prev: string;
+                finish: string;
+            };
+        };
+    };
+    ms: {
+        name: string;
+        fu: {
+            filter_bar: {
+                filter: string;
+                results: string;
+                clear: string;
+                drawer_title: string;
+                cancel: string;
+                search: string;
+                refresh: string;
+                select_all: string;
+                more: string;
+            };
+            search_bar: {
+                search: string;
+                adv_search: string;
+                ok: string;
+                cancel: string;
+                please_select: string;
+                please_input: string;
+                like: string;
+                not_like: string;
+                in: string;
+                not_in: string;
+                gt: string;
+                ge: string;
+                lt: string;
+                le: string;
+                eq: string;
+                ne: string;
+                between: string;
+                select_date: string;
+                start_date: string;
+                end_date: string;
+                select_date_time: string;
+                start_date_time: string;
+                end_date_time: string;
+                range_separator: string;
+                data_time_error: string;
+                clean: string;
+                refresh: string;
+            };
+            table: {
+                ok: string;
+                cancel: string;
+                custom_table_fields: string;
+                custom_table_fields_desc: string;
+                custom_table_rows: string;
+                more: string;
+            };
+            steps: {
+                cancel: string;
+                next: string;
+                prev: string;
+                finish: string;
+            };
+        };
+    };
+    pt: {
+        name: string;
+        fu: {
+            filter_bar: {
+                filter: string;
+                results: string;
+                clear: string;
+                drawer_title: string;
+                cancel: string;
+                search: string;
+                refresh: string;
+                select_all: string;
+                more: string;
+            };
+            search_bar: {
+                search: string;
+                adv_search: string;
+                ok: string;
+                cancel: string;
+                please_select: string;
+                please_input: string;
+                like: string;
+                not_like: string;
+                in: string;
+                not_in: string;
+                gt: string;
+                ge: string;
+                lt: string;
+                le: string;
+                eq: string;
+                ne: string;
+                between: string;
+                select_date: string;
+                start_date: string;
+                end_date: string;
+                select_date_time: string;
+                start_date_time: string;
+                end_date_time: string;
+                range_separator: string;
+                data_time_error: string;
+                clean: string;
+                refresh: string;
+            };
+            table: {
+                ok: string;
+                cancel: string;
+                custom_table_fields: string;
+                custom_table_fields_desc: string;
+                custom_table_rows: string;
+                more: string;
+            };
+            steps: {
+                cancel: string;
+                next: string;
+                prev: string;
+                finish: string;
+            };
+        };
+    };
+}, {}, {}, string, false>;
+export default i18n;

package/types/src/hooks/use-global-config/index.d.ts

@@ -4,6 +4,7 @@ export declare const globalConfigKey: InjectionKey<Ref<GlobalConfig>>;
 export interface GlobalConfig {
     size?: string;
     locale?: any;
+    i18n?: Function;
 }
 export declare function useGlobalConfig(key?: keyof any, defaultValue?: undefined): Ref<any>;
 export declare const provideGlobalConfig: (config: MaybeRef<GlobalConfig>, app?: App<any> | undefined) => import("vue").ComputedRef<GlobalConfig>;

package/types/src/hooks/use-locale/index.d.ts

@@ -12,3 +12,4 @@ 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 useLocale: () => LocaleContext;
+export declare const i18n: (fn: Function | undefined) => void;

package/types/examples/pages/search/attributes.d.ts

@@ -1,57 +0,0 @@
-declare var _default: {
-    name: string;
-    children: ({
-        name: string;
-        header: {
-            prop: string;
-            desc: string;
-            type: string;
-            enum: string;
-            default: string;
-            event?: undefined;
-            value?: undefined;
-            name?: undefined;
-        };
-        table: {
-            prop: string;
-            desc: string;
-            type: string;
-            enum: string;
-            default: string;
-        }[];
-    } | {
-        name: string;
-        header: {
-            event: string;
-            desc: string;
-            value: string;
-            prop?: undefined;
-            type?: undefined;
-            enum?: undefined;
-            default?: undefined;
-            name?: undefined;
-        };
-        table: {
-            event: string;
-            desc: string;
-            value: string;
-        }[];
-    } | {
-        name: string;
-        header: {
-            name: string;
-            desc: string;
-            prop?: undefined;
-            type?: undefined;
-            enum?: undefined;
-            default?: undefined;
-            event?: undefined;
-            value?: undefined;
-        };
-        table: {
-            name: string;
-            desc: string;
-        }[];
-    })[];
-}[];
-export default _default;

package/types/examples/pages/search/demo/BaseSearchbar.vue.d.ts

@@ -1,66 +0,0 @@
-declare namespace _default {
-    const name: string;
-    function data(): {
-        components: ({
-            field: string;
-            label: string;
-            component: string;
-            options?: undefined;
-            change?: undefined;
-        } | {
-            field: string;
-            label: string;
-            component: string;
-            options: {
-                label: string;
-                value: string;
-            }[];
-            change: (val: any) => void;
-        } | {
-            field: string;
-            label: string;
-            component: string;
-            options: {
-                label: string;
-                value: string;
-            }[];
-            change?: undefined;
-        })[];
-        condition: {};
-    };
-    function data(): {
-        components: ({
-            field: string;
-            label: string;
-            component: string;
-            options?: undefined;
-            change?: undefined;
-        } | {
-            field: string;
-            label: string;
-            component: string;
-            options: {
-                label: string;
-                value: string;
-            }[];
-            change: (val: any) => void;
-        } | {
-            field: string;
-            label: string;
-            component: string;
-            options: {
-                label: string;
-                value: string;
-            }[];
-            change?: undefined;
-        })[];
-        condition: {};
-    };
-    namespace methods {
-        function close(): void;
-        function close(): void;
-        function search(condition: any): void;
-        function search(condition: any): void;
-    }
-}
-export default _default;