rappel-ui 1.0.6 → 1.0.8

package/cjs/components/button/src/button.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");;/* empty css                                  */;/* empty css                                    */const d=require("./constants.js"),f=require("../../../composables/use-namespace/index.js"),m=["type","disabled"],y=t.defineComponent({name:"ReButton",__name:"button",props:{type:{default:""},size:{default:"default"},plain:{type:Boolean,default:!1},round:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},icon:{default:""},loading:{type:Boolean,default:!1},loadingIcon:{default:""},text:{type:Boolean,default:!1},link:{type:Boolean,default:!1},nativeType:{default:"button"}},emits:["click"],setup(e,{emit:u}){const c=u,{n:s,nm:i,ns:a,is:n}=f.useNamespace("button"),o=t.computed(()=>[s(""),e.type&&d.buttonTypes.includes(e.type)?i("",e.type):"",e.size!=="default"&&d.buttonSizes.includes(e.size)?i("",e.size):"",n("text",e.text),n("link",e.link),n("plain",e.plain),n("round",e.round),n("circle",e.circle),n("loading",e.loading),n("disabled",e.disabled)]);watch(()=>o.value,l=>{console.log("btnClass changed:",l)},{immediate:!0});function r(l){if(e.disabled||e.loading){l.preventDefault(),l.stopImmediatePropagation();return}c("click",l)}return(l,b)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(o.value),type:e.nativeType,disabled:e.disabled||e.loading,onClick:t.withModifiers(r,["stop"])},[t.renderSlot(l.$slots,"loading",{},()=>[e.loading?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass([t.unref(a)("","loading"),e.loadingIcon]),"aria-hidden":"true"},null,2)):t.createCommentVNode("",!0)]),t.renderSlot(l.$slots,"icon",{},()=>[e.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass([t.unref(a)("","icon"),e.icon]),"aria-hidden":"true"},null,2)):t.createCommentVNode("",!0)]),t.createElementVNode("span",{class:t.normalizeClass([t.unref(a)("","content")])},[t.renderSlot(l.$slots,"default")],2)],10,m))}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");;/* empty css                                  */;/* empty css                                    */const o=require("./constants.js"),f=require("../../../composables/use-namespace/index.js"),m=["type","disabled"],y=t.defineComponent({name:"ReButton",__name:"button",props:{type:{default:""},size:{default:"default"},plain:{type:Boolean,default:!1},round:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},icon:{default:""},loading:{type:Boolean,default:!1},loadingIcon:{default:""},text:{type:Boolean,default:!1},link:{type:Boolean,default:!1},nativeType:{default:"button"}},emits:["click"],setup(e,{emit:d}){const u=d,{n:c,nm:i,ns:a,is:l}=f.useNamespace("button"),s=t.computed(()=>[c(""),e.type&&o.buttonTypes.includes(e.type)?i("",e.type):"",e.size!=="default"&&o.buttonSizes.includes(e.size)?i("",e.size):"",l("text",e.text),l("link",e.link),l("plain",e.plain),l("round",e.round),l("circle",e.circle),l("loading",e.loading),l("disabled",e.disabled)]);function r(n){if(e.disabled||e.loading){n.preventDefault(),n.stopImmediatePropagation();return}u("click",n)}return(n,b)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(s.value),type:e.nativeType,disabled:e.disabled||e.loading,onClick:t.withModifiers(r,["stop"])},[t.renderSlot(n.$slots,"loading",{},()=>[e.loading?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass([t.unref(a)("","loading"),e.loadingIcon]),"aria-hidden":"true"},null,2)):t.createCommentVNode("",!0)]),t.renderSlot(n.$slots,"icon",{},()=>[e.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass([t.unref(a)("","icon"),e.icon]),"aria-hidden":"true"},null,2)):t.createCommentVNode("",!0)]),t.createElementVNode("span",{class:t.normalizeClass([t.unref(a)("","content")])},[t.renderSlot(n.$slots,"default")],2)],10,m))}});exports.default=y;

package/cjs/components/button/src/types.d.ts

@@ -13,4 +13,4 @@ interface ButtonProps {
     link?: boolean;
     nativeType?: (typeof buttonNativeTypes)[number];
 }
-export type { ButtonProps };
+export type { ButtonProps, buttonTypes, buttonSizes, buttonNativeTypes };

package/cjs/components/filter-panel/index.d.ts

@@ -0,0 +1,78 @@
+export * from './src/types.ts';
+export declare const ReFilterPanel: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        isExpand?: boolean;
+    } & import('./index.ts').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;
+    } & import('./index.ts').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;
+} & import('./index.ts').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;
+    };
+});
+export default ReFilterPanel;

