refactor(stage-ui,ui): promote Callout to ui package

2026-01-07 21:16:33 +08:00
parent 1e8a07d9d1
commit 98ec5fffff
14 changed files with 15 additions and 22 deletions
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { BeatSyncStyleName } from '../../../../stage-ui/src/composables/live2d/beat-sync'

-import { Callout, Section } from '@proj-airi/stage-ui/components'
-import { Button, FieldCheckbox, FieldRange, FieldSelect } from '@proj-airi/ui'
+import { Section } from '@proj-airi/stage-ui/components'
+import { Button, Callout, FieldCheckbox, FieldRange, FieldSelect } from '@proj-airi/ui'
 import { useRafFn } from '@vueuse/core'
 import { computed, onMounted, reactive, ref, watch } from 'vue'

@@ -4,11 +4,11 @@ import type { ChatStreamEvent, ContextMessage } from '@proj-airi/stage-ui/types/

 import { errorMessageFrom } from '@moeru/std'
 import { ContextUpdateStrategy } from '@proj-airi/server-sdk'
-import { Callout, Section } from '@proj-airi/stage-ui/components'
+import { Section } from '@proj-airi/stage-ui/components'
 import { useCharacterOrchestratorStore } from '@proj-airi/stage-ui/stores/character-orchestrator'
 import { CHAT_STREAM_CHANNEL_NAME, CONTEXT_CHANNEL_NAME, useChatStore } from '@proj-airi/stage-ui/stores/chat'
 import { useModsServerChannelStore } from '@proj-airi/stage-ui/stores/mods/api/channel-server'
-import { Button, FieldCheckbox, FieldInput, FieldTextArea, Input, SelectTab } from '@proj-airi/ui'
+import { Button, Callout, FieldCheckbox, FieldInput, FieldTextArea, Input, SelectTab } from '@proj-airi/ui'
 import { useBroadcastChannel } from '@vueuse/core'
 import { nanoid } from 'nanoid'
 import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
@@ -1,6 +1,7 @@
 <script setup lang="ts">
-import { ButtonBar, Callout, Section } from '@proj-airi/stage-ui/components'
+import { ButtonBar, Section } from '@proj-airi/stage-ui/components'
 import { useMarkdownStressStore } from '@proj-airi/stage-ui/stores/markdown-stress'
+import { Callout } from '@proj-airi/ui'
 import { storeToRefs } from 'pinia'
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Callout } from '@proj-airi/stage-ui/components'
+import { Callout } from '@proj-airi/ui'
 </script>

 <template>
@@ -6,7 +6,6 @@ import type { $ZodType } from 'zod/v4/core'
 import { merge } from '@moeru/std'
 import {
  Alert,
-  Callout,
  ProviderAccountIdInput,
  ProviderAdvancedSettings,
  ProviderApiKeyInput,
@@ -18,7 +17,7 @@ import {
 } from '@proj-airi/stage-ui/components'
 import { getDefinedProvider, getSchemaDefault, getValidatorsOfProvider, validateProvider } from '@proj-airi/stage-ui/libs'
 import { useProviderCatalogStore } from '@proj-airi/stage-ui/stores/provider-catalog'
-import { Button, FieldInput, FieldKeyValues } from '@proj-airi/ui'
+import { Button, Callout, FieldInput, FieldKeyValues } from '@proj-airi/ui'
 import { refManualReset, useDebounceFn } from '@vueuse/core'
 import { DropdownMenuContent, DropdownMenuItem, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger } from 'reka-ui'
 import { computed, onMounted, ref, watch } from 'vue'
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import Callout from './Callout.vue'
+import { Callout } from '@proj-airi/ui'
 </script>

 <template>
@@ -1,7 +1,5 @@
 export * from './backgrounds'
-export { default as Callout } from './Callout.vue'
 export { default as PageHeader } from './PageHeader.vue'
 export * from './ripple-grid'
 export { default as Section } from './Section.vue'
 export * from './splitpanes'
-export { default as Tabs } from './Tabs.vue'
@@ -1,8 +1,7 @@
 <script setup lang="ts">
+import { Callout } from '@proj-airi/ui'
 import { useI18n } from 'vue-i18n'

-import Callout from '../layouts/Callout.vue'
-
 const { t } = useI18n()
 </script>

@@ -1,9 +1,7 @@
 <script setup lang="ts">
-import { FieldSelect } from '@proj-airi/ui'
+import { Callout, FieldSelect } from '@proj-airi/ui'
 import { computed } from 'vue'

-import Callout from '../../../layouts/Callout.vue'
-
 const props = withDefaults(defineProps<{
  enabled?: boolean
  granted?: boolean
@@ -1,10 +1,9 @@
 <script setup lang="ts">
-import { Button, FieldInput } from '@proj-airi/ui'
+import { Button, Callout, FieldInput } from '@proj-airi/ui'
 import { computed, inject, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'

 import { useProvidersStore } from '../../../../stores/providers'
-import { Callout } from '../../../layouts'
 import { Alert } from '../../../misc'
 import { ProviderAccountIdInput } from '../../../scenarios/providers'
 import { OnboardingContextKey } from './utils'
@@ -1,12 +1,11 @@
 <script setup lang="ts">
 import { useModelStore } from '@proj-airi/stage-ui-three'
-import { Button, SelectTab } from '@proj-airi/ui'
+import { Button, Callout, SelectTab } from '@proj-airi/ui'
 import { storeToRefs } from 'pinia'
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'

 import { Container, PropertyColor, PropertyNumber, PropertyPoint } from '../../../data-pane'
-import { Callout } from '../../../layouts'
 import { ColorPalette } from '../../../widgets'

 defineProps<{
@@ -2,12 +2,11 @@
 import type { DisplayModel } from '../../../../stores/display-models'

 import { ThreeScene, useModelStore } from '@proj-airi/stage-ui-three'
-import { Button } from '@proj-airi/ui'
+import { Button, Callout } from '@proj-airi/ui'
 import { useMouse } from '@vueuse/core'
 import { storeToRefs } from 'pinia'
 import { ref, watch } from 'vue'

-import Callout from '../../../layouts/Callout.vue'
 import Live2DScene from '../../../scenes/Live2D.vue'
 import Live2D from './Live2D.vue'
 import VRM from './VRM.vue'
@@ -1,2 +1,3 @@
 export { default as Button } from './Button.vue'
+export { default as Callout } from './Callout.vue'
 export { default as DoubleCheckButton } from './DoubleCheckButton.vue'