lovelymaid 1.3.9 → 1.4.1

package/dist/components/Form.vue.d.ts

@@ -2,7 +2,7 @@ import { type MenuItem } from './common/Menu.vue';
 export type FormItem = {
     id: string;
     name: string;
-    type?: 'text' | 'password' | 'select';
+    type?: 'text' | 'number' | 'password' | 'select';
     value?: string;
     config?: MenuItem[];
     placeholder?: string;

package/dist/components/Input.vue.d.ts

@@ -1,7 +1,7 @@
 import { type MenuItem } from './common/Menu.vue';
 interface Props {
     /** 输入框类型 */
-    type?: "text" | "password" | "select";
+    type?: "text" | "password" | "number" | "select";
     /** 值 */
     value?: string;
     /** 选项 */
@@ -24,7 +24,7 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
     blur: () => void | undefined;
     select: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    type: "text" | "password" | "select";
+    type: "text" | "password" | "number" | "select";
     value: string;
     config: MenuItem[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/Select.vue.d.ts

@@ -1,6 +1,6 @@
 import { type MenuItem } from './common/Menu.vue';
 interface Props {
-    /** 列表 */
+    /** 选项配置 */
     config: MenuItem[];
     /** 列表项点击事件 */
     onItemClick?: (item: MenuItem, index: number) => void;

package/dist/components/TabBar.vue.d.ts

@@ -1,9 +1,11 @@
+export type TabItem = {
+    id: string;
+    name?: string;
+    [key: string]: any;
+};
 interface Props {
-    /** 列表 */
-    list: {
-        name?: string;
-        [key: string]: any;
-    }[];
+    /** 标签配置 */
+    config: TabItem[];
     /** 激活索引 */
     activeIndex?: number;
     /** 是否启用搜索按钮 */
@@ -17,22 +19,13 @@ interface Props {
     onSearch?: (inputValue: string) => void;
 }
 declare var __VLS_7: {
-    item: {
-        [key: string]: any;
-        name?: string;
-    };
+    item: TabItem;
     index: number;
 }, __VLS_9: {
-    item: {
-        [key: string]: any;
-        name?: string;
-    };
+    item: TabItem;
     index: number;
 }, __VLS_11: {
-    item: {
-        [key: string]: any;
-        name?: string;
-    };
+    item: TabItem;
     index: number;
 };
 type __VLS_Slots = {} & {

package/dist/components/Table.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/common/Menu.vue.d.ts

@@ -7,7 +7,7 @@ export type MenuItem = {
 interface Props {
     /** 是否显示 */
     visible: boolean;
-    /** 列表 */
+    /** 菜单配置 */
     config: MenuItem[];
     /** 位置 */
     position: [number, number];

package/dist/lovelymaid.css

@@ -1,2 +1,2 @@
-._Button_iukdh_2{border-radius:var(--v05b6f4ea);cursor:pointer;touch-action:none;width:30px;height:30px;font-size:var(--v57fe091d);color:#19191a;--background-color:#3b86f7;justify-content:center;align-items:center;font-weight:500;transition:transform .2s;display:flex}._Button_iukdh_2._common_iukdh_18{background-color:var(--background-color)}._Button_iukdh_2:active{transform:scale(1.2)}._Button_iukdh_2._lovelymaid-glass-container_iukdh_26:active{background-color:#fff}._ContentBar_6afr8_2{transform:translateX(var(--v486876f3)) scale(var(--v829c54fe));transition:var(--v4846ab7e);scrollbar-width:thin;border-radius:20px;overflow:auto}._header_6afr8_10{z-index:1;justify-content:space-between;gap:5px;height:0;margin-bottom:50px;padding:0 10px;display:flex;position:sticky;top:0;box-shadow:0 0 20px 35px #f8f8f8f2}._title_6afr8_23{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;height:30px;margin-top:10px;font-size:16px;font-weight:500;line-height:30px;overflow:hidden}._Button_6afr8_36{margin-top:10px;font-size:20px}._FoldList_ujtl4_2{--header-height:30px;--title-font-size:12px;--title-color:#767676;--list-font-size:14px;--list-line-height:30px;--list-color:inherit}._header_ujtl4_11{height:var(--header-height);cursor:pointer;justify-content:space-between;align-items:center;display:flex}._header_ujtl4_11 ._title_ujtl4_19{font-size:var(--title-font-size);color:var(--title-color);font-weight:500}._BodyContainer_ujtl4_25{transition:height .5s;overflow:hidden}._body_ujtl4_30{transition:transform .5s;transform:translateY(0)}._body_ujtl4_30._close_ujtl4_35{transform:translateY(-100%)}._body_ujtl4_30 ._item_ujtl4_39{font-size:var(--list-font-size);line-height:var(--list-line-height);color:var(--list-color);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:0 10px;transition:all .2s;position:relative;overflow:hidden}._body_ujtl4_30 ._item_ujtl4_39._active_ujtl4_52{color:#3b86f7;background-color:#e4e4e4}@keyframes _slideAnimation_ujtl4_67{0%{transform:translateY(var(--translateY))}to{transform:translateY(0)}}._slideAnimation_ujtl4_67{animation:.5s _slideAnimation_ujtl4_67}.lovely-right-arrow[data-v-da86c9ae]{color:var(--title-color);cursor:pointer;font-size:16px;font-weight:700;transition:transform .3s}._Menu_1pqpp_2{z-index:999;-webkit-user-select:none;user-select:none;background-color:#f3f6f6;border:1px solid #fff;border-radius:10px;outline:.5px solid #b3b3b3;padding:4px;position:fixed;box-shadow:0 0 10px #0000004d}._Menu_1pqpp_2 ._item_1pqpp_15{color:#000;cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:5px;display:flex}._Menu_1pqpp_2 ._item_1pqpp_15:hover{color:#fff;background-color:#3b86f7}._Menu_1pqpp_2 ._item_1pqpp_15 ._text_1pqpp_30{font-size:12px;font-weight:500}._Menu_1pqpp_2 ._item_1pqpp_15 .lovely-right-arrow{transform:translateY(1px)}._Input_1aixy_2{border-radius:calc(var(--v10a0425e) / 2);--font-size:14px;--font-weight:400;--clear-color:#767676;--placeholder-color:#544957;height:35px;display:flex;position:relative}._icon_1aixy_13{width:var(--a592cb04);height:100%;font-size:calc(var(--a592cb04) / 2);color:#19191a;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}._icon_1aixy_13._custom_1aixy_25{left:0}._icon_1aixy_13._clear_1aixy_29{right:0}._input_1aixy_33,._select_1aixy_34{min-width:0;padding-left:var(--a149d67e);padding-right:var(--a592cb04);border-radius:calc(var(--a592cb04) / 2);font-size:var(--font-size);font-weight:var(--font-weight);background-color:#0000;border:none;flex:1}._input_1aixy_33{caret-color:#3c86f6;outline:0 solid #0000;transition:outline .2s}._input_1aixy_33::placeholder{font-size:var(--font-size);font-weight:var(--font-weight);color:var(--placeholder-color)}._input_1aixy_33:focus{outline:3px solid #94bbf0}._select_1aixy_34{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}._select_1aixy_34 ._text_1aixy_70{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lovely-clear[data-v-54d69ebb]{font-size:calc(var(--a592cb04) / 2);color:var(--clear-color);cursor:pointer;pointer-events:auto}._Form_nrrlw_2{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}._FormItem_nrrlw_9{align-items:center;gap:10px;display:flex}._FormItem_nrrlw_9 ._Input_nrrlw_15{flex:1;min-width:0;height:100%}._Select_fr749_2{cursor:pointer;justify-content:center;align-items:center;width:20px;height:20px;display:flex}._Drawer_18got_2{z-index:10;--width:50dvw;--height:90dvh;position:relative}._mask_18got_9{background-color:#0000001a;width:100dvw;height:100dvh;position:fixed;top:0;left:0}._DrawerContainer_18got_18{z-index:1;height:var(--height);overscroll-behavior-y:contain;scrollbar-width:thin;will-change:transform;transition:transform .5s cubic-bezier(.2,.8,.6,1);position:fixed;overflow-y:auto}._DrawerContainer_18got_18._desktop_18got_29{left:calc(50dvw - var(--width) / 2);bottom:calc(50dvh - var(--height) / 2);width:var(--width);border-radius:38px}._DrawerContainer_18got_18._mobile_18got_36{border-top-left-radius:38px;border-top-right-radius:38px;width:100dvw;bottom:0;left:0}._header_18got_44{z-index:1;height:0;margin-bottom:var(--v2ac195d0);box-shadow:0 0 calc(var(--v2ac195d0) / 2) calc(var(--v2ac195d0) / 2) #f8f8f8f2;position:sticky;top:0}.lovelymaid-slide-enter-from,.lovelymaid-slide-leave-to{transform:translateY(100dvh)}._SideBar_ag32y_2{transform:translateX(var(--v5a8ecb22)) scale(var(--f3f5401c));transition:var(--v5a6cffad);border-radius:20px}._header_ag32y_8{height:50px;position:relative}._SwitchButton_ag32y_13{width:35px;height:30px;transform:translateX(var(--e06b61d2));cursor:pointer;background-color:#f8f8f8e6;border:none;border-radius:15px;justify-content:center;align-items:center;transition:transform .5s,box-shadow .5s;display:flex;position:absolute;top:10px;right:10px}._SwitchButton_ag32y_13._close_ag32y_32{border:1px solid #fff;box-shadow:0 0 10px 2px #0000001a}._SwitchButton_ag32y_13:hover{background-color:#eee}.lovely-sidebar_left[data-v-1b51d6cf]{color:#19191a;font-size:20px}._TabBar_3h4l1_2{-webkit-user-select:none;user-select:none;--font-size:8px;--top-color:#0067ec;gap:5px;height:50px;display:flex}._bar_3h4l1_12{z-index:1;width:calc(var(--v390851a7) * .8px);border-radius:calc(var(--v02ede231) * 1px);cursor:pointer;height:80%;transition:var(--v3436edd5);padding:2px;overflow:hidden;background-color:var(--c54e7356)!important}._bar_3h4l1_12._active_3h4l1_24{width:calc(var(--v23b45d46) * 1px);height:100%;transform:scale(var(--v237938ca));overflow:visible}._bar_3h4l1_12:not(._active_3h4l1_24):active{transform:scale(1.2)}._search_3h4l1_35{width:calc(var(--v390851a7) * 1px);height:100%;transition:var(--v3436edd5)}._search_3h4l1_35._active_3h4l1_24{width:calc(var(--dad8b76a) * 1px);height:80%}._container_3h4l1_46{touch-action:none;width:100%;height:100%;display:flex;position:relative}._container_3h4l1_46._top_3h4l1_54{z-index:1;clip-path:inset(0 calc(100% - var(--ebe16fb8) * 1px) 0 calc(var(--v780e38ff) * 1px) round calc((var(--v02ede231) - 3) * 1px));transform:translateZ(0) scale(var(--v66520aac));transform-origin:calc(var(--v5fd9b0b3) * 1px) center;backface-visibility:hidden;transition:transform .2s;position:absolute;top:0;left:0}._tab_3h4l1_66{width:calc(var(--bdcb74b0) * 1px);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;height:100%;display:flex}._tab_3h4l1_66 :nth-child(2){font-size:var(--font-size)}._tab_3h4l1_66._small_3h4l1_80{aspect-ratio:1;flex-shrink:1;height:100%}._tab_3h4l1_66._top_3h4l1_54{color:var(--top-color)}._search_3h4l1_35 ._Button_3h4l1_90{width:100%;height:100%}._search_3h4l1_35 ._Search_3h4l1_95{--font-size:18px;height:100%}._slide_3h4l1_100{z-index:0;width:calc(var(--bdcb74b0) * 1px);background:var(--v1136b441);border:var(--v1c8354bf);border-radius:calc((var(--v02ede231) - 3) * 1px);height:100%;box-shadow:var(--v37aa1158);transform:translateX(calc(var(--v4a79f4e0) * 1px)) scale(var(--be41bda8));transition:var(--v4d061a9a);position:absolute;top:0;left:0}.button.lovely-search[data-v-8b10de1d]{font-size:calc(var(--v390851a7) * .4px)}.input.lovely-search[data-v-8b10de1d]{font-size:24px}._TextArea_fki19_2{border-radius:var(--border-radius);--max-height:auto;--border-radius:20px;--font-size:14px;--font-weight:400;--line-height:normal;--placeholder-color:#544957}textarea[data-v-0795d4b0]{width:100%;max-height:var(--max-height);border-radius:calc(var(--border-radius) - 1px);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);caret-color:#3c86f6;resize:none;scrollbar-width:thin;background-color:#0000;border:none;outline:0 solid #0000;padding:12px;transition:outline .2s;display:block;overflow-y:auto}textarea[data-v-0795d4b0]::placeholder{color:var(--placeholder-color)}textarea[data-v-0795d4b0]:focus{outline:3px solid #94bbf0}*{box-sizing:border-box}ul{margin:0;padding:0;list-style:none}.lovelymaid-common-container{background-color:#f2f2f6;border:1px solid #fff;box-shadow:0 0 20px #0000001a}.lovelymaid-select-container{background-color:#dadada;border:1px solid #fff;box-shadow:0 0 20px #0000001a}.lovelymaid-glass-container{-webkit-backdrop-filter:blur(10px)saturate(1.5);backdrop-filter:blur(10px)saturate(1.5);background-color:#f9f9f9e6;border:1px solid #fff;box-shadow:0 0 20px #0000001a}.lovelymaid-fade-enter-from,.lovelymaid-fade-leave-to{opacity:0}.lovelymaid-fade-enter-active,.lovelymaid-fade-leave-active{transition:opacity .2s}.lovelymaid-fade-leave-leave-to{opacity:0}.lovelymaid-fade-leave-leave-active{transition:opacity .2s}@font-face{font-family:lovelymai;src:url(data:font/ttf;base64,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)format("truetype")}.lovelymai{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-family:lovelymai!important}.lovely-ellipsis:before{content:""}.lovely-search:before{content:""}.lovely-info:before{content:""}.lovely-sidebar_left:before{content:""}.lovely-right-arrow:before{content:""}.lovely-clear:before{content:""}.lovely-left-arrow:before{content:""}.lovely-gou:before{content:""}.lovely-close:before{content:""}
+._Button_iukdh_2{border-radius:var(--v4d20f634);cursor:pointer;touch-action:none;width:30px;height:30px;font-size:var(--v3fd19374);color:#19191a;--background-color:#3b86f7;justify-content:center;align-items:center;font-weight:500;transition:transform .2s;display:flex}._Button_iukdh_2._common_iukdh_18{background-color:var(--background-color)}._Button_iukdh_2:active{transform:scale(1.2)}._Button_iukdh_2._lovelymaid-glass-container_iukdh_26:active{background-color:#fff}._ContentBar_6afr8_2{transform:translateX(var(--v486876f3)) scale(var(--v829c54fe));transition:var(--v4846ab7e);scrollbar-width:thin;border-radius:20px;overflow:auto}._header_6afr8_10{z-index:1;justify-content:space-between;gap:5px;height:0;margin-bottom:50px;padding:0 10px;display:flex;position:sticky;top:0;box-shadow:0 0 20px 35px #f8f8f8f2}._title_6afr8_23{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;height:30px;margin-top:10px;font-size:16px;font-weight:500;line-height:30px;overflow:hidden}._Button_6afr8_36{margin-top:10px;font-size:20px}._FoldList_ujtl4_2{--header-height:30px;--title-font-size:12px;--title-color:#767676;--list-font-size:14px;--list-line-height:30px;--list-color:inherit}._header_ujtl4_11{height:var(--header-height);cursor:pointer;justify-content:space-between;align-items:center;display:flex}._header_ujtl4_11 ._title_ujtl4_19{font-size:var(--title-font-size);color:var(--title-color);font-weight:500}._BodyContainer_ujtl4_25{transition:height .5s;overflow:hidden}._body_ujtl4_30{transition:transform .5s;transform:translateY(0)}._body_ujtl4_30._close_ujtl4_35{transform:translateY(-100%)}._body_ujtl4_30 ._item_ujtl4_39{font-size:var(--list-font-size);line-height:var(--list-line-height);color:var(--list-color);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:0 10px;transition:all .2s;position:relative;overflow:hidden}._body_ujtl4_30 ._item_ujtl4_39._active_ujtl4_52{color:#3b86f7;background-color:#e4e4e4}@keyframes _slideAnimation_ujtl4_67{0%{transform:translateY(var(--translateY))}to{transform:translateY(0)}}._slideAnimation_ujtl4_67{animation:.5s _slideAnimation_ujtl4_67}.lovely-right-arrow[data-v-da86c9ae]{color:var(--title-color);cursor:pointer;font-size:16px;font-weight:700;transition:transform .3s}._Menu_1pqpp_2{z-index:999;-webkit-user-select:none;user-select:none;background-color:#f3f6f6;border:1px solid #fff;border-radius:10px;outline:.5px solid #b3b3b3;padding:4px;position:fixed;box-shadow:0 0 10px #0000004d}._Menu_1pqpp_2 ._item_1pqpp_15{color:#000;cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:5px;display:flex}._Menu_1pqpp_2 ._item_1pqpp_15:hover{color:#fff;background-color:#3b86f7}._Menu_1pqpp_2 ._item_1pqpp_15 ._text_1pqpp_30{font-size:12px;font-weight:500}._Menu_1pqpp_2 ._item_1pqpp_15 .lovely-right-arrow{transform:translateY(1px)}._Input_10kga_2{border-radius:calc(var(--bc6edaa8) / 2);--font-size:14px;--font-weight:400;--clear-color:#767676;--placeholder-color:#544957;height:35px;display:flex;position:relative}._icon_10kga_13{width:var(--v3e5eeacc);height:100%;font-size:calc(var(--v3e5eeacc) / 2);color:#19191a;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}._icon_10kga_13._custom_10kga_25{left:0}._icon_10kga_13._clear_10kga_29{right:0}._input_10kga_33,._select_10kga_34{min-width:0;padding-left:var(--c002759a);padding-right:var(--v3e5eeacc);border-radius:calc(var(--v3e5eeacc) / 2);font-size:var(--font-size);font-weight:var(--font-weight);background-color:#0000;border:none;flex:1}._input_10kga_33{caret-color:#3c86f6;outline:0 solid #0000;transition:outline .2s}._input_10kga_33::placeholder{font-size:var(--font-size);font-weight:var(--font-weight);color:var(--placeholder-color)}._input_10kga_33:focus{outline:3px solid #94bbf0}._input_10kga_33[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}._select_10kga_34{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}._select_10kga_34 ._text_10kga_74{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lovely-clear[data-v-72bdc874]{font-size:calc(var(--v3e5eeacc) / 2);color:var(--clear-color);cursor:pointer;pointer-events:auto}._Form_nrrlw_2{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}._FormItem_nrrlw_9{align-items:center;gap:10px;display:flex}._FormItem_nrrlw_9 ._Input_nrrlw_15{flex:1;min-width:0;height:100%}._Select_fr749_2{cursor:pointer;justify-content:center;align-items:center;width:20px;height:20px;display:flex}._Drawer_18got_2{z-index:10;--width:50dvw;--height:90dvh;position:relative}._mask_18got_9{background-color:#0000001a;width:100dvw;height:100dvh;position:fixed;top:0;left:0}._DrawerContainer_18got_18{z-index:1;height:var(--height);overscroll-behavior-y:contain;scrollbar-width:thin;will-change:transform;transition:transform .5s cubic-bezier(.2,.8,.6,1);position:fixed;overflow-y:auto}._DrawerContainer_18got_18._desktop_18got_29{left:calc(50dvw - var(--width) / 2);bottom:calc(50dvh - var(--height) / 2);width:var(--width);border-radius:38px}._DrawerContainer_18got_18._mobile_18got_36{border-top-left-radius:38px;border-top-right-radius:38px;width:100dvw;bottom:0;left:0}._header_18got_44{z-index:1;height:0;margin-bottom:var(--v9d355374);box-shadow:0 0 calc(var(--v9d355374) / 2) calc(var(--v9d355374) / 2) #f8f8f8f2;position:sticky;top:0}.lovelymaid-slide-enter-from,.lovelymaid-slide-leave-to{transform:translateY(100dvh)}._SideBar_ag32y_2{transform:translateX(var(--v5a8ecb22)) scale(var(--f3f5401c));transition:var(--v5a6cffad);border-radius:20px}._header_ag32y_8{height:50px;position:relative}._SwitchButton_ag32y_13{width:35px;height:30px;transform:translateX(var(--e06b61d2));cursor:pointer;background-color:#f8f8f8e6;border:none;border-radius:15px;justify-content:center;align-items:center;transition:transform .5s,box-shadow .5s;display:flex;position:absolute;top:10px;right:10px}._SwitchButton_ag32y_13._close_ag32y_32{border:1px solid #fff;box-shadow:0 0 10px 2px #0000001a}._SwitchButton_ag32y_13:hover{background-color:#eee}.lovely-sidebar_left[data-v-1b51d6cf]{color:#19191a;font-size:20px}._TabBar_nghf8_2{-webkit-user-select:none;user-select:none;--font-size:8px;--top-color:#0067ec;gap:5px;height:50px;display:flex}._Bar_nghf8_12{z-index:1;width:calc(var(--Bar-height) * .8px);border-radius:calc(var(--Bar-border-radius) * 1px);cursor:pointer;height:80%;transition:var(--Bar-transition);padding:2px;overflow:hidden;background-color:var(--Bar-background-color)!important}._Bar_nghf8_12._active_nghf8_24{width:calc(var(--Bar-width) * 1px);height:100%;transform:scale(var(--Bar-scale));overflow:visible}._Bar_nghf8_12:not(._active_nghf8_24):active{transform:scale(1.2)}._search_nghf8_35{width:calc(var(--Bar-width) * 1px);height:100%;transition:var(--Bar-transition)}._search_nghf8_35._active_nghf8_24{width:calc(var(--search-width) * 1px);height:80%}._content_nghf8_46{touch-action:none;width:100%;height:100%;display:flex;position:relative}._content_nghf8_46._top_nghf8_54{z-index:1;clip-path:inset(0 calc(100% - var(--content-top-clipRight) * 1px) 0 calc(var(--content-top-clipLeft) * 1px) round calc((var(--Bar-border-radius) - 3) * 1px));transform:translateZ(0) scale(var(--content-top-scale));transform-origin:calc(var(--slide-center) * 1px) center;backface-visibility:hidden;transition:transform .2s;position:absolute;top:0;left:0}._tab_nghf8_66{width:calc(var(--slide-width) * 1px);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;height:100%;display:flex}._tab_nghf8_66 :nth-child(2){font-size:var(--font-size)}._tab_nghf8_66._small_nghf8_80{aspect-ratio:1;flex-shrink:1;height:100%}._tab_nghf8_66._top_nghf8_54{color:var(--top-color)}._search_nghf8_35 ._Button_nghf8_90{width:100%;height:100%}._search_nghf8_35 ._Search_nghf8_95{--font-size:18px;height:100%}._slide_nghf8_100{z-index:0;width:calc(var(--slide-width) * 1px);background:var(--slide-background);border:var(--slide-border);border-radius:calc((var(--Bar-border-radius) - 3) * 1px);height:100%;box-shadow:var(--slide-box-shadow);transform:translateX(calc(var(--slide-translateX) * 1px)) scale(var(--slide-scale));transition:var(--slide-transition);position:absolute;top:0;left:0}.button.lovely-search[data-v-cb65e21d]{font-size:calc(var(--Bar-height) * .4px)}.input.lovely-search[data-v-cb65e21d]{font-size:24px}._TextArea_fki19_2{border-radius:var(--border-radius);--max-height:auto;--border-radius:20px;--font-size:14px;--font-weight:400;--line-height:normal;--placeholder-color:#544957}textarea[data-v-0795d4b0]{width:100%;max-height:var(--max-height);border-radius:calc(var(--border-radius) - 1px);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);caret-color:#3c86f6;resize:none;scrollbar-width:thin;background-color:#0000;border:none;outline:0 solid #0000;padding:12px;transition:outline .2s;display:block;overflow-y:auto}textarea[data-v-0795d4b0]::placeholder{color:var(--placeholder-color)}textarea[data-v-0795d4b0]:focus{outline:3px solid #94bbf0}*{box-sizing:border-box}ul{margin:0;padding:0;list-style:none}.lovelymaid-common-container{background-color:#f2f2f6;border:1px solid #fff;box-shadow:0 0 20px #0000001a}.lovelymaid-select-container{background-color:#dadada;border:1px solid #fff;box-shadow:0 0 20px #0000001a}.lovelymaid-glass-container{-webkit-backdrop-filter:blur(10px)saturate(1.5);backdrop-filter:blur(10px)saturate(1.5);background-color:#f9f9f9e6;border:1px solid #fff;box-shadow:0 0 20px #0000001a}.lovelymaid-fade-enter-from,.lovelymaid-fade-leave-to{opacity:0}.lovelymaid-fade-enter-active,.lovelymaid-fade-leave-active{transition:opacity .2s}.lovelymaid-fade-leave-leave-to{opacity:0}.lovelymaid-fade-leave-leave-active{transition:opacity .2s}@font-face{font-family:lovelymai;src:url(data:font/ttf;base64,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)format("truetype")}.lovelymai{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-family:lovelymai!important}.lovely-ellipsis:before{content:""}.lovely-search:before{content:""}.lovely-info:before{content:""}.lovely-sidebar_left:before{content:""}.lovely-right-arrow:before{content:""}.lovely-clear:before{content:""}.lovely-left-arrow:before{content:""}.lovely-gou:before{content:""}.lovely-close:before{content:""}
 /*$vite$:1*/

package/dist/lovelymaid.js

@@ -8,8 +8,7 @@ function P(e, t) {
 		}, t);
 	};
 }
-function ee(e, t, n = !1) {
-	if (!e) return () => {};
+function F(e, t, n = !1) {
 	n && t({
 		width: e.offsetWidth,
 		height: e.offsetHeight
@@ -24,7 +23,7 @@ function ee(e, t, n = !1) {
 }
 //#endregion
 //#region src/components/Button.vue?vue&type=script&setup=true&lang.ts
-var F = ["title"], I = /* @__PURE__ */ u({
+var I = ["title"], L = /* @__PURE__ */ u({
 	__name: "Button",
 	props: {
 		type: { default: "common" },
@@ -33,15 +32,15 @@ var F = ["title"], I = /* @__PURE__ */ u({
 	},
 	setup(e) {
 		E((e) => ({
-			v05b6f4ea: r.value,
-			v57fe091d: i.value
+			v4d20f634: r.value,
+			v3fd19374: i.value
 		}));
 		let t = e, n = b(null), r = b("0"), i = b("0"), a;
 		return h(() => {
-			a = ee(n.value, ({ width: e, height: t }) => {
+			n.value && (a = F(n.value, ({ width: e, height: t }) => {
 				let n = Math.min(e, t);
 				r.value = `${n / 2}px`, i.value = `${n / 2}px`;
-			}, !0);
+			}, !0));
 		}), h(() => a()), (e, r) => (_(), o("div", {
 			class: p([e.$style.Button, {
 				"lovelymaid-glass-container": t.type === "glass",
@@ -51,17 +50,17 @@ var F = ["title"], I = /* @__PURE__ */ u({
 			ref: n,
 			onClick: r[0] ||= (...e) => t.onClick && t.onClick(...e),
 			title: t.title
-		}, [S(e.$slots, "default")], 10, F));
+		}, [S(e.$slots, "default")], 10, I));
 	}
-}), L = {
+}), R = {
 	Button: "_Button_iukdh_2",
 	common: "_common_iukdh_18",
 	"lovelymaid-glass-container": "_lovelymaid-glass-container_iukdh_26"
-}, R = (e, t) => {
+}, z = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, te = /* @__PURE__ */ R(I, [["__cssModules", { $style: L }]]), z = /* @__PURE__ */ u({
+}, B = /* @__PURE__ */ z(L, [["__cssModules", { $style: R }]]), V = /* @__PURE__ */ u({
 	__name: "Card",
 	props: { type: { default: "common" } },
 	setup(e) {
@@ -75,7 +74,7 @@ var F = ["title"], I = /* @__PURE__ */ u({
 });
 //#endregion
 //#region src/utils/getOffsetInViewport.ts
-function ne(e) {
+function H(e) {
 	if (!e) return 0;
 	let t = 0, n = e;
 	for (; n && n !== document.body;) t += n.offsetLeft, n = n.offsetParent;
@@ -83,7 +82,7 @@ function ne(e) {
 }
 //#endregion
 //#region src/components/ContentBar.vue?vue&type=script&setup=true&lang.ts
-var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
+var U = ["title"], W = /* @__PURE__ */ z(/* @__PURE__ */ u({
 	__name: "ContentBar",
 	props: {
 		visible: {
@@ -104,7 +103,7 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 			v4846ab7e: a.value
 		}));
 		let t = e, n = b(null), a = b("none"), o = b(0), c = r(() => t.isOpen ? "0" : `${-o.value}px`), u = () => {
-			n.value && (o.value = ne(n.value.$el) + n.value.$el.offsetWidth + 10);
+			n.value && (o.value = H(n.value.$el) + n.value.$el.offsetWidth + 10);
 		}, d = P(u, 100);
 		h(() => {
 			u(), setTimeout(() => a.value = "transform .5s", 100), window.addEventListener("resize", d);
@@ -116,7 +115,7 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 			clearTimeout(m), a.value = "transform .3s", m = setTimeout(() => a.value = "transform .5s", 300), e ? requestAnimationFrame(() => {
 				f.value = "1";
 			}) : f.value = "0";
-		}), (e, r) => (_(), i(z, {
+		}), (e, r) => (_(), i(V, {
 			class: p(e.$style.ContentBar),
 			ref_key: "ContentBarRef",
 			ref: n,
@@ -125,7 +124,7 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 			default: A(() => [s("div", { class: p(e.$style.header) }, [s("div", {
 				class: p(e.$style.title),
 				title: t.title
-			}, w(t.title), 11, B), l(te, {
+			}, w(t.title), 11, U), l(B, {
 				type: "glass",
 				class: p(e.$style.Button),
 				onClick: t.onCloseClick,
@@ -142,7 +141,7 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 	header: "_header_6afr8_10",
 	title: "_title_6afr8_23",
 	Button: "_Button_6afr8_36"
-} }]]), H = (e, t) => {
+} }]]), G = (e, t) => {
 	let n = Array(e.length), r = /* @__PURE__ */ new Map();
 	for (let e = 0; e < t.length; e++) r.set(t[e].id, e);
 	let i = -1;
@@ -151,7 +150,7 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 		o === void 0 ? i === -1 ? n[t] = -1 - t : n[t] = i - t : (n[t] = o - t, i = o);
 	}
 	return n;
-}, U = ["title"], re = ["onClick"], W = /* @__PURE__ */ R(/* @__PURE__ */ u({
+}, K = ["title"], ee = ["onClick"], q = /* @__PURE__ */ z(/* @__PURE__ */ u({
 	__name: "FoldList",
 	props: {
 		title: { default: "标题" },
@@ -178,7 +177,7 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 		});
 		let d = b([]), g = b(!1), v = b(n.list);
 		return k(r(() => n.list.map((e) => e.id).join(",")), async (e, t) => {
-			e !== t && (g.value = !1, d.value = H(n.list, v.value), await f(), g.value = !0, v.value = [...n.list]);
+			e !== t && (g.value = !1, d.value = G(n.list, v.value), await f(), g.value = !0, v.value = [...n.list]);
 		}, { deep: !0 }), (r, l) => (_(), o("div", { class: p(r.$style.FoldList) }, [s("div", {
 			class: p(r.$style.header),
 			onClick: l[1] ||= (...e) => t.onHeaderClick && t.onHeaderClick(...e)
@@ -187,7 +186,7 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 			style: m({ transform: n.isOpen ? "rotate(90deg)" : "rotate(0deg)" }),
 			title: t.isOpen ? "收起列表" : "展开列表",
 			onClick: l[0] ||= N((...e) => n.onButtonClick && n.onButtonClick(...e), ["stop"])
-		}, null, 12, U)], 2), s("div", {
+		}, null, 12, K)], 2), s("div", {
 			class: p(r.$style.BodyContainer),
 			style: m({ height: t.isOpen ? `${i.value}px` : "0px" })
 		}, [s("ul", {
@@ -209,7 +208,7 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 		}, [S(r.$slots, "default", {
 			item: e,
 			index: i
-		}, () => [c(w(e.name), 1)], !0)], 46, re))), 128))], 2)], 6)], 2));
+		}, () => [c(w(e.name), 1)], !0)], 46, ee))), 128))], 2)], 6)], 2));
 	}
 }), [["__cssModules", { $style: {
 	FoldList: "_FoldList_ujtl4_2",
@@ -221,7 +220,7 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 	item: "_item_ujtl4_39",
 	active: "_active_ujtl4_52",
 	slideAnimation: "_slideAnimation_ujtl4_67"
-} }], ["__scopeId", "data-v-da86c9ae"]]), G = (e, t) => {
+} }], ["__scopeId", "data-v-da86c9ae"]]), J = (e, t) => {
 	let n = b(!1), i = b(0), a = b(0), o = r(() => [i.value, a.value]), s = (e) => {
 		if (!t?.root) return;
 		t.root.contains(e.target) || e.stopPropagation();
@@ -240,7 +239,7 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 			document.removeEventListener("click", s, !0);
 		}
 	});
