Skip to content
On this page

GrowCodeDeps

依赖注入面板:展示默认锁定项,支持添加 / 编辑 npm 或 host 依赖。

Props

属性类型默认值说明
modelValueCodeDependency[][]依赖列表(v-model
defaultDependenciesCodeDependency[]DEFAULT_SANDBOX_DEPENDENCIES默认锁定依赖

Events

事件参数说明
update:modelValue(list)列表变更
change(list)同列表变更(规范化后)

Slots

插槽说明
title标题区,默认文案「依赖注入」

CodeDependency

字段类型说明
namestring包名或注入标识(如 nanoid / GrowButton / useRequest
versionstringnpm 版本;host 可用作标签
source'npm' | 'host'来源
kind'component' | 'api' | 'util'类型
enabledboolean是否启用(锁定项始终启用)
lockedboolean默认注入:不可取消、不可删除
injectAsstring[]npm 加载后注入到 script 的导出名(可直接调用)

source 两种来源

source行为
host从宿主全局组件、expose.apis / modules 解析,不走 CDN
npm经 esm.sh 动态加载,可按 injectAs 挂到 script 作用域

引入

ts
import { GrowCodeDeps, DEFAULT_SANDBOX_DEPENDENCIES, mergeDependencies } from '@grow-admin-rock/code-sandbox'
// 或子路径
import { GrowCodeDeps } from '@grow-admin-rock/code-sandbox/code-deps'