@e-xi/xion 0.0.6

package/dist/renderer/store/updater/updater-store.d.ts

@@ -0,0 +1,88 @@
+/**
+ * 更新器 Store
+ */
+export declare const useXoUpdaterStore: import("pinia").StoreDefinition<"useXoUpdaterStore", Pick<{
+    status: import("vue").Ref<XoUpdater.Status, XoUpdater.Status>;
+    updateInfo: import("vue").Ref<import("builder-util-runtime").UpdateInfo | import("electron-updater").UpdateDownloadedEvent | undefined, import("builder-util-runtime").UpdateInfo | import("electron-updater").UpdateDownloadedEvent | undefined>;
+    progress: import("vue").Ref<XoUpdater.DownloadProgress | undefined, XoUpdater.DownloadProgress | undefined>;
+    formattedProgress: import("vue").Ref<XoUpdater.FormattedDownloadProgress | undefined, XoUpdater.FormattedDownloadProgress | undefined>;
+    error: import("vue").Ref<XoUpdater.ErrorInfo | undefined, XoUpdater.ErrorInfo | undefined>;
+    settings: import("vue").Ref<XoUpdater.EffectiveSettings | undefined, XoUpdater.EffectiveSettings | undefined>;
+    downloadCancellationCount: import("vue").Ref<number, number>;
+    disabledUntilRestart: import("vue").Ref<boolean, boolean>;
+    isIdle: import("vue").ComputedRef<boolean>;
+    isChecking: import("vue").ComputedRef<boolean>;
+    isAvailable: import("vue").ComputedRef<boolean>;
+    isNotAvailable: import("vue").ComputedRef<boolean>;
+    isDownloading: import("vue").ComputedRef<boolean>;
+    isCancelling: import("vue").ComputedRef<boolean>;
+    isDownloaded: import("vue").ComputedRef<boolean>;
+    isError: import("vue").ComputedRef<boolean>;
+    version: import("vue").ComputedRef<string | undefined>;
+    releaseName: import("vue").ComputedRef<string | null | undefined>;
+    releaseNotes: import("vue").ComputedRef<string | import("builder-util-runtime").ReleaseNoteInfo[] | null | undefined>;
+    releaseDate: import("vue").ComputedRef<string | undefined>;
+    initialize: () => Promise<void>;
+    checkForUpdates: () => Promise<void>;
+    downloadUpdate: () => Promise<void>;
+    cancelDownload: () => Promise<boolean>;
+    quitAndInstall: () => Promise<void>;
+    saveSettings: (userSettings: XoUpdater.UserSettings) => Promise<void>;
+    resetSettings: () => Promise<void>;
+}, "error" | "status" | "settings" | "downloadCancellationCount" | "disabledUntilRestart" | "updateInfo" | "progress" | "formattedProgress">, Pick<{
+    status: import("vue").Ref<XoUpdater.Status, XoUpdater.Status>;
+    updateInfo: import("vue").Ref<import("builder-util-runtime").UpdateInfo | import("electron-updater").UpdateDownloadedEvent | undefined, import("builder-util-runtime").UpdateInfo | import("electron-updater").UpdateDownloadedEvent | undefined>;
+    progress: import("vue").Ref<XoUpdater.DownloadProgress | undefined, XoUpdater.DownloadProgress | undefined>;
+    formattedProgress: import("vue").Ref<XoUpdater.FormattedDownloadProgress | undefined, XoUpdater.FormattedDownloadProgress | undefined>;
+    error: import("vue").Ref<XoUpdater.ErrorInfo | undefined, XoUpdater.ErrorInfo | undefined>;
+    settings: import("vue").Ref<XoUpdater.EffectiveSettings | undefined, XoUpdater.EffectiveSettings | undefined>;
+    downloadCancellationCount: import("vue").Ref<number, number>;
+    disabledUntilRestart: import("vue").Ref<boolean, boolean>;
+    isIdle: import("vue").ComputedRef<boolean>;
+    isChecking: import("vue").ComputedRef<boolean>;
+    isAvailable: import("vue").ComputedRef<boolean>;
+    isNotAvailable: import("vue").ComputedRef<boolean>;
+    isDownloading: import("vue").ComputedRef<boolean>;
+    isCancelling: import("vue").ComputedRef<boolean>;
+    isDownloaded: import("vue").ComputedRef<boolean>;
+    isError: import("vue").ComputedRef<boolean>;
+    version: import("vue").ComputedRef<string | undefined>;
+    releaseName: import("vue").ComputedRef<string | null | undefined>;
+    releaseNotes: import("vue").ComputedRef<string | import("builder-util-runtime").ReleaseNoteInfo[] | null | undefined>;
+    releaseDate: import("vue").ComputedRef<string | undefined>;
+    initialize: () => Promise<void>;
+    checkForUpdates: () => Promise<void>;
+    downloadUpdate: () => Promise<void>;
+    cancelDownload: () => Promise<boolean>;
+    quitAndInstall: () => Promise<void>;
+    saveSettings: (userSettings: XoUpdater.UserSettings) => Promise<void>;
+    resetSettings: () => Promise<void>;
+}, "version" | "isError" | "isIdle" | "isChecking" | "isAvailable" | "isNotAvailable" | "isDownloading" | "isCancelling" | "isDownloaded" | "releaseName" | "releaseNotes" | "releaseDate">, Pick<{
+    status: import("vue").Ref<XoUpdater.Status, XoUpdater.Status>;
+    updateInfo: import("vue").Ref<import("builder-util-runtime").UpdateInfo | import("electron-updater").UpdateDownloadedEvent | undefined, import("builder-util-runtime").UpdateInfo | import("electron-updater").UpdateDownloadedEvent | undefined>;
+    progress: import("vue").Ref<XoUpdater.DownloadProgress | undefined, XoUpdater.DownloadProgress | undefined>;
+    formattedProgress: import("vue").Ref<XoUpdater.FormattedDownloadProgress | undefined, XoUpdater.FormattedDownloadProgress | undefined>;
+    error: import("vue").Ref<XoUpdater.ErrorInfo | undefined, XoUpdater.ErrorInfo | undefined>;
+    settings: import("vue").Ref<XoUpdater.EffectiveSettings | undefined, XoUpdater.EffectiveSettings | undefined>;
+    downloadCancellationCount: import("vue").Ref<number, number>;
+    disabledUntilRestart: import("vue").Ref<boolean, boolean>;
+    isIdle: import("vue").ComputedRef<boolean>;
+    isChecking: import("vue").ComputedRef<boolean>;
+    isAvailable: import("vue").ComputedRef<boolean>;
+    isNotAvailable: import("vue").ComputedRef<boolean>;
+    isDownloading: import("vue").ComputedRef<boolean>;
+    isCancelling: import("vue").ComputedRef<boolean>;
+    isDownloaded: import("vue").ComputedRef<boolean>;
+    isError: import("vue").ComputedRef<boolean>;
+    version: import("vue").ComputedRef<string | undefined>;
+    releaseName: import("vue").ComputedRef<string | null | undefined>;
+    releaseNotes: import("vue").ComputedRef<string | import("builder-util-runtime").ReleaseNoteInfo[] | null | undefined>;
+    releaseDate: import("vue").ComputedRef<string | undefined>;
+    initialize: () => Promise<void>;
+    checkForUpdates: () => Promise<void>;
+    downloadUpdate: () => Promise<void>;
+    cancelDownload: () => Promise<boolean>;
+    quitAndInstall: () => Promise<void>;
+    saveSettings: (userSettings: XoUpdater.UserSettings) => Promise<void>;
+    resetSettings: () => Promise<void>;
+}, "resetSettings" | "checkForUpdates" | "downloadUpdate" | "cancelDownload" | "quitAndInstall" | "initialize" | "saveSettings">>;