package/cjs/components/filter-panel/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/index.js"),l=require("./src/filter-panel.vue.js"),e=t.withInstall(l.default);exports.ReFilterPanel=e;exports.default=e;

package/cjs/components/filter-panel/src/constants.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/components/filter-panel/src/filter-panel.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                                  */;/* empty css                                          */const d=require("../../../node_modules/.pnpm/@vueuse_core@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js"),m=require("../../button/index.js");require("../../input/index.js");require("../../tabs/index.js");require("../../colors/index.js");require("../index.js");require("../../svg-icon/index.js");const M=require("../../../composables/use-namespace/index.js"),q=e.defineComponent({name:"ReFilterPanel",__name:"filter-panel",props:e.mergeModels({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:e.mergeModels(["reset","search"],["update:isExpand"]),setup(n,{expose:y,emit:E}){const{n:$,ns:s}=M.useNamespace("filter-panel"),p=e.useTemplateRef("main"),{height:S}=d.useElementSize(p),a=e.computed(()=>n.maxHeight||S.value),v=E,h=e.useTemplateRef("wrapper"),o=e.useTemplateRef("inner"),l=e.useModel(n,"isExpand"),k=e.computed(()=>i.value>a.value),x=()=>{l.value=!l.value},{height:i,width:c}=d.useElementSize(o,{width:0,height:a.value}),{width:w}=d.useElementSize(h,{width:0,height:a.value}),u=()=>{if(!o.value)return;const t=o.value.querySelectorAll(`.${s("","inner")} ${n.selector}:not(${n.exclude})`),r=Math.floor(c.value/n.itemMinw);t.forEach(f=>{f.style.width=`${100/r}%`})},b=e.effectScope();b.run(()=>{e.watchEffect(()=>{c.value&&w.value&&u()}),e.watch(()=>i.value,t=>{t>a.value&&(l.value=!1)})});const C=()=>{const{stop:t}=d.useMutationObserver(o.value,()=>{u()},Object.assign({childList:!0,subtree:!0,attributes:!0,characterData:!0},n.observerOptions||{}));return{stop:t}};let g;return n.enableObserver&&(g=C().stop),e.onUnmounted(()=>{b.stop(),g?.()}),e.onMounted(()=>{u()}),y({toggle:x,update:u,isExpand:l,innerH:i,innerW:c,wrapperW:w,maxH:a}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref($)("")]),style:e.normalizeStyle({"max-height":`${l.value?e.unref(i):a.value}px`}),ref_key:"wrapper",ref:h},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(s)("","inner")]),ref_key:"inner",ref:o},[e.renderSlot(t.$slots,"default")],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(s)("","operator")])},[e.createElementVNode("div",{ref_key:"main",ref:p,class:e.normalizeClass([e.unref(s)("","main")])},[e.renderSlot(t.$slots,"main",{},()=>[e.renderSlot(t.$slots,"expand",{},()=>[k.value?(e.openBlock(),e.createBlock(e.unref(m.ReButton),{key:0,type:"primary",onClick:e.withModifiers(x,["stop"])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value?"收起":"展开"),1)]),_:1})):e.createCommentVNode("",!0)]),e.renderSlot(t.$slots,"reset",{},()=>[e.createVNode(e.unref(m.ReButton),{disabled:n.loading,onClick:r[0]||(r[0]=e.withModifiers(f=>v("reset"),["stop"]))},{default:e.withCtx(()=>[...r[2]||(r[2]=[e.createTextVNode("重置",-1)])]),_:1},8,["disabled"])]),e.renderSlot(t.$slots,"search",{},()=>[e.createVNode(e.unref(m.ReButton),{type:"primary",disabled:n.loading,onClick:r[1]||(r[1]=e.withModifiers(f=>v("search"),["stop"]))},{default:e.withCtx(()=>[...r[3]||(r[3]=[e.createTextVNode(" 查询 ",-1)])]),_:1},8,["disabled"])])])],2),t.$slots.extra?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(s)("","extra")])},[e.renderSlot(t.$slots,"extra")],2)):e.createCommentVNode("",!0)],2)],6))}});exports.default=q;

package/cjs/components/filter-panel/src/filter-panel.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./filter-panel.vue.js");exports.default=e.default;

