rappel-ui 1.0.6 → 1.0.8

package/es/components/filter-panel/src/filter-panel.vue.mjs

@@ -0,0 +1,158 @@
+import { defineComponent as A, mergeModels as S, useTemplateRef as c, computed as H, useModel as F, effectScope as L, watchEffect as P, watch as U, onUnmounted as G, onMounted as I, createElementBlock as N, openBlock as v, normalizeStyle as J, normalizeClass as u, unref as o, createElementVNode as h, renderSlot as l, createCommentVNode as V, createBlock as K, withModifiers as b, withCtx as y, createTextVNode as w, toDisplayString as Q, createVNode as z } from "vue";
+/* empty css                                  */
+/* empty css                                          */
+import { useElementSize as x, useMutationObserver as X } from "../../../node_modules/.pnpm/@vueuse_core@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs";
+import { ReButton as g } from "../../button/index.mjs";
+import "../../input/index.mjs";
+import "../../tabs/index.mjs";
+import "../../colors/index.mjs";
+import "../index.mjs";
+import "../../svg-icon/index.mjs";
+import { useNamespace as Y } from "../../../composables/use-namespace/index.mjs";
+const ue = /* @__PURE__ */ A({
+  name: "ReFilterPanel",
+  __name: "filter-panel",
+  props: /* @__PURE__ */ S({
+    selector: { default: "> *" },
+    maxHeight: { default: 0 },
+    itemMinw: { default: 240 },
+    exclude: { default: "[exclude]" },
+    loading: { type: Boolean, default: !1 },
+    enableObserver: { type: Boolean, default: !1 },
+    observerOptions: { default: () => ({}) }
+  }, {
+    isExpand: { type: Boolean, default: !1 },
+    isExpandModifiers: {}
+  }),
+  emits: /* @__PURE__ */ S(["reset", "search"], ["update:isExpand"]),
+  setup(a, { expose: R, emit: D }) {
+    const { n: T, ns: n } = Y("filter-panel"), $ = c("main"), { height: W } = x($), s = H(() => a.maxHeight || W.value), k = D, E = c("wrapper"), i = c("inner"), r = F(a, "isExpand"), j = H(() => d.value > s.value), M = () => {
+      r.value = !r.value;
+    }, { height: d, width: p } = x(i, {
+      width: 0,
+      height: s.value
+    }), { width: B } = x(E, {
+      width: 0,
+      height: s.value
+    }), m = () => {
+      if (!i.value) return;
+      const e = i.value.querySelectorAll(
+        `.${n("", "inner")} ${a.selector}:not(${a.exclude})`
+      ), t = Math.floor(p.value / a.itemMinw);
+      e.forEach((f) => {
+        f.style.width = `${100 / t}%`;
+      });
+    }, C = L();
+    C.run(() => {
+      P(() => {
+        p.value && B.value && m();
+      }), U(
+        () => d.value,
+        (e) => {
+          e > s.value && (r.value = !1);
+        }
+      );
+    });
+    const q = () => {
+      const { stop: e } = X(
+        i.value,
+        () => {
+          m();
+        },
+        Object.assign(
+          {
+            childList: !0,
+            subtree: !0,
+            attributes: !0,
+            characterData: !0
+          },
+          a.observerOptions || {}
+        )
+      );
+      return { stop: e };
+    };
+    let O;
+    return a.enableObserver && (O = q().stop), G(() => {
+      C.stop(), O?.();
+    }), I(() => {
+      m();
+    }), R({
+      toggle: M,
+      update: m,
+      isExpand: r,
+      innerH: d,
+      innerW: p,
+      wrapperW: B,
+      maxH: s
+    }), (e, t) => (v(), N("div", {
+      class: u([o(T)("")]),
+      style: J({ "max-height": `${r.value ? o(d) : s.value}px` }),
+      ref_key: "wrapper",
+      ref: E
+    }, [
+      h("div", {
+        class: u([o(n)("", "inner")]),
+        ref_key: "inner",
+        ref: i
+      }, [
+        l(e.$slots, "default")
+      ], 2),
+      h("div", {
+        class: u([o(n)("", "operator")])
+      }, [
+        h("div", {
+          ref_key: "main",
+          ref: $,
+          class: u([o(n)("", "main")])
+        }, [
+          l(e.$slots, "main", {}, () => [
+            l(e.$slots, "expand", {}, () => [
+              j.value ? (v(), K(o(g), {
+                key: 0,
+                type: "primary",
+                onClick: b(M, ["stop"])
+              }, {
+                default: y(() => [
+                  w(Q(r.value ? "收起" : "展开"), 1)
+                ]),
+                _: 1
+              })) : V("", !0)
+            ]),
+            l(e.$slots, "reset", {}, () => [
+              z(o(g), {
+                disabled: a.loading,
+                onClick: t[0] || (t[0] = b((f) => k("reset"), ["stop"]))
+              }, {
+                default: y(() => [...t[2] || (t[2] = [
+                  w("重置", -1)
+                ])]),
+                _: 1
+              }, 8, ["disabled"])
+            ]),
+            l(e.$slots, "search", {}, () => [
+              z(o(g), {
+                type: "primary",
+                disabled: a.loading,
+                onClick: t[1] || (t[1] = b((f) => k("search"), ["stop"]))
+              }, {
+                default: y(() => [...t[3] || (t[3] = [
+                  w(" 查询 ", -1)
+                ])]),
+                _: 1
+              }, 8, ["disabled"])
+            ])
+          ])
+        ], 2),
+        e.$slots.extra ? (v(), N("div", {
+          key: 0,
+          class: u([o(n)("", "extra")])
+        }, [
+          l(e.$slots, "extra")
+        ], 2)) : V("", !0)
+      ], 2)
+    ], 6));
+  }
+});
+export {
+  ue as default
+};