package/dist/renderer/store/window/window-store.d.ts

@@ -0,0 +1,58 @@
+/**
+ * 窗口 Store
+ */
+export declare const useXoWindowStore: import("pinia").StoreDefinition<"useXoWindowStore", Pick<{
+    loaded: import("vue").Ref<boolean, boolean>;
+    state: {
+        windowMaterial?: XoApp.WindowMaterial | undefined;
+        isSidebarFolded: boolean;
+        isMaximized: boolean;
+        isFullScreen: boolean;
+        isMinimized: boolean;
+        isAlwaysOnTop: boolean;
+        isFullScreenable: boolean;
+        isMinimizable: boolean;
+        isMaximizable: boolean;
+        isClosable: boolean;
+    };
+    applyState: (nextState: Partial<XoWindow.State>) => void;
+    initialize: () => Promise<void>;
+    toggleSidebarFold: () => Promise<void>;
+    toggleAlwaysOnTop: () => Promise<void>;
+}, "state" | "loaded">, Pick<{
+    loaded: import("vue").Ref<boolean, boolean>;
+    state: {
+        windowMaterial?: XoApp.WindowMaterial | undefined;
+        isSidebarFolded: boolean;
+        isMaximized: boolean;
+        isFullScreen: boolean;
+        isMinimized: boolean;
+        isAlwaysOnTop: boolean;
+        isFullScreenable: boolean;
+        isMinimizable: boolean;
+        isMaximizable: boolean;
+        isClosable: boolean;
+    };
+    applyState: (nextState: Partial<XoWindow.State>) => void;
+    initialize: () => Promise<void>;
+    toggleSidebarFold: () => Promise<void>;
+    toggleAlwaysOnTop: () => Promise<void>;
+}, never>, Pick<{
+    loaded: import("vue").Ref<boolean, boolean>;
+    state: {
+        windowMaterial?: XoApp.WindowMaterial | undefined;
+        isSidebarFolded: boolean;
+        isMaximized: boolean;
+        isFullScreen: boolean;
+        isMinimized: boolean;
+        isAlwaysOnTop: boolean;
+        isFullScreenable: boolean;
+        isMinimizable: boolean;
+        isMaximizable: boolean;
+        isClosable: boolean;
+    };
+    applyState: (nextState: Partial<XoWindow.State>) => void;
+    initialize: () => Promise<void>;
+    toggleSidebarFold: () => Promise<void>;
+    toggleAlwaysOnTop: () => Promise<void>;
+}, "toggleAlwaysOnTop" | "toggleSidebarFold" | "initialize" | "applyState">>;

