Appearance
@wakeadmin/assets
assets 库主要用于主题定制, 定义文案、静态资源的扩展点,详见 布局与主题
TIP
兼容 Vue 2/3, 可以用于基座和子应用
API
getAsset(key: string, fallback: string): string
获取资源,fallback 必须提供registerAsset(key: string, value: string): void
注册资源listenAssets(sub: () => void): Dispose
监听资源变动useAssets(key: MayRef<string>, fallback: MaybeRef<string>): Ref<string>
Vue Hooks 版本 getAsset
使用示例:
<<template>
<img :src="logo" />
</template>
<script setup>
import { useAssets } from '@wakeadmin/assets';
const logo = useAssets('MY_LOGO', DEFAULT_LOGO);
</script>
不过大部分情况,assets 都是通过运行容器注入, 模板示例:
<!--
[%- `<script>
// 静态资源注入
(window.__MAPP_ASSETS__ = (window.__MAPP_ASSETS__ || [])).push(${JSON.stringify(assets)});
</script>`
%]
-->