package/es/components/filter-panel/src/filter-panel.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./filter-panel.vue.mjs";
+export {
+  f as default
+};

package/es/components/filter-panel/src/types.d.ts

@@ -0,0 +1,18 @@
+interface FilterPanelProps {
+    selector?: string;
+    maxHeight?: number;
+    itemMinw?: number;
+    exclude?: string;
+    loading?: boolean;
+    enableObserver?: boolean;
+    observerOptions?: {
+        attributeFilter?: string[];
+        attributeOldValue?: boolean;
+        attributes?: boolean;
+        characterData?: boolean;
+        characterDataOldValue?: boolean;
+        childList?: boolean;
+        subtree?: boolean;
+    };
+}
+export type { FilterPanelProps };

package/es/components/index.d.ts

@@ -2,3 +2,5 @@ export * from './button';
 export * from './input';
 export * from './tabs';
 export * from './colors';
+export * from './filter-panel';
+export * from './svg-icon';

package/es/components/index.mjs

@@ -1,16 +1,20 @@
 import { ReButton as e } from "./button/index.mjs";
-import { ReInput as a } from "./input/index.mjs";
+import { ReInput as f } from "./input/index.mjs";
 import { ReTabs as l } from "./tabs/index.mjs";
 import { ReColors as p } from "./colors/index.mjs";
-import { default as R } from "./colors/src/primary-color.vue.mjs";
-import { default as s } from "./colors/src/secondary-color.vue.mjs";
-import { default as C } from "./colors/src/neutral-color.vue.mjs";
+import { ReFilterPanel as R } from "./filter-panel/index.mjs";
+import { ReSvgIcon as n } from "./svg-icon/index.mjs";
+import { default as d } from "./colors/src/primary-color.vue.mjs";
+import { default as c } from "./colors/src/secondary-color.vue.mjs";
+import { default as y } from "./colors/src/neutral-color.vue.mjs";
 export {
   e as ReButton,
   p as ReColors,
-  a as ReInput,
-  C as ReNeutralColor,
-  R as RePrimaryColor,
-  s as ReSecondaryColor,
+  R as ReFilterPanel,
+  f as ReInput,
+  y as ReNeutralColor,
+  d as RePrimaryColor,
+  c as ReSecondaryColor,
+  n as ReSvgIcon,
   l as ReTabs
 };

