fit2cloud-ui-plus 0.0.1-beta.7 → 1.0.0-beta.1

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,9 @@
+import { InjectionKey, Ref, App } from 'vue';
+import { MaybeRef } from "@vueuse/core";
+export declare const globalConfigKey: InjectionKey<Ref<GlobalConfig>>;
+export interface GlobalConfig {
+    size?: string;
+    locale?: any;
+}
+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

@@ -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,9 @@
+import type { ComputedRef } from 'vue';
+import type { ComponentSize } from '@/tools/size';
+import { 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>;
+export declare const useSizeProp: {
+    type: StringConstructor;
+    validator: (val: string) => val is string;
+};

package/types/src/index.d.ts

@@ -0,0 +1,8 @@
+import type { App } from 'vue';
+import { GlobalConfig } from "@/hooks";
+declare const plugin: {
+    name: string;
+    version: string;
+    install: (app: App, config: GlobalConfig) => 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/filter-bar/FuSearchInput.vue

@@ -1,31 +0,0 @@
-<template>
-  <el-input class="fu-search-input" prefix-icon="Search" v-model="quick" @input="input" @blur="blur"
-    @keydown="keydown" v-bind="$attrs" clearable />
-</template>
-
-<script setup lang="ts">
-import { ref, watch } from "vue";
-defineOptions({ name: "FuSearchInput" });
-const props = defineProps({
-  value: String,
-})
-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>

package/src/components/search-bar/store.ts

@@ -1,25 +0,0 @@
-export interface Options {
-  field: string
-  label: string
-  operator?: string
-  operatorLabel: string
-  value: string
-  valueLabel: string
-}
-
-export default class ComplexCondition {
-  field: string
-  label: string
-  operator?: string
-  operatorLabel: string
-  value: string
-  valueLabel: string
-  constructor(options: Options) {
-    this.field = options.field
-    this.label = options.label
-    this.operator = options.operator
-    this.operatorLabel = options.operatorLabel
-    this.value = options.value
-    this.valueLabel = options.valueLabel || options.value
-  }
-}

package/src/components/steps/FuHorizontalNavigation.vue

@@ -1,18 +0,0 @@
-<template>
-  <el-steps :active="stepper.index" v-bind="stepper">
-    <el-step v-for="(step, index) in steps" :key="index" v-bind="step" @click.native="click(index)"
-      :class="disable(index) && 'fu-step--disable'" />
-  </el-steps>
-</template>
-
-<script lang="ts" setup>
-const props = defineProps({
-  stepper: Object,
-  steps: Array,
-  disable: Function,
-})
-const emit = defineEmits(["active"])
-function click(index: number) {
-  (!props.disable(index)) && emit("active", index);
-}
-</script>

package/src/components/steps/FuHorizontalSteps.vue

@@ -1,94 +0,0 @@
-<script>
-import FuHorizontalNavigation from "./FuHorizontalNavigation";
-import FuStepsFooter from "./FuStepsFooter";
-import { Step, Stepper } from "./Stepper";
-
-export default {
-  name: "FuHorizontalSteps",
-  components: { FuHorizontalNavigation, FuStepsFooter },
-  data() {
-    return {
-      stepper: new Stepper(),
-    };
-  },
-  created() {
-    this.stepper.activeSet.add(0);
-  },
-  provide() {
-    return {
-      stepper: this.stepper,
-    };
-  },
-  watch: {
-    "stepper.index"(value) {
-      this.$emit("change", this.stepper.steps[value]);
-    },
-  },
-  computed: {
-    heightStyle() {
-      return {
-        height: parseInt(this.stepper?.height) + "px" || "auto",
-      };
-    },
-  },
-  render(h) {
-    // let currentNode;
-    let steps = [];
-    if (this.$slots.default) {
-      this.$slots.default.forEach((node, index) => {
-        const options = {
-          index: index,
-          ...node.data.attrs,
-        };
-        const step = new Step(options);
-        steps.push(step);
-        // if (this.stepper.isCurrent(index)) {
-        //   currentNode = node;
-        // }
-      });
-    }
-    this.stepper.steps = steps;
-    this.stepper = Object.assign(this.stepper, this.$attrs);
-    return (
-      <div class="fu-steps fu-steps--horizontal">
-        <fu-horizontal-navigation
-          stepper={this.stepper}
-          steps={steps}
-          disable={this.disable}
-          vOn:active={this.active} />
-        <div class="fu-steps__wrapper">
-          <div class="fu-steps__container" style={this.heightStyle}>
-            <transition name="carousel" mode="out-in">
-              {this._l(
-                this.$slots.default,
-                (item, index) => this.stepper.index === index && item
-              )}
-            </transition>
-          </div>
-        </div>
-        <div class="fu-steps__footer">
-          {this.$slots.footer || <fu-steps-footer vOn:stepperFn={this.$func} />}
-        </div>
-      </div>
-    );
-  },
-
-  methods: {
-    active(index) {
-      this.stepper.active(index);
-    },
-    next() {
-      this.stepper.next();
-    },
-    prev() {
-      this.stepper.prev();
-    },
-    disable(index) {
-      return !this.stepper.isActive(index);
-    },
-    $func(name) {
-      this.$emit(name);
-    },
-  },
-};
-</script>

package/src/components/steps/FuStep.vue

@@ -1,13 +0,0 @@
-<template>
-  <div class="fu-step" v-loading="loading">
-    <slot/>
-  </div>
-</template>
-<script lang="ts" setup>
-import { inject, computed } from 'vue'
-defineOptions({ name: "FuStep" });
-const stepper = inject('stepper')
-const loading = computed(() => {
-  return stepper?.isLoading || false;
-})
-</script>

package/src/components/steps/FuSteps.vue

@@ -1,22 +0,0 @@
-<script lang="ts">
-import { defineComponent, h } from 'vue'
-import FuHorizontalSteps from "./FuHorizontalSteps";
-import FuVerticalSteps from "./FuVerticalSteps";
-
-export default defineComponent({
-    name: 'FuSteps',
-    props: ["direction"],
-    setup(props, context) {
-        const { direction } = props
-        return () => {
-            if (direction === "vertical") {
-                return h(FuVerticalSteps, context.attrs, context.slots)
-            } else {
-                return h(FuHorizontalSteps, context.attrs, context.slots)
-            }
-        }
-    }
-
-})
-</script>
-

package/src/components/steps/FuStepsFooter.ts

@@ -1,79 +0,0 @@
-import {
-  defineComponent,
-  h,
-  inject,
-  ref,
-  computed
-} from 'vue'
-export default defineComponent({
-  name: "FuStepsFooter",
-  setup(props, { emit }) {
-    const stepper = inject('stepper')
-    const disabledButton = ref(false)
-
-    const isFirst = computed(() => {
-      return stepper.isFirst(stepper.index);
-    })
-    const isLast = computed(() => {
-      return stepper.isLast(stepper.index);
-    })
-
-    const showCancel = computed(() => {
-      return stepper.showCancel !== false;
-    })
-
-    const disabled = computed(() => {
-      return stepper?.isLoading || disabledButton.value;
-    })
-    const button = (value: string) => {
-      return h(
-        'el-button',
-        {
-          disabled: disabled,
-          size: stepper.buttonSize,   // configSize
-          onClick: () => clickHandle(value)
-        },
-        stepper[`${value}ButtonText`]
-      );
-    };
-
-    function clickHandle(fnName: string) {
-      stepper[fnName]
-        ? stepper[fnName]()
-        : emit("stepperFn", fnName);
-      disabledButton.value = true;
-      setTimeout(() => {
-        disabledButton.value = false;
-      }, 500);
-    }
-    return () => {
-      return h(
-        'div',
-        {
-          class: `fu-steps__footer--${stepper.footerAlign}`,
-        },
-        [
-          h(
-            'div',
-            {
-              class: 'fu-steps__footer--block',
-              style: 'margin-right:10px'
-            },
-            showCancel && button("cancel")
-          ),
-          h(
-            'div',
-            {
-              class: 'fu-steps__footer--block',
-            },
-            [
-              !isFirst && button("prev"),
-              isLast ? button("finish") : button("next")
-            ]
-          ),
-        ]
-      );
-    }
-  }
-})
-