package/dist/renderer/styles/css/element-plus.less

@@ -0,0 +1,280 @@
+/* ------------------------ */
+// element-plus 样式覆盖
+/* ------------------------ */
+
+:root,
+html.dark {
+    --el-color-primary         : var(--xo-color-primary);
+    --el-font-family           : var(--xo-font-family);
+    --el-font-size-base        : var(--xo-font-size-base);
+    --el-font-size-small       : var(--xo-font-size-small);
+    --el-font-size-extra-small : var(--xo-font-size-extra-small);
+    --el-text-color-primary    : var(--xo-text-color-primary);
+
+    /* ------------------------------------------------ */
+    // 全局遮罩
+    /* ------------------------------------------------ */
+
+    .el-overlay {
+        --el-overlay-color-lighter : var(--xo-overlay-color-lighter);
+    }
+
+    /* ------------------------------------------------ */
+    // 对话框 <el-dialog />
+    /* ------------------------------------------------ */
+
+    .el-overlay-dialog {
+        margin-top : calc(var(--xo-global-title-bar-height) + 1px);
+
+        .el-dialog {
+            --el-dialog-padding-primary : var(--xo-dialog-padding);
+            --el-dialog-bg-color        : var(--xo-dialog-bg-color);
+            --el-dialog-box-shadow      : var(--xo-dialog-box-shadow);
+            border                      : var(--xo-dialog-border-width) solid var(--xo-dialog-border-color);
+            border-radius               : var(--xo-dialog-border-radius);
+
+            // 全屏
+            &.is-fullscreen {
+                height        : 100%;
+                border-radius : 0;
+                border-left   : 0;
+                border-right  : 0;
+                border-bottom : 0;
+            }
+
+            // 关闭按钮
+            .el-dialog__headerbtn {
+                display         : flex;
+                align-items     : center;
+                justify-content : center;
+                top             : var(--xo-dialog-close-btn-top);
+                right           : var(--xo-dialog-close-btn-right);
+                height          : var(--xo-dialog-close-btn-size);
+                width           : var(--xo-dialog-close-btn-size);
+                border-radius   : var(--xo-dialog-close-btn-radius);
+
+                i {
+                    color     : var(--xo-text-color-primary);
+                    font-size : var(--xo-dialog-close-btn-font-size);
+                }
+
+                &:hover {
+                    background : var(--xo-close-button-hover-bgcolor);
+
+                    i {
+                        color : var(--xo-close-button-hover-color);
+                    }
+                }
+            }
+        }
+    }
+
+
+    /* ------------------------------------------------ */
+    // 抽屉 <el-drawer />
+    /* ------------------------------------------------ */
+
+    .el-drawer {
+        background : var(--xo-drawer-bg-color);
+        box-shadow : var(--xo-drawer-box-shadow);
+        min-width  : var(--xo-drawer-min-width);
+        min-height : var(--xo-drawer-min-height);
+
+        // 标题栏
+        .el-drawer__header {
+            margin-bottom : var(--xo-drawer-header-margin-bottom);
+        }
+
+        // 关闭按钮
+        .el-drawer__close-btn {
+            display         : flex;
+            align-items     : center;
+            justify-content : center;
+            border-radius   : var(--xo-drawer-close-btn-radius);
+            height          : var(--xo-drawer-close-btn-size);
+            width           : var(--xo-drawer-close-btn-size);
+
+            i {
+                color     : var(--xo-text-color-primary);
+                font-size : var(--xo-drawer-close-btn-font-size);
+            }
+
+            &:hover {
+                background : var(--xo-close-button-hover-bgcolor);
+
+                i {
+                    color : var(--xo-close-button-hover-color);
+                }
+            }
+        }
+
+        // 方向
+        &.ttb, &.ltr, &.rtl {
+            .el-drawer__header {
+                margin-top : var(--xo-global-title-bar-height);
+                border-top : 1px solid var(--xo-drawer-border-color);
+            }
+        }
+
+        &.rtl {
+            border-left : 1px solid var(--xo-drawer-border-color);
+        }
+
+        &.ttb {
+            border-bottom : 1px solid var(--xo-drawer-border-color);
+        }
+
+        &.ltr {
+            border-right : 1px solid var(--xo-drawer-border-color);
+        }
+
+        &.btt {
+            border-top : 1px solid var(--xo-drawer-border-color);
+        }
+    }
+
+    /* ------------------------------------------------ */
+    // 消息盒子 ElMessageBox
+    /* ------------------------------------------------ */
+
+    .el-overlay-message-box {
+        margin-top : calc(var(--xo-global-title-bar-height) + 1px);
+
+        .el-message-box {
+            border           : var(--xo-message-box-border-width) solid var(--xo-message-box-border-color);
+            border-radius    : var(--xo-message-box-border-radius);
+            padding          : var(--xo-message-box-padding);
+            background-color : var(--xo-message-box-bg-color);
+
+            // 标题
+            .el-message-box__title {
+                font-size : var(--xo-message-box-title-font-size);
+            }
+
+            // 关闭按钮
+            .el-message-box__headerbtn {
+                display         : flex;
+                align-items     : center;
+                justify-content : center;
+                top             : var(--xo-message-box-close-btn-top);
+                right           : var(--xo-message-box-close-btn-right);
+                height          : var(--xo-message-box-close-btn-size);
+                width           : var(--xo-message-box-close-btn-size);
+                border-radius   : var(--xo-message-box-close-btn-radius);
+
+                i {
+                    color     : var(--xo-text-color-primary);
+                    font-size : var(--xo-message-box-close-btn-font-size);
+                }
+
+                &:hover {
+                    background : var(--xo-close-button-hover-bgcolor);
+
+                    i {
+                        color : var(--xo-close-button-hover-color);
+                    }
+                }
+            }
+
+            // 状态图标
+            .el-message-box__status, .el-message-box__status svg {
+                width       : var(--xo-message-box-status-icon-size);
+                height      : var(--xo-message-box-status-icon-size);
+                line-height : var(--xo-message-box-status-icon-size);
+            }
+        }
+    }
+
+    /* ------------------------------------------------ */
+    // 通知 ElNotification
+    /* ------------------------------------------------ */
+
+    .el-notification {
+        background-color                    : var(--xo-notification-bg-color);
+        --el-notification-border-color      : var(--xo-notification-border-color);
+        --el-notification-content-font-size : var(--xo-notification-content-font-size);
+        --el-notification-width             : var(--xo-notification-width);
+        --el-notification-icon-size         : var(--xo-notification-icon-size);
+        --el-notification-radius            : var(--xo-notification-radius);
+        --el-notification-padding           : var(--xo-notification-padding);
+        --el-notification-shadow            : var(--xo-notification-shadow);
+        --el-notification-close-font-size   : var(--xo-notification-close-font-size);
+
+        // 关闭按钮
+        .el-notification__closeBtn {
+            color         : var(--xo-text-color-primary);
+            border-radius : var(--xo-notification-close-radius);
+
+            &:hover {
+                background : var(--xo-close-button-hover-bgcolor);
+                color      : var(--xo-close-button-hover-color);
+            }
+        }
+    }
+
+    /* ------------------------------------------------ */
+    // 图片查看器 <el-image /> viewer
+    /* ------------------------------------------------ */
+
+    .el-image-viewer__wrapper {
+
+        // 遮罩
+        .el-image-viewer__mask {
+            opacity    : var(--xo-image-viewer-mask-opacity);
+            background : var(--xo-image-viewer-mask-bg-color);
+        }
+
+        // 按钮
+        .el-image-viewer__btn {
+            background : var(--xo-image-viewer-btn-bg-color);
+            border     : var(--xo-image-viewer-btn-border-width) solid var(--xo-image-viewer-btn-border-color);
+            color      : var(--xo-image-viewer-btn-color);
+
+            &:hover {
+                background : var(--xo-image-viewer-btn-hover-bg-color);
+                border     : var(--xo-image-viewer-btn-border-width) solid var(--xo-image-viewer-btn-hover-border-color);
+                color      : var(--xo-image-viewer-btn-hover-color);
+            }
+        }
+
+        // 进度条
+        .el-image-viewer__progress {
+            border-radius : var(--xo-image-viewer-progress-radius);
+            padding       : var(--xo-image-viewer-progress-padding);
+        }
+
+        // 关闭按钮
+        .el-image-viewer__close {
+            right         : var(--xo-image-viewer-close-margin-top);
+            top           : calc(var(--xo-global-title-bar-height) + var(--xo-image-viewer-close-margin-right));
+            border-radius : var(--xo-image-viewer-close-radius);
+        }
+
+        // 操作按钮
+        .el-image-viewer__actions {
+            .el-icon {
+                opacity : var(--xo-image-viewer-actions-icon-opacity);
+
+                &:hover {
+                    opacity : var(--xo-image-viewer-actions-icon-hover-opacity);
+                }
+            }
+        }
+    }
+
+    /* ------------------------------------------------ */
+    // 图片查看器 <el-input /> wrapper
+    /* ------------------------------------------------ */
+
+    .el-input__wrapper {
+        --el-transition-box-shadow : none;
+    }
+
+    /* ------------------------------------------------ */
+    // 消息框 ElMessage
+    /* ------------------------------------------------ */
+
+    .el-message {
+        --el-border-radius-base : 20px;
+    }
+}