package/es/components/svg-icon/index.d.ts

@@ -0,0 +1,3 @@
+export * from './src/types';
+export declare const ReSvgIcon: import('vue').DefineComponent<import('.').SvgIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('.').SvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+export default ReSvgIcon;

package/es/components/svg-icon/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall as o } from "../../utils/vue/index.mjs";
+import t from "./src/svg-icon.vue.mjs";
+const a = o(t);
+export {
+  a as ReSvgIcon,
+  a as default
+};

package/es/components/svg-icon/src/svg-icon.vue.mjs

@@ -0,0 +1,33 @@
+import { defineComponent as a, computed as t, createElementBlock as s, openBlock as u, normalizeStyle as m, normalizeClass as f, unref as o, createElementVNode as d } from "vue";
+/* empty css                                  */
+/* empty css                                      */
+import { useNamespace as h } from "../../../composables/use-namespace/index.mjs";
+const v = ["d", "fill"], p = /* @__PURE__ */ a({
+  name: "ReSvgIcon",
+  __name: "svg-icon",
+  props: {
+    path: { default: "" },
+    size: { default: 16 },
+    color: { default: "currentColor" },
+    spin: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const { n, ns: l } = h("svg-icon"), i = t(() => typeof e.size == "number" ? `${e.size}px` : e.size), r = t(() => typeof e.size == "number" ? `${e.size}px` : e.size), c = t(() => e.color === "currentColor" ? "currentColor" : e.color);
+    return (z, g) => (u(), s("svg", {
+      class: f([o(n)(""), { [o(l)("", "spinner")]: e.spin }]),
+      style: m({ width: i.value, height: r.value, color: e.color }),
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true"
+    }, [
+      d("path", {
+        d: e.path,
+        fill: c.value
+      }, null, 8, v)
+    ], 6));
+  }
+});
+export {
+  p as default
+};

package/es/components/svg-icon/src/svg-icon.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./svg-icon.vue.mjs";
+export {
+  f as default
+};

package/es/components/svg-icon/src/types.d.ts

@@ -0,0 +1,7 @@
+interface SvgIconProps {
+    path: string;
+    size?: string | number;
+    color?: string;
+    spin?: boolean;
+}
+export type { SvgIconProps };

package/es/index.d.ts

