@liujitcn/kratos-admin-system 0.0.55 → 0.0.56

package/dist/package/src/views/profile/components/session.vue

@@ -13,20 +13,21 @@
       </div>
     </template>
 
-    <ProTable ref="proTable" row-key="session_id" :columns="columns" :request-api="requestSessionTable" :pagination="false" />
-    <div class="session-actions">
-      <el-button type="danger" plain :disabled="!hasSessions" @click="revokeAll">
-        <el-icon><SwitchButton /></el-icon>
-        {{ t("system.profile.session.action.revoke_all") }}
-      </el-button>
-    </div>
+    <ProTable
+      ref="proTable"
+      row-key="session_id"
+      :columns="columns"
+      :header-actions="headerActions"
+      :request-api="requestSessionTable"
+      :pagination="false"
+    />
   </el-card>
 </template>
 
 <script setup lang="ts">
 import { computed, ref } from "vue";
 import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
-import type { ColumnProps, ProTableInstance } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
+import type { ColumnProps, HeaderActionProps, ProTableInstance } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
 import { useRouter } from "vue-router";
 import { t } from "@liujitcn/kratos-admin-core";
 import { LOGIN_URL } from "@liujitcn/kratos-admin-core/config";
@@ -38,6 +39,15 @@ import type { BaseSession } from "@liujitcn/kratos-admin-system/rpc/system/admin
 const loading = ref(false);
 const proTable = ref<ProTableInstance>();
 const hasSessions = ref(false);
+const headerActions = computed<HeaderActionProps[]>(() => [
+  {
+    label: t("system.profile.session.action.revoke_all"),
+    type: "danger",
+    icon: SwitchButton,
+    disabled: () => !hasSessions.value,
+    onClick: () => revokeAll()
+  }
+]);
 const columns = computed<ColumnProps[]>(() => [
   {
     prop: "current",
@@ -140,10 +150,6 @@ function formatExpires(seconds: number) {
   color: var(--el-text-color-secondary);
   font-size: 13px;
 }
-.session-actions {
-  justify-content: flex-end;
-  margin-top: 20px;
-}
 @media screen and (width <= 640px) {
   .session-header {
     align-items: flex-start;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@liujitcn/kratos-admin-system",
   "private": false,
-  "version": "0.0.55",
+  "version": "0.0.56",
   "type": "module",
   "description": "kratos-admin system management module",
   "license": "MIT",
@@ -16,7 +16,7 @@
     "sortablejs": "^1.15.2",
     "swagger-ui-dist": "^5.32.15",
     "vue-element-plus-x": "^2.0.3",
-    "@liujitcn/kratos-admin-core": "0.0.55"
+    "@liujitcn/kratos-admin-core": "0.0.56"
   },
   "peerDependencies": {
     "@element-plus/icons-vue": "^2.3.1",