package/dist/renderer/styles/css/iconfont-patch.less

@@ -0,0 +1,6 @@
+/* ------------------------ */
+// iconfont 补丁
+/* ------------------------ */
+.xion-font:has(+ *:not(:empty))::before {
+    transform : translateY(1px);
+}

package/dist/renderer/styles/css/reset.less

@@ -0,0 +1,83 @@
+/* ------------------------ */
+// 样式重置
+/* ------------------------ */
+
+*, :after, :before {
+    box-sizing : border-box;
+    padding    : 0;
+    margin     : 0;
+}
+
+html, body, #app {
+    width      : 100%;
+    height     : 100%;
+    background : transparent;
+}
+
+body {
+    font-family             : var(--xo-font-family), serif;
+    font-size               : var(--xo-font-size-base);
+    line-height             : var(--xo-font-line-height-primary);
+    color                   : var(--xo-text-color-primary);
+    -webkit-font-smoothing  : antialiased;
+    -moz-osx-font-smoothing : grayscale;
+    text-rendering          : optimizeLegibility;
+}
+
+ul, li, ol, dl, dd, dt {
+    list-style : none;
+}
+
+h1, h2, h3, h4, h5 {
+    font-weight : bold;
+    color       : inherit;
+}
+
+a {
+    color           : inherit;
+    text-decoration : none;
+}
+
+img, svg, video, canvas {
+    display        : block;
+    vertical-align : middle;
+}
+
+img {
+    border : 0;
+}
+
+button, input, textarea, select {
+    font  : inherit;
+    color : inherit;
+}
+
+button {
+    border : none;
+    cursor : pointer;
+}
+
+table {
+    border-collapse : collapse;
+    border-spacing  : 0;
+}
+
+em, i {
+    font-style : normal;
+}
+
+s {
+    text-decoration : none;
+}
+
+input {
+    vertical-align : middle
+}
+
+textarea {
+    resize : none;
+}
+
+input, textarea {
+    user-select : text;
+}

