@lijian-ui/dsh-file-manager 0.2.1 → 0.2.2
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/lib/assets/mermaid.min.js +3587 -0
- package/lib/client.js +11 -11
- package/lib/client.js.map +1 -1
- package/package.json +1 -1
- package/src/client/DockItem.tsx +1 -1
- package/src/client/components/ExplorerPanel.tsx +1 -1
- package/src/client/components/ScmPanel.tsx +4 -4
- package/src/client/layout.ts +2 -2
- package/src/client/preview/content.tsx +1 -1
- package/src/client/styles/chip.module.css +2 -2
- package/src/client/styles/tokens.module.css +29 -70
package/lib/client.js
CHANGED
|
@@ -2747,7 +2747,7 @@ window.__ModuleLoader__.load({
|
|
|
2747
2747
|
previewCol.style.overflow = "hidden";
|
|
2748
2748
|
previewCol.style.display = "flex";
|
|
2749
2749
|
previewCol.style.flexDirection = "column";
|
|
2750
|
-
previewCol.style.borderLeft = "1px solid var(--
|
|
2750
|
+
previewCol.style.borderLeft = "1px solid var(--dsw-alias-bg-layer-3)";
|
|
2751
2751
|
const explorerCol = document.createElement("div");
|
|
2752
2752
|
explorerCol.dataset.filemgrExplorerCol = "";
|
|
2753
2753
|
explorerCol.className = "filemgr-explorer-col";
|
|
@@ -2755,7 +2755,7 @@ window.__ModuleLoader__.load({
|
|
|
2755
2755
|
explorerCol.style.overflow = "hidden";
|
|
2756
2756
|
explorerCol.style.display = "flex";
|
|
2757
2757
|
explorerCol.style.flexDirection = "column";
|
|
2758
|
-
explorerCol.style.borderLeft = "1px solid var(--
|
|
2758
|
+
explorerCol.style.borderLeft = "1px solid var(--dsw-alias-bg-layer-3)";
|
|
2759
2759
|
frame.appendChild(previewCol);
|
|
2760
2760
|
frame.appendChild(explorerCol);
|
|
2761
2761
|
this.previewCol = previewCol;
|
|
@@ -3709,7 +3709,7 @@ window.__ModuleLoader__.load({
|
|
|
3709
3709
|
className: scm_module_css_default.branchName,
|
|
3710
3710
|
style: {
|
|
3711
3711
|
fontSize: 11,
|
|
3712
|
-
color: "var(--
|
|
3712
|
+
color: "var(--dsw-alias-label-tertiary)",
|
|
3713
3713
|
display: "flex",
|
|
3714
3714
|
alignItems: "center",
|
|
3715
3715
|
gap: 4
|
|
@@ -3745,7 +3745,7 @@ window.__ModuleLoader__.load({
|
|
|
3745
3745
|
type: "button",
|
|
3746
3746
|
className: scm_module_css_default.sectionAction,
|
|
3747
3747
|
title: t("scm.viewList"),
|
|
3748
|
-
style: { color: state.viewMode === "list" ? "var(--
|
|
3748
|
+
style: { color: state.viewMode === "list" ? "var(--dsw-alias-brand-primary)" : void 0 },
|
|
3749
3749
|
onClick: () => scm.setViewMode("list"),
|
|
3750
3750
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ListIcon, { size: 13 })
|
|
3751
3751
|
}),
|
|
@@ -3753,7 +3753,7 @@ window.__ModuleLoader__.load({
|
|
|
3753
3753
|
type: "button",
|
|
3754
3754
|
className: scm_module_css_default.sectionAction,
|
|
3755
3755
|
title: t("scm.viewTree"),
|
|
3756
|
-
style: { color: state.viewMode === "tree" ? "var(--
|
|
3756
|
+
style: { color: state.viewMode === "tree" ? "var(--dsw-alias-brand-primary)" : void 0 },
|
|
3757
3757
|
onClick: () => scm.setViewMode("tree"),
|
|
3758
3758
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TreeIcon, { size: 13 })
|
|
3759
3759
|
})
|
|
@@ -3875,7 +3875,7 @@ window.__ModuleLoader__.load({
|
|
|
3875
3875
|
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
3876
3876
|
style: {
|
|
3877
3877
|
fontSize: 13,
|
|
3878
|
-
color: "var(--
|
|
3878
|
+
color: "var(--dsw-alias-label-primary)"
|
|
3879
3879
|
},
|
|
3880
3880
|
children: label
|
|
3881
3881
|
})
|
|
@@ -4080,7 +4080,7 @@ window.__ModuleLoader__.load({
|
|
|
4080
4080
|
};
|
|
4081
4081
|
//#endregion
|
|
4082
4082
|
//#region \0dsh-css:src/client/styles/tokens.module.css.mjs
|
|
4083
|
-
const css$4 = ":root{--aion-bg-base
|
|
4083
|
+
const css$4 = ":root{--aion-bg-base:var(--dsw-alias-bg-base);--aion-bg-1:var(--dsw-alias-bg-layer-1);--aion-bg-2:var(--dsw-alias-bg-layer-2);--aion-bg-3:var(--dsw-alias-bg-layer-3);--aion-bg-4:var(--dsw-alias-label-dimmed);--aion-bg-hover:var(--dsw-alias-interactive-bg-hover);--aion-bg-active:var(--dsw-alias-interactive-bg-active);--aion-text-primary:var(--dsw-alias-label-primary);--aion-text-secondary:var(--dsw-alias-label-secondary);--aion-text-tertiary:var(--dsw-alias-label-tertiary);--aion-text-disabled:var(--dsw-alias-label-dimmed);--aion-primary:var(--dsw-alias-state-business-primary);--aion-success:var(--dsw-alias-state-success-primary);--aion-warning:var(--dsw-alias-state-warn-primary);--aion-danger:var(--dsw-alias-state-error-primary);--aion-brand:var(--dsw-alias-brand-primary);--aion-aou-2:var(--dsw-alias-bg-layer-2);--aion-aou-6:var(--dsw-alias-brand-primary);--aion-fill-2:var(--dsw-alias-interactive-bg-hover);--aion-fill-3:var(--dsw-alias-interactive-bg-hover-solid);--aion-border-base:var(--dsw-alias-border-l2);--aion-overlay-shadow:var(--dsw-shadow-lv2);--aion-font-sans:-apple-system, \"system-ui\", \"Segoe UI\", Roboto, \"Helvetica Neue\", \"PingFang SC\", \"Microsoft YaHei\", sans-serif;--aion-font-mono:var(--dsw-alias-font-family-mono)}.filemgr-root{font-family:var(--aion-font-sans);color:var(--aion-text-primary);background-color:var(--aion-bg-1);font-size:13px}.filemgr-root *,.filemgr-root :before,.filemgr-root :after{box-sizing:border-box}.filemgr-root ::-webkit-scrollbar{width:8px;height:8px}.filemgr-root ::-webkit-scrollbar-thumb{background:var(--aion-bg-3);border-radius:4px}.filemgr-root ::-webkit-scrollbar-thumb:hover{background:var(--aion-bg-4)}.filemgr-root ::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){.filemgr-root *,.filemgr-root :before,.filemgr-root :after{transition:none!important;animation:none!important}}[data-dsh-frame][data-filemgr-instant]{transition:none!important}.filemgr-preview-col,.filemgr-explorer-col{background-color:var(--aion-bg-1);z-index:30;flex-direction:column;min-width:0;display:flex;overflow:hidden}.filemgr-preview-col{border-left:1px solid var(--aion-bg-3)}.filemgr-preview-col.filemgr-maximized,.filemgr-explorer-col.filemgr-maximized{z-index:60;inset:0;position:fixed!important}.filemgr-explorer-col{border-left:1px solid var(--aion-bg-3)}.filemgr-preview-col.filemgr-preview-enter{animation:.25s cubic-bezier(.4,0,.2,1) aPVr2q_filemgr-preview-enter}@keyframes aPVr2q_filemgr-preview-enter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.filemgr-explorer-handle,.filemgr-preview-handle{touch-action:none;cursor:col-resize}.filemgr-collapse-chevron{top:calc(6px + env(aPVr2q_titlebar-area-height,0px));z-index:30;width:24px;height:24px;color:var(--aion-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:background-color .15s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;right:8px}.filemgr-collapse-chevron:hover{background-color:var(--aion-bg-3);color:var(--aion-text-primary)}.filemgr-collapse-chevron:active{background-color:var(--aion-bg-active)}.filemgr-collapse-chevron:focus-visible{outline:2px solid var(--aion-primary);outline-offset:2px}.filemgr-overlay{z-index:1000;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.filemgr-dialog{background:var(--aion-bg-base);width:400px;max-width:calc(100vw - 48px);box-shadow:var(--aion-overlay-shadow);font-family:var(--aion-font-sans);border-radius:16px;overflow:hidden}.filemgr-dialog-title{color:var(--aion-text-primary);padding:16px 20px 8px;font-size:14px;font-weight:600}.filemgr-dialog-body{color:var(--aion-text-secondary);padding:0 20px;font-size:13px;line-height:1.6}.filemgr-dialog-actions{justify-content:flex-end;gap:8px;padding:16px 20px 20px;display:flex}.filemgr-btn{border:1px solid var(--aion-bg-3);background:var(--aion-bg-base);height:28px;color:var(--aion-text-primary);cursor:pointer;border-radius:4px;padding:0 14px;font-size:13px;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.filemgr-btn:hover{background:var(--aion-bg-hover)}.filemgr-btn:active{background:var(--aion-bg-active)}.filemgr-btn:focus-visible{outline:2px solid var(--aion-primary);outline-offset:2px}.filemgr-btn-primary{background:var(--aion-primary);border-color:var(--aion-primary);color:#fff}.filemgr-btn-primary:hover{background:var(--aion-primary);opacity:.9}.filemgr-btn-primary:active{opacity:.75;filter:saturate(.9)}.filemgr-btn-danger{background:var(--aion-danger);border-color:var(--aion-danger);color:#fff}.filemgr-btn-danger:hover{opacity:.9}.filemgr-btn-danger:active{opacity:.75}.filemgr-menu{z-index:1100;background:var(--aion-bg-base);min-width:160px;box-shadow:var(--aion-overlay-shadow);border:1px solid var(--aion-bg-3);font-family:var(--aion-font-sans);border-radius:8px;padding:4px;position:fixed}.filemgr-menu-item{height:28px;color:var(--aion-text-primary);cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;padding:0 10px;font-size:13px;display:flex}.filemgr-menu-item:hover{background:var(--aion-fill-2)}.filemgr-menu-item:focus-visible{outline:2px solid var(--aion-primary);outline-offset:-2px}.filemgr-menu-item-disabled{color:var(--aion-text-disabled);cursor:default}.filemgr-menu-item-disabled:hover{background:0 0}.filemgr-menu-sep{background:var(--aion-bg-3);height:1px;margin:4px 8px}.filemgr-input{border:1px solid var(--aion-bg-3);background:var(--aion-bg-base);width:100%;height:32px;color:var(--aion-text-primary);font-size:13px;font-family:var(--aion-font-sans);box-sizing:border-box;border-radius:6px;outline:none;padding:0 10px}.filemgr-input:focus{border-color:var(--aion-primary)}.filemgr-toast{z-index:1200;background:var(--aion-bg-base);max-width:70vw;color:var(--aion-text-primary);font-size:13px;font-family:var(--aion-font-sans);box-shadow:var(--aion-overlay-shadow);border:1px solid var(--aion-bg-3);border-radius:6px;padding:8px 14px;animation:.2s cubic-bezier(.4,0,.2,1) aPVr2q_filemgr-toast-in;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}@keyframes aPVr2q_filemgr-toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}";
|
|
4084
4084
|
const tagId$4 = "@lijian-ui/dsh-file-manager/tokens.module.css";
|
|
4085
4085
|
if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]") === null) {
|
|
4086
4086
|
const tag = document.createElement("style");
|
|
@@ -4338,7 +4338,7 @@ window.__ModuleLoader__.load({
|
|
|
4338
4338
|
className: explorer_module_css_default.searchArea,
|
|
4339
4339
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
4340
4340
|
className: `${explorer_module_css_default.searchBox}${searchFocus ? ` ${explorer_module_css_default.searchAreaFocus}` : ""}`,
|
|
4341
|
-
style: { borderColor: searchFocus ? "var(--
|
|
4341
|
+
style: { borderColor: searchFocus ? "var(--dsw-alias-state-business-primary)" : void 0 },
|
|
4342
4342
|
children: [
|
|
4343
4343
|
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
4344
4344
|
className: explorer_module_css_default.searchIcon,
|
|
@@ -5590,7 +5590,7 @@ window.__ModuleLoader__.load({
|
|
|
5590
5590
|
/** HTML viewer: sandboxed iframe (scripts off) or source textarea. */
|
|
5591
5591
|
function HtmlViewer({ content, sourceMode = false, onContentChange }) {
|
|
5592
5592
|
const srcDoc = (0, react.useMemo)(() => {
|
|
5593
|
-
return `<!doctype html><html><head><meta charset="utf-8"><style>body{margin:0;font-family:-apple-system,"system-ui","Segoe UI",Roboto,"PingFang SC",sans-serif;color
|
|
5593
|
+
return `<!doctype html><html><head><meta charset="utf-8"><style>body{margin:0;font-family:-apple-system,"system-ui","Segoe UI",Roboto,"PingFang SC",sans-serif;color:var(--dsw-alias-label-primary)}@media (prefers-color-scheme:dark){body{color:var(--dsw-alias-label-secondary)}}</style></head><body>${content}</body></html>`;
|
|
5594
5594
|
}, [content]);
|
|
5595
5595
|
if (sourceMode && onContentChange !== void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
5596
5596
|
className: preview_module_css_default.content,
|
|
@@ -7320,7 +7320,7 @@ window.__ModuleLoader__.load({
|
|
|
7320
7320
|
}
|
|
7321
7321
|
//#endregion
|
|
7322
7322
|
//#region \0dsh-css:src/client/styles/chip.module.css.mjs
|
|
7323
|
-
const css = "[data-decoration=chip]{background:#0f172a0f;border-radius:6px}body[data-ds-dark-theme] [data-decoration=chip]{background:#ffffff1a}[data-decoration=chip]>span:before{content:\"</>\";color:var(--aion-success
|
|
7323
|
+
const css = "[data-decoration=chip]{background:#0f172a0f;border-radius:6px}body[data-ds-dark-theme] [data-decoration=chip]{background:#ffffff1a}[data-decoration=chip]>span:before{content:\"</>\";color:var(--aion-success);font-family:var(--aion-font-mono);letter-spacing:-.5px;margin-right:4px;font-size:.85em;font-weight:700}";
|
|
7324
7324
|
const tagId = "@lijian-ui/dsh-file-manager/chip.module.css";
|
|
7325
7325
|
if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
|
|
7326
7326
|
const tag = document.createElement("style");
|
|
@@ -7337,7 +7337,7 @@ window.__ModuleLoader__.load({
|
|
|
7337
7337
|
if (document.getElementById(STYLE_ID) !== null) return;
|
|
7338
7338
|
const tag = document.createElement("style");
|
|
7339
7339
|
tag.id = STYLE_ID;
|
|
7340
|
-
tag.textContent = ".dsh-dock-item{width:32px;height:32px;border:none;border-radius:9999px;background
|
|
7340
|
+
tag.textContent = ".dsh-dock-item{width:32px;height:32px;border:none;border-radius:9999px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);cursor:pointer;position:relative;transition:transform .15s ease,background .18s ease;display:inline-flex;align-items:center;justify-content:center}.dsh-dock-item:hover{transform:scale(1.15);background:var(--dsw-alias-interactive-bg-hover)}.dsh-dock-item-active{background:var(--dsw-alias-state-business-primary)}.dsh-dock-tooltip{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:2px 8px;font-size:12px;line-height:1.4;white-space:nowrap;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;opacity:0;pointer-events:none;transition:opacity .15s}.dsh-dock-item:hover .dsh-dock-tooltip{opacity:1}";
|
|
7341
7341
|
document.head.appendChild(tag);
|
|
7342
7342
|
}
|
|
7343
7343
|
ensureStyle();
|