@@ -80,6 +80,83 @@ declare const _default: {
     RePrimaryColor: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     ReSecondaryColor: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
     ReNeutralColor: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    ReFilterPanel: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            isExpand?: boolean;
+        } & components.FilterPanelProps> & Readonly<{
+            onSearch?: ((...args: any[]) => any) | undefined;
+            onReset?: ((...args: any[]) => any) | undefined;
+            "onUpdate:isExpand"?: ((value: boolean) => any) | undefined;
+        }>, {
+            toggle: () => void;
+            update: () => void;
+            isExpand: import('vue').ModelRef<boolean, string, boolean, boolean>;
+            innerH: import('vue').ShallowRef<number, number>;
+            innerW: import('vue').ShallowRef<number, number>;
+            wrapperW: import('vue').ShallowRef<number, number>;
+            maxH: import('vue').ComputedRef<number>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            search: (...args: any[]) => void;
+            reset: (...args: any[]) => void;
+            "update:isExpand": (value: boolean) => void;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            wrapper: HTMLDivElement;
+            inner: HTMLDivElement;
+            main: HTMLDivElement;
+        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            isExpand?: boolean;
+        } & components.FilterPanelProps> & Readonly<{
+            onSearch?: ((...args: any[]) => any) | undefined;
+            onReset?: ((...args: any[]) => any) | undefined;
+            "onUpdate:isExpand"?: ((value: boolean) => any) | undefined;
+        }>, {
+            toggle: () => void;
+            update: () => void;
+            isExpand: import('vue').ModelRef<boolean, string, boolean, boolean>;
+            innerH: import('vue').ShallowRef<number, number>;
+            innerW: import('vue').ShallowRef<number, number>;
+            wrapperW: import('vue').ShallowRef<number, number>;
+            maxH: import('vue').ComputedRef<number>;
+        }, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        isExpand?: boolean;
+    } & components.FilterPanelProps> & Readonly<{
+        onSearch?: ((...args: any[]) => any) | undefined;
+        onReset?: ((...args: any[]) => any) | undefined;
+        "onUpdate:isExpand"?: ((value: boolean) => any) | undefined;
+    }>, {
+        toggle: () => void;
+        update: () => void;
+        isExpand: import('vue').ModelRef<boolean, string, boolean, boolean>;
+        innerH: import('vue').ShallowRef<number, number>;
+        innerW: import('vue').ShallowRef<number, number>;
+        wrapperW: import('vue').ShallowRef<number, number>;
+        maxH: import('vue').ComputedRef<number>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        search: (...args: any[]) => void;
+        reset: (...args: any[]) => void;
+        "update:isExpand": (value: boolean) => void;
+    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+            main?(_: {}): any;
+            expand?(_: {}): any;
+            reset?(_: {}): any;
+            search?(_: {}): any;
+            extra?(_: {}): any;
+        };
+    });
+    ReSvgIcon: import('vue').DefineComponent<components.SvgIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<components.SvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
     install: (app: import('vue').App) => void;
     version: string;
 };

package/es/index.mjs

@@ -8,9 +8,9 @@ import { useDateFormat as y } from "./composables/useDateFormat.mjs";
 import { useOnceFn as L } from "./composables/useOnceFn.mjs";
 import { useTimeNodes as F } from "./composables/useTimeNodes.mjs";
 import { useWaterFallLayout as O } from "./composables/useWaterFallLayout.mjs";
-import { useNamespace as E } from "./composables/use-namespace/index.mjs";
+import { useNamespace as D } from "./composables/use-namespace/index.mjs";
 import { createGlobalInstaller as r } from "./utils/vue/index.mjs";
-import { INSTALLED_KEY as h, toLowerCase as w, withInstall as N, withMultiInstall as P } from "./utils/vue/index.mjs";
+import { INSTALLED_KEY as P, toLowerCase as h, withInstall as w, withMultiInstall as N } from "./utils/vue/index.mjs";
 import { autoCalcFileSize as z, buildTree as B, createColors as K, createOverload as U, darkenColor as k, deepClone as A, deleteKeys as q, flatArr as G, getEqualOpacityColor as M, hasOwnProperty as W, isPlainObject as Y, joinURLs as _, lineBreakToComma as $, omitEmptyKeys as H, paramsToFormData as J, readTxtByEncodes as Q, readTxtFile as V, setURLSearchParams as X, singleton as Z } from "./utils/util.mjs";
 import { default as oe } from "./components/colors/src/primary-color.vue.mjs";
 import { default as te } from "./components/colors/src/secondary-color.vue.mjs";
@@ -19,21 +19,25 @@ import { ReButton as me } from "./components/button/index.mjs";
 import { ReInput as ne } from "./components/input/index.mjs";
 import { ReTabs as fe } from "./components/tabs/index.mjs";
 import { ReColors as ue } from "./components/colors/index.mjs";
