完善 ip 提取功能，优化更新主题样式

src/app/admin/bills/page.tsx

@@ -193,7 +193,7 @@ export default function BillsPage(props: BillsPageProps) {
             <Search/>
             <span>筛选</span>
           </Button>
-          <Button variant={`outline`} className={`h-9`} type="button" onClick={() => form.reset()}>
+          <Button theme={`outline`} className={`h-9`} type="button" onClick={() => form.reset()}>
             <Eraser/>
             <span>重置</span>
           </Button>

src/app/admin/extract/page.tsx

@@ -1,13 +1,12 @@
-import {ReactNode} from 'react'
 import Page from '@/components/page'
+import Extract from '@/components/composites/extract'
 
-export type ExtractPageProps = {
-}
+export type ExtractPageProps = {}
 
 export default async function ExtractPage(props: ExtractPageProps) {
   return (
     <Page>
-
+      <Extract/>
     </Page>
   )
 }

src/app/admin/purchase/page.tsx

@@ -1,4 +1,4 @@
-import Purchase from '@/components/composites/purchase/purchase'
+import Purchase from '@/components/composites/purchase'
 import Page from '@/components/page'
 
 export type PurchasePageProps = {}

src/app/admin/resources/page.tsx

@@ -204,7 +204,7 @@ export default function ResourcesPage(props: ResourcesPageProps) {
               <Search/>
               <span>筛选</span>
             </Button>
-            <Button variant={`outline`} className={`h-9`} onClick={() => form.reset({
+            <Button theme={`outline`} className={`h-9`} onClick={() => form.reset({
               type: 'all',
               resource_no: '',
               create_after: undefined,

src/app/admin/whitelist/page.tsx

@@ -244,7 +244,7 @@ export default function WhitelistPage(props: WhitelistPageProps) {
           添加白名单
         </Button>
         <Button
-          variant={`danger`}
+          theme={`error`}
           className={`ml-2`}
           disabled={selection.size === 0 || wait}
           onClick={() => confirmRemove()}>
@@ -294,7 +294,7 @@ export default function WhitelistPage(props: WhitelistPageProps) {
                     <div className="flex justify-end gap-2">
                       <Button
                         className={`h-9 w-9`}
-                        variant="outline"
+                        theme="outline"
                         onClick={() => openDialog('edit', item)}
                         disabled={wait}
                       >
@@ -303,7 +303,7 @@ export default function WhitelistPage(props: WhitelistPageProps) {
                       <Button
                         className={`h-9 w-9`}
                         onClick={() => confirmRemove(item.id)}
-                        variant={`danger`}
+                        theme={`error`}
                         disabled={wait}
                       >
                         <Trash2 className="w-4 h-4"/>
@@ -352,7 +352,7 @@ export default function WhitelistPage(props: WhitelistPageProps) {
               )}
             </FormField>
             <DialogFooter className={`gap-4 mt-4`}>
-              <Button variant={`outline`} type="button" onClick={() => toggleDialog(false)} disabled={wait}>取消</Button>
+              <Button theme={`outline`} type="button" onClick={() => toggleDialog(false)} disabled={wait}>取消</Button>
               <Button type={`submit`} disabled={wait}>
                 {wait && <Loader2 className="w-4 h-4 mr-2 animate-spin"/>}
                 保存
@@ -372,8 +372,8 @@ export default function WhitelistPage(props: WhitelistPageProps) {
             </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter>
-            <Button variant="outline" onClick={() => setAlertVisible(false)}>取消</Button>
-            <Button variant="danger" onClick={() => remove()}>删除</Button>
+            <Button theme="outline" onClick={() => setAlertVisible(false)}>取消</Button>
+            <Button theme="error" onClick={() => remove()}>删除</Button>
           </AlertDialogFooter>
         </AlertDialogContent>
       </AlertDialog>