@ctc-front/components-ui-next 0.1.4 → 0.2.0

package/dist/style.css

@@ -1,2 +1,2 @@
-:root:not(.dark):not([data-ctc-theme]):not([data-ctc-theme-mode=inherit]),[data-ctc-theme=light]{--ctc-color-primary:#1f5eff;--ctc-color-primary-hover:#356fff;--ctc-color-primary-active:#1749c6;--ctc-color-primary-light-3:#5a87ff;--ctc-color-primary-light-5:#7da4ff;--ctc-color-primary-light-7:#a5c0ff;--ctc-color-primary-light-8:#bdcfff;--ctc-color-primary-light-9:#dce7ff;--ctc-color-page:#f8f8f8;--ctc-color-surface:#fff;--ctc-color-surface-elevated:#fff;--ctc-color-fill:#f3f5f9;--ctc-color-fill-light:#f7f8fb;--ctc-color-text:#2e3544;--ctc-color-text-secondary:#667085;--ctc-color-text-placeholder:#98a2b3;--ctc-color-border:#dbdfe7;--ctc-color-border-light:#e9ecf2;--ctc-color-mask:#1118277a;--ctc-radius-small:0;--ctc-radius-base:3px;--ctc-radius-large:0;--ctc-space-2:8px;--ctc-space-3:12px;--ctc-space-4:16px;--ctc-space-5:20px;--ctc-space-6:24px;--el-color-primary:var(--ctc-color-primary);--el-color-primary-dark-2:var(--ctc-color-primary-active);--el-color-primary-light-3:var(--ctc-color-primary-light-3);--el-color-primary-light-5:var(--ctc-color-primary-light-5);--el-color-primary-light-7:var(--ctc-color-primary-light-7);--el-color-primary-light-8:var(--ctc-color-primary-light-8);--el-color-primary-light-9:var(--ctc-color-primary-light-9);--el-bg-color:var(--ctc-color-surface);--el-bg-color-page:var(--ctc-color-page);--el-bg-color-overlay:var(--ctc-color-surface-elevated);--el-fill-color:var(--ctc-color-fill);--el-fill-color-light:var(--ctc-color-fill-light);--el-text-color-primary:var(--ctc-color-text);--el-text-color-regular:var(--ctc-color-text-secondary);--el-text-color-placeholder:var(--ctc-color-text-placeholder);--el-border-color:var(--ctc-color-border);--el-border-color-light:var(--ctc-color-border-light);--el-border-radius-small:var(--ctc-radius-small);--el-border-radius-base:var(--ctc-radius-base);--el-border-radius-round:999px;--el-mask-color:var(--ctc-color-mask)}html.dark:not([data-ctc-theme=light]):not([data-ctc-theme-mode=inherit]),[data-ctc-theme=dark]:not([data-ctc-theme-mode=inherit]){--ctc-color-primary:#4d7dff;--ctc-color-primary-hover:#6993ff;--ctc-color-primary-active:#3569e8;--ctc-color-primary-light-3:#6e94ff;--ctc-color-primary-light-5:#91aeff;--ctc-color-primary-light-7:#b1c5ff;--ctc-color-primary-light-8:#c5d4ff;--ctc-color-primary-light-9:#dde7ff;--ctc-color-page:#071326;--ctc-color-surface:#0e1d33;--ctc-color-surface-elevated:#142541;--ctc-color-fill:#1a2c48;--ctc-color-fill-light:#203552;--ctc-color-text:#f2f6ff;--ctc-color-text-secondary:#b6c2d9;--ctc-color-text-placeholder:#7f90ad;--ctc-color-border:#263955;--ctc-color-border-light:#304762;--ctc-color-mask:#000612b8;--ctc-radius-small:0;--ctc-radius-base:3px;--ctc-radius-large:0;--ctc-space-2:8px;--ctc-space-3:12px;--ctc-space-4:16px;--ctc-space-5:20px;--ctc-space-6:24px;--el-color-primary:var(--ctc-color-primary);--el-color-primary-dark-2:var(--ctc-color-primary-active);--el-color-primary-light-3:var(--ctc-color-primary-light-3);--el-color-primary-light-5:var(--ctc-color-primary-light-5);--el-color-primary-light-7:var(--ctc-color-primary-light-7);--el-color-primary-light-8:var(--ctc-color-primary-light-8);--el-color-primary-light-9:var(--ctc-color-primary-light-9);--el-bg-color:var(--ctc-color-surface);--el-bg-color-page:var(--ctc-color-page);--el-bg-color-overlay:var(--ctc-color-surface-elevated);--el-fill-color:var(--ctc-color-fill);--el-fill-color-light:var(--ctc-color-fill-light);--el-text-color-primary:var(--ctc-color-text);--el-text-color-regular:var(--ctc-color-text-secondary);--el-text-color-placeholder:var(--ctc-color-text-placeholder);--el-border-color:var(--ctc-color-border);--el-border-color-light:var(--ctc-color-border-light);--el-border-radius-small:var(--ctc-radius-small);--el-border-radius-base:var(--ctc-radius-base);--el-border-radius-round:999px;--el-mask-color:var(--ctc-color-mask)}[data-ctc-theme-mode=inherit]{--ctc-color-primary:var(--el-color-primary);--ctc-color-primary-hover:var(--el-color-primary-light-3);--ctc-color-primary-active:var(--el-color-primary-dark-2);--ctc-color-page:var(--el-bg-color-page);--ctc-color-surface:var(--el-bg-color);--ctc-color-surface-elevated:var(--el-bg-color-overlay);--ctc-color-fill:var(--el-fill-color);--ctc-color-fill-light:var(--el-fill-color-light);--ctc-color-text:var(--el-text-color-primary);--ctc-color-text-secondary:var(--el-text-color-regular);--ctc-color-text-placeholder:var(--el-text-color-placeholder);--ctc-color-border:var(--el-border-color);--ctc-color-border-light:var(--el-border-color-light);--ctc-color-mask:var(--el-mask-color);--ctc-radius-small:var(--el-border-radius-small);--ctc-radius-base:var(--el-border-radius-base);--ctc-radius-large:8px;--ctc-space-2:8px;--ctc-space-3:12px;--ctc-space-4:16px;--ctc-space-5:20px;--ctc-space-6:24px}.el-overlay{--el-overlay-color-lighter:var(--ctc-color-mask)}.ctc-dialog{--el-dialog-bg-color:var(--ctc-color-surface);--el-dialog-padding-primary:0;background:var(--ctc-color-surface);border:1px solid var(--ctc-color-border-light);border-radius:var(--ctc-radius-base);position:relative;overflow:hidden;box-shadow:0 18px 48px #0f172a29}.ctc-dialog.is-fullscreen{border-radius:0}.ctc-dialog__header{background:var(--ctc-color-surface);border-bottom:1px solid var(--ctc-color-border-light);box-sizing:border-box;color:var(--ctc-color-text);align-items:center;gap:var(--ctc-space-2);height:48px;padding:0 var(--ctc-space-6);margin:0;line-height:1;display:flex}.ctc-dialog__header-content{align-items:center;gap:var(--ctc-space-2);flex:1;min-width:0;display:flex}.ctc-dialog__header-actions{align-items:center;gap:4px;display:inline-flex}.ctc-dialog__fullscreen-toggle,.ctc-dialog__close{border-radius:var(--ctc-radius-small);color:var(--ctc-color-text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;transition:background-color .2s,color .2s;display:inline-flex}.ctc-dialog__title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:600;overflow:hidden}.ctc-dialog__fullscreen-toggle{font-size:16px}.ctc-dialog__fullscreen-toggle:hover,.ctc-dialog__close:hover{background:var(--ctc-color-fill);color:var(--ctc-color-primary)}.ctc-dialog__close{font-size:22px;font-weight:300;line-height:1}.ctc-dialog__body{box-sizing:border-box;max-height:calc(100vh - 144px);padding:0;overflow:auto}.ctc-dialog--resized{flex-direction:column;display:flex}.ctc-dialog--resized .ctc-dialog__body{flex:1;min-height:0;max-height:none}.ctc-dialog--content-fill{flex-direction:column;display:flex}.ctc-dialog--content-fill .ctc-dialog__body{flex-direction:column;flex:0 auto;min-width:0;min-height:0;display:flex;overflow:auto}.ctc-dialog--content-fill.ctc-dialog--resized .ctc-dialog__body,.ctc-dialog--content-fill.is-fullscreen .ctc-dialog__body{flex:1;max-height:none;overflow:hidden}.ctc-dialog--content-fill .ctc-dialog__content,.ctc-dialog--content-fill .ctc-dialog__content>*{flex-direction:column;flex:0 auto;min-width:0;min-height:0;display:flex}.ctc-dialog--content-fill.ctc-dialog--resized .ctc-dialog__content,.ctc-dialog--content-fill.ctc-dialog--resized .ctc-dialog__content>*,.ctc-dialog--content-fill.is-fullscreen .ctc-dialog__content,.ctc-dialog--content-fill.is-fullscreen .ctc-dialog__content>*{flex:1}.ctc-dialog__content{box-sizing:border-box;padding:var(--ctc-space-6)}.ctc-dialog__footer{border-top:1px solid var(--ctc-color-border-light);box-sizing:border-box;min-height:64px;padding:var(--ctc-space-4) var(--ctc-space-6);justify-content:flex-end;align-items:center;display:flex}.ctc-dialog__resize-handle{cursor:nwse-resize;touch-action:none;z-index:1;width:18px;height:18px;position:absolute;bottom:0;right:0}.ctc-dialog__resize-handle:before{background:linear-gradient(135deg, transparent 0 46%, var(--ctc-color-border) 47% 53%, transparent 54% 100%);content:"";position:absolute;inset:4px}.ctc-drawer{--el-drawer-bg-color:var(--ctc-color-surface);background:var(--ctc-color-surface);color:var(--ctc-color-text)}.ctc-drawer.is-fullscreen{width:100%;height:100%}.ctc-drawer__header{background:var(--ctc-color-surface);border-bottom:1px solid var(--ctc-color-border-light);box-sizing:border-box;color:var(--ctc-color-text);align-items:center;gap:var(--ctc-space-2);height:48px;padding:0 var(--ctc-space-6);margin:0;display:flex}.ctc-drawer__title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:600;overflow:hidden}.ctc-drawer__header-content{flex:1;align-items:center;min-width:0;display:flex}.ctc-drawer__header-actions{align-items:center;gap:4px;display:inline-flex}.ctc-drawer__fullscreen-toggle,.ctc-drawer__close{border-radius:var(--ctc-radius-small);color:var(--ctc-color-text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;transition:background-color .2s,color .2s;display:inline-flex}.ctc-drawer__fullscreen-toggle:hover,.ctc-drawer__close:hover{background:var(--ctc-color-fill);color:var(--ctc-color-primary)}.ctc-drawer__fullscreen-toggle{font-size:16px}.ctc-drawer__close{font-size:22px;font-weight:300;line-height:1}.ctc-drawer__body{box-sizing:border-box;padding:0;overflow:hidden}.ctc-drawer__layout{flex-direction:column;height:100%;min-height:0;display:flex}.ctc-drawer__content{box-sizing:border-box;min-height:0;padding:var(--ctc-space-6);flex:1;overflow:auto}.ctc-drawer__footer{border-top:1px solid var(--ctc-color-border-light);box-sizing:border-box;min-height:64px;padding:var(--ctc-space-4) var(--ctc-space-6);flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.ctc-flex{box-sizing:border-box;display:flex}.ctc-table{--el-table-bg-color:var(--ctc-color-surface);--el-table-tr-bg-color:var(--ctc-color-surface);--el-table-header-bg-color:var(--ctc-color-fill-light);--el-table-border-color:var(--ctc-color-border-light);--el-table-row-hover-bg-color:var(--ctc-color-fill);--el-table-current-row-bg-color:var(--ctc-color-fill);--el-table-header-text-color:var(--ctc-color-text);--el-table-text-color:var(--ctc-color-text-secondary);background:var(--ctc-color-surface);color:var(--ctc-color-text)}.ctc-table--auto-height{flex-direction:column;flex:auto;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.ctc-table--auto-height>.el-table{flex:auto;min-width:0;min-height:0}.ctc-table--auto-height>.ctc-table__pagination{flex-shrink:0}.ctc-table .el-table{background:var(--ctc-color-surface)}.ctc-table .el-table__inner-wrapper:before{background-color:var(--ctc-color-border-light)}.ctc-table .el-table th.el-table__cell{background:var(--ctc-color-fill-light);color:var(--ctc-color-text);font-weight:600}.ctc-table .el-table .el-table__header-wrapper tr th.el-table-fixed-column--left,.ctc-table .el-table .el-table__header-wrapper tr th.el-table-fixed-column--right{background:var(--ctc-color-fill-light);background-color:var(--ctc-color-fill-light)}.ctc-table .el-table td.el-table__cell,.ctc-table .el-table tr{background:var(--ctc-color-surface)}.ctc-table .el-table .el-table__body-wrapper tr td.el-table-fixed-column--left,.ctc-table .el-table .el-table__body-wrapper tr td.el-table-fixed-column--right{background:var(--ctc-color-surface);background-color:var(--ctc-color-surface)}.ctc-table .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background:var(--ctc-color-fill)}.ctc-table .el-table.el-table--enable-row-hover .el-table__body tr:hover>td.el-table-fixed-column--left,.ctc-table .el-table.el-table--enable-row-hover .el-table__body tr:hover>td.el-table-fixed-column--right{background:var(--ctc-color-fill);background-color:var(--ctc-color-fill)}.ctc-table__pagination{border-top:1px solid var(--ctc-color-border-light);box-sizing:border-box;align-items:center;gap:var(--ctc-space-3);min-height:64px;padding:var(--ctc-space-4) var(--ctc-space-5);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=640px){.ctc-table__pagination{flex-direction:column;justify-content:center;align-items:flex-start}}
+:root:not(.dark):not([data-ctc-theme]):not([data-ctc-theme-mode=inherit]),[data-ctc-theme=light]:not([data-ctc-theme-mode=inherit]){--ctc-color-primary:#1f5eff;--ctc-color-on-primary:#fff;--ctc-color-primary-hover:#356fff;--ctc-color-primary-active:#1749c6;--ctc-color-primary-light-3:#5a87ff;--ctc-color-primary-light-5:#7da4ff;--ctc-color-primary-light-7:#a5c0ff;--ctc-color-primary-light-8:#bdcfff;--ctc-color-primary-light-9:#dce7ff;--ctc-color-page:#f8f8f8;--ctc-color-surface:#fff;--ctc-color-surface-elevated:#fff;--ctc-color-fill:#f3f5f9;--ctc-color-fill-light:#f7f8fb;--ctc-color-text:#2e3544;--ctc-color-text-secondary:#667085;--ctc-color-text-placeholder:#98a2b3;--ctc-color-border:#dbdfe7;--ctc-color-border-light:#e9ecf2;--ctc-color-mask:#1118277a;--ctc-radius-small:0;--ctc-radius-base:3px;--ctc-radius-large:0;--ctc-space-2:8px;--ctc-space-3:12px;--ctc-space-4:16px;--ctc-space-5:20px;--ctc-space-6:24px;--el-color-primary:var(--ctc-color-primary);--el-color-primary-dark-2:var(--ctc-color-primary-active);--el-color-primary-light-3:var(--ctc-color-primary-light-3);--el-color-primary-light-5:var(--ctc-color-primary-light-5);--el-color-primary-light-7:var(--ctc-color-primary-light-7);--el-color-primary-light-8:var(--ctc-color-primary-light-8);--el-color-primary-light-9:var(--ctc-color-primary-light-9);--el-bg-color:var(--ctc-color-surface);--el-bg-color-page:var(--ctc-color-page);--el-bg-color-overlay:var(--ctc-color-surface-elevated);--el-fill-color:var(--ctc-color-fill);--el-fill-color-light:var(--ctc-color-fill-light);--el-fill-color-lighter:var(--ctc-color-fill-light);--el-fill-color-blank:var(--ctc-color-surface);--el-fill-color-extra-light:var(--ctc-color-fill-light);--el-fill-color-dark:var(--ctc-color-fill);--el-fill-color-darker:var(--ctc-color-fill);--el-text-color-primary:var(--ctc-color-text);--el-text-color-regular:var(--ctc-color-text-secondary);--el-text-color-secondary:var(--ctc-color-text-secondary);--el-text-color-placeholder:var(--ctc-color-text-placeholder);--el-text-color-disabled:var(--ctc-color-text-placeholder);--el-border-color:var(--ctc-color-border);--el-border-color-light:var(--ctc-color-border-light);--el-border-color-lighter:var(--ctc-color-border-light);--el-border-color-extra-light:var(--ctc-color-border-light);--el-border-color-dark:var(--ctc-color-border);--el-border-color-darker:var(--ctc-color-border);--el-disabled-bg-color:var(--ctc-color-fill-light);--el-disabled-text-color:var(--ctc-color-text-placeholder);--el-disabled-border-color:var(--ctc-color-border-light);--el-border-radius-small:var(--ctc-radius-small);--el-border-radius-base:var(--ctc-radius-base);--el-border-radius-round:999px;--el-mask-color:var(--ctc-color-mask)}html.dark:not([data-ctc-theme=light]):not([data-ctc-theme=blue]):not([data-ctc-theme-mode=inherit]),[data-ctc-theme=dark]:not([data-ctc-theme-mode=inherit]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ctc-color-primary:#8aabff;--ctc-color-on-primary:#161618;--ctc-color-primary-hover:#a5beff;--ctc-color-primary-active:#6e94ff;--ctc-color-primary-light-3:#596fa8;--ctc-color-primary-light-5:#445580;--ctc-color-primary-light-7:#303b57;--ctc-color-primary-light-8:#252e43;--ctc-color-primary-light-9:#1e2535;--ctc-color-page:#161618;--ctc-color-surface:#202127;--ctc-color-surface-elevated:#282a32;--ctc-color-fill:#2e3039;--ctc-color-fill-light:#25262d;--ctc-color-text:#e5e7eb;--ctc-color-text-secondary:#b8bcc6;--ctc-color-text-placeholder:#9298a5;--ctc-color-border:#444752;--ctc-color-border-light:#353841;--ctc-color-mask:#000000c2;--ctc-radius-small:0;--ctc-radius-base:3px;--ctc-radius-large:0;--ctc-space-2:8px;--ctc-space-3:12px;--ctc-space-4:16px;--ctc-space-5:20px;--ctc-space-6:24px;--el-color-primary:var(--ctc-color-primary);--el-color-primary-dark-2:var(--ctc-color-primary-active);--el-color-primary-light-3:var(--ctc-color-primary-light-3);--el-color-primary-light-5:var(--ctc-color-primary-light-5);--el-color-primary-light-7:var(--ctc-color-primary-light-7);--el-color-primary-light-8:var(--ctc-color-primary-light-8);--el-color-primary-light-9:var(--ctc-color-primary-light-9);--el-bg-color:var(--ctc-color-surface);--el-bg-color-page:var(--ctc-color-page);--el-bg-color-overlay:var(--ctc-color-surface-elevated);--el-fill-color:var(--ctc-color-fill);--el-fill-color-light:var(--ctc-color-fill-light);--el-fill-color-lighter:var(--ctc-color-fill-light);--el-fill-color-blank:var(--ctc-color-surface);--el-fill-color-extra-light:var(--ctc-color-fill-light);--el-fill-color-dark:var(--ctc-color-fill);--el-fill-color-darker:var(--ctc-color-fill);--el-text-color-primary:var(--ctc-color-text);--el-text-color-regular:var(--ctc-color-text-secondary);--el-text-color-secondary:var(--ctc-color-text-secondary);--el-text-color-placeholder:var(--ctc-color-text-placeholder);--el-text-color-disabled:var(--ctc-color-text-placeholder);--el-border-color:var(--ctc-color-border);--el-border-color-light:var(--ctc-color-border-light);--el-border-color-lighter:var(--ctc-color-border-light);--el-border-color-extra-light:var(--ctc-color-border-light);--el-border-color-dark:var(--ctc-color-border);--el-border-color-darker:var(--ctc-color-border);--el-disabled-bg-color:var(--ctc-color-fill-light);--el-disabled-text-color:var(--ctc-color-text-placeholder);--el-disabled-border-color:var(--ctc-color-border-light);--el-border-radius-small:var(--ctc-radius-small);--el-border-radius-base:var(--ctc-radius-base);--el-border-radius-round:999px;--el-mask-color:var(--ctc-color-mask)}[data-ctc-theme=blue]:not([data-ctc-theme-mode=inherit]){--ctc-radius-small:0;--ctc-radius-base:3px;--ctc-radius-large:0;--ctc-space-2:8px;--ctc-space-3:12px;--ctc-space-4:16px;--ctc-space-5:20px;--ctc-space-6:24px;--el-color-primary:var(--ctc-color-primary);--el-color-primary-dark-2:var(--ctc-color-primary-active);--el-color-primary-light-3:var(--ctc-color-primary-light-3);--el-color-primary-light-5:var(--ctc-color-primary-light-5);--el-color-primary-light-7:var(--ctc-color-primary-light-7);--el-color-primary-light-8:var(--ctc-color-primary-light-8);--el-color-primary-light-9:var(--ctc-color-primary-light-9);--el-bg-color:var(--ctc-color-surface);--el-bg-color-page:var(--ctc-color-page);--el-bg-color-overlay:var(--ctc-color-surface-elevated);--el-fill-color:var(--ctc-color-fill);--el-fill-color-light:var(--ctc-color-fill-light);--el-fill-color-lighter:var(--ctc-color-fill-light);--el-fill-color-blank:var(--ctc-color-surface);--el-fill-color-extra-light:var(--ctc-color-fill-light);--el-fill-color-dark:var(--ctc-color-fill);--el-fill-color-darker:var(--ctc-color-fill);--el-text-color-primary:var(--ctc-color-text);--el-text-color-regular:var(--ctc-color-text-secondary);--el-text-color-secondary:var(--ctc-color-text-secondary);--el-text-color-placeholder:var(--ctc-color-text-placeholder);--el-text-color-disabled:var(--ctc-color-text-placeholder);--el-border-color:var(--ctc-color-border);--el-border-color-light:var(--ctc-color-border-light);--el-border-color-lighter:var(--ctc-color-border-light);--el-border-color-extra-light:var(--ctc-color-border-light);--el-border-color-dark:var(--ctc-color-border);--el-border-color-darker:var(--ctc-color-border);--el-disabled-bg-color:var(--ctc-color-fill-light);--el-disabled-text-color:var(--ctc-color-text-placeholder);--el-disabled-border-color:var(--ctc-color-border-light);--el-border-radius-small:var(--ctc-radius-small);--el-border-radius-base:var(--ctc-radius-base);--el-border-radius-round:999px;--el-mask-color:var(--ctc-color-mask);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ctc-color-primary:#20c5ff;--ctc-color-on-primary:#012447;--ctc-color-primary-hover:#61d7ff;--ctc-color-primary-active:#00a5df;--ctc-color-primary-light-3:#138ab5;--ctc-color-primary-light-5:#0d668d;--ctc-color-primary-light-7:#084c70;--ctc-color-primary-light-8:#063e60;--ctc-color-primary-light-9:#043252;--ctc-color-page:#012447;--ctc-color-surface:#004774;--ctc-color-surface-elevated:#075783;--ctc-color-fill:#09577d;--ctc-color-fill-light:#023462;--ctc-color-text:#edf8ff;--ctc-color-text-secondary:#b7d8eb;--ctc-color-text-placeholder:#86afc8;--ctc-color-border:#287399;--ctc-color-border-light:#1a5e86;--ctc-color-mask:#000c1ec2;--el-color-info:#b7d8eb;--el-color-info-light-3:#80adc7;--el-color-info-light-5:#5c90b0;--el-color-info-light-7:#377398;--el-color-info-light-8:#25648c;--el-color-info-light-9:#125680;--el-color-info-dark-2:#c5e0ef;--el-color-success:#85ce61;--el-color-success-light-3:#5da667;--el-color-success-light-5:#438b6b;--el-color-success-light-7:#28706e;--el-color-success-light-8:#1b6270;--el-color-success-light-9:#0d5572;--el-color-success-dark-2:#9dd881;--el-color-warning:#f3c375;--el-color-warning-light-3:#aa9e75;--el-color-warning-light-5:#7a8575;--el-color-warning-light-7:#496c74;--el-color-warning-light-8:#316074;--el-color-warning-light-9:#185374;--el-color-warning-dark-2:#f5cf91;--el-color-danger:#faa;--el-color-danger-light-3:#b38c9a;--el-color-danger-light-5:#80798f;--el-color-danger-light-7:#4d6584;--el-color-danger-light-8:#335b7f;--el-color-danger-light-9:#1a5179;--el-color-danger-dark-2:#fbb;--el-color-error:#faa;--el-color-error-light-3:#b38c9a;--el-color-error-light-5:#80798f;--el-color-error-light-7:#4d6584;--el-color-error-light-8:#335b7f;--el-color-error-light-9:#1a5179;--el-color-error-dark-2:#fbb}[data-ctc-theme-mode=inherit]{--ctc-color-primary:var(--el-color-primary);--ctc-color-primary-hover:var(--el-color-primary-light-3);--ctc-color-primary-active:var(--el-color-primary-dark-2);--ctc-color-page:var(--el-bg-color-page);--ctc-color-surface:var(--el-bg-color);--ctc-color-surface-elevated:var(--el-bg-color-overlay);--ctc-color-fill:var(--el-fill-color);--ctc-color-fill-light:var(--el-fill-color-light);--ctc-color-text:var(--el-text-color-primary);--ctc-color-text-secondary:var(--el-text-color-regular);--ctc-color-text-placeholder:var(--el-text-color-placeholder);--ctc-color-border:var(--el-border-color);--ctc-color-border-light:var(--el-border-color-light);--ctc-color-mask:var(--el-mask-color);--ctc-radius-small:var(--el-border-radius-small);--ctc-radius-base:var(--el-border-radius-base);--ctc-radius-large:8px;--ctc-space-2:8px;--ctc-space-3:12px;--ctc-space-4:16px;--ctc-space-5:20px;--ctc-space-6:24px}.el-overlay{--el-overlay-color-lighter:var(--ctc-color-mask)}html[data-ctc-theme=blue]:not([data-ctc-theme-mode=inherit]) .el-empty{--el-empty-fill-color-0:var(--ctc-color-surface);--el-empty-fill-color-1:var(--ctc-color-border);--el-empty-fill-color-2:var(--ctc-color-border-light);--el-empty-fill-color-3:var(--ctc-color-fill-light);--el-empty-fill-color-4:var(--ctc-color-fill);--el-empty-fill-color-5:var(--ctc-color-page);--el-empty-fill-color-6:var(--ctc-color-surface-elevated);--el-empty-fill-color-7:var(--ctc-color-primary-light-9);--el-empty-fill-color-8:var(--ctc-color-primary-light-8);--el-empty-fill-color-9:var(--ctc-color-primary-light-7)}html[data-ctc-theme=blue]:not([data-ctc-theme-mode=inherit]) .el-alert.is-dark,html[data-ctc-theme=blue]:not([data-ctc-theme-mode=inherit]) .el-alert.is-dark .el-alert__description,html[data-ctc-theme=blue]:not([data-ctc-theme-mode=inherit]) .el-alert.is-dark .el-alert__close-btn{color:var(--ctc-color-on-primary)}html[data-ctc-theme=blue]:not([data-ctc-theme-mode=inherit]) .el-tag--dark{--el-tag-text-color:var(--ctc-color-on-primary)}html[data-ctc-theme=blue]:not([data-ctc-theme-mode=inherit]) .el-tag .el-tag__close:hover{color:var(--ctc-color-on-primary)}html[data-ctc-theme=blue]:not([data-ctc-theme-mode=inherit]) .el-button:is(.el-button--info,.el-button--success,.el-button--warning,.el-button--danger):not(.is-plain):not(.is-text):not(.is-link),html.dark:not([data-ctc-theme=light]):not([data-ctc-theme-mode=inherit]) .el-button--primary:not(.is-plain):not(.is-text):not(.is-link),html[data-ctc-theme=dark]:not([data-ctc-theme-mode=inherit]) .el-button--primary:not(.is-plain):not(.is-text):not(.is-link),html[data-ctc-theme=blue]:not([data-ctc-theme-mode=inherit]) .el-button--primary:not(.is-plain):not(.is-text):not(.is-link){--el-button-text-color:var(--ctc-color-on-primary);--el-button-hover-text-color:var(--ctc-color-on-primary);--el-button-active-text-color:var(--ctc-color-on-primary)}html.dark:not([data-ctc-theme=light]):not([data-ctc-theme-mode=inherit]) .el-radio-button,html[data-ctc-theme=dark]:not([data-ctc-theme-mode=inherit]) .el-radio-button,html[data-ctc-theme=blue]:not([data-ctc-theme-mode=inherit]) .el-radio-button{--el-radio-button-checked-text-color:var(--ctc-color-on-primary)}html.dark:not([data-ctc-theme=light]):not([data-ctc-theme-mode=inherit]) .el-checkbox,html[data-ctc-theme=dark]:not([data-ctc-theme-mode=inherit]) .el-checkbox,html[data-ctc-theme=blue]:not([data-ctc-theme-mode=inherit]) .el-checkbox{--el-checkbox-checked-icon-color:var(--ctc-color-on-primary)}.ctc-dialog{--el-dialog-bg-color:var(--ctc-color-surface);--el-dialog-padding-primary:0;background:var(--ctc-color-surface);border:1px solid var(--ctc-color-border-light);border-radius:var(--ctc-radius-base);position:relative;overflow:hidden;box-shadow:0 18px 48px #0f172a29}.ctc-dialog.is-fullscreen{border-radius:0}.ctc-dialog__header{background:var(--ctc-color-surface);border-bottom:1px solid var(--ctc-color-border-light);box-sizing:border-box;color:var(--ctc-color-text);align-items:center;gap:var(--ctc-space-2);height:48px;padding:0 var(--ctc-space-6);margin:0;line-height:1;display:flex}.ctc-dialog__header-content{align-items:center;gap:var(--ctc-space-2);flex:1;min-width:0;display:flex}.ctc-dialog__header-actions{align-items:center;gap:4px;display:inline-flex}.ctc-dialog__fullscreen-toggle,.ctc-dialog__close{border-radius:var(--ctc-radius-small);color:var(--ctc-color-text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;transition:background-color .2s,color .2s;display:inline-flex}.ctc-dialog__title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:600;overflow:hidden}.ctc-dialog__fullscreen-toggle{font-size:16px}.ctc-dialog__fullscreen-toggle:hover,.ctc-dialog__close:hover{background:var(--ctc-color-fill);color:var(--ctc-color-primary)}.ctc-dialog__close{font-size:22px;font-weight:300;line-height:1}.ctc-dialog__body{box-sizing:border-box;max-height:calc(100vh - 144px);padding:0;overflow:auto}.ctc-dialog--resized{flex-direction:column;display:flex}.ctc-dialog--resized .ctc-dialog__body{flex:1;min-height:0;max-height:none}.ctc-dialog--content-fill{flex-direction:column;display:flex}.ctc-dialog--content-fill .ctc-dialog__body{flex-direction:column;flex:0 auto;min-width:0;min-height:0;display:flex;overflow:auto}.ctc-dialog--content-fill.ctc-dialog--resized .ctc-dialog__body,.ctc-dialog--content-fill.is-fullscreen .ctc-dialog__body{flex:1;max-height:none;overflow:hidden}.ctc-dialog--content-fill .ctc-dialog__content,.ctc-dialog--content-fill .ctc-dialog__content>*{flex-direction:column;flex:0 auto;min-width:0;min-height:0;display:flex}.ctc-dialog--content-fill.ctc-dialog--resized .ctc-dialog__content,.ctc-dialog--content-fill.ctc-dialog--resized .ctc-dialog__content>*,.ctc-dialog--content-fill.is-fullscreen .ctc-dialog__content,.ctc-dialog--content-fill.is-fullscreen .ctc-dialog__content>*{flex:1}.ctc-dialog__content{box-sizing:border-box;padding:var(--ctc-space-6)}.ctc-dialog__footer{border-top:1px solid var(--ctc-color-border-light);box-sizing:border-box;min-height:64px;padding:var(--ctc-space-4) var(--ctc-space-6);justify-content:flex-end;align-items:center;display:flex}.ctc-dialog__resize-handle{cursor:nwse-resize;touch-action:none;z-index:1;width:18px;height:18px;position:absolute;bottom:0;right:0}.ctc-dialog__resize-handle:before{background:linear-gradient(135deg, transparent 0 46%, var(--ctc-color-border) 47% 53%, transparent 54% 100%);content:"";position:absolute;inset:4px}.ctc-drawer{--el-drawer-bg-color:var(--ctc-color-surface);background:var(--ctc-color-surface);color:var(--ctc-color-text)}.ctc-drawer.is-fullscreen{width:100%;height:100%}.ctc-drawer__header{background:var(--ctc-color-surface);border-bottom:1px solid var(--ctc-color-border-light);box-sizing:border-box;color:var(--ctc-color-text);align-items:center;gap:var(--ctc-space-2);height:48px;padding:0 var(--ctc-space-6);margin:0;display:flex}.ctc-drawer__title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:600;overflow:hidden}.ctc-drawer__header-content{flex:1;align-items:center;min-width:0;display:flex}.ctc-drawer__header-actions{align-items:center;gap:4px;display:inline-flex}.ctc-drawer__fullscreen-toggle,.ctc-drawer__close{border-radius:var(--ctc-radius-small);color:var(--ctc-color-text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;transition:background-color .2s,color .2s;display:inline-flex}.ctc-drawer__fullscreen-toggle:hover,.ctc-drawer__close:hover{background:var(--ctc-color-fill);color:var(--ctc-color-primary)}.ctc-drawer__fullscreen-toggle{font-size:16px}.ctc-drawer__close{font-size:22px;font-weight:300;line-height:1}.ctc-drawer__body{box-sizing:border-box;padding:0;overflow:hidden}.ctc-drawer__layout{flex-direction:column;height:100%;min-height:0;display:flex}.ctc-drawer__content{box-sizing:border-box;min-height:0;padding:var(--ctc-space-6);flex:1;overflow:auto}.ctc-drawer__footer{border-top:1px solid var(--ctc-color-border-light);box-sizing:border-box;min-height:64px;padding:var(--ctc-space-4) var(--ctc-space-6);flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.ctc-flex{box-sizing:border-box;display:flex}.ctc-table{background:var(--ctc-color-surface);color:var(--ctc-color-text)}.ctc-table--auto-height{flex-direction:column;flex:auto;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.ctc-table--auto-height>.el-table{flex:auto;min-width:0;min-height:0}.ctc-table--auto-height>.ctc-table__pagination{flex-shrink:0}.ctc-table .el-table{--el-table-bg-color:var(--ctc-color-surface);--el-table-tr-bg-color:var(--ctc-color-surface);--el-table-header-bg-color:var(--ctc-color-fill-light);--el-table-border-color:var(--ctc-color-border-light);--el-table-row-hover-bg-color:var(--ctc-color-fill);--el-table-current-row-bg-color:var(--ctc-color-fill);--el-table-header-text-color:var(--ctc-color-text);--el-table-text-color:var(--ctc-color-text-secondary);background:var(--ctc-color-surface)}.ctc-table .el-table__inner-wrapper:before{background-color:var(--ctc-color-border-light)}.ctc-table .el-table th.el-table__cell{background:var(--ctc-color-fill-light);color:var(--ctc-color-text);font-weight:600}.ctc-table .el-table .el-table__header-wrapper tr th.el-table-fixed-column--left,.ctc-table .el-table .el-table__header-wrapper tr th.el-table-fixed-column--right{background:var(--ctc-color-fill-light);background-color:var(--ctc-color-fill-light)}.ctc-table .el-table td.el-table__cell,.ctc-table .el-table tr{background:var(--ctc-color-surface)}.ctc-table .el-table .el-table__body-wrapper tr td.el-table-fixed-column--left,.ctc-table .el-table .el-table__body-wrapper tr td.el-table-fixed-column--right{background:var(--ctc-color-surface);background-color:var(--ctc-color-surface)}.ctc-table .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background:var(--ctc-color-fill)}.ctc-table .el-table.el-table--enable-row-hover .el-table__body tr:hover>td.el-table-fixed-column--left,.ctc-table .el-table.el-table--enable-row-hover .el-table__body tr:hover>td.el-table-fixed-column--right{background:var(--ctc-color-fill);background-color:var(--ctc-color-fill)}.ctc-table__pagination{border-top:1px solid var(--ctc-color-border-light);box-sizing:border-box;align-items:center;gap:var(--ctc-space-3);min-height:64px;padding:var(--ctc-space-4) var(--ctc-space-5);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=640px){.ctc-table__pagination{flex-direction:column;justify-content:center;align-items:flex-start}}.ctc-report{box-sizing:border-box;background:var(--ctc-color-fill-light);min-width:0;height:100%;color:var(--ctc-color-text);flex:auto;overflow:hidden}.ctc-report__header,.ctc-report__container-top,.ctc-report__table-bar,.ctc-report__before,.ctc-report__after{flex:none;min-width:0}.ctc-report__header{background:var(--ctc-color-surface)}.ctc-report__bar{gap:var(--ctc-space-3);flex-wrap:wrap;flex:none;min-width:0}.ctc-report__bar-left,.ctc-report__bar-right{align-items:center;gap:var(--ctc-space-2);flex-wrap:wrap;min-width:0;display:flex}.ctc-report__bar-right{margin-left:auto}.ctc-report__toolbar,.ctc-report__search{padding:var(--ctc-space-3) var(--ctc-space-4);border-bottom:1px solid var(--ctc-color-border-light)}.ctc-report__search .el-form-item{margin-bottom:0}.ctc-report__container{gap:var(--ctc-space-3);min-width:0}.ctc-report__body{gap:var(--ctc-space-3);min-width:0;padding:var(--ctc-space-4);border:1px solid var(--ctc-color-border-light);background:var(--ctc-color-surface)}.ctc-report__title{font-size:18px;font-weight:600;line-height:1.5}.ctc-report__title h2{margin:0 0 var(--ctc-space-3);font-size:inherit;font-weight:inherit;line-height:inherit}.ctc-report__info,.ctc-report__before,.ctc-report__after{color:var(--ctc-color-text-secondary);font-size:13px}.ctc-report__table{flex:auto;min-width:0;min-height:0;overflow:auto}.ctc-report__table--auto-height{flex-direction:column;display:flex;overflow:hidden}
 /*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctc-front/components-ui-next",
-  "version": "0.1.4",
+  "version": "0.2.0",
   "description": "CTC Vue 3 + Element Plus 团队组件库",
   "license": "UNLICENSED",
   "type": "module",
@@ -60,17 +60,20 @@
   },
   "scripts": {
     "preinstall": "npx only-allow pnpm",
-    "dev": "vite",
+    "dev": "pnpm docs:dev",
     "build": "vite build",
     "type-check": "vue-tsc --noEmit -p tsconfig.app.json",
     "lint": "eslint .",
     "format": "prettier --write .",
     "test": "vitest run",
     "test:watch": "vitest",
-    "docs:dev": "vitepress dev docs",
-    "docs:build": "vitepress build docs",
+    "docs:sync": "node scripts/sync-docs.mjs",
+    "docs:check": "node scripts/sync-docs.mjs --check",
+    "docs:dev": "pnpm docs:sync && vitepress dev docs --host 127.0.0.1 --port 4173 --strictPort",
+    "docs:build": "pnpm docs:sync && vitepress build docs",
+    "docs:preview": "pnpm docs:build && vitepress preview docs --port 4174",
     "version:check": "node scripts/check-release.mjs",
-    "release:check": "pnpm version:check && pnpm type-check && pnpm lint && pnpm test && pnpm docs:build && pnpm build",
+    "release:check": "pnpm version:check && pnpm docs:check && pnpm type-check && pnpm lint && pnpm test && pnpm docs:build && pnpm build",
     "release:tag-check": "node scripts/check-release.mjs --tag"
   }
 }