fit2cloud-ui-plus 0.0.1-beta.1 → 0.0.1-beta.12

package/types/src/components/table/table-operations/FuTableMoreButton.vue.d.ts

@@ -0,0 +1,37 @@
+import { PropType } from "vue";
+import { DropdownProps } from "@/tools/types";
+declare const _default: import("vue").DefineComponent<{
+    row: ObjectConstructor;
+    buttons: {
+        type: PropType<DropdownProps[]>;
+        required: true;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    row: ObjectConstructor;
+    buttons: {
+        type: PropType<DropdownProps[]>;
+        required: true;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    type: string;
+    size: string;
+}>;
+export default _default;

package/types/src/components/table/table-operations/FuTableOperations.vue.d.ts

@@ -0,0 +1,46 @@
+declare const _default: import("vue").DefineComponent<{
+    align: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    ellipsis: {
+        type: NumberConstructor;
+        default: number;
+    };
+    buttons: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    align: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    ellipsis: {
+        type: NumberConstructor;
+        default: number;
+    };
+    buttons: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    type: string;
+    align: string;
+    ellipsis: number;
+}>;
+export default _default;

package/types/src/components/table/types.d.ts

@@ -0,0 +1,2 @@
+import { InjectionKey } from "vue";
+export declare const LocalKey: InjectionKey<string | undefined>;

package/types/src/components/tabs/FuTabs.vue.d.ts

@@ -0,0 +1,54 @@
+import { PropType } from "vue";
+import { DropdownProps } from "@/tools/types";
+declare const _default: import("vue").DefineComponent<{
+    addType: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    dropdownMenus: {
+        type: PropType<DropdownProps[]>;
+        default: () => never[];
+    };
+    addTrigger: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    addIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    addButtonLabel: StringConstructor;
+    addable: BooleanConstructor;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "command"[], "command", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    addType: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    dropdownMenus: {
+        type: PropType<DropdownProps[]>;
+        default: () => never[];
+    };
+    addTrigger: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    addIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    addButtonLabel: StringConstructor;
+    addable: BooleanConstructor;
+}>> & {
+    onCommand?: ((...args: any[]) => any) | undefined;
+}, {
+    addable: boolean;
+    addType: string;
+    dropdownMenus: DropdownProps[];
+    addTrigger: string;
+    addIcon: string;
+}>;
+export default _default;

package/types/src/components/tabs/index.d.ts

@@ -0,0 +1,2 @@
+import FuTabs from "./FuTabs.vue";
+export default FuTabs;

package/types/src/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './use-global-config';
+export * from './use-locale';
+export * from './use-size';

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

@@ -0,0 +1 @@
+export declare function useGlobalConfig(key?: keyof any, defaultValue?: undefined): import("vue").Ref<any>;

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

@@ -0,0 +1,14 @@
+import type { MaybeRef } from '@vueuse/core';
+import type { Ref } from 'vue';
+import type { Language } from '@/locale';
+export declare type TranslatorOption = Record<string, string | number>;
+export declare type Translator = (path: string, option?: TranslatorOption) => string;
+export declare type LocaleContext = {
+    locale: Ref<Language>;
+    lang: Ref<string>;
+    t: Translator;
+};
+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;

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

@@ -0,0 +1,5 @@
+import type { ComputedRef } from 'vue';
+import type { ComponentSize } from '@/tools/size';
+import type { MaybeRef } from '@vueuse/core';
+export declare const useProp: <T>(name: string) => ComputedRef<T | undefined>;
+export declare const useSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<'prop' | 'global', boolean>>) => ComputedRef<string>;

package/types/src/index.d.ts

@@ -0,0 +1,7 @@
+import type { App } from 'vue';
+declare const plugin: {
+    name: string;
+    version: string;
+    install: (app: App) => void;
+};
+export default plugin;

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

@@ -0,0 +1,10 @@
+export { default as en } from './lang/en';
+export { default as zhCn } from './lang/zh-cn';
+export { default as zhTw } from './lang/zh-tw';
+export declare type TranslatePair = {
+    [key: string]: string | string[] | TranslatePair;
+};
+export declare type Language = {
+    name: string;
+    el: TranslatePair;
+};

package/types/src/locale/lang/en.d.ts

@@ -0,0 +1,59 @@
+declare const _default: {
+    name: string;
+    fu: {
+        filter_bar: {
+            filter: string;
+            results: string;
+            clear: string;
+            drawer_title: string;
+            cancel: string;
+            search: 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;
+            reset: 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;
+        };
+    };
+};
+export default _default;

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

@@ -0,0 +1,59 @@
+declare const _default: {
+    name: string;
+    fu: {
+        filter_bar: {
+            filter: string;
+            results: string;
+            clear: string;
+            drawer_title: string;
+            cancel: string;
+            search: 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;
+            reset: 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;
+        };
+    };
+};
+export default _default;

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

@@ -0,0 +1,59 @@
+declare const _default: {
+    name: string;
+    fu: {
+        filter_bar: {
+            filter: string;
+            results: string;
+            clear: string;
+            drawer_title: string;
+            cancel: string;
+            search: 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;
+            reset: 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;
+        };
+    };
+};
+export default _default;

package/types/src/tools/size.d.ts

@@ -0,0 +1,4 @@
+declare const COMPONENTS_SIZE: string[];
+export declare type ComponentSize = typeof COMPONENTS_SIZE[number];
+export declare const validateSize: (val: string) => val is string;
+export {};

package/types/src/tools/theme.d.ts

@@ -0,0 +1 @@
+export declare const validateType: (value: string) => boolean;

package/types/src/tools/time.d.ts

@@ -0,0 +1,2 @@
+export declare const datetimeFormat: (timestamp: string) => string;
+export declare const dateFormat: (timestamp: string) => string;

package/types/src/tools/types.d.ts

@@ -0,0 +1,8 @@
+export interface DropdownProps {
+    icon?: string;
+    disabled?: boolean;
+    divided?: boolean;
+    command?: string | number | object;
+    label?: string | number;
+    [k: string]: any;
+}

package/types/src/tools/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const uuid: () => string;
+export declare const randomId: () => number;

package/types/src/tools/vnode.d.ts

@@ -0,0 +1,9 @@
+import type { VNode, VNodeNormalizedChildren } from 'vue';
+export declare function isFragment(node: VNode): boolean;
+export declare function isFragment(node: unknown): node is VNode;
+export declare function isComment(node: VNode): boolean;
+export declare function isComment(node: unknown): node is VNode;
+export declare function isValidElementNode(node: VNode): boolean;
+export declare function isValidElementNode(node: unknown): node is VNode;
+export declare function isValidChildren(children: VNodeNormalizedChildren): children is VNodeNormalizedChildren;
+export declare function getChildren(nodes: VNodeNormalizedChildren | VNode[], depth?: number): VNodeNormalizedChildren | VNode[];

package/src/components/search-bar/FuComplexSearch.vue

@@ -1,108 +0,0 @@
-<template>
-  <div class="fu-complex-search">
-    <el-popover trigger="manual" v-model="active" :show-arrow="false" @hide="closePopover"
-      popper-class="fu-complex-components">
-
-      <div class="fu-complex-components__body">
-        <slot>
-          <!-- :size="configSize" -->
-          <component v-for="(c, i) in components" :key="i" :is="c.component" v-bind="c" :ref="c.field" v-on="c" />
-        </slot>
-      </div>
-      <div class="fu-complex-components__footer">
-        <!--  :size="configSize" -->
-        <el-button @click="active = false">{{ t('fu.search_bar.cancel') }}</el-button>
-        <el-button type="primary" @click="ok">{{ t('fu.search_bar.ok') }}</el-button>
-      </div>
-      <template #reference>
-        <!--  :size="configSize" -->
-        <fu-search-bar-button icon="ArrowRight" @click="toggle"
-          :class="['fu-complex-search__trigger', { 'is-active': active }]" :tooltip="t('fu.search_bar.adv_search')" />
-      </template>
-    </el-popover>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, useSlots, getCurrentInstance } from "vue";
-import FuSearchBarButton from "@/components/search-bar/FuSearchBarButton.vue";
-import { useLocale } from "@/hooks"
-
-const slots = useSlots()
-const instance = getCurrentInstance()
-
-const props = defineProps({
-  components: Array,
-});
-const emit = defineEmits(["close", "change"])
-const { t } = useLocale()
-const active = ref(false)
-
-
-function closePopover() {
-  emit("close")
-}
-function toggle() {
-  active.value = !active.value
-  refs.value.forEach((r: any) => {
-    // *****r.init  有问题
-    if (r?.init) {
-      r.init()
-    } else {
-      console.warn("init undefined", r)
-    }
-  })
-}
-
-function close() {
-  active.value = false
-}
-function ok() {
-  active.value = false
-  let conditions: any = [];
-  refs.value.forEach((r: any) => {
-    let condition
-    if (r.getCondition) {
-      condition = r.getCondition()
-    } else {
-      console.warn("getCondition undefined", r)
-    }
-    if (condition && condition.value !== undefined) {
-      conditions.push(condition)
-    }
-  })
-  emit("change", conditions)
-}
-
-function createConditions(conditions: any) {
-  let result: any = []
-  if (conditions) {
-    Object.keys(conditions).forEach(key => {
-      let c = conditions[key]
-      refs.value.forEach((r: any) => {
-        if (r.field === key) {
-          result.push(r.createCondition(c.value, c.operator))
-        }
-      })
-    })
-  }
-  return result
-}
-const refs = computed(() => {
-  let refs: any = [];
-  if (slots.default?.()[0].children.length) {
-    // 使用slot
-    slots.default?.().forEach((component: any) => {
-      refs.push(component.componentInstance)
-    })
-  } else {
-    // 使用components
-    props.components.forEach((c: any) => {
-      refs.push(instance.refs[c.field][0])
-    })
-  }
-  return refs
-});
-
-
-</script>

package/src/components/search-bar/FuQuickSearch.vue

@@ -1,43 +0,0 @@
-<template>
-  <!-- , 'fu-quick-search--' + configSize -->
-  <div :class="['fu-quick-search']">
-    <el-icon v-if="useIcon">
-      <Search />
-    </el-icon>
-    <label>
-      <input :placeholder="placeholder" v-model="quick" @input="input" @blur="blur" @keydown="keydown" />
-    </label>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, watch } from "vue";
-defineOptions({ name: "FuQuickSearch" });
-const props = defineProps({
-  value: String,
-  placeholder: String,
-  useIcon: {
-    type: Boolean,
-    default: true
-  }
-})
-
-const emit = defineEmits(["input", "change"])
-const quick = ref("")
-
-watch(() => props.value, (val: any) => {
-  quick.value = val
-})
-function input(e: Event) {
-  emit("input", quick.value, e)
-}
-function blur(e: Event) {
-  emit("change", quick.value, e)
-}
-function keydown(e: Event) {
-  const event = e as KeyboardEvent
-  if (event.key === "Enter") {
-    emit("change", quick.value, e)
-  }
-}
-</script>