-}, K = (e, t) => {
+}, te = (e, t) => {
 	let n = b(!1), i = b(0), a = b(0), o = r(() => [i.value, a.value]), s = e.parentElement, c = (n) => {
 		if (!t?.root) return;
 		let r = n.target;
@@ -262,14 +261,14 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 			s?.removeEventListener("mouseover", c), s?.removeEventListener("mouseover", l);
 		}
 	});
-}, ie = [
+}, Y = [
 	"data-index",
 	"data-has-children",
 	"onClick"
-], q = {
+], X = {
 	key: 0,
 	class: "lovelymai lovely-right-arrow"
-}, J = /* @__PURE__ */ R(/* @__PURE__ */ u({
+}, Z = /* @__PURE__ */ z(/* @__PURE__ */ u({
 	__name: "Menu",
 	props: {
 		visible: { type: Boolean },
@@ -286,7 +285,7 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 				if (!y.value) return;
 				y.value.querySelectorAll("[data-has-children=\"true\"]").forEach((e) => {
 					let t = Number(e.dataset.index);
-					D.value[t] || !E.value[t] || (D.value[t] = K(e, E.value[t]));
+					D.value[t] || !E.value[t] || (D.value[t] = te(e, E.value[t]));
 				});
 			} else {
 				for (let e of Object.values(D.value)) e.cleanup();
@@ -325,7 +324,7 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 						index: t
 					}),
 					s("span", { class: p(r.$style.text) }, w(e.name), 3),
-					e.config ? (_(), o("span", q)) : a("", !0),
+					e.config ? (_(), o("span", X)) : a("", !0),
 					e.config ? (_(), i(d, {
 						key: 1,
 						ref_for: !0,
@@ -340,7 +339,7 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 						"config",
 						"onItemClick"
 					])) : a("", !0)
-				], 10, ie))), 128))], 6)) : a("", !0)]),
+				], 10, Y))), 128))], 6)) : a("", !0)]),
 				_: 3
 			})], 8, ["disabled"]);
 		};