package/cjs/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/cjs/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/cjs/components/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./button/index.js"),r=require("./input/index.js"),t=require("./tabs/index.js"),o=require("./colors/index.js"),u=require("./colors/src/primary-color.vue.js"),n=require("./colors/src/secondary-color.vue.js"),_=require("./colors/src/neutral-color.vue.js");exports.ReButton=e.ReButton;exports.ReInput=r.ReInput;exports.ReTabs=t.ReTabs;exports.ReColors=o.ReColors;exports.RePrimaryColor=u.default;exports.ReSecondaryColor=n.default;exports.ReNeutralColor=_.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./button/index.js"),r=require("./input/index.js"),t=require("./tabs/index.js"),o=require("./colors/index.js"),u=require("./filter-panel/index.js"),n=require("./svg-icon/index.js"),i=require("./colors/src/primary-color.vue.js"),l=require("./colors/src/secondary-color.vue.js"),s=require("./colors/src/neutral-color.vue.js");exports.ReButton=e.ReButton;exports.ReInput=r.ReInput;exports.ReTabs=t.ReTabs;exports.ReColors=o.ReColors;exports.ReFilterPanel=u.ReFilterPanel;exports.ReSvgIcon=n.ReSvgIcon;exports.RePrimaryColor=i.default;exports.ReSecondaryColor=l.default;exports.ReNeutralColor=s.default;

package/cjs/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/cjs/components/svg-icon/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/index.js"),u=require("./src/svg-icon.vue.js"),e=t.withInstall(u.default);exports.ReSvgIcon=e;exports.default=e;

package/cjs/components/svg-icon/src/svg-icon.vue.js

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

package/cjs/components/svg-icon/src/svg-icon.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./svg-icon.vue.js");exports.default=e.default;

