@liujitcn/kratos-uni-app-core 0.1.4 → 0.1.11

package/README.md

@@ -54,6 +54,12 @@ registerThemeColors({
 })
 ```
 
+## 统一圆角
+
+全局主题提供 `--kratos-page-radius: 12rpx`，在 375 逻辑宽度下约为 6px，与管理端默认圆角一致。普通卡片、按钮、输入框、消息气泡和弹窗统一使用 `var(--kratos-page-radius)`；底部面板使用 `var(--kratos-page-radius) var(--kratos-page-radius) 0 0`，保留贴边的直角。Uni UI 的小、中、大圆角变量也映射到此变量。
+
+圆形元素使用 `50%`，直角使用 `0`；CSS 绘制的图标和 AI 头像保留造型所需圆角。宿主可以在全局主题引入后，通过 `page`、`.theme-light` 和 `.theme-dark` 覆盖统一圆角，业务页面继续消费变量。
+
 ## 公开入口
 
 登录页返回会清理本次回跳并替换到首页；直接打开登录页清理旧 `lastRoute`，登录成功默认进入首页。主动登录、路由守卫和会话过期重登通过 `redirect=1` 标记保留本次业务目标及查询参数，成功跳转后才清理目标。登录页每次显示都会检查有效登录态，已登录则替换回首页，避免浏览器回退重新停留在登录页。H5 与微信小程序统一使用 `reLaunch` 替换登录入口并重置应用页面栈。

package/package.json

@@ -7,7 +7,7 @@
     "type": "git",
     "url": "git@github.com:liujitcn/kratos-admin.git"
   },
-  "version": "0.1.4",
+  "version": "0.1.11",
   "type": "module",
   "files": [
     "dist",

package/src/components/KratosNavBar.vue

@@ -120,12 +120,14 @@ function goBack() {
   width: 76rpx;
   height: 76rpx;
   border: 1px solid var(--kratos-color-border);
-  border-radius: 24rpx;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-surface);
   color: var(--kratos-color-text);
+  line-height: 0;
 }
 
 .kratos-nav-bar__back::before {
+  display: block;
   width: 16rpx;
   height: 16rpx;
   border-left: 2px solid var(--kratos-color-primary);
@@ -149,6 +151,7 @@ function goBack() {
 
 .kratos-nav-bar__icon {
   flex-shrink: 0;
+  display: block;
   width: 34rpx;
   height: 34rpx;
 }

package/src/components/MfaManageDialog.vue

@@ -364,7 +364,7 @@ watch(
   width: min(100%, 680rpx);
   overflow: hidden;
   background-color: var(--kratos-color-surface-solid);
-  border-radius: 16rpx;
+  border-radius: var(--kratos-page-radius);
   box-shadow: 0 20rpx 64rpx rgb(0 0 0 / 20%);
 }
 
@@ -407,7 +407,7 @@ watch(
   font-size: 30rpx;
   border: 1rpx solid var(--kratos-color-border);
   background-color: var(--kratos-color-surface-2);
-  border-radius: 8rpx;
+  border-radius: var(--kratos-page-radius);
 }
 
 .mfa-bind-dialog__input {
@@ -441,7 +441,7 @@ watch(
   font-size: 28rpx;
   line-height: 72rpx;
   border: 0;
-  border-radius: 8rpx;
+  border-radius: var(--kratos-page-radius);
 }
 
 .mfa-bind-dialog__button::after {

package/src/components/MfaRecoveryCodesDialog.vue

@@ -116,7 +116,7 @@ onBeforeUnmount(() => {
   width: min(100%, 640rpx);
   overflow: hidden;
   background-color: var(--kratos-color-surface-solid);
-  border-radius: 16rpx;
+  border-radius: var(--kratos-page-radius);
   box-shadow: 0 20rpx 64rpx rgb(0 0 0 / 20%);
 }
 
@@ -146,7 +146,7 @@ onBeforeUnmount(() => {
   line-height: 1.6;
   border: 1rpx solid var(--kratos-color-border);
   background-color: var(--kratos-color-surface-2);
-  border-radius: 8rpx;
+  border-radius: var(--kratos-page-radius);
   overflow-wrap: anywhere;
   white-space: pre-wrap;
 }
@@ -162,7 +162,7 @@ onBeforeUnmount(() => {
   line-height: 58rpx;
   background-color: var(--kratos-color-primary-soft);
   border: 0;
-  border-radius: 8rpx;
+  border-radius: var(--kratos-page-radius);
 }
 
 .mfa-recovery-dialog__copy::after,
@@ -199,6 +199,6 @@ onBeforeUnmount(() => {
   line-height: 72rpx;
   background-color: var(--kratos-color-primary);
   border: 0;
-  border-radius: 8rpx;
+  border-radius: var(--kratos-page-radius);
 }
 </style>

package/src/components/MfaSetupPanel.vue

@@ -106,7 +106,7 @@ onBeforeUnmount(() => {
   color: var(--kratos-color-primary);
   background: var(--kratos-color-primary-soft);
   border: 0;
-  border-radius: 8rpx;
+  border-radius: var(--kratos-page-radius);
 }
 
 .mfa-setup-panel__copy::after {

package/src/components/PasswordVerifyDialog.vue

@@ -170,7 +170,7 @@ watch(
   width: min(100%, 640rpx);
   overflow: hidden;
   background-color: var(--kratos-color-surface-solid);
-  border-radius: 16rpx;
+  border-radius: var(--kratos-page-radius);
   box-shadow: 0 20rpx 64rpx rgb(0 0 0 / 20%);
 }
 
@@ -223,7 +223,7 @@ watch(
   font-size: 30rpx;
   border: 1rpx solid var(--kratos-color-border);
   background-color: var(--kratos-color-surface-2);
-  border-radius: 8rpx;
+  border-radius: var(--kratos-page-radius);
 }
 
 .password-verify-dialog__input:focus {
@@ -252,7 +252,7 @@ watch(
   font-size: 28rpx;
   line-height: 72rpx;
   border: 0;
-  border-radius: 8rpx;
+  border-radius: var(--kratos-page-radius);
 }
 
 .password-verify-dialog__button::after {

package/src/stores/modules/user.ts

@@ -248,6 +248,10 @@ export const useUserStore = defineStore(
       if (isAuthenticated()) {
         return true
       }
+      // token 仍在有效期而用户资料缺失（如整页加载竞态）时不清理登录态，让调用方用有效 token 继续加载数据。
+      if (hasValidToken()) {
+        return true
+      }
       silentLogout()
       return false
     }

package/src/styles/components.scss

@@ -13,7 +13,7 @@
   position: relative;
   overflow: hidden;
   border: 1px solid var(--kratos-color-border);
-  border-radius: 26rpx;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-surface);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
 }
@@ -59,7 +59,7 @@
   width: 6rpx;
   height: 26rpx;
   margin-right: 16rpx;
-  border-radius: 4rpx;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-primary);
   box-shadow: 0 0 8px var(--kratos-color-primary-edge);
 }
@@ -99,7 +99,7 @@
   justify-content: center;
   height: 96rpx;
   margin-top: 36rpx;
-  border-radius: 20rpx;
+  border-radius: var(--kratos-page-radius);
   background: linear-gradient(135deg, var(--kratos-color-primary-deep), var(--kratos-color-primary));
   color: var(--kratos-color-on-primary);
   font-size: 30rpx;
@@ -116,7 +116,7 @@
   justify-content: center;
   width: 76rpx;
   height: 76rpx;
-  border-radius: 24rpx;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-surface);
   border: 1px solid var(--kratos-color-border);
   color: var(--kratos-color-text);
@@ -132,7 +132,7 @@
   min-width: 34rpx;
   height: 34rpx;
   padding: 0 8rpx;
-  border-radius: 18rpx;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-danger);
   color: #fff;
   font-size: 21rpx;
@@ -174,7 +174,7 @@
   display: inline-flex;
   align-items: center;
   padding: 8rpx 20rpx;
-  border-radius: 999rpx;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-primary-soft-2);
   border: 1px solid var(--kratos-color-border-accent);
   color: var(--kratos-color-primary);
@@ -187,13 +187,13 @@
   display: inline-flex;
   gap: 8rpx;
   padding: 6rpx;
-  border-radius: 22rpx;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-track);
   border: 1px solid var(--kratos-color-border);
 }
 .k-pills__item {
   padding: 12rpx 24rpx;
-  border-radius: 16rpx;
+  border-radius: var(--kratos-page-radius);
   color: var(--kratos-color-text-muted);
   font-size: 22rpx;
   font-family: var(--kratos-font-mono);
@@ -226,7 +226,7 @@
   align-items: center;
   gap: 12rpx;
   padding: 14rpx 24rpx;
-  border-radius: 999rpx;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-surface);
   border: 1px solid var(--kratos-color-border);
   color: var(--kratos-color-text-muted);
@@ -256,7 +256,7 @@
   align-items: center;
   gap: 12rpx;
   padding: 12rpx 24rpx;
-  border-radius: 999rpx;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-surface);
   border: 1px solid var(--kratos-color-border);
   color: var(--kratos-color-text-muted);
@@ -271,7 +271,7 @@
   width: 148rpx;
   height: 148rpx;
   margin: 0 auto;
-  border-radius: 30rpx;
+  border-radius: var(--kratos-page-radius);
   background: linear-gradient(135deg, var(--kratos-color-primary-deep), var(--kratos-color-info));
   color: var(--kratos-color-on-primary);
   font-size: 48rpx;
@@ -286,7 +286,7 @@
   bottom: -12rpx;
   left: -12rpx;
   border: 1px solid var(--kratos-color-border-accent);
-  border-radius: 38rpx;
+  border-radius: var(--kratos-page-radius);
   opacity: 0.55;
 }
 .k-lg-title {
@@ -309,7 +309,7 @@
   height: 100rpx;
   padding: 0 28rpx;
   margin-top: 24rpx;
-  border-radius: 20rpx;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-surface);
   border: 1px solid var(--kratos-color-border);
 }
@@ -328,7 +328,7 @@
   flex-shrink: 0;
   width: 180rpx;
   height: 72rpx;
-  border-radius: 16rpx;
+  border-radius: var(--kratos-page-radius);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -349,7 +349,7 @@
   width: 100%;
   height: 100rpx;
   margin-top: 36rpx;
-  border-radius: 20rpx;
+  border-radius: var(--kratos-page-radius);
   font-size: 30rpx;
   font-weight: 800;
 }
@@ -396,7 +396,7 @@
   justify-content: center;
   width: 32rpx;
   height: 32rpx;
-  border-radius: 10rpx;
+  border-radius: var(--kratos-page-radius);
   border: 3rpx solid var(--kratos-color-primary);
   color: var(--kratos-color-primary);
   font-size: 22rpx;
@@ -425,7 +425,7 @@
   justify-content: center;
   width: 112rpx;
   height: 112rpx;
-  border-radius: 22rpx;
+  border-radius: var(--kratos-page-radius);
   background: linear-gradient(135deg, var(--kratos-color-primary-deep), var(--kratos-color-info));
   color: var(--kratos-color-on-primary);
   font-size: 44rpx;
@@ -446,7 +446,7 @@
 .k-pfx__ent {
   flex-shrink: 0;
   padding: 14rpx 22rpx;
-  border-radius: 999rpx;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-primary-soft);
   border: 1px solid var(--kratos-color-border-accent);
   color: var(--kratos-color-primary);
@@ -458,7 +458,7 @@
   align-items: center;
   gap: 26rpx;
   padding: 30rpx;
-  border-radius: 24rpx;
+  border-radius: var(--kratos-page-radius);
   background: linear-gradient(135deg, var(--kratos-color-primary-soft-2), var(--kratos-color-primary-soft));
   border: 1px solid var(--kratos-color-border-accent);
 }
@@ -469,7 +469,7 @@
   justify-content: center;
   width: 92rpx;
   height: 92rpx;
-  border-radius: 20rpx;
+  border-radius: var(--kratos-page-radius);
   background: linear-gradient(135deg, var(--kratos-color-violet), var(--kratos-color-info));
   color: #fff;
   font-size: 30rpx;
@@ -489,7 +489,7 @@
 .k-aix__b {
   flex-shrink: 0;
   padding: 14rpx 24rpx;
-  border-radius: 999rpx;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-primary-soft-2);
   border: 1px solid var(--kratos-color-border-accent);
   color: var(--kratos-color-primary);
@@ -514,7 +514,7 @@
   justify-content: center;
   width: 92rpx;
   height: 92rpx;
-  border-radius: 20rpx;
+  border-radius: var(--kratos-page-radius);
   border: 1px solid var(--kratos-color-border);
   color: var(--kratos-color-primary);
   background: var(--kratos-color-primary-soft);
@@ -541,7 +541,7 @@
   gap: 24rpx;
   padding: 28rpx 30rpx;
   margin-bottom: 20rpx;
-  border-radius: 20rpx;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-surface);
   border: 1px solid var(--kratos-color-border);
 }
@@ -567,7 +567,7 @@
   justify-content: center;
   width: 76rpx;
   height: 76rpx;
-  border-radius: 22rpx;
+  border-radius: var(--kratos-page-radius);
   border: 1px solid var(--kratos-color-border);
   color: var(--kratos-color-primary);
 }
@@ -591,7 +591,7 @@
   justify-content: center;
   height: 100rpx;
   margin-top: 44rpx;
-  border-radius: 20rpx;
+  border-radius: var(--kratos-page-radius);
   color: var(--kratos-color-danger);
   background: var(--kratos-color-danger-soft);
   border: 1px solid var(--kratos-color-danger);
@@ -611,7 +611,7 @@
   position: relative;
   overflow: hidden;
   padding: 26rpx 28rpx;
-  border-radius: 20rpx;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-surface);
   border: 1px solid var(--kratos-color-border);
 }
@@ -637,7 +637,7 @@
   justify-content: center;
   width: 76rpx;
   height: 76rpx;
-  border-radius: 22rpx;
+  border-radius: var(--kratos-page-radius);
   border: 1px solid var(--kratos-color-border);
   color: var(--kratos-color-primary);
   background: var(--kratos-color-primary-soft);
@@ -703,7 +703,7 @@
   justify-content: center;
   width: 112rpx;
   height: 112rpx;
-  border-radius: 26rpx;
+  border-radius: var(--kratos-page-radius);
   border: 1px solid var(--kratos-color-border-accent);
   background: var(--kratos-color-primary-soft-2);
   color: var(--kratos-color-primary);
@@ -725,7 +725,7 @@
 .k-empty__act {
   margin-top: 32rpx;
   padding: 16rpx 40rpx;
-  border-radius: 999rpx;
+  border-radius: var(--kratos-page-radius);
   border: 1px solid var(--kratos-color-border-accent);
   background: var(--kratos-color-primary-soft-2);
   color: var(--kratos-color-primary);

package/src/styles/theme.scss

@@ -3,6 +3,14 @@
  * 变量挂在页面根类 .theme-dark / .theme-light 上，页面样式只消费变量。
  * ============================================================ */
 
+/* 普通矩形控件共用圆角，375 逻辑宽度下约为 6px。 */
+:root,
+page,
+.theme-light,
+.theme-dark {
+  --kratos-page-radius: 12rpx;
+}
+
 /* 暗黑主题：深色数据驾驶舱 */
 .theme-dark {
   --kratos-color-background: #060a12;

package/src/uni.scss

@@ -49,9 +49,9 @@ $uni-img-size-base: 26px;
 $uni-img-size-lg: 40px;
 
 /* Border Radius */
-$uni-border-radius-sm: 2px;
-$uni-border-radius-base: 3px;
-$uni-border-radius-lg: 6px;
+$uni-border-radius-sm: var(--kratos-page-radius);
+$uni-border-radius-base: var(--kratos-page-radius);
+$uni-border-radius-lg: var(--kratos-page-radius);
 $uni-border-radius-circle: 50%;
 
 /* 水平间距 */

package/src/views/pages/index/index.vue

@@ -142,7 +142,7 @@ onLoad(() => {
   flex: 0 0 auto;
   width: 104rpx;
   height: 104rpx;
-  border-radius: 26rpx;
+  border-radius: var(--kratos-page-radius);
   border: 1px solid var(--kratos-color-border-accent);
   background: var(--kratos-color-surface-2);
 }
@@ -194,7 +194,7 @@ onLoad(() => {
   flex: 0 0 auto;
   width: 48rpx;
   height: 48rpx;
-  border-radius: 14rpx;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-primary-soft);
   border: 1px solid var(--kratos-color-primary-edge);
   color: var(--kratos-color-primary);

package/src/views/pages/login/login.vue

@@ -1306,7 +1306,7 @@ onUnload(() => {
   padding: 36rpx;
   background: var(--kratos-color-surface-solid);
   border: 1rpx solid var(--kratos-color-border-accent);
-  border-radius: 24rpx;
+  border-radius: var(--kratos-page-radius);
   box-sizing: border-box;
 }
 .mfa-title {
@@ -1339,7 +1339,7 @@ onUnload(() => {
   font-size: 28rpx;
   background: var(--kratos-color-surface-2);
   border: 1rpx solid var(--kratos-color-border);
-  border-radius: 20rpx;
+  border-radius: var(--kratos-page-radius);
   box-sizing: border-box;
 }
 
@@ -1356,7 +1356,7 @@ onUnload(() => {
   font-weight: 800;
   background: transparent;
   border: 0;
-  border-radius: 20rpx;
+  border-radius: var(--kratos-page-radius);
   box-shadow: 0 0 40rpx rgba(40, 240, 212, 0.35);
 }
 
@@ -1392,7 +1392,7 @@ onUnload(() => {
   width: auto;
   max-width: 100%;
   padding: 24rpx;
-  border-radius: 24rpx;
+  border-radius: var(--kratos-page-radius);
   background: #fff;
   box-shadow: 0 24rpx 70rpx rgba(15, 23, 42, 0.18);
   box-sizing: border-box;
@@ -1410,7 +1410,7 @@ onUnload(() => {
   text-align: center;
   color: #28bb9c;
   background: rgba(255, 255, 255, 0.9);
-  border-radius: 999rpx;
+  border-radius: var(--kratos-page-radius);
 }
 
 .login-behavior-panel .go-captcha .gc-header {
@@ -1428,7 +1428,7 @@ onUnload(() => {
 
 .login-behavior-panel .go-captcha .gc-body {
   margin-top: 0;
-  border-radius: 18rpx;
+  border-radius: var(--kratos-page-radius);
 }
 
 .login-behavior-panel .go-captcha .gc-footer {
@@ -1442,7 +1442,7 @@ onUnload(() => {
 .login-behavior-panel .go-captcha .gc-drag-line {
   height: 18rpx;
   background: #dbe7e3;
-  border-radius: 999rpx;
+  border-radius: var(--kratos-page-radius);
 }
 
 .login-behavior-panel .go-captcha .gc-drag-block {
@@ -1454,7 +1454,7 @@ onUnload(() => {
     var(--kratos-color-primary-deep) 0%,
     var(--kratos-color-primary) 100%
   );
-  border-radius: 999rpx;
+  border-radius: var(--kratos-page-radius);
   box-shadow: 0 14rpx 28rpx rgba(40, 240, 212, 0.28);
   color: var(--kratos-color-on-primary);
   fill: var(--kratos-color-on-primary);

package/src/views/pages/login/protocal.vue

@@ -99,7 +99,7 @@ onLoad((query) => {
   overflow: hidden;
   padding: 40rpx 32rpx 56rpx;
   border: 1rpx solid var(--kratos-color-border);
-  border-radius: 24rpx;
+  border-radius: var(--kratos-page-radius);
   background-color: var(--kratos-color-surface);
   box-shadow: var(--kratos-glow-soft);
 }

package/src/views/pages/webview/webview.vue

@@ -142,7 +142,7 @@ const handleMessage = () => {}
   width: 240rpx;
   height: 72rpx;
   line-height: 72rpx;
-  border-radius: 72rpx;
+  border-radius: var(--kratos-page-radius);
   background: linear-gradient(
     135deg,
     var(--kratos-color-primary-deep),