fit2cloud-ui-plus 0.0.1-beta.17 → 0.0.1-beta.18

package/src/styles/index.scss

@@ -2,9 +2,11 @@
 @use "element-plus/theme-chalk/src/index.scss" as *;
 @use "./components/speed-dial";
 @use "./components/filter-bar";
+@use "./components/search-bar";
 @use "./components/table";
 @use "./components/steps";
 @use "./components/read-write-switch";
 @use "./components/split-pane";
 @use "./components/tabs";
 @use "./components/virtual-scroller";
+@use "./var";

package/src/styles/var.scss

@@ -0,0 +1,8 @@
+@use "./common/mixins" as *;
+@use "./common/variables.scss" as *;
+
+:root {
+  // 遍历组件变量: --fu-search-bar-{key}: {value}
+  @include set-component-css-var('search-bar', $fu-search-bar);
+  @include set-component-css-var('filter-bar', $fu-filter-bar);
+}

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

@@ -0,0 +1,63 @@
+/**
+ * 说明文档
+ * @name 表格名称
+ * @header 表格头部参数,任意定义
+ * @table table内容,字段要和header定义的属性保持一直
+ * @children 多表使用
+ */
+export declare const attributes: {
+    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;
+        }[];
+    })[];
+}[];

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

@@ -0,0 +1,31 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    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: import("vue").Ref<{}>;
+    close: () => void;
+    search: (obj: any) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/types/examples/pages/search-bar/demo/ComplexSearchDemo.vue.d.ts

@@ -0,0 +1,40 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    options: {
+        label: string;
+        value: string;
+    }[];
+    components: ({
+        field: string;
+        label: string;
+        component: string;
+        clearable: boolean;
+        options?: undefined;
+        change?: undefined;
+        filterable?: undefined;
+    } | {
+        field: string;
+        label: string;
+        component: string;
+        options: {
+            label: string;
+            value: string;
+        }[];
+        change: (val: any) => void;
+        filterable: boolean;
+        clearable?: undefined;
+    } | {
+        field: string;
+        label: string;
+        component: string;
+        clearable?: undefined;
+        options?: undefined;
+        change?: undefined;
+        filterable?: undefined;
+    })[];
+    condition: import("vue").Ref<{}>;
+    condition2: import("vue").Ref<{}>;
+    change: (value: string) => void;
+    search: (obj: any) => void;
+    search2: (obj: any) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/types/examples/pages/search-bar/demo/EchoConditionsDemo.vue.d.ts

@@ -0,0 +1,32 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    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: import("vue").Ref<{}>;
+    searchRef: any;
+    init: () => void;
+    search: (obj: any) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/types/examples/pages/search-bar/demo/QuickSearchDemo.vue.d.ts

@@ -0,0 +1,7 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    condition: import("vue").Ref<{}>;
+    quick: import("vue").Ref<string>;
+    change: (value: string) => void;
+    search: (obj: any) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/types/examples/pages/search-bar/demo/SearchBarButtonDemo.vue.d.ts

@@ -0,0 +1,32 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    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: import("vue").Ref<{}>;
+    download: (e: Event) => void;
+    upload: (e: Event) => void;
+    search: (obj: any) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/types/examples/pages/search-bar/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/types/src/components/search-bar/FuComplexSearch.vue.d.ts

@@ -1,2 +1,22 @@
-declare const _default: any;
+import { PropType } from "vue";
+import { ComplexCondition } from "./types";
+declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: StringConstructor;
+        validator: (val: string) => val is string;
+    };
+    components: PropType<any[]>;
+}, {
+    setConditions: (conditionObj: any) => ComplexCondition[];
+    close: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close")[], "change" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: StringConstructor;
+        validator: (val: string) => val is string;
+    };
+    components: PropType<any[]>;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {}>;
 export default _default;

package/types/src/components/search-bar/FuQuickSearch.vue.d.ts

@@ -9,11 +9,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => void;
-} & {
-    change: (value: string, event: Event) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: StringConstructor;
         validator: (val: string) => val is string;
@@ -25,8 +21,8 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onChange?: ((value: string, event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     useIcon: boolean;
 }>;

package/types/src/components/search-bar/FuSearchBar.vue.d.ts

@@ -1,2 +1,58 @@
-declare const _default: any;
+declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: StringConstructor;
+        validator: (val: string) => val is string;
+    };
+    quickKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    quickPlaceholder: StringConstructor;
+    useCleanButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    useRefreshButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    useQuickSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    components: ArrayConstructor;
+}, {
+    setConditions: (conditionObj: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "exec")[], "close" | "exec", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: StringConstructor;
+        validator: (val: string) => val is string;
+    };
+    quickKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    quickPlaceholder: StringConstructor;
+    useCleanButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    useRefreshButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    useQuickSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    components: ArrayConstructor;
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+    onExec?: ((...args: any[]) => any) | undefined;
+}, {
+    useQuickSearch: boolean;
+    quickKey: string;
+    useCleanButton: boolean;
+    useRefreshButton: boolean;
+}>;
 export default _default;