package/cjs/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/cjs/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/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./components/index.js"),n=require("./constants/svgLoading.js"),i=require("./directives/vDraggable.js"),t=require("./directives/vResizable.js"),u=require("./directives/vSvgLoading.js"),c=require("./composables/useDraggable.js"),d=require("./composables/useDateFormat.js"),g=require("./composables/useOnceFn.js"),p=require("./composables/useTimeNodes.js"),v=require("./composables/useWaterFallLayout.js"),m=require("./composables/use-namespace/index.js"),r=require("./utils/vue/index.js"),e=require("./utils/util.js"),y=require("./components/colors/src/primary-color.vue.js"),_=require("./components/colors/src/secondary-color.vue.js"),C=require("./components/colors/src/neutral-color.vue.js"),R=require("./components/button/index.js"),b=require("./components/input/index.js"),q=require("./components/tabs/index.js"),L=require("./components/colors/index.js"),T=require("./rappel-ui/resolver.js"),o=r.createGlobalInstaller(Object.values(a)),s=o.install,l=o.version,F={install:s,version:l,...a};exports.svgLoadingContent=n.svgLoadingContent;exports.vDraggable=i.vDraggable;exports.applyResizable=t.applyResizable;exports.vResizable=t.vResizable;exports.vSvgLoading=u.vSvgLoading;exports.useDraggable=c.useDraggable;exports.useDateFormat=d.useDateFormat;exports.useOnceFn=g.useOnceFn;exports.useTimeNodes=p.useTimeNodes;exports.useWaterFallLayout=v.useWaterFallLayout;exports.useNamespace=m.useNamespace;exports.INSTALLED_KEY=r.INSTALLED_KEY;exports.createGlobalInstaller=r.createGlobalInstaller;exports.toLowerCase=r.toLowerCase;exports.withInstall=r.withInstall;exports.withMultiInstall=r.withMultiInstall;exports.autoCalcFileSize=e.autoCalcFileSize;exports.buildTree=e.buildTree;exports.createColors=e.createColors;exports.createOverload=e.createOverload;exports.darkenColor=e.darkenColor;exports.deepClone=e.deepClone;exports.deleteKeys=e.deleteKeys;exports.flatArr=e.flatArr;exports.getEqualOpacityColor=e.getEqualOpacityColor;exports.hasOwnProperty=e.hasOwnProperty;exports.isPlainObject=e.isPlainObject;exports.joinURLs=e.joinURLs;exports.lineBreakToComma=e.lineBreakToComma;exports.omitEmptyKeys=e.omitEmptyKeys;exports.paramsToFormData=e.paramsToFormData;exports.readTxtByEncodes=e.readTxtByEncodes;exports.readTxtFile=e.readTxtFile;exports.setURLSearchParams=e.setURLSearchParams;exports.singleton=e.singleton;exports.RePrimaryColor=y.default;exports.ReSecondaryColor=_.default;exports.ReNeutralColor=C.default;exports.ReButton=R.ReButton;exports.ReInput=b.ReInput;exports.ReTabs=q.ReTabs;exports.ReColors=L.ReColors;exports.RappelUIResolver=T.RappelUIResolver;exports.default=F;exports.install=s;exports.version=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./components/index.js"),n=require("./constants/svgLoading.js"),i=require("./directives/vDraggable.js"),a=require("./directives/vResizable.js"),u=require("./directives/vSvgLoading.js"),c=require("./composables/useDraggable.js"),d=require("./composables/useDateFormat.js"),g=require("./composables/useOnceFn.js"),v=require("./composables/useTimeNodes.js"),p=require("./composables/useWaterFallLayout.js"),R=require("./composables/use-namespace/index.js"),r=require("./utils/vue/index.js"),e=require("./utils/util.js"),m=require("./components/colors/src/primary-color.vue.js"),q=require("./components/colors/src/secondary-color.vue.js"),y=require("./components/colors/src/neutral-color.vue.js"),_=require("./components/button/index.js"),C=require("./components/input/index.js"),b=require("./components/tabs/index.js"),L=require("./components/colors/index.js"),T=require("./components/filter-panel/index.js"),F=require("./components/svg-icon/index.js"),I=require("./rappel-ui/resolver.js"),o=r.createGlobalInstaller(Object.values(t)),s=o.install,l=o.version,x={install:s,version:l,...t};exports.svgLoadingContent=n.svgLoadingContent;exports.vDraggable=i.vDraggable;exports.applyResizable=a.applyResizable;exports.vResizable=a.vResizable;exports.vSvgLoading=u.vSvgLoading;exports.useDraggable=c.useDraggable;exports.useDateFormat=d.useDateFormat;exports.useOnceFn=g.useOnceFn;exports.useTimeNodes=v.useTimeNodes;exports.useWaterFallLayout=p.useWaterFallLayout;exports.useNamespace=R.useNamespace;exports.INSTALLED_KEY=r.INSTALLED_KEY;exports.createGlobalInstaller=r.createGlobalInstaller;exports.toLowerCase=r.toLowerCase;exports.withInstall=r.withInstall;exports.withMultiInstall=r.withMultiInstall;exports.autoCalcFileSize=e.autoCalcFileSize;exports.buildTree=e.buildTree;exports.createColors=e.createColors;exports.createOverload=e.createOverload;exports.darkenColor=e.darkenColor;exports.deepClone=e.deepClone;exports.deleteKeys=e.deleteKeys;exports.flatArr=e.flatArr;exports.getEqualOpacityColor=e.getEqualOpacityColor;exports.hasOwnProperty=e.hasOwnProperty;exports.isPlainObject=e.isPlainObject;exports.joinURLs=e.joinURLs;exports.lineBreakToComma=e.lineBreakToComma;exports.omitEmptyKeys=e.omitEmptyKeys;exports.paramsToFormData=e.paramsToFormData;exports.readTxtByEncodes=e.readTxtByEncodes;exports.readTxtFile=e.readTxtFile;exports.setURLSearchParams=e.setURLSearchParams;exports.singleton=e.singleton;exports.RePrimaryColor=m.default;exports.ReSecondaryColor=q.default;exports.ReNeutralColor=y.default;exports.ReButton=_.ReButton;exports.ReInput=C.ReInput;exports.ReTabs=b.ReTabs;exports.ReColors=L.ReColors;exports.ReFilterPanel=T.ReFilterPanel;exports.ReSvgIcon=F.ReSvgIcon;exports.RappelUIResolver=I.RappelUIResolver;exports.default=x;exports.install=s;exports.version=l;

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue");function i(e,n){return t.getCurrentScope()?(t.onScopeDispose(e,n),!0):!1}const u=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const s=e=>e!=null;function c(e){return Array.isArray(e)?e:[e]}function o(e){return t.getCurrentInstance()}function l(e,n=!0,r){o()?t.onMounted(e,r):n?e():t.nextTick(e)}exports.getLifeCycleTarget=o;exports.isClient=u;exports.notNullish=s;exports.toArray=c;exports.tryOnMounted=l;exports.tryOnScopeDispose=i;

package/cjs/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/cjs/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/es/components/button/src/button.vue.mjs

@@ -1,9 +1,9 @@
-import { defineComponent as g, computed as k, createElementBlock as i, openBlock as o, withModifiers as B, normalizeClass as n, renderSlot as d, createElementVNode as h, createCommentVNode as f, unref as u } from "vue";
+import { defineComponent as g, computed as k, createElementBlock as i, openBlock as o, withModifiers as B, normalizeClass as n, renderSlot as d, createElementVNode as z, createCommentVNode as s, unref as u } from "vue";
 /* empty css                                  */
 /* empty css                                    */