package/dist/renderer/styles/css/scrollbar.less

@@ -0,0 +1,56 @@
+/* ------------------------ */
+// 元素滚动条
+/* ------------------------ */
+
+// 滚动条
+::-webkit-scrollbar {
+    // 垂直滚动条宽度
+    width  : var(--xo-scrollbar-width);
+    // 水平滚动条高度
+    height : var(--xo-scrollbar-height);
+}
+
+// 轨道
+::-webkit-scrollbar-track {
+    background            : var(--xo-scrollbar-track-background);
+    -webkit-border-radius : var(--xo-scrollbar-track-radius);
+    -moz-border-radius    : var(--xo-scrollbar-track-radius);
+    border-radius         : var(--xo-scrollbar-track-radius);
+
+    // 垂直轨道
+    &:vertical {
+        margin-top    : var(--xo-scrollbar-track-vertical-margin-top);
+        margin-bottom : var(--xo-scrollbar-track-vertical-margin-bottom);
+    }
+
+    // 水平轨道
+    &:horizontal {
+        margin-left  : var(--xo-scrollbar-track-horizontal-margin-left);
+        margin-right : var(--xo-scrollbar-track-horizontal-margin-right);
+    }
+}
+
+// 可拖动滑块
+::-webkit-scrollbar-thumb {
+    // 边框（可以用作控制边距）
+    border          : var(--xo-scrollbar-thumb-border);
+    border-radius   : var(--xo-scrollbar-thumb-radius);
+    background      : var(--xo-scrollbar-thumb-background);
+    min-height      : var(--xo-scrollbar-thumb-min-height);
+    background-clip : content-box;
+
+    // 可拖动滑块 鼠标悬停
+    &:hover {
+        background-color : var(--xo-scrollbar-thumb-hover-background);
+    }
+
+    // 可拖动滑块 按住
+    &:active {
+        background-color : var(--xo-scrollbar-thumb-active-background);
+    }
+}
+
+// 水平、垂直轨道交汇处
+::-webkit-scrollbar-corner {
+    background : var(--xo-scrollbar-corner-background);
+}

package/dist/renderer/styles/index.less

@@ -0,0 +1,35 @@
+/* ------------------------ */
+// 变量引入
+/* ------------------------ */
+
+// element-plus
+@import 'var/element-plus/root';
+@import 'var/element-plus/dark';
+
+// 全局
+@import 'var/global/root';
+@import 'var/global/dark';
+
+// 滚动条
+@import 'var/scrollbar/root';
+@import 'var/scrollbar/dark';
+
+// 布局
+@import 'var/layout/root';
+@import 'var/layout/dark';
+
+/* ------------------------ */
+// 样式引入
+/* ------------------------ */
+
+// element-plus
+@import 'css/element-plus';
+
+// 样式重置
+@import 'css/reset';
+
+// 滚动条
+@import 'css/scrollbar';
+
+// iconfont 补丁
+@import 'css/iconfont-patch';