diff --git a/src/components/ab-popup.vue b/src/components/ab-popup.vue
index d569ff87..b7c036ed 100644
--- a/src/components/ab-popup.vue
+++ b/src/components/ab-popup.vue
@@ -8,22 +8,22 @@ import {
 
 const props = withDefaults(
   defineProps<{
-    show: boolean;
     title: string;
-    maskClick: boolean;
+    maskClick?: boolean;
+    css?: string;
   }>(),
   {
-    show: false,
     title: 'title',
     maskClick: true,
+    css: '',
   }
 );
 
-const emit = defineEmits(['update:show']);
+const show = defineModel('show', { default: false });
 
 function close() {
   if (props.maskClick) {
-    emit('update:show', false);
+    show.value = false;
   }
 }
 </script>
@@ -57,7 +57,7 @@ function close() {
             leave-to="opacity-0 scale-95"
           >
             <DialogPanel>
-              <ab-container :title="title">
+              <ab-container :title="title" :class="[css]">
                 <slot></slot>
               </ab-container>
             </DialogPanel>
diff --git a/src/components/ab-status-bar.vue b/src/components/ab-status-bar.vue
index 5c5eae97..34905a0e 100644
--- a/src/components/ab-status-bar.vue
+++ b/src/components/ab-status-bar.vue
@@ -5,7 +5,7 @@ import { AddOne, More } from '@icon-park/vue-next';
 withDefaults(
   defineProps<{
     running: boolean;
-    items: { id: number; icon: any; label: string }[];
+    items: { id: number; icon: any; label: string; handle: () => void }[];
   }>(),
   {
     running: false,
@@ -47,6 +47,7 @@ withDefaults(
             hover:bg-primary
             class="group"
             :class="[active ? 'text-white bg-theme-row' : 'text-black']"
+            @click="i.handle"
           >
             <div text-main>{{ i.label }}</div>