chore(release): release tauri v1.3.6

CHANGELOG.md

@@ -1,28 +1,6 @@
 # Changelog
 
 
-## [v1.3.7](https://github.com/soybeanjs/soybean-admin/compare/v1.3.6...v1.3.7) (2024-09-21)
-
-###    🚨 Breaking Changes
-
-- **projects**: update scss config &nbsp;-&nbsp; by @soybeanjs [<samp>(24e9e)</samp>](https://github.com/soybeanjs/soybean-admin/commit/24e9e57)
-
-### &nbsp;&nbsp;&nbsp;🐞 Bug Fixes
-
-- **projects**: fix global-tab click conflict with contextmenu &nbsp;-&nbsp; by @soybeanjs [<samp>(3e72c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3e72c3b)
-
-### &nbsp;&nbsp;&nbsp;💅 Refactors
-
-- **packages**: @sa/materials: remove tab close shortcut by mouse &nbsp;-&nbsp; by @soybeanjs [<samp>(4da58)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4da588c)
-
-### &nbsp;&nbsp;&nbsp;🏡 Chore
-
-- **deps**: update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(baefd)</samp>](https://github.com/soybeanjs/soybean-admin/commit/baefdfd)
-
-### &nbsp;&nbsp;&nbsp;❤️ Contributors
-
-[![soybeanjs](https://github.com/soybeanjs.png?size=48)](https://github.com/soybeanjs)&nbsp;&nbsp;
-
 ## [v1.3.6](https://github.com/soybeanjs/soybean-admin/compare/v1.3.5...v1.3.6) (2024-09-20)
 
 ### &nbsp;&nbsp;&nbsp;🐞 Bug Fixes

eslint.config.js

@@ -1,7 +1,7 @@
 import { defineConfig } from '@soybeanjs/eslint-config';
 
 export default defineConfig(
-  { vue: true, unocss: true },
+  { vue: true, unocss: true, ignores: ['src-tauri/target'] },
   {
     rules: {
       'vue/multi-word-component-names': [

package.json

@@ -1,7 +1,7 @@
 {
   "name": "soybean-admin",
   "type": "module",
-  "version": "1.3.7",
+  "version": "1.3.6",
   "description": "A fresh and elegant admin template, based on Vue3、Vite3、TypeScript、NaiveUI and UnoCSS. 一个基于Vue3、Vite3、TypeScript、NaiveUI and UnoCSS的清新优雅的中后台模版。",
   "author": {
     "name": "Soybean",
@@ -32,17 +32,20 @@
   },
   "scripts": {
     "build": "vite build --mode prod",
+    "build:tauri": "pnpm tauri build",
     "build:test": "vite build --mode test",
     "cleanup": "sa cleanup",
     "commit": "sa git-commit",
     "commit:zh": "sa git-commit -l=zh-cn",
     "dev": "vite --mode test",
     "dev:prod": "vite --mode prod",
+    "dev:tauri": "pnpm tauri dev",
     "gen-route": "sa gen-route",
     "lint": "eslint . --fix",
     "prepare": "simple-git-hooks",
     "preview": "vite preview",
     "release": "sa release",
+    "tauri-icon": "pnpm tauri icon ./public/logo.png",
     "typecheck": "vue-tsc --noEmit --skipLibCheck",
     "update-pkg": "sa update-pkg"
   },
@@ -59,44 +62,45 @@
     "dayjs": "1.11.13",
     "echarts": "5.5.1",
     "json5": "2.2.3",
-    "naive-ui": "2.40.1",
+    "naive-ui": "2.39.0",
     "nprogress": "0.2.0",
-    "pinia": "2.2.4",
-    "tailwind-merge": "2.5.3",
-    "vue": "3.5.11",
+    "pinia": "2.2.2",
+    "tailwind-merge": "2.5.2",
+    "vue": "3.5.6",
     "vue-draggable-plus": "0.5.3",
-    "vue-i18n": "10.0.4",
+    "vue-i18n": "10.0.1",
     "vue-router": "4.4.5"
   },
   "devDependencies": {
     "@elegant-router/vue": "0.3.8",
-    "@iconify/json": "2.2.258",
+    "@iconify/json": "2.2.250",
     "@sa/scripts": "workspace:*",
     "@sa/uno-preset": "workspace:*",
     "@soybeanjs/eslint-config": "1.4.1",
-    "@types/node": "22.7.5",
+    "@tauri-apps/cli": "1.6.2",
+    "@types/node": "22.5.5",
     "@types/nprogress": "0.2.3",
-    "@unocss/eslint-config": "0.63.4",
-    "@unocss/preset-icons": "0.63.4",
-    "@unocss/preset-uno": "0.63.4",
-    "@unocss/transformer-directives": "0.63.4",
-    "@unocss/transformer-variant-group": "0.63.4",
-    "@unocss/vite": "0.63.4",
+    "@unocss/eslint-config": "0.62.4",
+    "@unocss/preset-icons": "0.62.4",
+    "@unocss/preset-uno": "0.62.4",
+    "@unocss/transformer-directives": "0.62.4",
+    "@unocss/transformer-variant-group": "0.62.4",
+    "@unocss/vite": "0.62.4",
     "@vitejs/plugin-vue": "5.1.4",
     "@vitejs/plugin-vue-jsx": "4.0.1",
-    "eslint": "9.12.0",
+    "eslint": "9.10.0",
     "eslint-plugin-vue": "9.28.0",
     "lint-staged": "15.2.10",
-    "sass": "1.79.4",
+    "sass": "1.79.2",
     "simple-git-hooks": "2.11.1",
     "tsx": "4.19.1",
-    "typescript": "5.6.3",
+    "typescript": "5.6.2",
     "unplugin-icons": "0.19.3",
     "unplugin-vue-components": "0.27.4",
-    "vite": "5.4.8",
+    "vite": "5.4.6",
     "vite-plugin-progress": "0.0.7",
     "vite-plugin-svg-icons": "2.0.1",
-    "vite-plugin-vue-devtools": "7.4.6",
+    "vite-plugin-vue-devtools": "7.4.5",
     "vue-eslint-parser": "9.4.3",
     "vue-tsc": "2.1.6"
   },

packages/alova/package.json

@@ -1,17 +0,0 @@
-{
-  "name": "@sa/alova",
-  "version": "0.1.0",
-  "exports": {
-    ".": "./src/index.ts",
-    "./client": "./src/client.ts"
-  },
-  "typesVersions": {
-    "*": {
-      "*": ["./src/*"]
-    }
-  },
-  "dependencies": {
-    "@sa/utils": "workspace:*",
-    "alova": "3.0.20"
-  }
-}

packages/alova/src/client.ts

@@ -1 +0,0 @@
-export * from 'alova/client';

packages/alova/src/constant.ts

@@ -1,2 +0,0 @@
-/** the backend error code key */
-export const BACKEND_ERROR_CODE = 'BACKEND_ERROR';

packages/alova/src/index.ts

@@ -1,77 +0,0 @@
-import { createAlova } from 'alova';
-import type { AlovaDefaultCacheAdapter, AlovaGenerics, AlovaGlobalCacheAdapter, AlovaRequestAdapter } from 'alova';
-import VueHook from 'alova/vue';
-import type { VueHookType } from 'alova/vue';
-import adapterFetch from 'alova/fetch';
-import { createServerTokenAuthentication } from 'alova/client';
-import type { FetchRequestInit } from 'alova/fetch';
-import { BACKEND_ERROR_CODE } from './constant';
-import type { CustomAlovaConfig, RequestOptions } from './type';
-
-export const createAlovaRequest = <
-  RequestConfig = FetchRequestInit,
-  ResponseType = Response,
-  ResponseHeader = Headers,
-  L1Cache extends AlovaGlobalCacheAdapter = AlovaDefaultCacheAdapter,
-  L2Cache extends AlovaGlobalCacheAdapter = AlovaDefaultCacheAdapter
->(
-  customConfig: CustomAlovaConfig<
-    AlovaGenerics<any, any, RequestConfig, ResponseType, ResponseHeader, L1Cache, L2Cache, any>
-  >,
-  options: RequestOptions<AlovaGenerics<any, any, RequestConfig, ResponseType, ResponseHeader, L1Cache, L2Cache, any>>
-) => {
-  const { tokenRefresher } = options;
-  const { onAuthRequired, onResponseRefreshToken } = createServerTokenAuthentication<
-    VueHookType,
-    AlovaRequestAdapter<RequestConfig, ResponseType, ResponseHeader>
-  >({
-    refreshTokenOnSuccess: {
-      isExpired: (response, method) => tokenRefresher?.isExpired(response, method) || false,
-      handler: async (response, method) => tokenRefresher?.handler(response, method)
-    },
-    refreshTokenOnError: {
-      isExpired: (response, method) => tokenRefresher?.isExpired(response, method) || false,
-      handler: async (response, method) => tokenRefresher?.handler(response, method)
-    }
-  });
-
-  const instance = createAlova({
-    ...customConfig,
-    timeout: customConfig.timeout ?? 10 * 1000,
-    requestAdapter: (customConfig.requestAdapter as any) ?? adapterFetch(),
-    statesHook: VueHook,
-    beforeRequest: onAuthRequired(options.onRequest as any),
-    responded: onResponseRefreshToken({
-      onSuccess: async (response, method) => {
-        // check if http status is success
-        let error: any = null;
-        let transformedData: any = null;
-        try {
-          if (await options.isBackendSuccess(response)) {
-            transformedData = await options.transformBackendResponse(response);
-          } else {
-            error = new Error('the backend request error');
-            error.code = BACKEND_ERROR_CODE;
-          }
-        } catch (err) {
-          error = err;
-        }
-
-        if (error) {
-          await options.onError?.(error, response, method);
-          throw error;
-        }
-
-        return transformedData;
-      },
-      onComplete: options.onComplete,
-      onError: (error, method) => options.onError?.(error, null, method)
-    })
-  });
-
-  return instance;
-};
-
-export { BACKEND_ERROR_CODE };
-export type * from './type';
-export type * from 'alova';

packages/alova/src/type.ts

@@ -1,52 +0,0 @@
-import type { AlovaGenerics, AlovaOptions, AlovaRequestAdapter, Method, ResponseCompleteHandler } from 'alova';
-
-export type CustomAlovaConfig<AG extends AlovaGenerics> = Omit<
-  AlovaOptions<AG>,
-  'statesHook' | 'beforeRequest' | 'responded' | 'requestAdapter'
-> & {
-  /** request adapter. all request of alova will be sent by it. */
-  requestAdapter?: AlovaRequestAdapter<AG['RequestConfig'], AG['Response'], AG['ResponseHeader']>;
-};
-
-export interface RequestOptions<AG extends AlovaGenerics> {
-  /**
-   * The hook before request
-   *
-   * For example: You can add header token in this hook
-   *
-   * @param method alova Method Instance
-   */
-  onRequest?: AlovaOptions<AG>['beforeRequest'];
-  /**
-   * The hook to check backend response is success or not
-   *
-   * @param response alova response
-   */
-  isBackendSuccess: (response: AG['Response']) => Promise<boolean>;
-
-  /** The config to refresh token */
-  tokenRefresher?: {
-    /** detect the token is expired */
-    isExpired(response: AG['Response'], Method: Method<AG>): Promise<boolean> | boolean;
-    /** refresh token handler */
-    handler(response: AG['Response'], Method: Method<AG>): Promise<void>;
-  };
-
-  /** The hook after backend request complete */
-  onComplete?: ResponseCompleteHandler<AG>;
-
-  /**
-   * The hook to handle error
-   *
-   * For example: You can show error message in this hook
-   *
-   * @param error
-   */
-  onError?: (error: any, response: AG['Response'] | null, methodInstance: Method<AG>) => any | Promise<any>;
-  /**
-   * transform backend response when the responseType is json
-   *
-   * @param response alova response
-   */
-  transformBackendResponse: (response: AG['Response']) => any;
-}

packages/alova/tsconfig.json

@@ -1,20 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "jsx": "preserve",
-    "lib": ["DOM", "ESNext"],
-    "baseUrl": ".",
-    "module": "ESNext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "types": ["node"],
-    "strict": true,
-    "strictNullChecks": true,
-    "noUnusedLocals": true,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true
-  },
-  "include": ["src/**/*"],
-  "exclude": ["node_modules", "dist"]
-}

packages/axios/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sa/axios",
-  "version": "1.3.7",
+  "version": "1.3.6",
   "exports": {
     ".": "./src/index.ts"
   },

packages/color/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sa/color",
-  "version": "1.3.7",
+  "version": "1.3.6",
   "exports": {
     ".": "./src/index.ts"
   },

packages/hooks/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sa/hooks",
-  "version": "1.3.7",
+  "version": "1.3.6",
   "exports": {
     ".": "./src/index.ts"
   },

packages/materials/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sa/materials",
-  "version": "1.3.7",
+  "version": "1.3.6",
   "exports": {
     ".": "./src/index.ts"
   },

packages/materials/src/libs/page-tab/index.vue

@@ -53,10 +53,23 @@ const bindProps = computed(() => {
 function handleClose() {
   emit('close');
 }
+
+function handleMouseup(e: MouseEvent) {
+  // close tab by mouse wheel button click
+  if (e.button === 1) {
+    handleClose();
+  }
+}
 </script>
 
 <template>
-  <component :is="activeTabComponent.component" :class="activeTabComponent.class" :style="cssVars" v-bind="bindProps">
+  <component
+    :is="activeTabComponent.component"
+    :class="activeTabComponent.class"
+    :style="cssVars"
+    v-bind="bindProps"
+    @mouseup="handleMouseup"
+  >
     <template #prefix>
       <slot name="prefix"></slot>
     </template>

packages/ofetch/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sa/fetch",
-  "version": "1.3.7",
+  "version": "1.3.6",
   "exports": {
     ".": "./src/index.ts"
   },
@@ -10,6 +10,6 @@
     }
   },
   "dependencies": {
-    "ofetch": "1.4.1"
+    "ofetch": "1.3.4"
   }
 }

packages/scripts/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sa/scripts",
-  "version": "1.3.7",
+  "version": "1.3.6",
   "bin": {
     "sa": "./bin.ts"
   },
@@ -14,14 +14,14 @@
   },
   "devDependencies": {
     "@soybeanjs/changelog": "0.3.24",
-    "bumpp": "9.7.1",
-    "c12": "2.0.1",
+    "bumpp": "9.5.2",
+    "c12": "1.11.2",
     "cac": "6.7.14",
     "consola": "3.2.3",
     "enquirer": "2.4.1",
     "execa": "9.4.0",
     "kolorist": "1.8.0",
-    "npm-check-updates": "17.1.3",
+    "npm-check-updates": "17.1.2",
     "rimraf": "6.0.1"
   }
 }

packages/uno-preset/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sa/uno-preset",
-  "version": "1.3.7",
+  "version": "1.3.6",
   "exports": {
     ".": "./src/index.ts"
   },

packages/utils/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sa/utils",
-  "version": "1.3.7",
+  "version": "1.3.6",
   "exports": {
     ".": "./src/index.ts"
   },

src-tauri/.gitignore

@@ -0,0 +1,3 @@
+# Generated by Cargo
+# will have compiled files and executables
+/target/

src-tauri/Cargo.toml

@@ -0,0 +1,26 @@
+[package]
+name = "app"
+version = "0.1.0"
+description = "A Tauri App"
+authors = ["you"]
+license = ""
+repository = ""
+default-run = "app"
+edition = "2021"
+rust-version = "1.60"
+
+# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
+
+[build-dependencies]
+tauri-build = { version = "1.5.1", features = [] }
+
+[dependencies]
+serde_json = "1.0"
+serde = { version = "1.0", features = ["derive"] }
+tauri = { version = "1.6.1", features = [] }
+
+[features]
+# this feature is used for production builds or when `devPath` points to the filesystem and the built-in dev server is disabled.
+# If you use cargo directly instead of tauri's cli you can use this feature flag to switch between tauri's `dev` and `build` modes.
+# DO NOT REMOVE!!
+custom-protocol = [ "tauri/custom-protocol" ]

src-tauri/build.rs

@@ -0,0 +1,3 @@
+fn main() {
+  tauri_build::build()
+}

src-tauri/src/main.rs

@@ -0,0 +1,8 @@
+// Prevents additional console window on Windows in release, DO NOT REMOVE!!
+#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
+
+fn main() {
+  tauri::Builder::default()
+    .run(tauri::generate_context!())
+    .expect("error while running tauri application");
+}

src-tauri/tauri.conf.json

@@ -0,0 +1,60 @@
+{
+  "$schema": "../node_modules/@tauri-apps/cli/schema.json",
+  "build": {
+    "beforeBuildCommand": "npm run build",
+    "beforeDevCommand": "npm run dev",
+    "devPath": "http://localhost:9527",
+    "distDir": "../dist"
+  },
+  "package": {
+    "productName": "soybean-admin",
+    "version": "1.0.0"
+  },
+  "tauri": {
+    "allowlist": {
+      "all": false
+    },
+    "bundle": {
+      "active": true,
+      "category": "DeveloperTool",
+      "copyright": "",
+      "deb": {
+        "depends": []
+      },
+      "externalBin": [],
+      "icon": ["icons/32x32.png", "icons/128x128.png", "icons/128x128@2x.png", "icons/icon.icns", "icons/icon.ico"],
+      "identifier": "cn.soybeanjs.admin",
+      "longDescription": "",
+      "macOS": {
+        "entitlements": null,
+        "exceptionDomain": "",
+        "frameworks": [],
+        "providerShortName": null,
+        "signingIdentity": null
+      },
+      "resources": [],
+      "shortDescription": "",
+      "targets": "all",
+      "windows": {
+        "certificateThumbprint": null,
+        "digestAlgorithm": "sha256",
+        "timestampUrl": ""
+      }
+    },
+    "security": {
+      "csp": null
+    },
+    "updater": {
+      "active": false
+    },
+    "windows": [
+      {
+        "fullscreen": false,
+        "height": 768,
+        "resizable": true,
+        "title": "SoybeanAdmin",
+        "width": 1366
+      }
+    ]
+  }
+}

src/layouts/modules/global-tab/index.vue

@@ -8,7 +8,6 @@ import { useAppStore } from '@/store/modules/app';
 import { useThemeStore } from '@/store/modules/theme';
 import { useRouteStore } from '@/store/modules/route';
 import { useTabStore } from '@/store/modules/tab';
-import { isPC } from '@/utils/agent';
 import ContextMenu from './context-menu.vue';
 
 defineOptions({
@@ -25,7 +24,6 @@ const bsWrapper = ref<HTMLElement>();
 const { width: bsWrapperWidth, left: bsWrapperLeft } = useElementBounding(bsWrapper);
 const bsScroll = ref<InstanceType<typeof BetterScroll>>();
 const tabRef = ref<HTMLElement>();
-const isPCFlag = isPC();
 
 const TAB_DATA_ID = 'data-tab-id';
 
@@ -168,7 +166,7 @@ init();
 <template>
   <DarkModeContainer class="size-full flex-y-center px-16px shadow-tab">
     <div ref="bsWrapper" class="h-full flex-1-hidden">
-      <BetterScroll ref="bsScroll" :options="{ scrollX: true, scrollY: false, click: !isPCFlag }" @click="removeFocus">
+      <BetterScroll ref="bsScroll" :options="{ scrollX: true, scrollY: false, click: true }" @click="removeFocus">
         <div
           ref="tabRef"
           class="h-full flex pr-18px"

src/locales/langs/en-us.ts

@@ -113,7 +113,7 @@ const local: App.I18n.Schema = {
     },
     tab: {
       visible: 'Tab Visible',
-      cache: 'Tag Bar Info Cache',
+      cache: 'Tab Cache',
       height: 'Tab Height',
       mode: {
         title: 'Tab Mode',

src/locales/langs/zh-cn.ts

@@ -113,7 +113,7 @@ const local: App.I18n.Schema = {
     },
     tab: {
       visible: '显示标签栏',
-      cache: '标签栏信息缓存',
+      cache: '缓存标签页',
       height: '标签栏高度',
       mode: {
         title: '标签栏风格',

src/typings/global.d.ts

@@ -14,6 +14,14 @@ declare global {
     $notification?: import('naive-ui').NotificationProviderInst;
   }
 
+  interface ViewTransition {
+    ready: Promise<void>;
+  }
+
+  export interface Document {
+    startViewTransition?: (callback: () => Promise<void> | void) => ViewTransition;
+  }
+
   /** Build time of the project */
   export const BUILD_TIME: string;
 }

src/utils/agent.ts

@@ -1,5 +0,0 @@
-export function isPC() {
-  const agents = ['Android', 'iPhone', 'webOS', 'BlackBerry', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod'];
-
-  return !agents.includes(window.navigator.userAgent);
-}

src/views/_builtin/login/modules/code-login.vue

@@ -40,7 +40,7 @@ async function handleSubmit() {
 </script>
 
 <template>
-  <NForm ref="formRef" :model="model" :rules="rules" size="large" :show-label="false" @keyup.enter="handleSubmit">
+  <NForm ref="formRef" :model="model" :rules="rules" size="large" :show-label="false">
     <NFormItem path="phone">
       <NInput v-model:value="model.phone" :placeholder="$t('page.login.common.phonePlaceholder')" />
     </NFormItem>

src/views/_builtin/login/modules/pwd-login.vue

@@ -75,7 +75,7 @@ async function handleAccountLogin(account: Account) {
 </script>
 
 <template>
-  <NForm ref="formRef" :model="model" :rules="rules" size="large" :show-label="false" @keyup.enter="handleSubmit">
+  <NForm ref="formRef" :model="model" :rules="rules" size="large" :show-label="false">
     <NFormItem path="userName">
       <NInput v-model:value="model.userName" :placeholder="$t('page.login.common.userNamePlaceholder')" />
     </NFormItem>

src/views/_builtin/login/modules/register.vue

@@ -46,7 +46,7 @@ async function handleSubmit() {
 </script>
 
 <template>
-  <NForm ref="formRef" :model="model" :rules="rules" size="large" :show-label="false" @keyup.enter="handleSubmit">
+  <NForm ref="formRef" :model="model" :rules="rules" size="large" :show-label="false">
     <NFormItem path="phone">
       <NInput v-model:value="model.phone" :placeholder="$t('page.login.common.phonePlaceholder')" />
     </NFormItem>

src/views/_builtin/login/modules/reset-pwd.vue

@@ -45,7 +45,7 @@ async function handleSubmit() {
 </script>
 
 <template>
-  <NForm ref="formRef" :model="model" :rules="rules" size="large" :show-label="false" @keyup.enter="handleSubmit">
+  <NForm ref="formRef" :model="model" :rules="rules" size="large" :show-label="false">
     <NFormItem path="phone">
       <NInput v-model:value="model.phone" :placeholder="$t('page.login.common.phonePlaceholder')" />
     </NFormItem>

vite.config.ts

@@ -22,8 +22,7 @@ export default defineConfig(configEnv => {
     css: {
       preprocessorOptions: {
         scss: {
-          api: 'modern-compiler',
-          additionalData: `@use "@/styles/scss/global.scss" as *;`
+          additionalData: `@use "./src/styles/scss/global.scss" as *;`
         }
       }
     },