zipcalm 1.0.2 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -1
- package/package.json +7 -4
- package/shared/app-version.js +1 -1
- package/web/dist/assets/index-C_rk5uTi.js +13 -0
- package/web/dist/assets/index-DbWfI5U3.css +1 -0
- package/web/dist/index.html +2 -2
- package/web/dist/assets/index-D3zjq7N2.js +0 -131
- package/web/dist/assets/index-D9Vdmrb9.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--color-bg:#f4f6f8;--color-surface:#fff;--color-surface-muted:#f8fafc;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text:#1f2733;--color-text-muted:#64748b;--color-text-inverse:#fff;--color-primary:#2f6fed;--color-primary-soft:#e8f0fe;--color-ok:#16a34a;--color-warn:#d97706;--color-error:#dc2626;--color-hover:#2f6fed14;--color-active:#2f6fed24;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-card:0 1px 2px #0f172a0f, 0 1px 3px #0f172a14;--shadow-pop:0 8px 24px #0f172a1f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--topbar-height:56px;--bottombar-height:52px;--sidebar-width:232px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Courier New", monospace;--font-size-xs:12px;--font-size-sm:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:20px;--hit-target-min:32px}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}#app{height:100%}h1,h2,h3,h4,p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);min-height:var(--hit-target-min);cursor:pointer;background:0 0}button:hover:not(:disabled){background:var(--color-hover)}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font:inherit;color:inherit;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);min-height:var(--hit-target-min)}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.main-area,.sidebar{touch-action:manipulation}.scroll-area{scrollbar-width:thin;overflow:auto}.scroll-area::-webkit-scrollbar{width:8px;height:8px}.scroll-area::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-sm)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr var(--bottombar-height);grid-template-areas:"topbar topbar""sidebar main""bottombar bottombar";height:100%;display:grid}.topbar{align-items:center;gap:var(--space-4);padding:0 var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);grid-area:topbar;display:flex}.sidebar{gap:var(--space-4);padding:var(--space-4) var(--space-3);background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;grid-area:sidebar;display:flex;overflow:auto}.main-area{background:var(--color-bg);flex-direction:column;grid-area:main;min-width:0;display:flex;overflow:hidden}.bottom-task-bar{align-items:center;gap:var(--space-4);padding:0 var(--space-4);background:var(--color-surface);border-top:1px solid var(--color-border);grid-area:bottombar;display:flex}.topbar__brand{align-items:baseline;gap:var(--space-2);white-space:nowrap;font-weight:600;display:flex}.topbar__brand-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:400}.topbar__crumbs{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;min-width:0;display:flex;overflow:hidden}.search-results{top:calc(100% + var(--space-1));z-index:2400;width:min(420px,80vw);max-height:320px;padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);position:absolute;left:0;overflow:auto;box-shadow:0 10px 28px #00000029}.search-results ul{margin:0;padding:0;list-style:none}.search-results__item{width:100%;min-height:40px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;display:flex}.search-results__item:hover{background:var(--color-hover)}.search-results__name{font-size:var(--font-size-sm,.875rem)}.search-results__path{color:var(--color-text-muted);font-size:var(--font-size-xs);word-break:break-all}.search-results__hint{margin:var(--space-1) var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs)}.file-table__row,.file-card{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.topbar__search{flex:auto;max-width:320px}.topbar__search input{width:100%}.topbar__spacer{flex:auto}.topbar__views{gap:var(--space-1);display:flex}.view-toggle{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.view-toggle[aria-pressed=true]{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-soft)}.topbar__user{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;display:flex}.sidebar__section{gap:var(--space-2);flex-direction:column;display:flex}.sidebar__title{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);padding:0 var(--space-2);font-weight:600;display:flex}.nav-list{flex-direction:column;gap:2px;display:flex}.nav-item{align-items:center;gap:var(--space-2);min-height:var(--hit-target-min);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);display:flex}.nav-item:hover{background:var(--color-hover);text-decoration:none}.nav-item[aria-current=page]{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.nav-item__icon{color:currentColor;width:16px;height:16px;display:inline-flex}.tree{font-size:var(--font-size-sm);flex-direction:column;gap:2px;display:flex}.tree__item{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-muted);display:flex}.tree__item--root{color:var(--color-text);font-weight:600}.main-area__toolbar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex}.main-area__toolbar-title{font-size:var(--font-size-lg);font-weight:600}.main-area__toolbar-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.main-area__body{padding:var(--space-4);flex:auto;overflow:auto}.page-outlet{gap:var(--space-4);flex-direction:column;min-height:100%;display:flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-5)}.card__title{font-size:var(--font-size-lg);margin-bottom:var(--space-2);font-weight:600}.card__desc{color:var(--color-text-muted);font-size:var(--font-size-sm)}.chart-legend{gap:var(--space-4);margin-top:var(--space-1);font-size:var(--font-size-xs);display:flex}.chart-legend__item{align-items:center;gap:var(--space-1);color:var(--color-text-muted);display:inline-flex}.chart-legend__dot{border-radius:999px;width:8px;height:8px;display:inline-block}.metric__value{font-size:var(--font-size-2xl,1.5rem);font-variant-numeric:tabular-nums;margin:var(--space-1) 0;font-weight:600;line-height:1.2}.context-menu{z-index:3000;min-width:180px;padding:var(--space-1) 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);position:fixed;box-shadow:0 8px 24px #0000002e}.context-menu__item{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;min-height:40px;padding:0 var(--space-3);color:var(--color-text);font-size:var(--font-size-sm,.875rem);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.context-menu__item:hover:not(:disabled){background:var(--color-hover)}.context-menu__item:disabled{color:var(--color-text-muted);cursor:not-allowed}.context-menu__item--danger{color:var(--color-error,#dc2626)}.context-menu__shortcut{color:var(--color-text-muted);font-size:var(--font-size-xs)}.context-menu__divider{height:1px;margin:var(--space-1) 0;background:var(--color-border)}.dialog-backdrop{z-index:3100;padding:var(--space-4);background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{width:min(420px,100%);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:0 16px 40px #00000040}.dialog__title{margin:0 0 var(--space-3);font-size:var(--font-size-lg,1.125rem)}.dialog__field{margin-bottom:var(--space-3);display:block}.dialog__field span{margin-bottom:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-xs);display:block}.dialog__field input{width:100%;min-height:40px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.dialog__text{margin:0 0 var(--space-3);color:var(--color-text-muted)}.dialog__footer{justify-content:flex-end;gap:var(--space-2);display:flex}.dialog__footer button{min-height:40px;padding:0 var(--space-4)}.dialog__primary{border-color:var(--color-primary,#2f6fed);background:var(--color-primary,#2f6fed);color:#fff}.dialog__primary--danger{border-color:var(--color-error,#dc2626);background:var(--color-error,#dc2626)}.file-browser__split{gap:var(--space-4);margin-top:var(--space-3);grid-template-columns:minmax(160px,220px) minmax(0,1fr);display:grid}.file-browser__tree-pane{border-right:1px solid var(--color-border);max-height:62vh;padding-right:var(--space-3);overflow:auto}.root-item{width:100%;min-height:44px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;align-items:stretch;gap:2px;display:flex}.root-item:hover{background:var(--color-hover)}.root-item--active{background:color-mix(in srgb, var(--color-primary) 12%, transparent);border-color:color-mix(in srgb, var(--color-primary) 35%, transparent);font-weight:600}.root-item__name{font-size:var(--font-size-sm,.875rem);word-break:break-all}.root-item__size{color:var(--color-text-muted);font-size:var(--font-size-xs)}.root-item__bar{background:var(--color-surface-muted);pointer-events:none;border-radius:999px;width:100%;height:3px;margin-top:2px;display:block;overflow:hidden}.root-item__bar-fill{background:var(--color-text-muted);border-radius:inherit;height:100%;transition:width .2s ease-out;display:block}.root-item__bar-fill--warn{background:var(--color-warn)}.root-item__bar-fill--danger{background:var(--color-error)}.dir-tree__caption{margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs)}.dir-tree__node{align-items:center;gap:var(--space-1);width:100%;min-height:40px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.dir-tree__node:hover{background:var(--color-hover)}.dir-tree__node--active{background:var(--color-hover);font-weight:600}.dir-tree__node[data-drop-active=true]{outline:2px dashed var(--color-primary,#2f6fed);outline-offset:-2px;background:color-mix(in srgb, var(--color-primary,#2f6fed) 12%, transparent)}.dir-tree__list{margin:0;padding:0;list-style:none}.dir-tree__row{align-items:center;gap:var(--space-1);display:flex}.dir-tree__toggle{width:28px;min-height:40px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0}.file-table__row--focused{outline:2px solid var(--color-primary,#2f6fed);outline-offset:-2px}.file-table__row--selected{background:color-mix(in srgb, var(--color-primary,#2f6fed) 10%, transparent)}.drop-target{outline:2px dashed var(--color-primary,#2f6fed);outline-offset:2px}@media (width<=760px){.file-browser__split{grid-template-columns:minmax(0,1fr)}.file-browser__tree-pane{border-right:0;border-bottom:1px solid var(--color-border);max-height:30vh;padding-right:0;padding-bottom:var(--space-2)}}.topbar__menu,.sidebar__close{display:none}@media (width<=760px){.app-shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar""main""bottombar"}.topbar__menu{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-width:40px;min-height:40px;color:var(--color-text);justify-content:center;align-items:center;display:inline-flex}.sidebar{z-index:2500;width:min(78vw,300px);transition:transform .18s ease-out;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:8px 0 24px #0000002e}.sidebar--open{transform:none}.sidebar__close{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-width:40px;min-height:40px;color:var(--color-text);justify-content:center;align-self:flex-end;align-items:center;display:inline-flex}.topbar__search,.topbar__crumbs,.topbar__brand-sub{display:none}.topbar{gap:var(--space-2);padding:0 var(--space-2);overflow:hidden}.topbar__brand{text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden}.file-browser__permission{max-width:62ch;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-left:3px solid var(--color-warn);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.file-browser__permission p{margin:var(--space-1) 0}.file-browser__permission ul{margin:var(--space-1) 0;padding-left:1.25rem;line-height:1.6}.file-browser__permission code{background:var(--color-hover);border-radius:3px;padding:0 .25em;font-size:.92em}.file-browser__toolbar button:disabled{opacity:1;color:var(--color-text-muted);border-color:var(--color-border);background:var(--color-surface-muted);cursor:not-allowed}.file-browser__toolbar{row-gap:var(--space-2);flex-wrap:wrap}.file-browser__toolbar button,.file-browser__crumb{flex-shrink:0}.bottom-task-bar{gap:var(--space-1);padding:var(--space-1) var(--space-2);flex-wrap:wrap;overflow:hidden}.bottom-task-bar__metrics{display:none}.bottom-task-bar__actions{flex-wrap:wrap;margin-left:auto}.file-browser__toolbar button,.file-browser__crumb,.bottom-task-bar__actions button,.dir-tree__node,.dir-tree__toggle{min-height:44px}.file-browser__toolbar [data-testid=open-compress],.file-browser__toolbar [data-testid=open-extract],.file-browser__toolbar [data-testid=reload],.file-browser__toolbar [data-testid=selection-count]{display:none}}.file-grid{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.file-card{justify-content:flex-start;align-items:center;gap:var(--space-1);min-height:96px;padding:var(--space-3) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;text-align:center;flex-direction:column;display:flex;overflow:hidden}.file-card--selected{background:color-mix(in srgb, var(--color-primary,#2f6fed) 12%, transparent);outline:2px solid var(--color-primary,#2f6fed);outline-offset:-2px}.file-card--focused{outline:2px dashed var(--color-primary,#2f6fed);outline-offset:-2px}.file-card__icon{color:var(--color-text-muted)}.file-card__name{width:100%;font-size:var(--font-size-xs);-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.file-card__meta{justify-content:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-xs);flex-wrap:wrap;display:flex}.bottom-bar{z-index:2000;gap:var(--space-2);padding:var(--space-2) var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom,0px));background:var(--color-surface);border-top:1px solid var(--color-border);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #0000001a}.bottom-bar__count{color:var(--color-text-muted);font-size:var(--font-size-xs)}.bottom-bar__actions{gap:var(--space-2);display:flex}.bottom-bar__actions button{min-height:44px;padding:0 var(--space-2);flex:1}.bottom-bar__danger{color:var(--color-error,#dc2626);border-color:currentColor}@media (pointer:coarse){.file-table__row{height:44px}.file-table__row td{padding-top:0;padding-bottom:0}button,.file-browser__crumb,.dir-tree__node{min-height:44px}}@media (width<=760px){.file-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.file-browser{padding-bottom:96px}.drawer button,.drawer input,.drawer select,.dialog button,.dialog input{min-height:44px}}.placeholder-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.placeholder-block{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm);background:var(--color-surface-muted)}.badge{align-items:center;gap:var(--space-1);padding:1px var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);background:var(--color-surface-muted);border:1px solid var(--color-border);color:var(--color-text-muted);display:inline-flex}.badge--ok{color:var(--color-ok);border-color:color-mix(in srgb, var(--color-ok) 35%, transparent)}.badge--active{color:var(--color-primary);border-color:color-mix(in srgb, var(--color-primary) 35%, transparent)}.badge--warn{color:var(--color-warn);border-color:color-mix(in srgb, var(--color-warn) 35%, transparent)}.badge--error{color:var(--color-error);border-color:color-mix(in srgb, var(--color-error) 35%, transparent)}.bottom-task-bar__summary{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);white-space:nowrap;display:flex}.bottom-task-bar__current{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-muted);flex:auto;overflow:hidden}.bottom-task-bar__metrics{gap:var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;display:flex}.bottom-task-bar__actions{gap:var(--space-2);display:flex}.login-page{justify-content:center;align-items:center;min-height:60vh;display:flex}.login-card{width:min(380px,100%)}.login-card__brand{font-size:var(--font-size-xl);margin-bottom:var(--space-2);font-weight:600}.login-form{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.login-form__label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.login-form__error{color:var(--color-error);font-size:var(--font-size-sm)}.login-form__submit{margin-top:var(--space-2);color:var(--color-text-inverse);background:var(--color-primary);border-color:var(--color-primary)}.login-form__submit:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary) 88%, black)}.file-browser{padding:0;overflow:hidden}.file-browser__toolbar{align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface-muted);display:flex}.file-browser__crumbs{align-items:center;gap:var(--space-1);flex-wrap:wrap;min-width:0;display:flex}.file-browser__crumb{min-height:auto;padding:2px var(--space-1);color:var(--color-primary);background:0 0;border:none}.file-browser__crumb[aria-current=page]{color:var(--color-text);cursor:default;font-weight:600}.file-browser__crumb:hover:not([aria-current=page]){background:0 0;text-decoration:underline}.file-browser__hint{padding:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm)}.file-browser__empty,.file-browser__error{padding:var(--space-5);gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.file-browser__error{color:var(--color-error)}.file-browser__error p{color:var(--color-text)}.file-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.file-table th,.file-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);white-space:nowrap}.file-table thead th{color:var(--color-text-muted);background:var(--color-surface);font-weight:600}.file-table__sort{min-height:auto;color:inherit;background:0 0;border:none;padding:0;font-weight:600}.file-table__row{cursor:default}.file-table__row--dir{cursor:pointer}.file-table__row:hover{background:var(--color-hover)}.file-table__name{align-items:center;gap:var(--space-2);min-width:0;display:inline-flex}.file-table__col-type{width:88px;color:var(--color-text-muted)}.file-table__size,.file-table__mtime{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.file-table__col-check{text-align:center;width:32px}.file-table__col-check input{cursor:pointer;min-height:auto}.drawer-backdrop{z-index:3000;background:#0f172a59;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--color-surface);width:min(420px,100%);height:100%;box-shadow:var(--shadow-pop);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;display:flex}.drawer__header,.drawer__footer{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.drawer__footer{border-bottom:none;border-top:1px solid var(--color-border);justify-content:flex-end}.drawer__close{margin-left:auto}.drawer__body{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:auto;display:flex;overflow:auto}.field{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.field legend{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:0 var(--space-1)}.field__option{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);display:flex}.field__option input{min-height:auto}.field__label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.drawer__hardlink-hint{padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb, var(--color-primary) 32%, var(--color-border));border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));color:var(--color-text);font-size:var(--font-size-sm);overflow-wrap:anywhere;margin:0;line-height:1.55}.drawer__hardlink-hint b{font-weight:600}.drawer__hardlink-hint--ok{border-color:color-mix(in srgb, var(--color-ok) 32%, var(--color-border));border-left-color:var(--color-ok);background:color-mix(in srgb, var(--color-ok) 8%, var(--color-surface))}.field__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.progress{background:var(--color-surface-muted);border:1px solid var(--color-border);height:8px;margin:var(--space-2) 0;border-radius:999px;overflow:hidden}.progress__bar{background:var(--color-primary);height:100%;transition:width .2s}.task-panel__head{align-items:center;gap:var(--space-2);display:flex}.task-panel__confirm{align-items:center;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-muted);display:flex}.bottom-task-bar__progress{background:var(--color-surface-muted);border:1px solid var(--color-border);vertical-align:middle;border-radius:999px;width:120px;height:6px;display:inline-block;overflow:hidden}.bottom-task-bar__file{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.drawer--wide{width:min(760px,100%)}.task-drawer__body{gap:var(--space-4);grid-template-columns:minmax(220px,1fr) minmax(280px,1.4fr);align-items:start;display:grid}.task-drawer__list{gap:var(--space-1);flex-direction:column;max-height:70vh;display:flex;overflow:auto}.task-drawer__row{align-items:center;gap:var(--space-2);text-align:left;justify-content:flex-start;width:100%;display:flex}.task-drawer__row--active{outline:2px solid var(--color-primary)}.task-drawer__detail{border-left:1px solid var(--color-border);padding-left:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.task-drawer__kv{gap:var(--space-1) var(--space-2);font-size:var(--font-size-sm);grid-template-columns:72px 1fr;display:grid}.task-drawer__kv dt{color:var(--color-text-muted)}.task-drawer__actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.modal-mask[data-v-b8c79d1b]{z-index:60;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card[data-v-b8c79d1b]{background:var(--color-surface,#fff);border-radius:12px;width:min(560px,100%);max-height:82vh;padding:18px 20px;overflow:auto;box-shadow:0 18px 48px #0000003d}.modal-card__head[data-v-b8c79d1b]{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-card__head h3[data-v-b8c79d1b]{margin:0;font-size:16px}.modal-card__close[data-v-b8c79d1b]{border:1px solid var(--color-border,#d8dde6);cursor:pointer;background:0 0;border-radius:8px;min-width:64px;min-height:40px}.modal-card__hint[data-v-b8c79d1b]{color:var(--color-text-muted,#5b6472);margin:10px 0;font-size:13px;line-height:1.6}.modal-card__error[data-v-b8c79d1b]{color:var(--color-danger,#d33);margin:10px 0;font-size:13px}.modal-card__stats[data-v-b8c79d1b]{flex-wrap:wrap;gap:8px 16px;margin:10px 0;padding:0;font-size:13px;list-style:none;display:flex}.modal-card__list[data-v-b8c79d1b]{gap:6px;margin:8px 0;padding:0;font-size:12px;list-style:none;display:grid}.modal-card__list li[data-v-b8c79d1b]{background:var(--color-surface-alt,#f5f7fa);word-break:break-all;border-radius:6px;flex-wrap:wrap;gap:6px;padding:6px 8px;display:flex}.modal-card__list .arrow[data-v-b8c79d1b]{color:var(--color-text-muted,#5b6472)}.modal-card__list .to[data-v-b8c79d1b]{color:var(--color-primary,#2f6fed);font-weight:600}.modal-card__foot[data-v-b8c79d1b]{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.modal-card__foot .btn[data-v-b8c79d1b]{border:1px solid var(--color-border,#d8dde6);cursor:pointer;background:0 0;border-radius:8px;min-width:88px;min-height:40px}.modal-card__foot .btn--primary[data-v-b8c79d1b]{background:var(--color-primary,#2f6fed);border-color:var(--color-primary,#2f6fed);color:#fff}.modal-card__foot .btn[data-v-b8c79d1b]:disabled{opacity:.5;cursor:not-allowed}.hardlink-form[data-v-a34ec66d]{flex-direction:column;gap:10px;margin:12px 0;display:flex}.hardlink-form__row[data-v-a34ec66d]{flex-direction:column;gap:4px;display:flex}.hardlink-form__row input[data-v-a34ec66d]{border:1px solid var(--color-border,#d0d3d9);border-radius:6px;padding:8px 10px}.hardlink-summary[data-v-a34ec66d]{flex-wrap:wrap;gap:16px;padding:8px 0;font-weight:600;display:flex}.hardlink-groups[data-v-a34ec66d]{flex-direction:column;gap:10px;display:flex}.hardlink-groups__all[data-v-a34ec66d]{align-items:center;gap:8px;font-weight:600;display:flex}.hardlink-group[data-v-a34ec66d]{border:1px solid var(--color-border,#d0d3d9);border-radius:8px;padding:10px}.hardlink-group--selected[data-v-a34ec66d]{border-color:var(--color-primary,#2f6fed)}.hardlink-group__head[data-v-a34ec66d]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hardlink-group__paths[data-v-a34ec66d]{word-break:break-all;margin:8px 0 0;padding-left:28px}.hardlink-group__master[data-v-a34ec66d]{font-weight:600}.uplot,.uplot *,.uplot :before,.uplot :after{box-sizing:border-box}.uplot{width:min-content;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{-webkit-user-select:none;user-select:none;position:relative}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{width:100%;height:100%;display:block;position:relative}.u-axis{position:absolute}.u-legend{text-align:center;margin:auto;font-size:14px}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{pointer-events:none;background:#00000012;position:absolute}.u-cursor-x,.u-cursor-y{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.u-hz .u-cursor-x,.u-vt .u-cursor-y{border-right:1px dashed #607d8b;height:100%}.u-hz .u-cursor-y,.u-vt .u-cursor-x{border-bottom:1px dashed #607d8b;width:100%}.u-cursor-pt{pointer-events:none;will-change:transform;border:0 solid;border-radius:50%;position:absolute;top:0;left:0;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}.trend-chart[data-v-1e8d3936]{width:100%;overflow:hidden}
|
package/web/dist/index.html
CHANGED
|
@@ -9,8 +9,8 @@
|
|
|
9
9
|
- 只搭骨架(四区布局 + vue-router 占位页 + axios 客户端封装),不接后端。
|
|
10
10
|
- 挂载由 src/main.js 完成:createApp(App).use(pinia).use(router).mount('#app')
|
|
11
11
|
-->
|
|
12
|
-
<script type="module" crossorigin src="/assets/index-
|
|
13
|
-
<link rel="stylesheet" crossorigin href="/assets/index-
|
|
12
|
+
<script type="module" crossorigin src="/assets/index-C_rk5uTi.js"></script>
|
|
13
|
+
<link rel="stylesheet" crossorigin href="/assets/index-DbWfI5U3.css">
|
|
14
14
|
</head>
|
|
15
15
|
<body>
|
|
16
16
|
<div id="app"></div>
|