package/types/src/components/search-bar/FuSearchBarButton.vue.d.ts

@@ -1,12 +1,14 @@
-declare namespace _default {
-    const name: string;
-    namespace props {
-        namespace size {
-            export const type: StringConstructor;
-            export { validateSize as validator };
-        }
-        const tooltip: StringConstructor;
-    }
-}
+declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: StringConstructor;
+        validator: (val: string) => val is string;
+    };
+    tooltip: StringConstructor;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: StringConstructor;
+        validator: (val: string) => val is string;
+    };
+    tooltip: StringConstructor;
+}>>, {}>;
 export default _default;
-import { validateSize } from "@/tools/size";

package/types/src/components/search-bar/FuSearchContions.vue.d.ts

@@ -1,12 +1,26 @@
-declare namespace _default {
-    const name: string;
-    const mixins: any[];
-    namespace props {
-        const conditions: ArrayConstructor;
-    }
-    namespace methods {
-        function remove(index: any): void;
-        function remove(index: any): void;
-    }
-}
+import { PropType } from "vue";
+import { ComplexCondition } from "./types";
+declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: StringConstructor;
+        validator: (val: string) => val is string;
+    };
+    conditions: {
+        type: PropType<ComplexCondition[]>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (conditions: ComplexCondition[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: StringConstructor;
+        validator: (val: string) => val is string;
+    };
+    conditions: {
+        type: PropType<ComplexCondition[]>;
+        required: true;
+    };
+}>> & {
+    onChange?: ((conditions: ComplexCondition[]) => any) | undefined;
+}, {}>;
 export default _default;

package/types/src/components/search-bar/index.d.ts

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

package/types/src/components/search-bar/types.d.ts

@@ -2,7 +2,7 @@ import { InjectionKey, Ref } from "vue";
 export declare const referenceKey: InjectionKey<Ref<ReferenceContext[]>>;
 export interface ReferenceContext {
     field: string;
-    init(v: any): void;
+    init(v?: any): void;
     getCondition(): ComplexCondition | undefined;
 }
 export interface OptionProps {

package/src/components/read-write-switch/index.d.ts

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

package/src/components/read-write-switch/types.d.ts

@@ -1,4 +0,0 @@
-export interface OptionProps {
-    label: string;
-    value: string | number;
-}

package/src/components/search-bar/complex-components/index.js

@@ -1,16 +0,0 @@
-// import locale from "@/locale";
-//
-// const components = require.context('./', true, /\.vue$/)
-//
-// const FuComplexComponents = {
-//   install: function (Vue, opts = {}) {
-//     locale.use(opts.locale);
-//     locale.i18n(opts.i18n);
-//     components.keys().map(key => {
-//       const component = components(key).default
-//       Vue.component(component.name, component);
-//     })
-//   }
-// }
-//
-// export default FuComplexComponents;

package/src/components/search-bar/complex-components/mixins.js

@@ -1,26 +0,0 @@
-import Locale from "@/mixins/locale";
-import ConfigSize from "@/mixins/config-size";
-import {ComplexCondition} from "@/components/search-bar/model";
-
-export default {
-  props: ConfigSize.props,
-  methods: {
-    ...Locale.methods,
-    createCondition(value, operator) {
-      this.value = value
-      this.operator = operator
-      return this.getCondition()
-    }
-  },
-  computed: {
-    ...ConfigSize.computed,
-    operatorLabel() {
-      for (let operator of this.operators) {
-        if (operator.value === this.operator) {
-          return this.t(operator.label)
-        }
-      }
-      return this.operator
-    },
-  }
-};

package/src/components/search-bar/index.js

@@ -1,16 +0,0 @@
-// import FuSearchBar from "./FuSearchBar"
-// import FuQuickSearch from "./FuQuickSearch"
-// import FuSearchBarButton from "./FuSearchBarButton"
-// import FuComplexComponents from "./complex-components"
-// import locale from "@/locale"
-//
-// FuSearchBar.install = function (Vue, opts = {}) {
-//   locale.use(opts.locale)
-//   locale.i18n(opts.i18n)
-//   Vue.component(FuSearchBar.name, FuSearchBar)
-//   Vue.component(FuSearchBarButton.name, FuSearchBarButton)
-//   Vue.component(FuQuickSearch.name, FuQuickSearch)
-//   Vue.use(FuComplexComponents)
-// }
-//
-// export default FuSearchBar

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

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

package/src/components/table/table-column-select/utils.d.ts

@@ -1,8 +0,0 @@
-export declare const tableColumnSelect: (localKey: any) => {
-    columnsKey: import("vue").ComputedRef<string>;
-    dragstart: (event: DragEvent, index: any) => void;
-    dragenter: (event: DragEvent) => void;
-    dragleave: (event: DragEvent) => void;
-    dragend: (event: DragEvent) => void;
-    drop: (event: DragEvent, list: any, index: number) => void;
-};

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

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