lovelymaid 1.5.0 → 1.5.1

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

@@ -1,22 +1,29 @@
+import type { Item } from './type';
 export type ColumnConfig = {
     id: string;
     name: string;
     prop: string;
     width: number | string;
-    color?: string;
+};
+export type SortConfig = {
+    /** 列 id */
+    id: string;
+    /** 排序规则 */
+    order: 'asc' | 'desc';
 };
 interface Props {
-    /** 表格配置 */
-    config: ColumnConfig[];
-    /** 表格数据 */
-    data: {
-        id: string;
-        [key: string]: any;
-    }[];
+    /** 表格列 */
+    columns: ColumnConfig[];
+    /** 表格行 */
+    rows: Item[];
     /** 激活项索引 */
     activeIndexes?: Set<number>;
     /** 激活项改变事件 */
     onActiveChange?: (newActiveIndexes: Set<number>) => void;
+    /** 排序 */
+    sort: SortConfig;
+    /** 排序项改变事件 */
+    onSortChange: (newSortConfig: SortConfig, newData: Item[]) => void;
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     activeIndexes: Set<number>;

package/dist/components/type.d.ts

@@ -1,3 +1,7 @@
+export type Item = {
+    id: string;
+    [key: string]: any;
+};
 export type Option = {
     id: string;
     name: string;

package/dist/index.d.ts

@@ -8,10 +8,10 @@ import Select from './components//Select.vue';
 import Modal from './components/Modal.vue';
 import SideBar from './components/SideBar.vue';
 import TabBar, { type TabItem } from './components/TabBar.vue';
-import Table, { type ColumnConfig } from './components/Table.vue';
+import Table, { type ColumnConfig, type SortConfig } from './components/Table.vue';
 import TextArea from './components/TextArea.vue';
-import type { Option } from './components/type.js';
+import type { Item, Option } from './components/type.js';
 import '@/assets/styles/reset.css';
 import '@/assets/styles/main.css';
 import '@/assets/icons/iconfont.css';
-export { type Option, Button, Card, ContentBar, FoldList, Form, type FormItem, Input, type InputOption, Select, Modal, SideBar, TabBar, type TabItem, Table, type ColumnConfig, TextArea, };
+export { Button, Card, ContentBar, FoldList, Form, type FormItem, Input, type InputOption, Select, Modal, SideBar, TabBar, type TabItem, Table, type ColumnConfig, type SortConfig, TextArea, type Item, type Option, };

package/dist/lovelymaid.css

@@ -1,2 +1,2 @@
-._Button_iukdh_2{border-radius:var(--v6bad5fb7);cursor:pointer;touch-action:none;width:30px;height:30px;font-size:var(--v7302d949);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_15pfq_2{transform:translateX(var(--v338db8c2)) scale(var(--v18df235c));transition:var(--v336bed4d);scrollbar-width:thin;border-radius:20px;overflow:auto}._header_15pfq_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_15pfq_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_15pfq_36{margin-top:10px;font-size:20px}._content_15pfq_41{z-index:0;display:flow-root;position:relative}._tip_15pfq_47{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._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-8709fe91]{color:var(--title-color);cursor:pointer;font-size:16px;font-weight:700;transition:transform .3s}._Menu_dbnyw_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_dbnyw_2 ._item_dbnyw_15{color:#000;cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:5px;display:flex}._Menu_dbnyw_2 ._item_dbnyw_15:hover{color:#fff;background-color:#3b86f7}._Menu_dbnyw_2 ._item_dbnyw_15 ._text_dbnyw_30{font-size:12px;font-weight:450}.lovely-right-arrow[data-v-b819a3a9]{font-weight:600;transform:translateY(1px)}._Input_8s2zs_2{border-radius:calc(var(--Input-height) * .5px);--font-size:14px;--font-weight:400;--line-height:18px;--clear-color:#767676;--placeholder-color:#544957;height:35px;display:flex;position:relative}._icon_8s2zs_14{width:calc(var(--input-height) * 1px);height:100%;font-size:calc(var(--input-height) * .5px);color:#19191a;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}._icon_8s2zs_14._custom_8s2zs_26{left:0}._icon_8s2zs_14._clear_8s2zs_30{right:0}._input_8s2zs_34,._select_8s2zs_35{min-width:0;padding-left:calc(var(--input-paddingLeft) * 1px);padding-right:calc(var(--input-height) * 1px);border-radius:calc(var(--input-height) * .5px);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);background-color:#0000;border:none;flex:1}._input_8s2zs_34{caret-color:#3c86f6;outline:0 solid #0000;transition:outline .2s}._input_8s2zs_34::placeholder{color:var(--placeholder-color)}._input_8s2zs_34:focus{outline:3px solid #94bbf0}._input_8s2zs_34[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}._select_8s2zs_35{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}._select_8s2zs_35 ._text_8s2zs_74{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lovely-clear[data-v-6c0e3b0a]{font-size:calc(var(--input-height) * .5px);color:var(--clear-color);cursor:pointer;pointer-events:auto}._TextArea_gsvo8_2{border-radius:var(--border-radius);--max-height:auto;--border-radius:20px;--font-size:14px;--font-weight:400;--line-height:18px;--placeholder-color:#544957}textarea[data-v-0abb3d4e]{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-0abb3d4e]::placeholder{color:var(--placeholder-color)}textarea[data-v-0abb3d4e]:focus{outline:3px solid #94bbf0}._Form_1yqvr_2{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}._FormItem_1yqvr_9{align-items:flex-start;gap:10px;display:flex}._FormItem_1yqvr_9 ._Input_1yqvr_15,._FormItem_1yqvr_9 ._TextArea_1yqvr_16{flex:1;min-width:0}._FormItem_1yqvr_9 ._Input_1yqvr_15{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_bcygi_2{-webkit-user-select:none;user-select:none;--font-size:8px;--top-color:#0067ec;gap:5px;height:50px;display:flex}._Bar_bcygi_12{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_bcygi_12._active_bcygi_23{width:calc(var(--Bar-width) * 1px);height:100%;transform:scale(var(--Bar-scale));overflow:visible}._Bar_bcygi_12:not(._active_bcygi_23):active{transform:scale(1.2)}._search_bcygi_34{width:calc(var(--Bar-height) * 1px);height:100%;transition:var(--Bar-transition)}._search_bcygi_34._active_bcygi_23{width:calc(var(--search-width) * 1px);height:80%}._content_bcygi_45{touch-action:none;width:100%;height:100%;display:flex;position:relative}._content_bcygi_45._top_bcygi_53{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_bcygi_65{width:calc(var(--slide-width) * 1px);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;height:100%;display:flex}._tab_bcygi_65 :nth-child(2){font-size:var(--font-size)}._tab_bcygi_65._small_bcygi_79{aspect-ratio:1;flex-shrink:1;height:100%}._tab_bcygi_65._top_bcygi_53{color:var(--top-color)}._search_bcygi_34 ._Button_bcygi_89{width:100%;height:100%}._search_bcygi_34 ._Input_bcygi_94{--font-size:18px;height:100%}._slide_bcygi_99{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}._header_1ffz0_2{border-bottom:.5px solid gray;height:28px;margin-bottom:4px;padding:6px 0;display:flex}._header_1ffz0_2 ._item_1ffz0_10{padding:0 8px;font-size:12px;font-weight:500;line-height:16px}._header_1ffz0_2 ._item_1ffz0_10:not(:last-child){border-right:.5px solid gray}._list_1ffz0_21 ._item_1ffz0_10{height:35px;display:flex}._list_1ffz0_21 ._item_1ffz0_10:nth-child(2n){background-color:#f5f5f5}._list_1ffz0_21 ._item_1ffz0_10 ._text_1ffz0_30{white-space:nowrap;text-overflow:ellipsis;padding:0 8px;font-size:16px;line-height:35px;overflow:hidden}*{box-sizing:border-box}input,textarea{font-family:inherit}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:#ffffffe6;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_5eqts_2{border-radius:var(--v538b7533);cursor:pointer;touch-action:none;width:30px;height:30px;font-size:var(--v135f0cc5);color:#19191a;--background-color:#3b86f7;justify-content:center;align-items:center;font-weight:500;transition:transform .2s;display:flex}._Button_5eqts_2._common_5eqts_18{background-color:var(--background-color)}._Button_5eqts_2._lovelymai-glass-container_5eqts_22:active{background-color:#fff}._Button_5eqts_2:active{transform:scale(1.2)}._ContentBar_15pfq_2{transform:translateX(var(--v338db8c2)) scale(var(--v18df235c));transition:var(--v336bed4d);scrollbar-width:thin;border-radius:20px;overflow:auto}._header_15pfq_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_15pfq_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_15pfq_36{margin-top:10px;font-size:20px}._content_15pfq_41{z-index:0;display:flow-root;position:relative}._tip_15pfq_47{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._FoldList_184zh_2{--header-height:30px;--header-font-size:12px;--header-color:#767676;--list-font-size:14px;--list-line-height:30px;--list-color:inherit}._header_184zh_11{height:var(--header-height);cursor:pointer;justify-content:space-between;align-items:center;display:flex}._header_184zh_11 ._title_184zh_19{font-size:var(--header-font-size);color:var(--header-color);font-weight:500}._BodyContainer_184zh_25{transition:height .5s;overflow:hidden}._body_184zh_30{transition:transform .5s;transform:translateY(0)}._body_184zh_30._close_184zh_35{transform:translateY(-100%)}._body_184zh_30 ._item_184zh_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_184zh_30 ._item_184zh_39._active_184zh_52{color:#3b86f7;background-color:#e4e4e4}@keyframes _slideAnimation_184zh_67{0%{transform:translateY(var(--translateY))}to{transform:translateY(0)}}._slideAnimation_184zh_67{animation:.5s _slideAnimation_184zh_67}.lovely-right-arrow[data-v-91fccc65]{color:var(--header-color);cursor:pointer;font-size:16px;font-weight:700;transition:transform .3s}._Menu_dbnyw_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_dbnyw_2 ._item_dbnyw_15{color:#000;cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:5px;display:flex}._Menu_dbnyw_2 ._item_dbnyw_15:hover{color:#fff;background-color:#3b86f7}._Menu_dbnyw_2 ._item_dbnyw_15 ._text_dbnyw_30{font-size:12px;font-weight:450}.lovely-right-arrow[data-v-e3f6e08d]{font-weight:600;transform:translateY(1px)}._Input_8s2zs_2{border-radius:calc(var(--Input-height) * .5px);--font-size:14px;--font-weight:400;--line-height:18px;--clear-color:#767676;--placeholder-color:#544957;height:35px;display:flex;position:relative}._icon_8s2zs_14{width:calc(var(--input-height) * 1px);height:100%;font-size:calc(var(--input-height) * .5px);color:#19191a;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}._icon_8s2zs_14._custom_8s2zs_26{left:0}._icon_8s2zs_14._clear_8s2zs_30{right:0}._input_8s2zs_34,._select_8s2zs_35{min-width:0;padding-left:calc(var(--input-paddingLeft) * 1px);padding-right:calc(var(--input-height) * 1px);border-radius:calc(var(--input-height) * .5px);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);background-color:#0000;border:none;flex:1}._input_8s2zs_34{caret-color:#3c86f6;outline:0 solid #0000;transition:outline .2s}._input_8s2zs_34::placeholder{color:var(--placeholder-color)}._input_8s2zs_34:focus{outline:3px solid #94bbf0}._input_8s2zs_34[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}._select_8s2zs_35{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}._select_8s2zs_35 ._text_8s2zs_74{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lovely-clear[data-v-6c0e3b0a]{font-size:calc(var(--input-height) * .5px);color:var(--clear-color);cursor:pointer;pointer-events:auto}._TextArea_gsvo8_2{border-radius:var(--border-radius);--max-height:auto;--border-radius:20px;--font-size:14px;--font-weight:400;--line-height:18px;--placeholder-color:#544957}textarea[data-v-0abb3d4e]{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-0abb3d4e]::placeholder{color:var(--placeholder-color)}textarea[data-v-0abb3d4e]:focus{outline:3px solid #94bbf0}._Form_1yqvr_2{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}._FormItem_1yqvr_9{align-items:flex-start;gap:10px;display:flex}._FormItem_1yqvr_9 ._Input_1yqvr_15,._FormItem_1yqvr_9 ._TextArea_1yqvr_16{flex:1;min-width:0}._FormItem_1yqvr_9 ._Input_1yqvr_15{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(--v1ecd5a80);box-shadow:0 0 calc(var(--v1ecd5a80) / 2) calc(var(--v1ecd5a80) / 2) #f8f8f8f2;position:sticky;top:0}.lovelymai-slide-enter-from,.lovelymai-slide-leave-to{transform:translateY(100dvh)}._SideBar_ag32y_2{transform:translateX(var(--v0d6c9f65)) scale(var(--v21e2a462));transition:var(--v0d4ad3f0);border-radius:20px}._header_ag32y_8{height:50px;position:relative}._SwitchButton_ag32y_13{width:35px;height:30px;transform:translateX(var(--v17de8098));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-left-sidebar[data-v-9b448158]{color:#19191a;font-size:20px}._TabBar_bcygi_2{-webkit-user-select:none;user-select:none;--font-size:8px;--top-color:#0067ec;gap:5px;height:50px;display:flex}._Bar_bcygi_12{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_bcygi_12._active_bcygi_23{width:calc(var(--Bar-width) * 1px);height:100%;transform:scale(var(--Bar-scale));overflow:visible}._Bar_bcygi_12:not(._active_bcygi_23):active{transform:scale(1.2)}._search_bcygi_34{width:calc(var(--Bar-height) * 1px);height:100%;transition:var(--Bar-transition)}._search_bcygi_34._active_bcygi_23{width:calc(var(--search-width) * 1px);height:80%}._content_bcygi_45{touch-action:none;width:100%;height:100%;display:flex;position:relative}._content_bcygi_45._top_bcygi_53{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_bcygi_65{width:calc(var(--slide-width) * 1px);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;height:100%;display:flex}._tab_bcygi_65 :nth-child(2){font-size:var(--font-size)}._tab_bcygi_65._small_bcygi_79{aspect-ratio:1;flex-shrink:1;height:100%}._tab_bcygi_65._top_bcygi_53{color:var(--top-color)}._search_bcygi_34 ._Button_bcygi_89{width:100%;height:100%}._search_bcygi_34 ._Input_bcygi_94{--font-size:18px;height:100%}._slide_bcygi_99{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}._header_d5la3_2{border-bottom:.5px solid gray;height:28px;margin-bottom:4px;display:flex}._header_d5la3_2 ._item_d5la3_9{cursor:pointer;padding:6px 0}._header_d5la3_2 ._item_d5la3_9 ._container_d5la3_14{justify-content:space-between;align-items:center;padding:0 8px;display:flex}._header_d5la3_2 ._item_d5la3_9:not(:last-child) ._container_d5la3_14{border-right:.5px solid gray}._header_d5la3_2 ._item_d5la3_9 ._container_d5la3_14 ._text_d5la3_25{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;line-height:16px;overflow:hidden}._list_d5la3_34 ._item_d5la3_9{height:35px;display:flex}._list_d5la3_34 ._item_d5la3_9:nth-child(2n){background-color:#f5f5f5}._list_d5la3_34 ._item_d5la3_9 ._text_d5la3_25{white-space:nowrap;text-overflow:ellipsis;padding:0 8px;font-size:16px;line-height:35px;overflow:hidden}.lovely-down-arrow[data-v-4d400ca0]{color:gray;font-size:12px;font-weight:700}*{box-sizing:border-box}input,textarea{font-family:inherit}ul{margin:0;padding:0;list-style:none}.lovelymai-common-container{background-color:#f2f2f6;border:1px solid #fff;box-shadow:0 0 20px #0000001a}.lovelymai-select-container{background-color:#dadada;border:1px solid #fff;box-shadow:0 0 20px #0000001a}.lovelymai-glass-container{-webkit-backdrop-filter:blur(10px)saturate(1.5);backdrop-filter:blur(10px)saturate(1.5);background-color:#ffffffe6;border:1px solid #fff;box-shadow:0 0 20px #0000001a}.lovelymai-fade-enter-from,.lovelymai-fade-leave-to{opacity:0}.lovelymai-fade-enter-active,.lovelymai-fade-leave-active{transition:opacity .2s}.lovelymai-fade-leave-leave-to{opacity:0}.lovelymai-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-left-sidebar:before{content:""}.lovely-right-arrow:before{content:""}.lovely-clear:before{content:""}.lovely-down-arrow:before{content:""}.lovely-left-arrow:before{content:""}.lovely-check:before{content:""}.lovely-close:before{content:""}
 /*$vite$:1*/

package/dist/lovelymaid.js

@@ -34,8 +34,8 @@ var I = (...e) => {
 	},
 	setup(e) {
 		E((e) => ({
-			v6bad5fb7: r.value,
-			v7302d949: i.value
+			v538b7533: r.value,
+			v135f0cc5: i.value
 		}));
 		let t = e, n = b(null), r = b("0"), i = b("0"), a;
 		return h(() => {
@@ -45,7 +45,7 @@ var I = (...e) => {
 			}, !0));
 		}), g(() => a?.()), (e, r) => (_(), o("div", {
 			class: p([e.$style.Button, {
-				"lovelymaid-glass-container": t.type === "glass",
+				"lovelymai-glass-container": t.type === "glass",
 				[e.$style.common]: t.type === "common"
 			}]),
 			ref_key: "ButtonRef",
@@ -55,9 +55,9 @@ var I = (...e) => {
 		}, [S(e.$slots, "default")], 10, L));
 	}
 }), z = {
-	Button: "_Button_iukdh_2",
-	common: "_common_iukdh_18",
-	"lovelymaid-glass-container": "_lovelymaid-glass-container_iukdh_26"
+	Button: "_Button_5eqts_2",
+	common: "_common_5eqts_18",
+	"lovelymai-glass-container": "_lovelymai-glass-container_5eqts_22"
 }, B = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
@@ -67,9 +67,9 @@ var I = (...e) => {
 	props: { type: { default: "common" } },
 	setup(e) {
 		let t = e, n = {
-			common: "lovelymaid-common-container",
-			select: "lovelymaid-select-container",
-			glass: "lovelymaid-glass-container"
+			common: "lovelymai-common-container",
+			select: "lovelymai-select-container",
+			glass: "lovelymai-glass-container"
 		};
 		return (e, r) => (_(), o("div", { class: p(n[t.type]) }, [S(e.$slots, "default")], 2));
 	}
@@ -158,7 +158,7 @@ var W = ["title"], G = /* @__PURE__ */ B(/* @__PURE__ */ u({
 		o === void 0 ? i === -1 ? n[t] = -1 - t : n[t] = i - t : (n[t] = o - t, i = o);
 	}
 	return n;
-}, q = ["title"], J = ["onClick"], ee = /* @__PURE__ */ B(/* @__PURE__ */ u({
+}, ee = ["title"], te = ["onClick"], ne = /* @__PURE__ */ B(/* @__PURE__ */ u({
 	__name: "FoldList",
 	props: {
 		title: { default: "标题" },
@@ -189,12 +189,12 @@ var W = ["title"], G = /* @__PURE__ */ B(/* @__PURE__ */ u({
 		}, { 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)
-		}, [s("div", { class: p(r.$style.title) }, w(n.title), 3), s("span", {
+		}, [s("span", { class: p(r.$style.title) }, w(n.title), 3), s("span", {
 			class: "lovelymai lovely-right-arrow",
 			style: m({ transform: n.isOpen ? "rotate(90deg)" : "rotate(0deg)" }),
 			title: t.isOpen ? "收起列表" : "展开列表",
 			onClick: l[0] ||= N(() => t.onOpenChange(!n.isOpen), ["stop"])
-		}, null, 12, q)], 2), s("div", {
+		}, null, 12, ee)], 2), s("div", {
 			class: p(r.$style.BodyContainer),
 			style: m({ height: t.isOpen ? `${i.value}px` : "0px" })
 		}, [s("ul", {
@@ -216,19 +216,19 @@ var W = ["title"], G = /* @__PURE__ */ B(/* @__PURE__ */ u({
 		}, [S(r.$slots, "default", {
 			item: e,
 			index: i
-		}, () => [c(w(e.name), 1)], !0)], 46, J))), 128))], 2)], 6)], 2));
+		}, () => [c(w(e.name), 1)], !0)], 46, te))), 128))], 2)], 6)], 2));
 	}
 }), [["__cssModules", { $style: {
-	FoldList: "_FoldList_ujtl4_2",
-	header: "_header_ujtl4_11",
-	title: "_title_ujtl4_19",
-	BodyContainer: "_BodyContainer_ujtl4_25",
-	body: "_body_ujtl4_30",
-	close: "_close_ujtl4_35",
-	item: "_item_ujtl4_39",
-	active: "_active_ujtl4_52",
-	slideAnimation: "_slideAnimation_ujtl4_67"
-} }], ["__scopeId", "data-v-8709fe91"]]), Y = (e, t) => {
+	FoldList: "_FoldList_184zh_2",
+	header: "_header_184zh_11",
+	title: "_title_184zh_19",
+	BodyContainer: "_BodyContainer_184zh_25",
+	body: "_body_184zh_30",
+	close: "_close_184zh_35",
+	item: "_item_184zh_39",
+	active: "_active_184zh_52",
+	slideAnimation: "_slideAnimation_184zh_67"
+} }], ["__scopeId", "data-v-91fccc65"]]), q = (e, t) => {
 	let n = b(!1), r = b(0), i = b(0), a = b([r.value, i.value]);
 	k([r, i], ([e, t]) => {
 		a.value = [e, t];
@@ -252,7 +252,7 @@ var W = ["title"], G = /* @__PURE__ */ B(/* @__PURE__ */ u({
 			document.removeEventListener("click", o, !0);
 		}
 	});
-}, te = (e, t) => {
+}, re = (e, t) => {
 	let n = b(!1), r = e.parentElement, i = b(0), a = b(0), o = b([i.value, a.value]);
 	k([i, a], ([e, t]) => {
 		o.value = [e, t];
@@ -279,14 +279,14 @@ var W = ["title"], G = /* @__PURE__ */ B(/* @__PURE__ */ u({
 			r?.removeEventListener("mouseover", s), r?.removeEventListener("mouseover", c);
 		}
 	});
-}, ne = [
+}, ie = [
 	"data-index",
 	"data-has-children",
 	"onClick"
-], re = {
+], J = {
 	key: 0,
 	class: "lovelymai lovely-right-arrow"
-}, X = /* @__PURE__ */ B(/* @__PURE__ */ u({
+}, Y = /* @__PURE__ */ B(/* @__PURE__ */ u({
 	__name: "Menu",
 	props: {
 		visible: { type: Boolean },
@@ -303,7 +303,7 @@ var W = ["title"], G = /* @__PURE__ */ B(/* @__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] = te(e, E.value[t]));
+					D.value[t] || !E.value[t] || (D.value[t] = re(e, E.value[t]));
 				});
 			} else {
 				for (let e of Object.values(D.value)) e.cleanup();
@@ -319,7 +319,7 @@ var W = ["title"], G = /* @__PURE__ */ B(/* @__PURE__ */ u({
 			return _(), i(t, {
 				to: "body",
 				disabled: T(h)
-			}, [l(n, { name: "lovelymaid-fade-leave" }, {
+			}, [l(n, { name: "lovelymai-fade-leave" }, {
 				default: A(() => [u.visible ? (_(), o("ul", {
 					key: 0,
 					class: p(r.$style.Menu),
@@ -342,7 +342,7 @@ var W = ["title"], G = /* @__PURE__ */ B(/* @__PURE__ */ u({
 						index: t
 					}, void 0, !0),
 					s("span", { class: p(r.$style.text) }, w(e.name), 3),
-					e.options ? (_(), o("span", re)) : a("", !0),
+					e.options ? (_(), o("span", J)) : a("", !0),
 					e.options ? (_(), i(d, {
 						key: 1,
 						ref_for: !0,
@@ -357,7 +357,7 @@ var W = ["title"], G = /* @__PURE__ */ B(/* @__PURE__ */ u({
 						"options",
 						"onOptionClick"
 					])) : a("", !0)
-				], 10, ne))), 128))], 6)) : a("", !0)]),
+				], 10, ie))), 128))], 6)) : a("", !0)]),
 				_: 3
 			})], 8, ["disabled"]);
 		};
@@ -366,7 +366,7 @@ var W = ["title"], G = /* @__PURE__ */ B(/* @__PURE__ */ u({
 	Menu: "_Menu_dbnyw_2",
 	item: "_item_dbnyw_15",
 	text: "_text_dbnyw_30"
-} }], ["__scopeId", "data-v-b819a3a9"]]), Z = (e, t) => {
+} }], ["__scopeId", "data-v-e3f6e08d"]]), X = (e, t) => {
 	k(() => t, () => {
 		e && Object.entries(t).forEach(([t, n]) => {
 			Object.entries(n).forEach(([n, r]) => {
@@ -378,12 +378,12 @@ var W = ["title"], G = /* @__PURE__ */ B(/* @__PURE__ */ u({
 		deep: !0,
 		immediate: !0
 	});
-}, ie = [
+}, ae = [
 	"type",
 	"value",
 	"enterkeyhint",
 	"placeholder"
-], Q = /* @__PURE__ */ B(/* @__PURE__ */ u({
+], Z = /* @__PURE__ */ B(/* @__PURE__ */ u({
 	__name: "Input",
 	props: {
 		type: { default: "text" },
@@ -405,7 +405,7 @@ var W = ["title"], G = /* @__PURE__ */ B(/* @__PURE__ */ u({
 			}
 		}), d;
 		h(() => {
-			c.value && (Z(c.value.$el, u), d = F(c.value.$el, ({ height: e }) => {
+			c.value && (X(c.value.$el, u), d = F(c.value.$el, ({ height: e }) => {
 				u.Input.height = e, u.input.height = e - 2;
 			}, !0));
 		}), g(() => d());
@@ -421,7 +421,7 @@ var W = ["title"], G = /* @__PURE__ */ B(/* @__PURE__ */ u({
 			v || n.onEnter?.(n.value);
 		}, E = b(null), O = b(null), j = b(void 0);
 		h(() => {
-			n.type !== "select" || !O.value || !E.value || (j.value = Y(O.value, E.value));
+			n.type !== "select" || !O.value || !E.value || (j.value = q(O.value, E.value));
 		}), g(() => {
 			j.value?.cleanup();
 		});
@@ -477,12 +477,12 @@ var W = ["title"], G = /* @__PURE__ */ B(/* @__PURE__ */ u({
 					onCompositionend: x,
 					onCompositionstart: C,
 					placeholder: n.placeholder || "输入..."
-				}, null, 42, ie)) : n.type === "select" ? (_(), o("div", {
+				}, null, 42, ae)) : n.type === "select" ? (_(), o("div", {
 					key: 2,
 					class: p(e.$style.select),
 					ref_key: "selectRef",
 					ref: O
-				}, [s("span", { class: p(e.$style.text) }, w(n.value || n.placeholder || "选择..."), 3), l(X, {
+				}, [s("span", { class: p(e.$style.text) }, w(n.value || n.placeholder || "选择..."), 3), l(Y, {
 					ref_key: "MenuRef",
 					ref: E,
 					visible: j.value?.visible ?? !1,
@@ -511,12 +511,12 @@ var W = ["title"], G = /* @__PURE__ */ B(/* @__PURE__ */ u({
 	input: "_input_8s2zs_34",
 	select: "_select_8s2zs_35",
 	text: "_text_8s2zs_74"
-} }], ["__scopeId", "data-v-6c0e3b0a"]]), ae = [
+} }], ["__scopeId", "data-v-6c0e3b0a"]]), oe = [
 	"rows",
 	"value",
 	"enterkeyhint",
 	"placeholder"
-], $ = /* @__PURE__ */ B(/* @__PURE__ */ u({
+], Q = /* @__PURE__ */ B(/* @__PURE__ */ u({
 	__name: "TextArea",
 	props: {
 		minrow: { default: 1 },
@@ -568,11 +568,11 @@ var W = ["title"], G = /* @__PURE__ */ B(/* @__PURE__ */ u({
 				onCompositionstart: d,
 				onCompositionend: u,
 				placeholder: n.placeholder
-			}, null, 40, ae)]),
+			}, null, 40, oe)]),
 			_: 1
 		}, 8, ["class"]));
 	}
-}), [["__cssModules", { $style: { TextArea: "_TextArea_gsvo8_2" } }], ["__scopeId", "data-v-0abb3d4e"]]), oe = /* @__PURE__ */ B(/* @__PURE__ */ u({
+}), [["__cssModules", { $style: { TextArea: "_TextArea_gsvo8_2" } }], ["__scopeId", "data-v-0abb3d4e"]]), se = /* @__PURE__ */ B(/* @__PURE__ */ u({
 	__name: "Form",
 	props: {
 		config: {},
@@ -596,7 +596,7 @@ var W = ["title"], G = /* @__PURE__ */ B(/* @__PURE__ */ u({
 		}, [s("span", {
 			class: p(t.$style.name),
 			style: m({ lineHeight: e.type === "textarea" ? "42px" : (e.size?.[1] ?? n.defaultSize?.[1] ?? 35) + "px" })
-		}, w(e.name), 7), e.type === "textarea" ? (_(), i($, {
+		}, w(e.name), 7), e.type === "textarea" ? (_(), i(Q, {
 			key: 0,
 			class: p(t.$style.TextArea),
 			ref_for: !0,
@@ -613,7 +613,7 @@ var W = ["title"], G = /* @__PURE__ */ B(/* @__PURE__ */ u({
 			"enterkeyhint",
 			"onChange",
 			"onEnter"
-		])) : (_(), i(Q, {
+		])) : (_(), i(Z, {
 			key: 1,
 			class: p(t.$style.Input),
 			ref_for: !0,
@@ -641,7 +641,7 @@ var W = ["title"], G = /* @__PURE__ */ B(/* @__PURE__ */ u({
 	FormItem: "_FormItem_1yqvr_9",
 	Input: "_Input_1yqvr_15",
 	TextArea: "_TextArea_1yqvr_16"
-} }]]), se = /* @__PURE__ */ B(/* @__PURE__ */ u({
+} }]]), $ = /* @__PURE__ */ B(/* @__PURE__ */ u({
 	__name: "Select",
 	props: {
 		options: {},
@@ -650,7 +650,7 @@ var W = ["title"], G = /* @__PURE__ */ B(/* @__PURE__ */ u({
 	setup(e) {
 		let t = e, n = b(null), r = b(null), i = b(null);
 		return h(() => {
-			!r.value || !n.value || (i.value = Y(r.value, n.value));
+			!r.value || !n.value || (i.value = q(r.value, n.value));
 		}), (e, a) => (_(), o("span", {
 			class: p([
 				"lovelymai",
@@ -659,7 +659,7 @@ var W = ["title"], G = /* @__PURE__ */ B(/* @__PURE__ */ u({
 			]),
 			ref_key: "SelectRef",
 			ref: r
-		}, [l(X, {
+		}, [l(Y, {
 			ref_key: "MenuRef",
 			ref: n,
 			visible: i.value?.visible ?? !1,
@@ -758,7 +758,7 @@ var le = /* @__PURE__ */ B(/* @__PURE__ */ u({
 		onSlideClose: {}
 	},
 	setup(e) {
-		E((e) => ({ v9d355374: i.value }));
+		E((e) => ({ v1ecd5a80: i.value }));
 		let t = e, r = b(null), i = b("60px"), c;
 		h(() => {
 			r.value && (c = F(r.value, ({ height: e }) => {
@@ -782,13 +782,13 @@ var le = /* @__PURE__ */ B(/* @__PURE__ */ u({
 			}));
 		}), g(() => {
 			d.value?.cleanup();
-		}), (e, i) => (_(), o("div", { class: p(e.$style.Drawer) }, [l(n, { name: "lovelymaid-fade" }, {
+		}), (e, i) => (_(), o("div", { class: p(e.$style.Drawer) }, [l(n, { name: "lovelymai-fade" }, {
 			default: A(() => [t.showMask && f.value ? (_(), o("div", {
 				key: 0,
 				class: p(e.$style.mask)
 			}, null, 2)) : a("", !0)]),
 			_: 1
-		}), l(n, { name: "lovelymaid-slide" }, {
+		}), l(n, { name: "lovelymai-slide" }, {
 			default: A(() => [j(l(H, {
 				class: p([e.$style.DrawerContainer, t.type === "desktop" ? e.$style.desktop : e.$style.mobile]),
 				ref_key: "DrawerContainerRef",
@@ -830,10 +830,10 @@ var le = /* @__PURE__ */ B(/* @__PURE__ */ u({
 	},
 	setup(e) {
 		E((e) => ({
-			v5a8ecb22: d.value,
-			f3f5401c: y.value,
-			v5a6cffad: l.value,
-			e06b61d2: v.value
+			v0d6c9f65: d.value,
+			v21e2a462: y.value,
+			v0d4ad3f0: l.value,
+			v17de8098: v.value
 		}));
 		let t = e, n = () => {
 			t.onSwitch?.();
@@ -860,7 +860,7 @@ var le = /* @__PURE__ */ B(/* @__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, ue)], 2), S(r.$slots, "default", {}, () => [o[1] ||= c("这是内容", -1)], !0)]),
+			}, [...o[0] ||= [s("span", { class: "lovelymai lovely-left-sidebar" }, null, -1)]], 10, ue)], 2), S(r.$slots, "default", {}, () => [o[1] ||= c("这是内容", -1)], !0)]),
 			_: 3
 		}, 8, ["class"]));
 	}
@@ -869,7 +869,7 @@ var le = /* @__PURE__ */ B(/* @__PURE__ */ u({
 	header: "_header_ag32y_8",
 	SwitchButton: "_SwitchButton_ag32y_13",
 	close: "_close_ag32y_32"
-} }], ["__scopeId", "data-v-1b51d6cf"]]), fe = { key: 0 }, pe = { key: 0 }, me = /* @__PURE__ */ B(/* @__PURE__ */ u({
+} }], ["__scopeId", "data-v-9b448158"]]), fe = { key: 0 }, pe = { key: 0 }, me = /* @__PURE__ */ B(/* @__PURE__ */ u({
 	__name: "TabBar",
 	props: {
 		tabs: {},
@@ -914,7 +914,7 @@ var le = /* @__PURE__ */ B(/* @__PURE__ */ u({
 			}
 		}), d = b(0), f, m, v, C, T, E;
 		h(() => {
-			r.value && (Z(r.value, u), f = F(r.value, () => {
+			r.value && (X(r.value, u), f = 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.tabs.length, u["content-top"].clipLeft = n.activeIndex * u.slide.width, u["content-top"].clipRight = u["content-top"].clipLeft + u.slide.width, d.value = (u.Bar.width - 6) * (n.tabs.length - 1) / n.tabs.length, u.slide.translateX = n.activeIndex * u.slide.width, u.slide.center = u.slide.translateX + u.slide.width / 2;
 			}, !0), setTimeout(() => {
 				u.Bar.transition = "width .3s, height .3s, transform .2s";
@@ -942,26 +942,26 @@ var le = /* @__PURE__ */ B(/* @__PURE__ */ u({
 				t();
 			}, 8));
 		}, L = (e) => {
+			u.slide.transition = "transform .5s, background .1s", I(T), u.slide.translateX = e * u.slide.width, I(m, v), P(500);
+		}, R = (e) => {
 			M = 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, N(e, "start"), I(m, v), P(500), document.addEventListener("pointermove", R), document.addEventListener("pointerup", B);
-		}, R = (e) => {
+			}, 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, N(e, "start"), I(m, v), P(500), document.addEventListener("pointermove", z), document.addEventListener("pointerup", B);
+		}, z = (e) => {
 			if (!C) {
 				if (W.value) return W.value = !1;
 				I(T), N(e, "move"), I(m, v), P(void 0), C = setTimeout(() => C = void 0, 8);
 			}
-		}, z = (e) => {
-			u.slide.transition = "transform .5s, background .1s", I(T), u.slide.translateX = e * u.slide.width, I(m, v), P(500);
 		}, B = (e) => {
-			if (Date.now() - M < 100 && I(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.Bar.scale = 1, u.slide.scale = 1, W.value) W.value = !1, z(n.activeIndex);
+			if (Date.now() - M < 100 && I(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.Bar.scale = 1, u.slide.scale = 1, W.value) W.value = !1, L(n.activeIndex);
 			else {
 				let t = e.clientX - U(i.value), r = Math.floor(t / u.slide.width), a = r > n.tabs.length - 1 ? n.tabs.length - 1 : r < 0 ? 0 : r;
-				n.onTabClick(n.tabs[a], a), a === n.activeIndex && z(n.activeIndex);
+				n.onTabClick(n.tabs[a], a), a === n.activeIndex && L(n.activeIndex);
 			}
-			D = !1, document.removeEventListener("pointermove", R), document.removeEventListener("pointerup", B);
+			D = !1, document.removeEventListener("pointermove", z), document.removeEventListener("pointerup", B);
 		};
 		k(() => n.activeIndex, (e) => {
-			z(e);
+			L(e);
 		}), k(() => n.tabs.length, () => {
 			u.slide.translateX = 0;
 		});
@@ -982,7 +982,7 @@ var le = /* @__PURE__ */ B(/* @__PURE__ */ u({
 				class: p(u.$style.content),
 				ref_key: "contentRef",
 				ref: i,
-				onPointerdown: L
+				onPointerdown: R
 			}, [
 				j(s("li", { class: p([u.$style.tab, u.$style.small]) }, [S(u.$slots, "default", {
 					item: n.tabs[t.activeIndex],
@@ -1019,7 +1019,7 @@ var le = /* @__PURE__ */ B(/* @__PURE__ */ u({
 		}, {
 			default: A(() => [...d[0] ||= [s("span", { class: "lovelymai lovely-search button" }, null, -1)]]),
 			_: 1
-		}, 8, ["class"]), [[O, !G.value]]), j(l(Q, {
+		}, 8, ["class"]), [[O, !G.value]]), j(l(Z, {
 			class: p(u.$style.Input),
 			type: "text",
 			value: n.value,
@@ -1050,63 +1050,87 @@ var le = /* @__PURE__ */ B(/* @__PURE__ */ u({
 	Button: "_Button_bcygi_89",
 	Input: "_Input_bcygi_94",
 	slide: "_slide_bcygi_99"
-} }]]), he = ["onPointerdown"], ge = /* @__PURE__ */ B(/* @__PURE__ */ u({
+} }]]), he = ["onClick"], ge = ["data-index"], _e = /* @__PURE__ */ B(/* @__PURE__ */ u({
 	__name: "Table",
 	props: {
-		config: {},
-		data: {},
+		columns: {},
+		rows: {},
 		activeIndexes: { default: () => /* @__PURE__ */ new Set() },
-		onActiveChange: {}
+		onActiveChange: {},
+		sort: {},
+		onSortChange: {}
 	},
 	setup(t) {
-		let n = t, r, i = (e) => {
+		let n = t, r = (e) => {
+			if (!n.activeIndexes?.has(e)) return "8px";
+			let t = n.activeIndexes.has(e - 1), r = n.activeIndexes.has(e + 1);
+			return !t && !r ? "8px" : t && r ? "0" : !t && r ? "8px 8px 0 0" : "0 0 8px 8px";
+		}, i, a = (e) => {
 			let t = /* @__PURE__ */ new Set();
 			for (let n of e) !e.has(n - 1) && !e.has(n + 1) && t.add(n);
 			return t;
-		}, a = (e, t) => {
-			e.preventDefault();
-			let a = new Set(n.activeIndexes);
-			if (e.getModifierState("Meta")) n.activeIndexes.has(t) ? a.delete(t) : (a.add(t), r = t);
+		}, c = (e, t) => {
+			let r = new Set(n.activeIndexes);
+			if (e.getModifierState("Meta")) n.activeIndexes.has(t) ? r.delete(t) : (r.add(t), i = t);
 			else if (e.getModifierState("Shift") && n.activeIndexes.size > 0) {
-				a = i(a);
-				let e = Math.min(r ?? 0, t), n = Math.max(r ?? 0, t);
-				for (let t = e; t <= n; t++) a.add(t);
-			} else a = new Set([t]), r = t;
-			n.onActiveChange?.(a);
-		}, c = (e) => {
-			if (!n.activeIndexes?.has(e)) return "8px";
-			let t = n.activeIndexes.has(e - 1), r = n.activeIndexes.has(e + 1);
-			return !t && !r ? "8px" : t && r ? "0" : !t && r ? "8px 8px 0 0" : "0 0 8px 8px";
+				r = a(r);
+				let e = Math.min(i ?? 0, t), n = Math.max(i ?? 0, t);
+				for (let t = e; t <= n; t++) r.add(t);
+			} else r = new Set([t]), i = t;
+			n.onActiveChange?.(r);
+		}, l = (e) => {
+			let t = e.target.closest("li");
+			if (!t) return;
+			let n = t.dataset.index;
+			n !== void 0 && c(e, Number(n));
+		}, u = (e, t) => {
+			let r = n.columns.find((t) => t.id === e).prop, i = [...n.rows].sort((e, n) => t === "asc" ? e[r].localeCompare(n[r], void 0, { numeric: !0 }) : n[r].localeCompare(e[r], void 0, { numeric: !0 })), a = /* @__PURE__ */ new Set();
+			for (let e of n.activeIndexes) {
+				let t = n.rows[e], r = i.findIndex((e) => e.id === t.id);
+				r !== -1 && a.add(r);
+			}
+			n.onSortChange({
+				id: e,
+				order: t
+			}, i), n.onActiveChange?.(a);
 		};
-		return (t, r) => (_(), o("div", { class: p(t.$style.Table) }, [s("ul", { class: p(t.$style.header) }, [(_(!0), o(e, null, x(n.config, (e) => (_(), o("li", {
+		return u(n.sort.id, n.sort.order), (t, i) => (_(), o("div", { class: p(t.$style.Table) }, [s("ul", { class: p(t.$style.header) }, [(_(!0), o(e, null, x(n.columns, (e) => (_(), o("li", {
 			class: p(t.$style.item),
 			key: e.id,
 			style: m({
 				width: e.width + "px",
-				color: e.color ?? "#808080"
-			})
-		}, w(e.name), 7))), 128))], 2), s("ul", { class: p(t.$style.list) }, [(_(!0), o(e, null, x(n.data, (r, i) => (_(), o("li", {
+				color: n.sort.id === e.id ? "#000" : "#808080"
+			}),
+			onClick: N(() => u(e.id, n.sort.order === "asc" ? "desc" : "asc"), ["stop"])
+		}, [s("div", { class: p(t.$style.container) }, [s("span", { class: p(t.$style.text) }, w(e.name), 3), j(s("span", {
+			class: "lovelymai lovely-down-arrow",
+			style: m({ transform: n.sort.order === "asc" ? "rotate(180deg)" : "rotate(0deg)" })
+		}, null, 4), [[O, e.id === n.sort.id]])], 2)], 14, he))), 128))], 2), s("ul", {
+			class: p(t.$style.list),
+			onPointerdown: N(l, ["stop", "prevent"])
+		}, [(_(!0), o(e, null, x(n.rows, (i, a) => (_(), o("li", {
 			class: p(t.$style.item),
-			key: r.id,
+			key: i.id,
 			style: m({
-				backgroundColor: n.activeIndexes?.has(i) ? "#2962D9" : void 0,
-				borderRadius: c(i)
+				backgroundColor: n.activeIndexes?.has(a) ? "#2962D9" : void 0,
+				borderRadius: r(a)
 			}),
-			onPointerdown: N((e) => a(e, i), ["stop"])
-		}, [(_(!0), o(e, null, x(n.config, (e) => (_(), o("span", {
+			"data-index": a
+		}, [(_(!0), o(e, null, x(n.columns, (e) => (_(), o("span", {
 			class: p(t.$style.text),
 			key: e.id,
 			style: m({
 				width: e.width + "px",
-				color: n.activeIndexes?.has(i) ? e.color ? "#fff" : "#bfd0f4" : e.color ?? "#808080"
+				color: n.activeIndexes?.has(a) ? n.sort.id === e.id ? "#fff" : "#bfd0f4" : n.sort.id === e.id ? "#000" : "#808080"
 			})
-		}, w(r[e.prop]), 7))), 128))], 46, he))), 128))], 2)], 2));
+		}, w(i[e.prop]), 7))), 128))], 14, ge))), 128))], 34)], 2));
 	}
 }), [["__cssModules", { $style: {
-	header: "_header_1ffz0_2",
-	item: "_item_1ffz0_10",
-	list: "_list_1ffz0_21",
-	text: "_text_1ffz0_30"
-} }]]);
+	header: "_header_d5la3_2",
+	item: "_item_d5la3_9",
+	container: "_container_d5la3_14",
+	text: "_text_d5la3_25",
+	list: "_list_d5la3_34"
+} }], ["__scopeId", "data-v-4d400ca0"]]);
 //#endregion
-export { V as Button, H as Card, G as ContentBar, ee as FoldList, oe as Form, Q as Input, le as Modal, se as Select, de as SideBar, me as TabBar, ge as Table, $ as TextArea };
+export { V as Button, H as Card, G as ContentBar, ne as FoldList, se as Form, Z as Input, le as Modal, $ as Select, de as SideBar, me as TabBar, _e as Table, Q as TextArea };

package/package.json

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