-import { buttonTypes as C, buttonSizes as z } from "./constants.mjs";
+import { buttonTypes as C, buttonSizes as h } from "./constants.mjs";
 import { useNamespace as v } from "../../../composables/use-namespace/index.mjs";
-const I = ["type", "disabled"], S = /* @__PURE__ */ g({
+const I = ["type", "disabled"], V = /* @__PURE__ */ g({
   name: "ReButton",
   __name: "button",
   props: {
@@ -21,63 +21,54 @@ const I = ["type", "disabled"], S = /* @__PURE__ */ g({
     nativeType: { default: "button" }
   },
   emits: ["click"],
-  setup(e, { emit: m }) {
-    const r = m, { n: y, nm: c, ns: a, is: l } = v("button"), s = k(() => [
+  setup(e, { emit: f }) {
+    const m = f, { n: y, nm: c, ns: a, is: t } = v("button"), r = k(() => [
       y(""),
       e.type && C.includes(e.type) ? c("", e.type) : "",
-      e.size !== "default" && z.includes(e.size) ? c("", e.size) : "",
-      l("text", e.text),
-      l("link", e.link),
-      l("plain", e.plain),
-      l("round", e.round),
-      l("circle", e.circle),
-      l("loading", e.loading),
-      l("disabled", e.disabled)
+      e.size !== "default" && h.includes(e.size) ? c("", e.size) : "",
+      t("text", e.text),
+      t("link", e.link),
+      t("plain", e.plain),
+      t("round", e.round),
+      t("circle", e.circle),
+      t("loading", e.loading),
+      t("disabled", e.disabled)
     ]);
-    watch(
-      () => s.value,
-      (t) => {
-        console.log("btnClass changed:", t);
-      },
-      {
-        immediate: !0
-      }
-    );
-    function b(t) {
+    function b(l) {
       if (e.disabled || e.loading) {
-        t.preventDefault(), t.stopImmediatePropagation();
+        l.preventDefault(), l.stopImmediatePropagation();
         return;
       }
-      r("click", t);
+      m("click", l);
     }
-    return (t, N) => (o(), i("button", {
-      class: n(s.value),
+    return (l, N) => (o(), i("button", {
+      class: n(r.value),
       type: e.nativeType,
       disabled: e.disabled || e.loading,
       onClick: B(b, ["stop"])
     }, [
-      d(t.$slots, "loading", {}, () => [
+      d(l.$slots, "loading", {}, () => [
         e.loading ? (o(), i("i", {
           key: 0,
           class: n([u(a)("", "loading"), e.loadingIcon]),
           "aria-hidden": "true"
-        }, null, 2)) : f("", !0)
+        }, null, 2)) : s("", !0)
       ]),
-      d(t.$slots, "icon", {}, () => [
+      d(l.$slots, "icon", {}, () => [
         e.icon ? (o(), i("i", {
           key: 0,
           class: n([u(a)("", "icon"), e.icon]),
           "aria-hidden": "true"
-        }, null, 2)) : f("", !0)
+        }, null, 2)) : s("", !0)
       ]),
-      h("span", {
+      z("span", {
         class: n([u(a)("", "content")])
       }, [
-        d(t.$slots, "default")
+        d(l.$slots, "default")
       ], 2)
     ], 10, I));
   }
 });
 export {
-  S as default
+  V as default
 };

package/es/components/button/src/types.d.ts

@@ -13,4 +13,4 @@ interface ButtonProps {
     link?: boolean;
     nativeType?: (typeof buttonNativeTypes)[number];
 }
-export type { ButtonProps };
+export type { ButtonProps, buttonTypes, buttonSizes, buttonNativeTypes };

package/es/components/filter-panel/index.d.ts

@@ -0,0 +1,78 @@
+export * from './src/types.ts';
+export declare const ReFilterPanel: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        isExpand?: boolean;
+    } & import('./index.ts').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;
+    } & import('./index.ts').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;
+} & import('./index.ts').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;
+    };
+});
+export default ReFilterPanel;

package/es/components/filter-panel/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall as t } from "../../utils/vue/index.mjs";
+import o from "./src/filter-panel.vue.mjs";
+const e = t(o);
+export {
+  e as ReFilterPanel,
+  e as default
+};

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

@@ -0,0 +1 @@
+export {};