-import { RappelUIResolver as ce } from "./rappel-ui/resolver.mjs";
+import { ReFilterPanel as ce } from "./components/filter-panel/index.mjs";
+import { ReSvgIcon as Ce } from "./components/svg-icon/index.mjs";
+import { RappelUIResolver as ve } from "./rappel-ui/resolver.mjs";
 const o = r(Object.values(e)), t = o.install, a = o.version, s = {
   install: t,
   version: a,
   ...e
 };
 export {
-  h as INSTALLED_KEY,
-  ce as RappelUIResolver,
+  P as INSTALLED_KEY,
+  ve as RappelUIResolver,
   me as ReButton,
   ue as ReColors,
+  ce as ReFilterPanel,
   ne as ReInput,
   le as ReNeutralColor,
   oe as RePrimaryColor,
   te as ReSecondaryColor,
+  Ce as ReSvgIcon,
   fe as ReTabs,
   u as applyResizable,
   z as autoCalcFileSize,
@@ -59,10 +63,10 @@ export {
   X as setURLSearchParams,
   Z as singleton,
   n as svgLoadingContent,
-  w as toLowerCase,
+  h as toLowerCase,
   y as useDateFormat,
   g as useDraggable,
-  E as useNamespace,
+  D as useNamespace,
   L as useOnceFn,
   F as useTimeNodes,
   O as useWaterFallLayout,
@@ -70,6 +74,6 @@ export {
   d as vResizable,
   R as vSvgLoading,
   a as version,
-  N as withInstall,
-  P as withMultiInstall
+  w as withInstall,
+  N as withMultiInstall
 };

package/es/node_modules/.pnpm/@vueuse_core@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs

@@ -0,0 +1,119 @@
+import { tryOnMounted as B, toArray as R, notNullish as $, tryOnScopeDispose as M, isClient as z } from "../../../../../@vueuse_shared@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.mjs";
+import { getLifeCycleTarget as D } from "../../../../../@vueuse_shared@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.mjs";
+import { computed as w, shallowRef as b, watch as x, toValue as g, getCurrentInstance as C, onMounted as W } from "vue";
+const O = z ? window : void 0;
+function d(o) {
+  var t;
+  const r = g(o);
+  return (t = r?.$el) !== null && t !== void 0 ? t : r;
+}
+// @__NO_SIDE_EFFECTS__
+function E() {
+  const o = b(!1), t = C();
+  return t && W(() => {
+    o.value = !0;
+  }, t), o;
+}
+// @__NO_SIDE_EFFECTS__
+function S(o) {
+  const t = /* @__PURE__ */ E();
+  return w(() => (t.value, !!o()));
+}
+function y(o, t, r = {}) {
+  const { window: c = O, ...l } = r;
+  let n;
+  const s = /* @__PURE__ */ S(() => c && "MutationObserver" in c), i = () => {
+    n && (n.disconnect(), n = void 0);
+  }, a = x(w(() => {
+    const e = R(g(o)).map(d).filter($);
+    return new Set(e);
+  }), (e) => {
+    i(), s.value && e.size && (n = new MutationObserver(t), e.forEach((p) => n.observe(p, l)));
+  }, {
+    immediate: !0,
+    flush: "post"
+  }), f = () => n?.takeRecords(), u = () => {
+    a(), i();
+  };
+  return M(u), {
+    isSupported: s,
+    stop: u,
+    takeRecords: f
+  };
+}
+function _(o, t, r = {}) {
+  const { window: c = O, ...l } = r;
+  let n;
+  const s = /* @__PURE__ */ S(() => c && "ResizeObserver" in c), i = () => {
+    n && (n.disconnect(), n = void 0);
+  }, a = x(w(() => {
+    const u = g(o);
+    return Array.isArray(u) ? u.map((e) => d(e)) : [d(u)];
+  }), (u) => {
+    if (i(), s.value && c) {
+      n = new ResizeObserver(t);
+      for (const e of u) e && n.observe(e, l);
+    }
+  }, {
+    immediate: !0,
+    flush: "post"
+  }), f = () => {
+    i(), a();
+  };
+  return M(f), {
+    isSupported: s,
+    stop: f
+  };
+}
+function H(o, t = {
+  width: 0,
+  height: 0
+}, r = {}) {
+  const { window: c = O, box: l = "content-box" } = r, n = w(() => {
+    var e;
+    return (e = d(o)) === null || e === void 0 || (e = e.namespaceURI) === null || e === void 0 ? void 0 : e.includes("svg");
+  }), s = b(t.width), i = b(t.height), { stop: a } = _(o, ([e]) => {
+    const p = l === "border-box" ? e.borderBoxSize : l === "content-box" ? e.contentBoxSize : e.devicePixelContentBoxSize;
+    if (c && n.value) {
+      const h = d(o);
+      if (h) {
+        const v = h.getBoundingClientRect();
+        s.value = v.width, i.value = v.height;
+      }
+    } else if (p) {
+      const h = R(p);
+      s.value = h.reduce((v, { inlineSize: m }) => v + m, 0), i.value = h.reduce((v, { blockSize: m }) => v + m, 0);
+    } else
+      s.value = e.contentRect.width, i.value = e.contentRect.height;
+  }, r);
+  B(() => {
+    const e = d(o);
+    e && (s.value = "offsetWidth" in e ? e.offsetWidth : t.width, i.value = "offsetHeight" in e ? e.offsetHeight : t.height);
+  });
+  const f = x(() => d(o), (e) => {
+    s.value = e ? t.width : 0, i.value = e ? t.height : 0;
+  });
+  function u() {
+    a(), f();
+  }
+  return {
+    width: s,
+    height: i,
+    stop: u
+  };
+}
+export {
+  O as defaultWindow,
+  D as getLifeCycleTarget,
+  z as isClient,
+  $ as notNullish,
+  R as toArray,
+  B as tryOnMounted,
+  M as tryOnScopeDispose,
+  d as unrefElement,
+  H as useElementSize,
+  E as useMounted,
+  y as useMutationObserver,
+  _ as useResizeObserver,
+  S as useSupported
+};

package/es/node_modules/.pnpm/@vueuse_shared@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.mjs

@@ -0,0 +1,24 @@
+import { onMounted as o, nextTick as r, getCurrentScope as i, onScopeDispose as u, getCurrentInstance as c } from "vue";
+function l(e, n) {
+  return i() ? (u(e, n), !0) : !1;
+}
+const p = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const d = (e) => e != null;
+function a(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function f(e) {
+  return c();
+}
+function y(e, n = !0, t) {
+  f() ? o(e, t) : n ? e() : r(e);
+}
+export {
+  f as getLifeCycleTarget,
+  p as isClient,
+  d as notNullish,
+  a as toArray,
+  y as tryOnMounted,
+  l as tryOnScopeDispose
+};

package/es/theme-chalk/src/filter-panel.css

@@ -0,0 +1 @@
+@charset "UTF-8";.re-filter-panel{display:flex;align-items:start;overflow:hidden;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;border-radius:4px}.re-filter-panel__inner{flex:1;min-width:0;display:flex;flex-wrap:wrap}.re-filter-panel__extra{margin-top:1em}

package/es/theme-chalk/src/svg-icon.css

@@ -0,0 +1 @@
+@charset "UTF-8";.re-svg-icon{display:inline-block;vertical-align:middle}.re-svg-icon__spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rappel-ui",
   "private": false,
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "a vue3 ui library",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/theme-chalk/index.css

@@ -623,4 +623,39 @@ body {
   background-image: linear-gradient(45deg, #ededf0 25%, transparent 25%), linear-gradient(-45deg, #ededf0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ededf0 75%), linear-gradient(-45deg, transparent 75%, #ededf0 75%);
   background-size: 22px 22px;
   background-position: 0 0, 0 11px, 11px -11px, -11px 0px;
+}
+
+.re-filter-panel {
+  display: flex;
+  align-items: start;
+  overflow: hidden;
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 300ms;
+  border-radius: 4px;
+}
+.re-filter-panel__inner {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-wrap: wrap;
+}
+.re-filter-panel__extra {
+  margin-top: 1em;
+}
+
+.re-svg-icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+.re-svg-icon__spinner {
+  animation: spin 1s linear infinite;
+}
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }