mall-components 1.0.0

package/build/entry-meta.d.ts

@@ -0,0 +1,603 @@
+declare const _default: (import("@alilc/lowcode-types/lib").IPublicTypeComponentMetadata | {
+    componentName: string;
+    title: string;
+    docUrl: string;
+    screenshot: string;
+    npm: {
+        package: string;
+        version: string;
+        exportName: string;
+        destructuring: boolean;
+    };
+    props: ({
+        name: string;
+        propType: string;
+        description: string;
+        defaultValue: string;
+    } | {
+        name: string;
+        propType: string;
+        description: string;
+        defaultValue?: undefined;
+    } | {
+        name: string;
+        propType: string;
+        description: string;
+        defaultValue: boolean;
+    } | {
+        name: string;
+        propType: string;
+        description: string;
+        defaultValue: number;
+    })[];
+    configure: {
+        supports: {
+            style: boolean;
+            events: {
+                name: string;
+                description: string;
+            }[];
+        };
+        props: ({
+            type: string;
+            title: string;
+            display: string;
+            items: ({
+                name: string;
+                title: string;
+                setter: {
+                    componentName: string;
+                    props: {
+                        options: {
+                            label: string;
+                            value: string;
+                        }[];
+                        rows?: undefined;
+                        placeholder?: undefined;
+                        setters?: undefined;
+                    };
+                };
+                extraProps: {
+                    display: string;
+                };
+                condition?: undefined;
+            } | {
+                name: string;
+                title: string;
+                setter: {
+                    componentName: string;
+                    props: {
+                        rows: number;
+                        placeholder: string;
+                        options?: undefined;
+                        setters?: undefined;
+                    };
+                };
+                extraProps: {
+                    display: string;
+                };
+                condition: (target: any) => boolean;
+            } | {
+                name: string;
+                title: string;
+                setter: {
+                    componentName: string;
+                    props: {
+                        setters: string[];
+                        options?: undefined;
+                        rows?: undefined;
+                        placeholder?: undefined;
+                    };
+                };
+                extraProps: {
+                    display: string;
+                };
+                condition: (target: any) => boolean;
+            })[];
+        } | {
+            type: string;
+            title: string;
+            display: string;
+            items: {
+                name: string;
+                title: string;
+                setter: string;
+                extraProps: {
+                    display: string;
+                };
+            }[];
+        } | {
+            type: string;
+            title: string;
+            display: string;
+            items: {
+                name: string;
+                title: string;
+                setter: {
+                    componentName: string;
+                    props: {
+                        min: number;
+                        max: number;
+                    };
+                };
+                extraProps: {
+                    display: string;
+                };
+            }[];
+        })[];
+    };
+    icon: import("@types/react").CElement<{}, import("@types/react").Component<{}, any, any>> | null;
+    category: string;
+    group: string;
+    snippets: ({
+        title: string;
+        schema: {
+            componentName: string;
+            props: {
+                dataSourceType: string;
+                mockData: string;
+                showFilter: boolean;
+                showStatusFilter: boolean;
+                showSearch: boolean;
+                showDatePicker: boolean;
+                showActions: boolean;
+                showBatchOperations: boolean;
+                showExport: boolean;
+                showPagination: boolean;
+                defaultPageSize: number;
+            };
+        };
+    } | {
+        title: string;
+        schema: {
+            componentName: string;
+            props: {
+                dataSourceType: string;
+                mockData: string;
+                showFilter: boolean;
+                showActions: boolean;
+                showBatchOperations: boolean;
+                showExport: boolean;
+                showPagination: boolean;
+                defaultPageSize: number;
+                showStatusFilter?: undefined;
+                showSearch?: undefined;
+                showDatePicker?: undefined;
+            };
+        };
+    })[];
+} | {
+    componentName: string;
+    title: string;
+    docUrl: string;
+    screenshot: string;
+    npm: {
+        package: string;
+        version: string;
+        exportName: string;
+        destructuring: boolean;
+    };
+    props: ({
+        name: string;
+        propType: string;
+        description: string;
+        defaultValue: string;
+        setter?: undefined;
+    } | {
+        name: string;
+        propType: string;
+        description: string;
+        defaultValue: string;
+        setter: {
+            componentName: string;
+            props: {
+                options: {
+                    label: string;
+                    value: string;
+                }[];
+            };
+        };
+    } | {
+        name: string;
+        propType: string;
+        description: string;
+        defaultValue: boolean;
+        setter: string;
+    })[];
+    configure: {
+        supports: {
+            style: boolean;
+            events: {
+                name: string;
+                description: string;
+            }[];
+        };
+        props: ({
+            type: string;
+            title: string;
+            display: string;
+            items: ({
+                name: string;
+                title: string;
+                setter: {
+                    componentName: string;
+                    props: {
+                        options: {
+                            label: string;
+                            value: string;
+                        }[];
+                        rows?: undefined;
+                        placeholder?: undefined;
+                    };
+                };
+                extraProps?: undefined;
+            } | {
+                name: string;
+                title: string;
+                setter: {
+                    componentName: string;
+                    props: {
+                        rows: number;
+                        placeholder: string;
+                        options?: undefined;
+                    };
+                };
+                extraProps: {
+                    display: string;
+                };
+            })[];
+        } | {
+            type: string;
+            title: string;
+            display: string;
+            items: {
+                name: string;
+                title: string;
+                setter: string;
+            }[];
+        })[];
+    };
+    icon: import("@types/react").CElement<{}, import("@types/react").Component<{}, any, any>> | null;
+    category: string;
+    group: string;
+    snippets: {
+        title: string;
+        schema: {
+            componentName: string;
+            props: {
+                mode: string;
+                initialValues: string;
+                showBasicInfo: boolean;
+                showReceiverInfo: boolean;
+                showMoneyInfo: boolean;
+                showOrderItems: boolean;
+                showStatusInfo: boolean;
+            };
+        };
+    }[];
+} | {
+    componentName: string;
+    title: string;
+    docUrl: string;
+    screenshot: string;
+    devMode: string;
+    npm: {
+        package: string;
+        version: string;
+        exportName: string;
+        main: string;
+        destructuring: boolean;
+        subName: string;
+    };
+    category: string;
+    group: string;
+    icon: import("@types/react").CElement<{}, import("@types/react").Component<{}, any, any>> | null;
+    props: ({
+        name: string;
+        propType: string;
+        description: string;
+        defaultValue: string;
+    } | {
+        name: string;
+        propType: string;
+        description: string;
+        defaultValue?: undefined;
+    } | {
+        name: string;
+        propType: string;
+        description: string;
+        defaultValue: boolean;
+    })[];
+    configure: {
+        supports: {
+            style: boolean;
+            className: boolean;
+            events: {
+                name: string;
+                description: string;
+            }[];
+        };
+        props: ({
+            type: string;
+            title: string;
+            display: string;
+            items: ({
+                name: string;
+                title: string;
+                setter: {
+                    componentName: string;
+                    props: {
+                        options: {
+                            label: string;
+                            value: string;
+                        }[];
+                        rows?: undefined;
+                        placeholder?: undefined;
+                        setters?: undefined;
+                    };
+                };
+                extraProps: {
+                    display: string;
+                };
+                condition?: undefined;
+            } | {
+                name: string;
+                title: string;
+                setter: {
+                    componentName: string;
+                    props: {
+                        rows: number;
+                        placeholder: string;
+                        options?: undefined;
+                        setters?: undefined;
+                    };
+                };
+                extraProps: {
+                    display: string;
+                };
+                condition: (target: any) => boolean;
+            } | {
+                name: string;
+                title: string;
+                setter: {
+                    componentName: string;
+                    props: {
+                        setters: string[];
+                        options?: undefined;
+                        rows?: undefined;
+                        placeholder?: undefined;
+                    };
+                };
+                extraProps: {
+                    display: string;
+                };
+                condition: (target: any) => boolean;
+            })[];
+        } | {
+            type: string;
+            title: string;
+            display: string;
+            items: {
+                name: string;
+                title: string;
+                setter: string;
+                extraProps: {
+                    display: string;
+                };
+            }[];
+        })[];
+    };
+    snippets: {
+        title: string;
+        screenshot: string;
+        schema: {
+            componentName: string;
+            props: {
+                dataSourceType: string;
+                mockData: string;
+                showCreateButton: boolean;
+                showFilter: boolean;
+                showStatistics: boolean;
+            };
+        };
+    }[];
+} | {
+    componentName: string;
+    title: string;
+    docUrl: string;
+    screenshot: string;
+    npm: {
+        package: string;
+        version: string;
+        exportName: string;
+        destructuring: boolean;
+    };
+    props: ({
+        name: string;
+        propType: string;
+        description: string;
+        defaultValue: string;
+    } | {
+        name: string;
+        propType: string;
+        description: string;
+        defaultValue?: undefined;
+    } | {
+        name: string;
+        propType: string;
+        description: string;
+        defaultValue: boolean;
+    })[];
+    configure: {
+        supports: {
+            style: boolean;
+            events: {
+                name: string;
+                description: string;
+            }[];
+        };
+        props: ({
+            type: string;
+            title: string;
+            display: string;
+            items: ({
+                name: string;
+                title: string;
+                setter: {
+                    componentName: string;
+                    props: {
+                        options: {
+                            label: string;
+                            value: string;
+                        }[];
+                        rows?: undefined;
+                        placeholder?: undefined;
+                        setters?: undefined;
+                    };
+                };
+                extraProps: {
+                    display: string;
+                };
+                condition?: undefined;
+            } | {
+                name: string;
+                title: string;
+                setter: {
+                    componentName: string;
+                    props: {
+                        rows: number;
+                        placeholder: string;
+                        options?: undefined;
+                        setters?: undefined;
+                    };
+                };
+                extraProps: {
+                    display: string;
+                };
+                condition: (target: any) => boolean;
+            } | {
+                name: string;
+                title: string;
+                setter: {
+                    componentName: string;
+                    props: {
+                        setters: string[];
+                        options?: undefined;
+                        rows?: undefined;
+                        placeholder?: undefined;
+                    };
+                };
+                extraProps: {
+                    display: string;
+                };
+                condition: (target: any) => boolean;
+            })[];
+        } | {
+            type: string;
+            title: string;
+            display: string;
+            items: {
+                name: string;
+                title: string;
+                setter: string;
+                extraProps: {
+                    display: string;
+                };
+            }[];
+        } | {
+            type: string;
+            title: string;
+            display: string;
+            items: {
+                name: string;
+                title: string;
+                setter: {
+                    componentName: string;
+                    props: {
+                        item: {
+                            setters: {
+                                componentName: string;
+                                props: {
+                                    config: {
+                                        items: ({
+                                            name: string;
+                                            description: string;
+                                            setter: string;
+                                        } | {
+                                            name: string;
+                                            description: string;
+                                            setter: {
+                                                componentName: string;
+                                                props: {
+                                                    options: {
+                                                        label: string;
+                                                        value: string;
+                                                    }[];
+                                                };
+                                            };
+                                        })[];
+                                    };
+                                };
+                            }[];
+                        };
+                    };
+                };
+                extraProps: {
+                    display: string;
+                };
+            }[];
+        })[];
+    };
+    icon: import("@types/react").CElement<{}, import("@types/react").Component<{}, any, any>> | null;
+    category: string;
+    group: string;
+    snippets: ({
+        title: string;
+        schema: {
+            componentName: string;
+            props: {
+                dataSourceType: string;
+                mockData: string;
+                showFilter: boolean;
+                showAction: boolean;
+                showSelection: boolean;
+                showOperation: boolean;
+                showStatus: boolean;
+                showPagination: boolean;
+                actionButtons: ({
+                    text: string;
+                    icon: string;
+                    type: string;
+                    onClick: string;
+                } | {
+                    text: string;
+                    icon: string;
+                    type: string;
+                    onClick?: undefined;
+                })[];
+                batchOperations: {
+                    text: string;
+                    value: string;
+                }[];
+            };
+        };
+    } | {
+        title: string;
+        schema: {
+            componentName: string;
+            props: {
+                dataSourceType: string;
+                mockData: string;
+                showFilter: boolean;
+                showAction: boolean;
+                showSelection: boolean;
+                showOperation: boolean;
+                showStatus: boolean;
+                showPagination: boolean;
+                actionButtons?: undefined;
+                batchOperations?: undefined;
+            };
+        };
+    })[];
+})[];
+export default _default;

package/build/index.css

@@ -0,0 +1 @@
+.mall-product-list{background:#f5f7fa;padding:16px;border-radius:8px;min-height:100%;.mall-product-list-filter{margin-bottom:16px;border-radius:8px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;&:hover{box-shadow:0 4px 12px #0000001a}.ant-card-body{padding:20px}.ant-input-affix-wrapper{border-radius:6px;transition:all .3s ease;&:hover,&:focus{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff1a}}.ant-btn{border-radius:6px;font-weight:500;transition:all .3s ease;&:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}&:active{transform:translateY(0)}}}.mall-product-list-action{margin-bottom:16px;border-radius:8px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;&:hover{box-shadow:0 4px 12px #0000001a}.ant-card-body{padding:16px 20px}.ant-btn{border-radius:6px;font-weight:500;transition:all .3s ease;&:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}}.ant-select{.ant-select-selector{border-radius:6px;transition:all .3s ease;&:hover{border-color:#40a9ff}}}}.mall-product-list-table{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;.ant-table-thead>tr>th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:14px;padding:16px;border-bottom:none;&:before{background-color:#fff3}}.ant-table-tbody>tr{transition:all .3s ease;&:hover{background:#f0f5ff;cursor:pointer;transform:scale(1.01);box-shadow:0 2px 8px #00000014}>td{padding:16px;border-bottom:1px solid #f0f0f0}}img{border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;&:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}}.price-cell{color:#f56c6c;font-weight:600;font-size:16px}.stock-cell{font-weight:500;&.low-stock{color:#f56c6c}&.normal-stock{color:#67c23a}}.ant-space{.ant-btn-link{padding:4px 8px;height:auto;font-weight:500;transition:all .3s ease;&:hover{background:#f0f5ff;border-radius:4px}&.ant-btn-dangerous{color:#f56c6c;&:hover{background:#fff1f0}}}}}.pagination-wrapper{background:#fff;padding:16px 20px;border-radius:8px;margin-top:16px;display:flex;justify-content:flex-end;.ant-pagination{.ant-pagination-item{border-radius:6px;transition:all .3s ease;&:hover{border-color:#40a9ff;transform:translateY(-1px)}}.ant-pagination-item-active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;a{color:#fff}}.ant-pagination-prev,.ant-pagination-next{border-radius:6px;transition:all .3s ease;&:hover{border-color:#40a9ff;transform:translateY(-1px)}}}}.ant-switch{&.ant-switch-checked{background:linear-gradient(135deg,#667eea,#764ba2)}}@media (max-width: 1200px){padding:12px;.mall-product-list-filter,.mall-product-list-action{.ant-card-body{padding:16px}}.ant-table-wrapper{.ant-table-thead>tr>th,.ant-table-tbody>tr>td{padding:12px}}}@media (max-width: 768px){padding:8px;.mall-product-list-filter{.ant-input-affix-wrapper{width:100%!important;margin-bottom:8px}.ant-btn{width:100%;margin-bottom:8px}}.mall-product-list-action{.ant-btn{width:100%;margin-bottom:8px}.ant-select{width:100%!important;margin-bottom:8px}}.pagination-wrapper{padding:12px;justify-content:center;.ant-pagination{flex-wrap:wrap;justify-content:center}}}.ant-spin-nested-loading{.ant-spin{.ant-spin-dot{font-size:32px}}}.ant-empty{padding:48px 0;.ant-empty-image{height:100px}.ant-empty-description{color:#999;font-size:14px}}}.mall-product-form{.ant-card-body{padding:24px}.ant-form-item{margin-bottom:16px}.ant-form-item-label{label{font-weight:500}}.ant-input-number,.ant-select{width:100%}}.mall-order-list{.filter-section{margin-bottom:16px;padding:16px;background:linear-gradient(135deg,#f5f7fa,#f0f2f5);border-radius:8px;box-shadow:0 2px 8px #0000000d}.batch-operation-section{margin-bottom:16px;padding:12px 16px;background:#fafafa;border-radius:4px;display:flex;align-items:center;justify-content:space-between;.selected-info{color:#1890ff;font-size:14px}}.action-section{margin-bottom:16px;padding:12px 0;border-bottom:1px solid #f0f0f0}.ant-table{.ant-table-thead>tr>th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;border-bottom:none;&:before{background-color:#ffffff4d}}.ant-table-tbody>tr{&:hover{background:#f5f5f5;cursor:pointer}>td{padding:12px 8px;border-bottom:1px solid #f0f0f0}}}.order-sn{font-family:Courier New,monospace;font-weight:500;color:#1890ff}.order-amount{font-weight:600;color:#595959}.pay-amount{font-weight:700;color:#f5222d;font-size:14px}.ant-tag{border-radius:12px;padding:2px 8px;font-size:12px;font-weight:500}.ant-btn-link{padding:0 4px;height:auto}.ant-modal{.ant-descriptions{.ant-descriptions-item-label{font-weight:600;background:#fafafa}.ant-descriptions-item-content{background:#fff}}}@media (max-width: 768px){.filter-section{.ant-col{margin-bottom:8px}}.batch-operation-section{flex-direction:column;align-items:flex-start;.selected-info{margin-top:8px}}.ant-table{overflow-x:auto;.ant-table-thead>tr>th,.ant-table-tbody>tr>td{white-space:nowrap;font-size:12px;padding:8px 4px}}}.ant-pagination{margin-top:16px;text-align:right;.ant-pagination-item-active{border-color:#1890ff;a{color:#1890ff}}}.ant-spin-nested-loading{.ant-spin{max-height:400px}}.empty-data{padding:40px 0;text-align:center;color:#8c8c8c;.ant-empty-image{height:100px}}.loading-skeleton{.ant-skeleton{padding:16px 0}}}.mall-order-form{.ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.ant-tabs{.ant-tabs-nav{margin-bottom:24px;&:before{border-bottom:2px solid #f0f0f0}.ant-tabs-tab{padding:12px 16px;font-weight:500;transition:all .3s ease;&:hover{color:#1890ff}&.ant-tabs-tab-active{.ant-tabs-tab-btn{color:#1890ff;font-weight:600}}}.ant-tabs-ink-bar{height:3px;background:linear-gradient(90deg,#1890ff,#40a9ff)}}}.ant-form{.ant-form-item{margin-bottom:20px;.ant-form-item-label{label{font-weight:500;color:#262626}}.ant-input,.ant-input-number,.ant-select{border-radius:4px;&:hover{border-color:#40a9ff}&:focus,&.ant-input-focused,&.ant-select-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}}.ant-input-textarea-show-count:after{float:right;color:#8c8c8c;font-size:12px}}}.ant-table{.ant-table-thead>tr>th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.ant-table-tbody>tr{&:hover{background:#f5f5f5}>td{padding:12px 8px}}}.ant-divider{margin:24px 0;border-color:#f0f0f0}.ant-space{.ant-btn{min-width:80px;border-radius:4px;font-weight:500;transition:all .3s ease;&:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}&.ant-btn-primary{background:linear-gradient(135deg,#1890ff,#40a9ff);border:none;&:hover{background:linear-gradient(135deg,#40a9ff,#69c0ff)}}}}@media (max-width: 768px){.ant-form{.ant-col{margin-bottom:0}}.ant-tabs{.ant-tabs-nav{.ant-tabs-tab{padding:8px 12px;font-size:14px}}}.ant-table{overflow-x:auto;.ant-table-thead>tr>th,.ant-table-tbody>tr>td{white-space:nowrap;font-size:12px;padding:8px 4px}}}}.mall-coupon-card{.statistics-section{padding:16px;background:#f5f5f5;border-radius:4px;margin-bottom:16px;.stat-item{text-align:center;.stat-value{font-size:24px;font-weight:600;color:#1890ff}.stat-label{font-size:12px;color:#8c8c8c;margin-top:4px}}}.filter-section{margin-bottom:16px;padding:16px;background:#fafafa;border-radius:4px}.action-section{margin-bottom:16px}.coupon-name{font-weight:500;color:#262626}.ant-table{.ant-tag{margin:0}}.ant-badge{.ant-badge-count{font-size:12px;min-width:40px;height:20px;line-height:20px}}}.mall-promotion-card{.statistics-section{padding:16px;background:linear-gradient(135deg,#fff7e6,#fffbe6);border-radius:4px;margin-bottom:16px;.ant-statistic-title{font-size:13px;color:#8c8c8c}.ant-statistic-content{font-size:28px}}.content-section{display:flex;gap:16px;.table-section{flex:1}.timeline-section{width:300px;.ant-card{height:100%}.ant-timeline{padding-top:8px}.ant-timeline-item-content{font-size:13px}}}.filter-section,.action-section{margin-bottom:16px}.promotion-title{font-weight:500;color:#262626}.ant-table{.ant-tag{margin:0}}@media (max-width: 1200px){.content-section{flex-direction:column;.timeline-section{width:100%}}}}.mall-user-card{.statistics-section{padding:16px;background:linear-gradient(135deg,#e6f7ff,#f0f5ff);border-radius:4px;margin-bottom:16px;.stat-item{text-align:center;.stat-value{font-size:24px;font-weight:600;color:#1890ff}.stat-label{font-size:12px;color:#8c8c8c;margin-top:4px}}}.filter-section{margin-bottom:16px;padding:16px;background:#fafafa;border-radius:4px}.action-section{margin-bottom:16px}.user-name{font-weight:500;color:#262626}.user-username{font-size:12px;color:#8c8c8c}.ant-table{.ant-tag{margin:0}}}.mall-role-card{.statistics-section{padding:16px;background:linear-gradient(135deg,#f0f5ff,#f5f0ff);border-radius:4px;margin-bottom:16px;.stat-item{text-align:center;.stat-value{font-size:24px;font-weight:600;color:#722ed1}.stat-label{font-size:12px;color:#8c8c8c;margin-top:4px}}}.content-section{display:flex;gap:16px;.table-section{flex:1}.permission-section{width:280px;.ant-card{height:100%}.ant-tree{font-size:13px}}}.filter-section{margin-bottom:16px;padding:16px;background:#fafafa;border-radius:4px}.action-section{margin-bottom:16px}.role-name{font-weight:500;color:#262626}.ant-table{.ant-tag{margin:0}}@media (max-width: 1200px){.content-section{flex-direction:column;.permission-section{width:100%}}}}.admin-layout{display:flex;height:100vh;width:100%;overflow:hidden;background-color:#f0f2f5;.sidebar-container{width:256px;height:100vh;background:linear-gradient(180deg,#001529,#002140);transition:all .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden;flex-shrink:0;z-index:10;box-shadow:2px 0 8px #00000026;&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px;&:hover{background:#ffffff4d}}.sidebar-logo{height:64px;display:flex;align-items:center;justify-content:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff05;.logo-text{color:#fff;font-size:20px;font-weight:600;white-space:nowrap;letter-spacing:1px}.logo-icon{color:#fff;font-size:24px;font-weight:700}}.ant-menu{border-right:none!important;background:transparent!important;.ant-menu-item{border-radius:0;height:48px;line-height:48px;padding-left:24px!important;margin:0 0 4px;&:first-child{margin-top:8px}&:hover{background:#ffffff14!important;color:#fff!important}&.ant-menu-item-selected{background:linear-gradient(90deg,#1890ff,#096dd9)!important;color:#fff!important;box-shadow:0 2px 8px #1890ff4d;&:after{display:none}}}.ant-menu-submenu{.ant-menu-submenu-title{height:48px;line-height:48px;padding-left:24px!important;margin:0 0 4px;&:hover{background:#ffffff14!important;color:#fff!important}}&.ant-menu-submenu-selected>.ant-menu-submenu-title{color:#1890ff!important}.ant-menu-sub{background:#0003!important;.ant-menu-item{height:44px;line-height:44px;padding-left:48px!important;&:hover{background:#ffffff0d!important}&.ant-menu-item-selected{background:#1890ff26!important;color:#1890ff!important;box-shadow:none}}}}}&.collapsed{width:80px;.ant-menu-inline-collapsed{width:80px}.sidebar-logo{padding:12px}.ant-menu-item{padding-left:0!important;text-align:center}}}.layout-right{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;.navbar-container{height:64px;background:#fff;box-shadow:0 2px 8px #0000000f;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:9;flex-shrink:0;.navbar-left{display:flex;align-items:center;gap:16px;.hamburger-btn{width:40px;height:40px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:18px;color:#000000a6;transition:all .3s;&:hover{background:#1890ff14;color:#1890ff}}}.navbar-right{.user-info{cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;transition:all .3s;&:hover{background:#0000000a}.user-avatar{background:linear-gradient(135deg,#1890ff,#096dd9)}.username{color:#000000d9;font-size:14px;font-weight:500}}}}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#f0f2f5;.tab-bar-container{background:#fff;display:flex;align-items:center;border-bottom:1px solid #e8e8e8;padding:0 16px;height:44px;flex-shrink:0;box-shadow:0 1px 4px #0000000a;.tab-bar-scroll{flex:1;overflow-x:auto;overflow-y:hidden;white-space:nowrap;display:flex;align-items:center;gap:8px;scrollbar-width:thin;&::-webkit-scrollbar{height:4px}&::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.tab-item{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer;border-radius:4px 4px 0 0;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);user-select:none;height:36px;font-size:13px;color:#000000a6;background:transparent;border:1px solid transparent;border-bottom:none;margin-bottom:-1px;.tab-icon{display:flex;align-items:center;font-size:14px}.tab-label{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-close-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;opacity:0;transition:all .2s;margin-left:4px;&.visible{opacity:1}&:hover{background:#00000026;color:#fff}}&:hover{color:#1890ff;background:#1890ff0f;.tab-close-btn{opacity:1}}&.active{color:#1890ff;background:#fff;border-color:#e8e8e8;font-weight:500;.tab-close-btn{opacity:1}&:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,#1890ff,#096dd9)}}}}.tab-actions{margin-left:8px;padding-left:12px;border-left:1px solid #e8e8e8;.close-all-btn{width:32px;height:32px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#00000073;transition:all .2s;&:hover{background:#ff4d4f14;color:#ff4d4f}}}}.content-wrapper{flex:1;overflow:auto;background:#f0f2f5;padding:24px;.page-container{min-height:100%;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;animation:fadeIn .3s ease-in-out}}}}.mobile-overlay{display:none}&.is-collapse{.sidebar-container{width:80px}}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.admin-layout{.sidebar-container{position:fixed;left:0;top:0;z-index:1000;transform:translate(-100%);transition:transform .3s;&.collapsed{transform:translate(-100%);width:256px}}.mobile-overlay{display:block;position:fixed;inset:0;background:#00000073;z-index:999;opacity:0;visibility:hidden;transition:all .3s;&.visible{opacity:1;visibility:visible}}&:not(.is-collapse){.sidebar-container{transform:translate(0)}.mobile-overlay.visible{opacity:1;visibility:visible}}}}