@@ -349,12 +348,12 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 	Menu: "_Menu_1pqpp_2",
 	item: "_item_1pqpp_15",
 	text: "_text_1pqpp_30"
-} }]]), Y = [
+} }]]), ne = [
 	"type",
 	"value",
 	"enterkeyhint",
 	"placeholder"
-], ae = /* @__PURE__ */ R(/* @__PURE__ */ u({
+], Q = /* @__PURE__ */ z(/* @__PURE__ */ u({
 	__name: "Input",
 	props: {
 		type: { default: "text" },
@@ -367,15 +366,15 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 	},
 	setup(e, { expose: t }) {
 		E((e) => ({
-			v10a0425e: d.value,
-			a592cb04: f.value,
-			a149d67e: m.value
+			bc6edaa8: d.value,
+			v3e5eeacc: f.value,
+			c002759a: m.value
 		}));
 		let n = e, c = D(), u = b(null), d = b("0"), f = b("0"), m = r(() => c.default ? f.value : `calc(${f.value} / 2)`), v;
 		h(() => {
-			v = ee(u.value?.$el, ({ height: e }) => {
+			u.value && (v = F(u.value.$el, ({ height: e }) => {
 				d.value = `${e}px`, f.value = `${e - 2}px`;
-			}, !0);
+			}, !0));
 		}), g(() => v());
 		let y = b(null), x = b(n.value);
 		k(() => n.value, (e) => {
@@ -391,33 +390,33 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 			T = !0;
 		}, P = async () => {
 			T || n.onEnter?.(x.value);
-		}, F = b(null), I = b(null), L = b(void 0);
+		}, I = b(null), L = b(null), R = b(void 0);
 		h(() => {
-			n.type !== "select" || !I.value || !F.value || (L.value = G(I.value, F.value));
+			n.type !== "select" || !L.value || !I.value || (R.value = J(L.value, I.value));
 		}), g(() => {
-			L.value?.cleanup();
+			R.value?.cleanup();
 		});
-		let R = (e, t) => {
+		let z = (e, t) => {
 			e.config || (x.value = e.name, n.onChange?.(x.value));
-		}, te = () => {
+		}, B = () => {
 			x.value = "", n.onChange?.(x.value), y.value?.focus();
 		};
 		return t({
 			focus: () => y.value?.focus(),
 			blur: () => y.value?.blur(),
 			select: () => y.value?.select()
-		}), (e, t) => (_(), i(z, {
+		}), (e, t) => (_(), i(V, {
 			class: p(e.$style.Input),
 			ref_key: "InputRef",
 			ref: u,
-			type: L.value?.visible ? "select" : "glass"
+			type: R.value?.visible ? "select" : "glass"
 		}, {
 			default: A(() => [
 				e.$slots.default ? (_(), o("div", {
 					key: 0,
 					class: p([e.$style.icon, e.$style.custom])
 				}, [S(e.$slots, "default", {}, void 0, !0)], 2)) : a("", !0),
-				n.type === "text" || n.type === "password" ? (_(), o("input", {
+				n.type === "text" || n.type === "number" || n.type === "password" ? (_(), o("input", {
 					key: 1,
 					class: p(e.$style.input),
 					ref_key: "inputRef",
@@ -430,18 +429,18 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 					onCompositionend: O,
 					onCompositionstart: j,
 					placeholder: n.placeholder || "输入..."
-				}, null, 42, Y)) : n.type === "select" ? (_(), o("div", {
+				}, null, 42, ne)) : n.type === "select" ? (_(), o("div", {
 					key: 2,
 					class: p(e.$style.select),
 					ref_key: "selectRef",
-					ref: I
-				}, [s("span", { class: p(e.$style.text) }, w(x.value || n.placeholder || "选择..."), 3), l(J, {
+					ref: L
+				}, [s("span", { class: p(e.$style.text) }, w(x.value || n.placeholder || "选择..."), 3), l(Z, {
 					ref_key: "MenuRef",
-					ref: F,
-					visible: L.value?.visible ?? !1,
-					position: L.value?.position ?? [0, 0],
+					ref: I,
+					visible: R.value?.visible ?? !1,
+					position: R.value?.position ?? [0, 0],
 					config: n.config,
-					onItemClick: R
+					onItemClick: z
 				}, null, 8, [
 					"visible",
 					"position",
@@ -450,21 +449,21 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 				s("div", { class: p([e.$style.icon, e.$style.clear]) }, [x.value ? (_(), o("span", {
 					key: 0,
 					class: "lovelymai lovely-clear",
-					onClick: N(te, ["stop"])
+					onClick: N(B, ["stop"])
 				})) : a("", !0)], 2)
 			]),
 			_: 3
 		}, 8, ["class", "type"]));
 	}
 }), [["__cssModules", { $style: {
-	Input: "_Input_1aixy_2",
-	icon: "_icon_1aixy_13",
-	custom: "_custom_1aixy_25",
-	clear: "_clear_1aixy_29",
-	input: "_input_1aixy_33",
-	select: "_select_1aixy_34",
-	text: "_text_1aixy_70"
-} }], ["__scopeId", "data-v-54d69ebb"]]), oe = /* @__PURE__ */ R(/* @__PURE__ */ u({
+	Input: "_Input_10kga_2",
+	icon: "_icon_10kga_13",
+	custom: "_custom_10kga_25",
+	clear: "_clear_10kga_29",
+	input: "_input_10kga_33",
+	select: "_select_10kga_34",
+	text: "_text_10kga_74"
+} }], ["__scopeId", "data-v-72bdc874"]]), re = /* @__PURE__ */ z(/* @__PURE__ */ u({
 	__name: "Form",
 	props: {
 		config: {},
@@ -482,7 +481,7 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 				width: (e.size?.[0] ?? n.defaultSize?.[0] ?? 150) + "px",
 				height: (e.size?.[1] ?? n.defaultSize?.[1] ?? 35) + "px"
 			})
-		}, [s("span", { class: p(t.$style.name) }, w(e.name), 3), l(ae, {
+		}, [s("span", { class: p(t.$style.name) }, w(e.name), 3), l(Q, {
 			class: p(t.$style.Input),
 			ref_for: !0,
 			ref: (e) => r.value[a] = e,
@@ -508,7 +507,7 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 	Form: "_Form_nrrlw_2",
 	FormItem: "_FormItem_nrrlw_9",
 	Input: "_Input_nrrlw_15"
-} }]]), X = /* @__PURE__ */ R(/* @__PURE__ */ u({
+} }]]), ie = /* @__PURE__ */ z(/* @__PURE__ */ u({
 	__name: "Select",
 	props: {
 		config: {},
@@ -517,7 +516,7 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 	setup(e) {
 		let t = e, n = b(null), r = b(null), i = b(null);
 		return h(() => {
-			!r.value || !n.value || (i.value = G(r.value, n.value));
+			!r.value || !n.value || (i.value = J(r.value, n.value));
 		}), (e, a) => (_(), o("span", {
 			class: p([
 				"lovelymai",
@@ -526,7 +525,7 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 			]),
 			ref_key: "SelectRef",
 			ref: r
-		}, [l(J, {
+		}, [l(Z, {
 			ref_key: "MenuRef",
 			ref: n,
 			visible: i.value?.visible ?? !1,
@@ -549,7 +548,7 @@ var B = ["title"], V = /* @__PURE__ */ R(/* @__PURE__ */ u({
 }), [["__cssModules", { $style: { Select: "_Select_fr749_2" } }]]);
 //#endregion
 //#region src/utils/checkScroll.ts
-function Z(e, t, n, r = 300) {
+function ae(e, t, n, r = 300) {
 	let i = b(0), a = b(0), o = b(!1), s = !1, c = null, l = 0, u = 0, d = !1, f = !1, p = 0, m = !1, h = 0, g = 0, _ = 0, v = null, x = null, S = 0, C = 0;
 	function w(e) {
 		let t = window.getComputedStyle(e).overflowY;
@@ -613,7 +612,7 @@ function Z(e, t, n, r = 300) {
 		isTouching: o
 	});
 }
-var se = /* @__PURE__ */ R(/* @__PURE__ */ u({
+var oe = /* @__PURE__ */ z(/* @__PURE__ */ u({
 	__name: "Modal",
 	props: {
 		type: { default: "desktop" },
@@ -625,18 +624,18 @@ var se = /* @__PURE__ */ R(/* @__PURE__ */ u({
 		onSlideClose: {}
 	},
 	setup(e) {
-		E((e) => ({ v2ac195d0: i.value }));
+		E((e) => ({ v9d355374: i.value }));
 		let t = e, r = b(null), i = b("60px"), c;
 		h(() => {
-			c = ee(r.value, ({ height: e }) => {
+			r.value && (c = F(r.value, ({ height: e }) => {
 				i.value = `${e}px`;
-			}, !0);
+			}, !0));
 		}), g(() => c());
 		let u = b(null), d = b(null), f = b(t.isOpen), v = b(!1);
 		return k(() => t.isOpen, (e) => {
 			f.value = e;
 		}), h(() => {
-			t.type !== "desktop" && (d.value = Z(u.value.$el, 0, b(!0), 500), k(() => d.value.isTouching, async (e) => {
+			t.type !== "desktop" && (d.value = ae(u.value.$el, 0, b(!0), 500), k(() => d.value.isTouching, async (e) => {
 				if (e) {
 					v.value = !0;
 					return;
@@ -656,7 +655,7 @@ var se = /* @__PURE__ */ R(/* @__PURE__ */ u({
 			}, null, 2)) : a("", !0)]),
 			_: 1
 		}), l(n, { name: "lovelymaid-slide" }, {
-			default: A(() => [j(l(z, {
+			default: A(() => [j(l(V, {
 				class: p([e.$style.DrawerContainer, t.type === "desktop" ? e.$style.desktop : e.$style.mobile]),
 				ref_key: "DrawerContainerRef",
 				ref: u,
@@ -682,7 +681,7 @@ var se = /* @__PURE__ */ R(/* @__PURE__ */ u({
 	desktop: "_desktop_18got_29",
 	mobile: "_mobile_18got_36",
 	header: "_header_18got_44"
-} }]]), Q = ["title"], ce = /* @__PURE__ */ R(/* @__PURE__ */ u({
+} }]]), se = ["title"], ce = /* @__PURE__ */ z(/* @__PURE__ */ u({
 	__name: "SideBar",
 	props: {
 		visible: {
@@ -705,7 +704,7 @@ var se = /* @__PURE__ */ R(/* @__PURE__ */ u({
 		let t = e, n = () => {
 			t.onSwitch?.();
 		}, a = b(null), o = b(0), l = b("none"), u = b(0), d = r(() => t.isOpen ? "0" : `${-u.value}px`), f = () => {
-			a.value && (o.value = a.value.$el.offsetWidth, u.value = ne(a.value.$el) + o.value + 10);
+			a.value && (o.value = a.value.$el.offsetWidth, u.value = H(a.value.$el) + o.value + 10);
 		}, m = P(f, 100);
 		h(() => {
 			f(), setTimeout(() => l.value = "transform .5s", 100), window.addEventListener("resize", m);
@@ -717,7 +716,7 @@ var se = /* @__PURE__ */ R(/* @__PURE__ */ u({
 			clearTimeout(x), l.value = "transform .3s", x = setTimeout(() => l.value = "transform .5s", 300), e ? requestAnimationFrame(() => {
 				y.value = "1";
 			}) : y.value = "0";
-		}), (r, o) => (_(), i(z, {
+		}), (r, o) => (_(), i(V, {
 			class: p(r.$style.SideBar),
 			ref_key: "SideBarRef",
 			ref: a,
@@ -727,7 +726,7 @@ var se = /* @__PURE__ */ R(/* @__PURE__ */ u({
 				class: p([r.$style.SwitchButton, { [r.$style.close]: !t.isOpen }]),
 				onClick: n,
 				title: e.isOpen ? "收起侧边栏" : "展开侧边栏"
-			}, [...o[0] ||= [s("span", { class: "lovelymai lovely-sidebar_left" }, null, -1)]], 10, Q)], 2), S(r.$slots, "default", {}, () => [o[1] ||= c("这是内容", -1)], !0)]),
+			}, [...o[0] ||= [s("span", { class: "lovelymai lovely-sidebar_left" }, null, -1)]], 10, se)], 2), S(r.$slots, "default", {}, () => [o[1] ||= c("这是内容", -1)], !0)]),
 			_: 3
 		}, 8, ["class"]));
 	}
@@ -736,169 +735,193 @@ var se = /* @__PURE__ */ R(/* @__PURE__ */ u({
 	header: "_header_ag32y_8",
 	SwitchButton: "_SwitchButton_ag32y_13",
 	close: "_close_ag32y_32"
-} }], ["__scopeId", "data-v-1b51d6cf"]]), le = { key: 0 }, ue = { key: 0 }, de = /* @__PURE__ */ R(/* @__PURE__ */ u({
+} }], ["__scopeId", "data-v-1b51d6cf"]]), le = (e, t) => {
+	k(() => t, () => {
+		e && Object.entries(t).forEach(([t, n]) => {
+			Object.entries(n).forEach(([n, r]) => {
+				let i = `--${t}-${n}`, a = String(r);
+				e.style.setProperty(i, a);
+			});
+		});
+	}, {
+		deep: !0,
+		immediate: !0
+	});
+}, $ = { key: 0 }, ue = { key: 0 }, de = /* @__PURE__ */ z(/* @__PURE__ */ u({
 	__name: "TabBar",
 	props: {
-		list: {},
+		config: {},
 		activeIndex: { default: 0 },
 		showSearch: { type: Boolean },
 		onItemClick: {},
 		onSearch: {}
 	},
 	setup(t) {
-		E((e) => ({
-			v390851a7: d.value,
-			c54e7356: K.value,
-			v02ede231: m.value,
-			v3436edd5: P.value,
-			v23b45d46: u.value,
-			v237938ca: J.value,
-			dad8b76a: f.value,
-			ebe16fb8: N.value,
-			v780e38ff: M.value,
-			v66520aac: oe.value,
-			v5fd9b0b3: T(L),
-			bdcb74b0: C.value,
-			v1136b441: G.value,
-			v1c8354bf: ie.value,
-			v37aa1158: q.value,
-			v4a79f4e0: I.value,
-			be41bda8: Y.value,
-			v4d061a9a: X.value
-		}));
-		let n = t, i = r(() => n.list.length), c = b(null), u = b(0), d = b(0), f = b(0), m = b(0), v = b(null), y = b(null), C = b(0), D = b(0), M = b(0), N = b(0), P = b("none"), F = b(n.activeIndex), I = b(0), L;
+		let n = t, r = b(null), i = b(null), c = b(null), u = y({
+			Bar: {
+				width: 0,
+				height: 0,
+				"border-radius": 0,
+				"background-color": "rgba(249, 249, 249, 0.9)",
+				scale: 1,
+				transition: "none"
+			},
+			slide: {
+				width: 0,
+				background: "#e4e4e6",
+				border: "none",
+				"box-shadow": "none",
+				translateX: 0,
+				scale: 1,
+				transition: "background .1s",
+				center: 0
+			},
+			search: { width: 0 },
+			"content-top": {
+				clipLeft: 0,
+				clipRight: 0,
+				get scale() {
+					return u.slide.scale === 1.2 ? 1.1 : 1;
+				}
+			}
+		}), d = b(0), f = b(n.activeIndex);
 		h(() => {
-			re = ee(c.value, () => {
-				d.value = c.value.offsetHeight, u.value = n.showSearch ? c.value.offsetWidth - d.value - 5 : c.value.offsetWidth, f.value = c.value.offsetWidth - d.value * .8 - 5, m.value = d.value / 2, C.value = (u.value - 6) / i.value, M.value = F.value * C.value, N.value = M.value + C.value, D.value = (u.value - 6) * (i.value - 1) / i.value, I.value = F.value * C.value, L = I.value + C.value / 2;
-			}, !0), setTimeout(() => P.value = "width .3s, height .3s, transform .2s", 500);
+			r.value && (le(r.value, u), D = F(r.value, () => {
+				u.Bar.width = n.showSearch ? r.value.offsetWidth - u.Bar.height - 5 : r.value.offsetWidth, u.Bar.height = r.value.offsetHeight, u.search.width = r.value.offsetWidth - u.Bar.height * .8 - 5, u.Bar["border-radius"] = u.Bar.height / 2, u.slide.width = (u.Bar.width - 6) / n.config.length, u["content-top"].clipLeft = f.value * u.slide.width, u["content-top"].clipRight = u["content-top"].clipLeft + u.slide.width, d.value = (u.Bar.width - 6) * (n.config.length - 1) / n.config.length, u.slide.translateX = f.value * u.slide.width, u.slide.center = u.slide.translateX + u.slide.width / 2;
+			}, !0), setTimeout(() => {
+				u.Bar.transition = "width .3s, height .3s, transform .2s";
+			}, 500));
 		});
-		let R, B, V, H, U, re, W = (...e) => {
+		let m, v, C, T, E, D, M = (...e) => {
 			e.forEach((e) => {
 				e && (clearInterval(e), clearTimeout(e));
 			});
 		};
 		g(() => {
-			W(R, B, V, H, U), re();
+			M(m, v, C, T, E), D();
 		});
-		let G = b("#e4e4e6"), K = b("rgba(249, 249, 249, 0.9)"), ie = b("none"), q = b("none"), J = b(1), Y = b(1), oe = r(() => Y.value === 1.2 ? 1.1 : 1), X = b("background .1s"), Z = !1, se = (e, t) => {
-			if (!v.value || !y.value) return;
-			let n = e.clientX - ne(y.value) - C.value / 2, r = new DOMMatrix(window.getComputedStyle(v.value).transform).m41, a = n < 0 ? 0 : n > (i.value - 1) * C.value ? (i.value - 1) * C.value : n;
-			t === "start" ? (X.value = "transform .5s, background .1s", I.value = a) : Z || Math.abs(a - r) < D.value / 10 ? (X.value = "background .1s", I.value = a, Z = !0) : (X.value = "background .1s", I.value = r, H = setInterval(() => {
-				let e = new DOMMatrix(window.getComputedStyle(v.value).transform).m41;
-				Math.abs(a - e) < D.value / 10 ? (X.value = "background .1s", I.value = a, Z = !0, W(H)) : I.value += a - e > 0 ? D.value / 10 : -D.value / 10;
+		let N = !1, P = (e, t) => {
+			if (!c.value || !i.value) return;
+			let r = e.clientX - H(i.value) - u.slide.width / 2, a = new DOMMatrix(window.getComputedStyle(c.value).transform).m41, o = r < 0 ? 0 : r > (n.config.length - 1) * u.slide.width ? (n.config.length - 1) * u.slide.width : r;
+			t === "start" ? (u.slide.transition = "transform .5s, background .1s", u.slide.translateX = o) : N || Math.abs(o - a) < d.value / 10 ? (u.slide.transition = "background .1s", u.slide.translateX = o, N = !0) : (u.slide.transition = "background .1s", u.slide.translateX = a, T = setInterval(() => {
+				let e = new DOMMatrix(window.getComputedStyle(c.value).transform).m41;
+				Math.abs(o - e) < d.value / 10 ? (u.slide.transition = "background .1s", u.slide.translateX = o, N = !0, M(T)) : u.slide.translateX += o - e > 0 ? d.value / 10 : -d.value / 10;
 			}, 8));
-		}, Q = (e) => {
+		}, I = (e) => {
 			let t = () => {
-				L = new DOMMatrix(window.getComputedStyle(v.value).transform).m41 + C.value / 2;
-				let e = C.value * 1.2 / 1.1;
-				M.value = L - e / 2, N.value = L + e / 2;
+				let e = new DOMMatrix(window.getComputedStyle(c.value).transform).m41;
+				u.slide.center = e + u.slide.width / 2;
+				let t = u.slide.width * 1.2 / 1.1;
+				u["content-top"].clipLeft = u.slide.center - t / 2, u["content-top"].clipRight = u.slide.center + t / 2;
 			};
-			e ? (clearInterval(R), R = setInterval(() => {
+			e ? (clearInterval(m), m = setInterval(() => {
 				t();
-			}, 8), B = setTimeout(() => clearInterval(R), e)) : (clearInterval(R), Z ? t() : R = setInterval(() => {
+			}, 8), v = setTimeout(() => clearInterval(m), e)) : (clearInterval(m), N ? t() : m = setInterval(() => {
 				t();
 			}, 8));
-		}, ce, de = (e) => {
-			ce = Date.now(), U = setTimeout(() => {
-				G.value = "#fff";
-			}, 100), K.value = "#fff", ie.value = "1px solid rgba(255, 255, 255, 0.5)", q.value = "0 0 10px 0 rgba(0, 0, 0, 0.1)", J.value = 1.05, Y.value = 1.2, se(e, "start"), W(R, B), Q(500), document.addEventListener("pointermove", fe), document.addEventListener("pointerup", pe);
-		}, fe = (e) => {
-			if (!V) {
-				if ($.value) return $.value = !1;
-				W(H), se(e, "move"), W(R, B), Q(void 0), V = setTimeout(() => V = void 0, 8);
+		}, L, R = (e) => {
+			L = Date.now(), E = setTimeout(() => {
+				u.slide.background = "#fff";
+			}, 100), u.Bar["background-color"] = "#fff", u.slide.border = "1px solid rgba(255, 255, 255, 0.5)", u.slide["box-shadow"] = "0 0 10px 0 rgba(0, 0, 0, 0.1)", u.Bar.scale = 1.05, u.slide.scale = 1.2, P(e, "start"), M(m, v), I(500), document.addEventListener("pointermove", z), document.addEventListener("pointerup", U);
+		}, z = (e) => {
+			if (!C) {
+				if (W.value) return W.value = !1;
+				M(T), P(e, "move"), M(m, v), I(void 0), C = setTimeout(() => C = void 0, 8);
 			}
-		}, pe = (e) => {
-			if (Date.now() - ce < 100 && W(U), G.value = "#e4e4e6", K.value = "rgba(249, 249, 249, 0.9)", ie.value = "none", q.value = "none", X.value = "transform .5s, background .1s", J.value = 1, Y.value = 1, $.value) $.value = !1;
+		}, U = (e) => {
+			if (Date.now() - L < 100 && M(E), u.slide.background = "#e4e4e6", u.Bar["background-color"] = "rgba(249, 249, 249, 0.9)", u.slide.border = "none", u.slide["box-shadow"] = "none", u.slide.transition = "transform .5s, background .1s", u.Bar.scale = 1, u.slide.scale = 1, W.value) W.value = !1;
 			else {
-				let t = e.clientX - ne(y.value), n = Math.floor(t / C.value);
-				F.value = n > i.value - 1 ? i.value - 1 : n < 0 ? 0 : n;
+				let t = e.clientX - H(i.value), r = Math.floor(t / u.slide.width);
+				f.value = r > n.config.length - 1 ? n.config.length - 1 : r < 0 ? 0 : r;
 			}
-			W(H), I.value = F.value * C.value, Z = !1, W(R, B), Q(500), n.onItemClick?.(n.list[F.value], F.value), document.removeEventListener("pointermove", fe), document.removeEventListener("pointerup", pe);
+			M(T), u.slide.translateX = f.value * u.slide.width, N = !1, M(m, v), I(500), n.onItemClick?.(n.config[f.value], f.value), document.removeEventListener("pointermove", z), document.removeEventListener("pointerup", U);
 		};
 		k(() => n.activeIndex, (e) => {
-			X.value = "transform .5s, background .1s", F.value = e, W(H), I.value = e * C.value, W(R, B), Q(500);
-		}), k(() => n.list.length, () => I.value = 0);
-		let $ = b(!1), me = b(!1), he = () => {
-			$.value = !0, I.value = 0;
+			u.slide.transition = "transform .5s, background .1s", f.value = e, M(T), u.slide.translateX = e * u.slide.width, M(m, v), I(500);
+		}), k(() => n.config.length, () => {
+			u.slide.translateX = 0;
+		});
+		let W = b(!1), G = b(!1), K = () => {
+			W.value = !0, u.slide.translateX = 0;
 		};
-		return k($, (e) => {
-			e ? setTimeout(() => me.value = !0, 100) : setTimeout(() => me.value = !1, 200);
-		}), (r, i) => (_(), o("div", {
-			class: p(r.$style.TabBar),
-			ref_key: "BarRef",
-			ref: c
-		}, [l(z, {
-			class: p([r.$style.bar, { [r.$style.active]: !$.value }]),
+		return k(W, (e) => {
+			e ? setTimeout(() => G.value = !0, 100) : setTimeout(() => G.value = !1, 200);
+		}), (u, d) => (_(), o("div", {
+			class: p(u.$style.TabBar),
+			ref_key: "TabBarRef",
+			ref: r
+		}, [l(V, {
+			class: p([u.$style.Bar, { [u.$style.active]: !W.value }]),
 			type: "glass"
 		}, {
 			default: A(() => [s("ul", {
-				class: p(r.$style.container),
-				ref_key: "containerRef",
-				ref: y,
-				onPointerdown: de
+				class: p(u.$style.content),
+				ref_key: "contentRef",
+				ref: i,
+				onPointerdown: R
 			}, [
-				j(s("li", { class: p([r.$style.tab, r.$style.small]) }, [S(r.$slots, "default", {
-					item: n.list[F.value],
-					index: F.value
-				}, void 0, !0)], 2), [[O, $.value]]),
-				(_(!0), o(e, null, x(n.list, (e, t) => (_(), o("li", {
-					class: p(r.$style.tab),
+				j(s("li", { class: p([u.$style.tab, u.$style.small]) }, [S(u.$slots, "default", {
+					item: n.config[f.value],
+					index: f.value
+				}, void 0, !0)], 2), [[O, W.value]]),
+				(_(!0), o(e, null, x(n.config, (e, t) => (_(), o("li", {
+					class: p(u.$style.tab),
 					key: t
-				}, [S(r.$slots, "default", {
+				}, [S(u.$slots, "default", {
 					item: e,
 					index: t
-				}, void 0, !0), e.name ? (_(), o("span", le, w(e.name), 1)) : a("", !0)], 2))), 128)),
+				}, void 0, !0), e.name ? (_(), o("span", $, w(e.name), 1)) : a("", !0)], 2))), 128)),
 				j(s("div", {
-					class: p(r.$style.slide),
+					class: p(u.$style.slide),
 					ref_key: "SlideRef",
-					ref: v
-				}, null, 2), [[O, !$.value]]),
-				j(s("ul", { class: p([r.$style.container, r.$style.top]) }, [(_(!0), o(e, null, x(n.list, (e, t) => (_(), o("li", {
-					class: p([r.$style.tab, r.$style.top]),
+					ref: c
+				}, null, 2), [[O, !W.value]]),
+				j(s("ul", { class: p([u.$style.content, u.$style.top]) }, [(_(!0), o(e, null, x(n.config, (e, t) => (_(), o("li", {
+					class: p([u.$style.tab, u.$style.top]),
 					key: t
-				}, [S(r.$slots, "default", {
+				}, [S(u.$slots, "default", {
 					item: e,
 					index: t
-				}, void 0, !0), e.name ? (_(), o("span", ue, w(e.name), 1)) : a("", !0)], 2))), 128))], 2), [[O, !$.value]])
+				}, void 0, !0), e.name ? (_(), o("span", ue, w(e.name), 1)) : a("", !0)], 2))), 128))], 2), [[O, !W.value]])
 			], 34)]),
 			_: 3
 		}, 8, ["class"]), n.showSearch ? (_(), o("div", {
 			key: 0,
-			class: p([r.$style.search, { [r.$style.active]: $.value }])
-		}, [j(l(te, {
+			class: p([u.$style.search, { [u.$style.active]: W.value }])
+		}, [j(l(B, {
 			type: "glass",
-			class: p(r.$style.Button),
-			onClick: he
+			class: p(u.$style.Button),
+			onClick: K
 		}, {
-			default: A(() => [...i[0] ||= [s("span", { class: "lovelymai lovely-search button" }, null, -1)]]),
+			default: A(() => [...d[0] ||= [s("span", { class: "lovelymai lovely-search button" }, null, -1)]]),
 			_: 1
-		}, 8, ["class"]), [[O, !me.value]]), j(l(ae, {
-			class: p(r.$style.Search),
+		}, 8, ["class"]), [[O, !G.value]]), j(l(Q, {
+			class: p(u.$style.Search),
 			enterkeyhint: "search",
 			onEnter: t.onSearch
 		}, {
-			default: A(() => [...i[1] ||= [s("span", { class: "lovelymai lovely-search input" }, null, -1)]]),
+			default: A(() => [...d[1] ||= [s("span", { class: "lovelymai lovely-search input" }, null, -1)]]),
 			_: 1
-		}, 8, ["class", "onEnter"]), [[O, me.value]])], 2)) : a("", !0)], 2));
+		}, 8, ["class", "onEnter"]), [[O, G.value]])], 2)) : a("", !0)], 2));
 	}
 }), [["__cssModules", { $style: {
-	TabBar: "_TabBar_3h4l1_2",
-	bar: "_bar_3h4l1_12",
-	active: "_active_3h4l1_24",
-	search: "_search_3h4l1_35",
-	container: "_container_3h4l1_46",
-	top: "_top_3h4l1_54",
-	tab: "_tab_3h4l1_66",
-	small: "_small_3h4l1_80",
-	Button: "_Button_3h4l1_90",
-	Search: "_Search_3h4l1_95",
-	slide: "_slide_3h4l1_100"
-} }], ["__scopeId", "data-v-8b10de1d"]]), fe = [
+	TabBar: "_TabBar_nghf8_2",
+	Bar: "_Bar_nghf8_12",
+	active: "_active_nghf8_24",
+	search: "_search_nghf8_35",
+	content: "_content_nghf8_46",
+	top: "_top_nghf8_54",
+	tab: "_tab_nghf8_66",
+	small: "_small_nghf8_80",
+	Button: "_Button_nghf8_90",
+	Search: "_Search_nghf8_95",
+	slide: "_slide_nghf8_100"
+} }], ["__scopeId", "data-v-cb65e21d"]]), fe = [
 	"rows",
 	"value",
 	"enterkeyhint",
 	"placeholder"
-], pe = /* @__PURE__ */ R(/* @__PURE__ */ u({
+], pe = /* @__PURE__ */ z(/* @__PURE__ */ u({
 	__name: "TextArea",
 	props: {
 		minrow: { default: 1 },
@@ -937,7 +960,7 @@ var se = /* @__PURE__ */ R(/* @__PURE__ */ u({
 			focus: () => a.value?.focus(),
 			blur: () => a.value?.blur(),
 			select: () => a.value?.select()
-		}), (e, t) => (_(), i(z, {
+		}), (e, t) => (_(), i(V, {
 			class: p(e.$style.TextArea),
 			ref_key: "TextAreaRef",
 			ref: r,
@@ -960,4 +983,4 @@ var se = /* @__PURE__ */ R(/* @__PURE__ */ u({
 	}
 }), [["__cssModules", { $style: { TextArea: "_TextArea_fki19_2" } }], ["__scopeId", "data-v-0795d4b0"]]);
 //#endregion
-export { te as Button, z as Card, V as ContentBar, W as FoldList, oe as Form, ae as Input, se as Modal, X as Select, ce as SideBar, de as TabBar, pe as TextArea };
+export { B as Button, V as Card, W as ContentBar, q as FoldList, re as Form, Q as Input, oe as Modal, ie as Select, ce as SideBar, de as TabBar, pe as TextArea };

package/dist/utils/common.d.ts

@@ -1,6 +1,6 @@
 export declare function debounce<T extends (...args: any[]) => any>(fn: T, delay: number): (...args: Parameters<T>) => void;
 export declare function throttle<T extends (...args: any[]) => any>(fn: T, interval: number): (...args: Parameters<T>) => void;
-export declare function watchDOM(element: HTMLElement | null, callback: (size: {
+export declare function watchDOM(element: HTMLElement, callback: (size: {
     width: number;
     height: number;
 }) => void, immediate?: boolean): () => void;

package/dist/utils/useCssVar.d.ts

@@ -0,0 +1,3 @@
+type StyleObject = Record<string, Record<string, string | number>>;
+declare const useCssVar: <T extends StyleObject>(el: HTMLElement, styles: T) => void;
+export default useCssVar;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lovelymaid",
-  "version": "1.3.9",
+  "version": "1.4.1",
   "description": "一个基于 Vue 3, 模仿 iOS 26 风格的组件库",
   "license": "MIT",
   "keywords": [