@zl-ui-kit/components 0.0.0-stage → 0.2.0

package/dist/components/ZlSearch/index.vue.d.ts

@@ -0,0 +1,420 @@
+import { nextTick } from 'vue';
+import { SearchItem } from '../../types';
+type __VLS_Props = {
+    items?: SearchItem[];
+    model?: Record<string, any>;
+    immediate?: boolean;
+    disabled?: boolean;
+    showLabels?: boolean;
+    /** 超过该项数显示"多行筛选"按钮（EP 版阈值判断，替代原 overflow 检测） */
+    overflowCount?: number;
+};
+declare function search(): Promise<void>;
+declare function reset(): Promise<void>;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {
+        model: Record<string, any>;
+        field: {
+            formItemProps: Record<string, any>;
+            tooltip?: string;
+            component: any;
+            label?: string;
+            model: string;
+            slot?: boolean;
+            slots?: Record<string, any>;
+            props: Record<string, any>;
+        };
+    }) => any>> & Partial<Record<string, (_: {
+        model: Record<string, any>;
+        field: {
+            formItemProps: Record<string, any>;
+            tooltip?: string;
+            component: any;
+            label?: string;
+            model: string;
+            slot?: boolean;
+            slots?: Record<string, any>;
+            props: Record<string, any>;
+        };
+    }) => any>> & {
+        actions?(_: {}): any;
+    };
+    refs: {
+        formRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly items: import('../..').FormItem[];
+                readonly model?: Record<string, any> | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                formRef: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                items: import('../..').FormItem[];
+                model?: Record<string, any>;
+            }> & Readonly<{}>, {
+                validate: () => Promise<void>;
+                validateField: (name: string) => Promise<void>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                items: import('../..').FormItem[];
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            items: import('../..').FormItem[];
+        }> & Omit<Readonly<{
+            items: import('../..').FormItem[];
+            model?: Record<string, any>;
+        }> & Readonly<{}>, "items" | "validate" | "validateField"> & {
+            validate: () => Promise<void>;
+            validateField: (name: string) => Promise<void>;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: Partial<Record<string, (_: {
+                model: Record<string, any>;
+                field: {
+                    formItemProps: Record<string, any>;
+                    tooltip?: string;
+                    component: any;
+                    label?: string;
+                    model: string;
+                    slot?: boolean;
+                    slots?: Record<string, any>;
+                    props: Record<string, any>;
+                };
+            }) => any>> & {
+                label?(_: {
+                    label: string | undefined;
+                    item: {
+                        formItemProps: Record<string, any>;
+                        tooltip?: string;
+                        component: any;
+                        label?: string;
+                        model: string;
+                        slot?: boolean;
+                        slots?: Record<string, any>;
+                        props: Record<string, any>;
+                    };
+                }): any;
+                default?(_: {}): any;
+            };
+        }) | null;
+        multipleFormRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly items: import('../..').FormItem[];
+                readonly model?: Record<string, any> | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                formRef: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                items: import('../..').FormItem[];
+                model?: Record<string, any>;
+            }> & Readonly<{}>, {
+                validate: () => Promise<void>;
+                validateField: (name: string) => Promise<void>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                items: import('../..').FormItem[];
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            items: import('../..').FormItem[];
+        }> & Omit<Readonly<{
+            items: import('../..').FormItem[];
+            model?: Record<string, any>;
+        }> & Readonly<{}>, "items" | "validate" | "validateField"> & {
+            validate: () => Promise<void>;
+            validateField: (name: string) => Promise<void>;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: Partial<Record<string, (_: {
+                model: Record<string, any>;
+                field: {
+                    formItemProps: Record<string, any>;
+                    tooltip?: string;
+                    component: any;
+                    label?: string;
+                    model: string;
+                    slot?: boolean;
+                    slots?: Record<string, any>;
+                    props: Record<string, any>;
+                };
+            }) => any>> & {
+                label?(_: {
+                    label: string | undefined;
+                    item: {
+                        formItemProps: Record<string, any>;
+                        tooltip?: string;
+                        component: any;
+                        label?: string;
+                        model: string;
+                        slot?: boolean;
+                        slots?: Record<string, any>;
+                        props: Record<string, any>;
+                    };
+                }): any;
+                default?(_: {}): any;
+            };
+        }) | null;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+    params: import('vue').ComputedRef<Record<string, any>>;
+    search: typeof search;
+    reset: typeof reset;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    search: (params: Record<string, any>) => any;
+    reset: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSearch?: ((params: Record<string, any>) => any) | undefined;
+    onReset?: (() => any) | undefined;
+}>, {
+    immediate: boolean;
+    disabled: boolean;
+    items: SearchItem[];
+    overflowCount: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    formRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly items: import('../..').FormItem[];
+            readonly model?: Record<string, any> | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            formRef: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            items: import('../..').FormItem[];
+            model?: Record<string, any>;
+        }> & Readonly<{}>, {
+            validate: () => Promise<void>;
+            validateField: (name: string) => Promise<void>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            items: import('../..').FormItem[];
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        items: import('../..').FormItem[];
+    }> & Omit<Readonly<{
+        items: import('../..').FormItem[];
+        model?: Record<string, any>;
+    }> & Readonly<{}>, "items" | "validate" | "validateField"> & {
+        validate: () => Promise<void>;
+        validateField: (name: string) => Promise<void>;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: Partial<Record<string, (_: {
+            model: Record<string, any>;
+            field: {
+                formItemProps: Record<string, any>;
+                tooltip?: string;
+                component: any;
+                label?: string;
+                model: string;
+                slot?: boolean;
+                slots?: Record<string, any>;
+                props: Record<string, any>;
+            };
+        }) => any>> & {
+            label?(_: {
+                label: string | undefined;
+                item: {
+                    formItemProps: Record<string, any>;
+                    tooltip?: string;
+                    component: any;
+                    label?: string;
+                    model: string;
+                    slot?: boolean;
+                    slots?: Record<string, any>;
+                    props: Record<string, any>;
+                };
+            }): any;
+            default?(_: {}): any;
+        };
+    }) | null;
+    multipleFormRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly items: import('../..').FormItem[];
+            readonly model?: Record<string, any> | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            formRef: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            items: import('../..').FormItem[];
+            model?: Record<string, any>;
+        }> & Readonly<{}>, {
+            validate: () => Promise<void>;
+            validateField: (name: string) => Promise<void>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            items: import('../..').FormItem[];
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        items: import('../..').FormItem[];
+    }> & Omit<Readonly<{
+        items: import('../..').FormItem[];
+        model?: Record<string, any>;
+    }> & Readonly<{}>, "items" | "validate" | "validateField"> & {
+        validate: () => Promise<void>;
+        validateField: (name: string) => Promise<void>;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: Partial<Record<string, (_: {
+            model: Record<string, any>;
+            field: {
+                formItemProps: Record<string, any>;
+                tooltip?: string;
+                component: any;
+                label?: string;
+                model: string;
+                slot?: boolean;
+                slots?: Record<string, any>;
+                props: Record<string, any>;
+            };
+        }) => any>> & {
+            label?(_: {
+                label: string | undefined;
+                item: {
+                    formItemProps: Record<string, any>;
+                    tooltip?: string;
+                    component: any;
+                    label?: string;
+                    model: string;
+                    slot?: boolean;
+                    slots?: Record<string, any>;
+                    props: Record<string, any>;
+                };
+            }): any;
+            default?(_: {}): any;
+        };
+    }) | null;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=index.vue.d.ts.map

package/dist/components/ZlSearch/index.vue.mjs

@@ -0,0 +1,244 @@
+import { defineComponent as Y, computed as i, useSlots as ee, ref as z, nextTick as $, resolveComponent as le, openBlock as r, createElementBlock as d, createElementVNode as k, createVNode as t, withModifiers as j, createSlots as F, withCtx as a, createTextVNode as v, toDisplayString as f, renderList as V, renderSlot as B, normalizeProps as N, guardReactiveProps as x, createBlock as E, createCommentVNode as h, unref as C, Fragment as oe, Transition as te } from "vue";
+import { useZlT as ae } from "@zl-ui-kit/composables";
+import { isArray as se, isPlainObject as re } from "@zl-ui-kit/utils";
+import O from "../ZlAutoTooltip/index.vue.mjs";
+import A from "../ZlForm/index.vue.mjs";
+import '../ZlTag/index.css';import '../ZlForm/index.css';/* empty css                    */
+import w from "../ZlIcon/index.vue.mjs";
+import I from "../ZlTag/index.vue.mjs";
+/* empty css                   */
+const ne = { class: "zl-search" }, ie = {
+  key: 0,
+  class: "zl-search-search"
+}, ce = { class: "zl-search-search-single" }, ue = { class: "zl-search-form-actions" }, me = {
+  key: 0,
+  class: "zl-search-label"
+}, de = { class: "zl-search-label__summary" }, fe = {
+  key: 0,
+  class: "zl-search-search-multiple"
+}, ve = { class: "zl-search-form-actions" }, he = {
+  key: 1,
+  class: "zl-search__actions"
+}, Se = /* @__PURE__ */ Y({
+  name: "ZlSearch",
+  __name: "index",
+  props: {
+    items: { default: () => [] },
+    model: {},
+    immediate: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    showLabels: { type: Boolean },
+    overflowCount: { default: 4 }
+  },
+  emits: ["search", "reset"],
+  setup(_, { expose: q, emit: D }) {
+    const { t: y } = ae(), n = _, T = D, Z = i(() => Object.keys(ee()).filter((e) => e !== "label" && e !== "actions")), L = z(null), S = z(null), c = z(!1), G = i(() => {
+      const e = {};
+      for (const l of n.items)
+        e[l.model] = typeof l.toLabel == "function" ? l.toLabel : U;
+      return e;
+    }), H = i(() => {
+      const e = {};
+      for (const l of n.items)
+        typeof l.toParams == "function" && (e[l.model] = l.toParams);
+      return e;
+    }), u = i(() => {
+      const e = [];
+      for (const l of n.items) {
+        if (!l.model)
+          throw new Error("[ZlSearch]: form item's model is required!");
+        if (!Q(l))
+          continue;
+        const { toLabel: s, toParams: o, visible: p, ...X } = l;
+        e.push(X);
+      }
+      return e;
+    }), J = z(n.model ?? {}), m = i(() => n.model ?? J.value), M = i(() => u.value.reduce((e, l) => {
+      const s = H.value[l.model];
+      return s ? Object.assign(e, s(m.value[l.model], e)) : { ...e, [l.model]: m.value[l.model] };
+    }, {})), R = i(() => u.value.map((e) => ({
+      labelValue: G.value[e.model](m.value[e.model]),
+      model: e.model,
+      label: e.label
+    })).filter((e) => e.labelValue)), K = i(() => n.showLabels ?? u.value.length > n.overflowCount);
+    function Q(e) {
+      const l = e.visible;
+      return l === void 0 ? !0 : l === !1 || typeof l == "function" && !l(m.value, e) ? !1 : !!l;
+    }
+    function U(e) {
+      return se(e) ? e.join(", ") : re(e) ? e.label : e;
+    }
+    async function g() {
+      c.value && (c.value = !1), T("search", M.value);
+    }
+    async function b() {
+      try {
+        await (c.value ? S.value : L.value)?.validate(), g();
+      } catch {
+      }
+    }
+    async function P() {
+      try {
+        const e = c.value ? S.value : L.value;
+        e?.resetFields(), await $(), await e?.validate().catch(() => {
+        }), T("reset"), await $(), g();
+      } catch (e) {
+        console.error("[ZlSearch] reset validate error", e);
+      }
+    }
+    function W(e) {
+      delete m.value[e.model];
+    }
+    return n.immediate && (async () => (await $(), b()))(), q({ params: M, search: g, reset: P }), (e, l) => {
+      const s = le("el-button");
+      return r(), d("div", ne, [
+        u.value.length ? (r(), d("div", ie, [
+          k("div", ce, [
+            t(A, {
+              ref_key: "formRef",
+              ref: L,
+              class: "zl-search-form",
+              model: m.value,
+              items: u.value,
+              disabled: _.disabled,
+              onSubmit: j(b, ["prevent"])
+            }, F({
+              label: a(({ label: o }) => [
+                t(O, null, {
+                  default: a(() => [
+                    v(f(o), 1)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 2
+            }, [
+              V(Z.value, (o) => ({
+                name: o,
+                fn: a((p) => [
+                  B(e.$slots, o, N(x(p)))
+                ])
+              }))
+            ]), 1032, ["model", "items", "disabled"]),
+            k("div", ue, [
+              t(s, { onClick: P }, {
+                icon: a(() => [
+                  t(w, { icon: "zl:brush-color" })
+                ]),
+                _: 1
+              }),
+              u.value.length > _.overflowCount ? (r(), E(s, {
+                key: 0,
+                onClick: l[0] || (l[0] = (o) => c.value = !0)
+              }, {
+                icon: a(() => [
+                  t(w, { icon: "zl:filter-color" })
+                ]),
+                _: 1
+              })) : h("", !0),
+              t(s, {
+                type: "primary",
+                onClick: b
+              }, {
+                default: a(() => [
+                  v(f(C(y)("zl.search.search", "查询")), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          K.value ? (r(), d("div", me, [
+            k("div", de, f(C(y)("zl.search.filterConditions", "筛选条件")), 1),
+            R.value.length === 0 ? (r(), E(I, { key: 0 }, {
+              default: a(() => [
+                v(f(C(y)("zl.search.all", "全部")), 1)
+              ]),
+              _: 1
+            })) : h("", !0),
+            (r(!0), d(oe, null, V(R.value, (o) => (r(), d("div", {
+              key: o.model,
+              class: "zl-search-label-item"
+            }, [
+              t(I, {
+                closable: "",
+                fill: "",
+                color: "primary",
+                onClose: (p) => W(o)
+              }, {
+                default: a(() => [
+                  v(f(o.labelValue), 1)
+                ]),
+                _: 2
+              }, 1032, ["onClose"])
+            ]))), 128))
+          ])) : h("", !0),
+          t(te, { name: "zl-search-fade-slide" }, {
+            default: a(() => [
+              c.value ? (r(), d("div", fe, [
+                t(A, {
+                  ref_key: "multipleFormRef",
+                  ref: S,
+                  class: "zl-search-form",
+                  model: m.value,
+                  items: u.value,
+                  disabled: _.disabled,
+                  onSubmit: j(b, ["prevent"])
+                }, F({
+                  label: a(({ label: o }) => [
+                    t(O, null, {
+                      default: a(() => [
+                        v(f(o), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, [
+                  V(Z.value, (o) => ({
+                    name: o,
+                    fn: a((p) => [
+                      B(e.$slots, o, N(x(p)))
+                    ])
+                  }))
+                ]), 1032, ["model", "items", "disabled"]),
+                k("div", ve, [
+                  t(s, { onClick: P }, {
+                    icon: a(() => [
+                      t(w, { icon: "zl:brush-color" })
+                    ]),
+                    _: 1
+                  }),
+                  t(s, {
+                    onClick: l[1] || (l[1] = (o) => c.value = !1)
+                  }, {
+                    icon: a(() => [
+                      t(w, { icon: "zl:filter-color" })
+                    ]),
+                    _: 1
+                  }),
+                  t(s, {
+                    type: "primary",
+                    onClick: b
+                  }, {
+                    default: a(() => [
+                      v(f(C(y)("zl.search.search", "查询")), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ])) : h("", !0)
+            ]),
+            _: 3
+          })
+        ])) : h("", !0),
+        e.$slots.actions ? (r(), d("div", he, [
+          B(e.$slots, "actions")
+        ])) : h("", !0)
+      ]);
+    };
+  }
+});
+export {
+  Se as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlSearch/index3.vue.mjs

@@ -0,0 +1,6 @@
+import o from "./index.vue.mjs";
+import './index.css';/* empty css            */
+export {
+  o as default
+};
+//# sourceMappingURL=index3.vue.mjs.map

package/dist/components/ZlSearchTable/index.css

@@ -0,0 +1 @@
+.zl-search-table{height:100%;box-sizing:border-box;display:flex;flex-direction:column}.zl-search-table .zl-table{flex:1;padding:0 16px;overflow:hidden}.zl-search-table .zl-table__pagination{margin:10px -16px 0}