@nbreak/vue 0.1.0

package/dist/cjs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["EXTENSION_TYPES","BUILTIN_PROPERTY_FIELD_TYPES","extensionRegistry","SchemaFormRenderer","PropertyFieldRenderer","extensionRegistry","EXTENSION_TYPES","eventBus","extensionRegistry","EXTENSION_TYPES"],"sources":["../../src/propertyFieldRegistry.js","../../src/composables/useDataScreen.js","../../src/components/PropertyFieldRenderer.vue","../../src/components/SchemaFormRenderer.vue","../../src/plugin.js","../../src/composables/useExtensionRegistry.js","../../src/index.js"],"sourcesContent":["/**\n * @nbreak/vue - 属性字段编辑器注册表\n *\n * 管理所有属性字段类型对应的编辑器组件\n * 内置类型由 SchemaFormRenderer 默认处理，扩展类型从此注册表获取\n */\n\nimport {\n  PROPERTY_FIELD_TYPES,\n  EXTENSION_TYPES,\n  BUILTIN_PROPERTY_FIELD_TYPES,\n} from '@nbreak/shared';\n\nclass PropertyFieldRegistry {\n  constructor() {\n    this.editors = new Map();     // fieldType -> { editor, options }\n    this.serializers = new Map(); // fieldType -> { serialize, deserialize, defaultValue }\n  }\n\n  /**\n   * 注册属性字段编辑器\n   * @param {string} fieldType - 字段类型\n   * @param {Object|Function} editor - Vue 组件\n   * @param {Object} [options]\n   * @param {Function} [options.defaultValue]\n   * @param {Function} [options.serialize]\n   * @param {Function} [options.deserialize]\n   */\n  register(fieldType, editor, options = {}) {\n    if (this.editors.has(fieldType)) {\n      console.warn(`[DataScreen] 属性字段 \"${fieldType}\" 已注册，覆盖`);\n    }\n    this.editors.set(fieldType, editor);\n    if (options.defaultValue || options.serialize || options.deserialize) {\n      this.serializers.set(fieldType, {\n        defaultValue: options.defaultValue || (() => null),\n        serialize: options.serialize || (v => v),\n        deserialize: options.deserialize || (v => v),\n      });\n    }\n  }\n\n  /**\n   * 从扩展定义注册\n   */\n  registerFromExtension(extension) {\n    if (!extension || extension.type !== EXTENSION_TYPES.PROPERTY_FIELD) return;\n    const def = extension.definition;\n    if (!def) return;\n    this.register(def.fieldType, def.editor, {\n      defaultValue: def.defaultValue,\n      serialize: def.serialize,\n      deserialize: def.deserialize,\n    });\n  }\n\n  /**\n   * 获取编辑器\n   */\n  get(fieldType) {\n    return this.editors.get(fieldType) || null;\n  }\n\n  /**\n   * 检查是否存在\n   */\n  has(fieldType) {\n    return this.editors.has(fieldType);\n  }\n\n  /**\n   * 是否为内置类型\n   */\n  isBuiltin(fieldType) {\n    return BUILTIN_PROPERTY_FIELD_TYPES.includes(fieldType);\n  }\n\n  /**\n   * 获取序列化器\n   */\n  getSerializer(fieldType) {\n    return this.serializers.get(fieldType) || {\n      defaultValue: () => null,\n      serialize: v => v,\n      deserialize: v => v,\n    };\n  }\n\n  /**\n   * 获取所有已注册字段类型\n   */\n  getAllTypes() {\n    return Array.from(this.editors.keys());\n  }\n\n  /**\n   * 清空\n   */\n  clear() {\n    this.editors.clear();\n    this.serializers.clear();\n  }\n\n  /**\n   * 获取数量\n   */\n  size() {\n    return this.editors.size;\n  }\n}\n\nexport { PropertyFieldRegistry };\nexport const propertyFieldRegistry = new PropertyFieldRegistry();\nexport default PropertyFieldRegistry;\n","/**\n * @nbreak/vue - useDataScreen composable\n *\n * 提供全局配置访问与扩展操作能力\n */\nimport { inject, getCurrentInstance } from 'vue';\nimport { extensionRegistry } from '@nbreak/core';\nimport { propertyFieldRegistry } from '../propertyFieldRegistry.js';\n\nexport const DATASCREEN_INJECTION_KEY = Symbol('datascreen');\n\n/**\n * 获取 DataScreen 全局配置\n */\nexport function useDataScreen() {\n  const instance = getCurrentInstance();\n  const config = instance?.appContext.config.globalProperties.$datascreen ||\n    inject(DATASCREEN_INJECTION_KEY, null);\n\n  return {\n    config,\n    extensionRegistry,\n    propertyFieldRegistry,\n    registerExtension: (ext) => extensionRegistry.register(ext),\n    unregisterExtension: (name) => extensionRegistry.unregister(name),\n  };\n}\n","<template>\n  <div class=\"ds-property-field\">\n    <component\n      v-if=\"editorComponent\"\n      :is=\"editorComponent\"\n      :modelValue=\"innerValue\"\n      :field=\"field\"\n      :props=\"propsData\"\n      :placeholder=\"field.placeholder || ''\"\n      @update:modelValue=\"onUpdate\"\n    />\n    <div v-else class=\"ds-property-field-fallback\">\n      <input\n        :value=\"innerValue\"\n        @input=\"onInputFallback\"\n        :placeholder=\"field.placeholder || field.label || ''\"\n        class=\"ds-property-field-input\"\n      />\n      <small v-if=\"!isBuiltin\" class=\"ds-property-field-warning\">\n        未知字段类型: {{ field.type }}\n      </small>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref, watch } from 'vue';\nimport { propertyFieldRegistry } from '../propertyFieldRegistry.js';\n\nconst props = defineProps({\n  modelValue: { default: null },\n  field: { type: Object, required: true },\n  propsData: { type: Object, default: () => ({}) },\n});\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst innerValue = ref(props.modelValue);\n\nwatch(() => props.modelValue, (val) => {\n  innerValue.value = val;\n});\n\nconst isBuiltin = computed(() => propertyFieldRegistry.isBuiltin(props.field.type));\nconst editorComponent = computed(() => propertyFieldRegistry.get(props.field.type));\n\nfunction onUpdate(val) {\n  innerValue.value = val;\n  emit('update:modelValue', val);\n}\n\nfunction onInputFallback(e) {\n  const val = e.target.value;\n  onUpdate(val);\n}\n</script>\n\n<style scoped>\n.ds-property-field {\n  width: 100%;\n}\n\n.ds-property-field-fallback {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.ds-property-field-input {\n  width: 100%;\n  padding: 4px 8px;\n  border: 1px solid rgba(255,255,255,0.15);\n  border-radius: 4px;\n  background: rgba(0,0,0,0.15);\n  color: inherit;\n  font-size: 13px;\n}\n\n.ds-property-field-input:focus {\n  outline: none;\n  border-color: #1890ff;\n}\n\n.ds-property-field-warning {\n  color: #faad14;\n  font-size: 11px;\n}\n</style>\n","<template>\n  <div class=\"ds-schema-form\">\n    <div\n      v-for=\"group in groupedFields\"\n      :key=\"group.name\"\n      class=\"ds-schema-form-group\"\n    >\n      <div class=\"ds-schema-form-group-title\">{{ group.name }}</div>\n      <div class=\"ds-schema-form-group-fields\">\n        <div\n          v-for=\"field in group.fields\"\n          :key=\"field.key\"\n          v-show=\"isFieldVisible(field)\"\n          class=\"ds-schema-form-field\"\n        >\n          <label class=\"ds-schema-form-label\">\n            {{ field.label }}\n            <span v-if=\"field.required\" class=\"ds-schema-form-required\">*</span>\n          </label>\n          <PropertyFieldRenderer\n            :modelValue=\"getFieldValue(field.key)\"\n            :field=\"field\"\n            :propsData=\"propsData\"\n            @update:modelValue=\"(val) => setFieldValue(field.key, val)\"\n          />\n          <small v-if=\"field.description\" class=\"ds-schema-form-description\">\n            {{ field.description }}\n          </small>\n          <small v-if=\"errors[field.key]\" class=\"ds-schema-form-error\">\n            {{ errors[field.key] }}\n          </small>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref, watch } from 'vue';\nimport { groupFields, getNestedValue, setNestedValue, isFieldVisible, validateField } from '@nbreak/shared';\nimport PropertyFieldRenderer from './PropertyFieldRenderer.vue';\n\nconst props = defineProps({\n  schema: { type: Array, default: () => [] },\n  modelValue: { type: Object, default: () => ({}) },\n  propsData: { type: Object, default: () => ({}) },\n  context: { type: Object, default: () => ({}) },\n});\n\nconst emit = defineEmits(['update:modelValue', 'validate']);\n\nconst errors = ref({});\n\nconst groupedFields = computed(() => groupFields(props.schema));\n\nwatch(() => props.modelValue, (val) => {\n  validate(val);\n}, { deep: true });\n\nfunction getFieldValue(key) {\n  return getNestedValue(props.modelValue, key);\n}\n\nfunction setFieldValue(key, value) {\n  const newObj = { ...props.modelValue };\n  setNestedValue(newObj, key, value);\n  emit('update:modelValue', newObj);\n}\n\nfunction isFieldVisibleLocal(field) {\n  return isFieldVisible(field, props.modelValue, { ...props.context, propsData: props.propsData });\n}\n\nfunction validate(data = props.modelValue) {\n  const errs = {};\n  for (const field of props.schema) {\n    if (!isFieldVisibleLocal(field)) continue;\n    const value = getFieldValue(field.key);\n    const result = validateField(field, value);\n    if (result !== true) {\n      errs[field.key] = result;\n    }\n  }\n  errors.value = errs;\n  emit('validate', { valid: Object.keys(errs).length === 0, errors: errs });\n  return Object.keys(errs).length === 0;\n}\n\ndefineExpose({ validate });\n</script>\n\n<style scoped>\n.ds-schema-form {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.ds-schema-form-group {\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 6px;\n  overflow: hidden;\n}\n\n.ds-schema-form-group-title {\n  padding: 8px 12px;\n  background: rgba(255,255,255,0.04);\n  font-size: 12px;\n  font-weight: 600;\n  color: rgba(255,255,255,0.85);\n}\n\n.ds-schema-form-group-fields {\n  padding: 8px 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.ds-schema-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.ds-schema-form-label {\n  font-size: 12px;\n  color: rgba(255,255,255,0.75);\n}\n\n.ds-schema-form-required {\n  color: #f5222d;\n  margin-left: 2px;\n}\n\n.ds-schema-form-description {\n  font-size: 11px;\n  color: rgba(255,255,255,0.45);\n}\n\n.ds-schema-form-error {\n  font-size: 11px;\n  color: #f5222d;\n}\n</style>\n","/**\n * @nbreak/vue - Vue 插件主入口\n *\n * 提供 app.use(DataScreenVue, { extensions, builtin, runtime }) 集成能力\n *\n * 注意：Vue 的 app.use() 不会 await async install，因此提供：\n *   1. DataScreenVuePlugin - 同步插件（注册全局组件、注入配置）\n *   2. setupDataScreen(app, options) - 异步 setup，await 后再 mount\n *\n * 对标：\n *   - DataV 嵌入式 SDK\n *   - Superset 的 @superset-ui/core + @superset-ui/vue\n */\nimport { extensionRegistry, pluginSystem, eventBus } from '@nbreak/core';\nimport { EXTENSION_TYPES, EXTENSION_STATUS } from '@nbreak/shared';\nimport { propertyFieldRegistry } from './propertyFieldRegistry.js';\nimport { DATASCREEN_INJECTION_KEY } from './composables/useDataScreen.js';\nimport SchemaFormRenderer from './components/SchemaFormRenderer.vue';\nimport PropertyFieldRenderer from './components/PropertyFieldRenderer.vue';\n\n/**\n * 异步 setup：加载扩展并注册\n * 应用方应在 app.mount() 之前 await 此函数\n *\n * @param {import('vue').App} app\n * @param {Object} [options]\n * @param {Array} [options.extensions] - 静态扩展数组\n * @param {Object} [options.builtin] - 启用内置包 { components, themes, datasources }\n * @param {Object} [options.runtime] - 运行时加载配置\n * @param {boolean} [options.autoRegisterComponents=true] - 自动注册组件扩展为全局组件\n */\nexport async function setupDataScreen(app, options = {}) {\n  const {\n    extensions = [],\n    builtin = {},\n    runtime: runtimeConfig = null,\n    autoRegisterComponents = true,\n  } = options;\n\n  const config = {\n    extensions: [],\n    builtin,\n    runtime: runtimeConfig,\n    version: '0.1.0',\n  };\n  app.config.globalProperties.$datascreen = config;\n  app.provide(DATASCREEN_INJECTION_KEY, config);\n\n  // 注册全局组件\n  app.component('SchemaFormRenderer', SchemaFormRenderer);\n  app.component('PropertyFieldRenderer', PropertyFieldRenderer);\n\n  // 加载内置包\n  if (builtin.themes) {\n    try {\n      const themesPkg = await import('@nbreak/themes');\n      const themeExtensions = themesPkg.extensions || (themesPkg.default ? themesPkg.default.extensions || [] : []);\n      for (const ext of themeExtensions) {\n        await extensionRegistry.register(ext);\n      }\n      console.log(`[DataScreen Vue] 已加载内置主题包 (${themeExtensions.length} 个)`);\n    } catch (e) {\n      console.warn('[DataScreen Vue] 内置主题包加载失败:', e.message);\n    }\n  }\n\n  if (builtin.datasources) {\n    try {\n      const dsPkg = await import('@nbreak/datasources');\n      const dsExtensions = dsPkg.extensions || (dsPkg.default ? dsPkg.default.extensions || [] : []);\n      for (const ext of dsExtensions) {\n        await extensionRegistry.register(ext);\n      }\n      console.log(`[DataScreen Vue] 已加载内置数据源包 (${dsExtensions.length} 个)`);\n    } catch (e) {\n      console.warn('[DataScreen Vue] 内置数据源包加载失败:', e.message);\n    }\n  }\n\n  if (builtin.ui || builtin.components) {\n    try {\n      const uiPkg = await import('@nbreak/ui');\n      const uiExtensions = uiPkg.extensions || (uiPkg.default ? uiPkg.default.extensions || [] : []);\n      for (const ext of uiExtensions) {\n        await extensionRegistry.register(ext);\n        if (autoRegisterComponents && ext.type === EXTENSION_TYPES.COMPONENT) {\n          const def = ext.definition;\n          if (def && def.component) {\n            app.component(def.type, def.component);\n          }\n        }\n      }\n      console.log(`[DataScreen Vue] 已加载内置组件包 (${uiExtensions.length} 个)`);\n    } catch (e) {\n      console.warn('[DataScreen Vue] 内置组件包加载失败:', e.message);\n    }\n  }\n\n  // 注册静态扩展\n  for (const ext of extensions) {\n    await extensionRegistry.register(ext);\n    config.extensions.push(ext.name);\n\n    if (ext.type === EXTENSION_TYPES.PROPERTY_FIELD) {\n      propertyFieldRegistry.registerFromExtension(ext);\n    }\n\n    if (autoRegisterComponents && ext.type === EXTENSION_TYPES.COMPONENT) {\n      const def = ext.definition;\n      if (def && def.component) {\n        app.component(def.type, def.component);\n      }\n    }\n  }\n\n  // 运行时加载\n  if (runtimeConfig) {\n    try {\n      const { loadExtensions, setHostVersion } = await import('@nbreak/runtime-loader');\n      setHostVersion(config.version);\n\n      if (runtimeConfig.manifestRegistry) {\n        const { manifestRegistry } = await import('@nbreak/runtime-loader');\n        manifestRegistry.addSource(runtimeConfig.manifestRegistry);\n\n        if (runtimeConfig.autoLoad) {\n          await manifestRegistry.sync();\n          const results = await loadExtensions(manifestRegistry.getAll());\n          const success = results.filter(r => r.success).length;\n          const failed = results.filter(r => !r.success).length;\n          console.log(`[DataScreen Vue] 运行时扩展加载: ${success} 成功, ${failed} 失败`);\n\n          for (const result of results) {\n            if (result.success && result.extension?.type === EXTENSION_TYPES.PROPERTY_FIELD) {\n              propertyFieldRegistry.registerFromExtension(result.extension);\n            }\n          }\n        }\n      }\n    } catch (e) {\n      console.warn('[DataScreen Vue] 运行时加载器初始化失败:', e.message);\n    }\n  }\n\n  console.log(`[DataScreen Vue] setup 完成 (扩展: ${extensionRegistry.size()} 个)`);\n  return config;\n}\n\n/**\n * 同步 Vue 插件（仅注册全局组件和注入配置，不加载扩展）\n * 如需加载扩展，请使用 setupDataScreen()\n */\nexport const DataScreenVuePlugin = {\n  name: 'DataScreenVue',\n  version: '0.1.0',\n\n  install(app, options = {}) {\n    const config = {\n      extensions: [],\n      builtin: options.builtin || {},\n      runtime: options.runtime || null,\n      version: '0.1.0',\n    };\n    app.config.globalProperties.$datascreen = config;\n    app.provide(DATASCREEN_INJECTION_KEY, config);\n    app.component('SchemaFormRenderer', SchemaFormRenderer);\n    app.component('PropertyFieldRenderer', PropertyFieldRenderer);\n\n    // 如果传入了 extensions，同步注册（不 await，fire-and-forget）\n    if (options.extensions) {\n      for (const ext of options.extensions) {\n        extensionRegistry.register(ext);\n        if (options.autoRegisterComponents !== false && ext.type === EXTENSION_TYPES.COMPONENT) {\n          const def = ext.definition;\n          if (def && def.component) {\n            app.component(def.type, def.component);\n          }\n        }\n        if (ext.type === EXTENSION_TYPES.PROPERTY_FIELD) {\n          propertyFieldRegistry.registerFromExtension(ext);\n        }\n      }\n    }\n  },\n};\n\nexport default DataScreenVuePlugin;\n","/**\n * @nbreak/vue - useExtensionRegistry composable\n *\n * 提供 Vue 响应式访问扩展注册表的能力\n */\nimport { ref, computed, onUnmounted } from 'vue';\nimport { extensionRegistry, eventBus, EXTENSION_TYPES } from '@nbreak/core';\n\n/**\n * Vue 响应式访问扩展注册表\n */\nexport function useExtensionRegistry() {\n  const refreshTick = ref(0);\n\n  const refresh = () => { refreshTick.value++; };\n\n  const unsubscribe = eventBus.on('extension:registered', refresh);\n  const unsubscribe2 = eventBus.on('extension:unregistered', refresh);\n  const unsubscribe3 = eventBus.on('extension:enabled', refresh);\n  const unsubscribe4 = eventBus.on('extension:disabled', refresh);\n\n  onUnmounted(() => {\n    unsubscribe();\n    unsubscribe2();\n    unsubscribe3();\n    unsubscribe4();\n  });\n\n  const allExtensions = computed(() => {\n    refreshTick.value;\n    return extensionRegistry.getAll();\n  });\n\n  const components = computed(() => {\n    refreshTick.value;\n    return extensionRegistry.getByType(EXTENSION_TYPES.COMPONENT);\n  });\n\n  const themes = computed(() => {\n    refreshTick.value;\n    return extensionRegistry.getByType(EXTENSION_TYPES.THEME);\n  });\n\n  const datasources = computed(() => {\n    refreshTick.value;\n    return extensionRegistry.getByType(EXTENSION_TYPES.DATASOURCE);\n  });\n\n  const templates = computed(() => {\n    refreshTick.value;\n    return extensionRegistry.getByType(EXTENSION_TYPES.TEMPLATE);\n  });\n\n  const actions = computed(() => {\n    refreshTick.value;\n    return extensionRegistry.getByType(EXTENSION_TYPES.ACTION);\n  });\n\n  const propertyFields = computed(() => {\n    refreshTick.value;\n    return extensionRegistry.getByType(EXTENSION_TYPES.PROPERTY_FIELD);\n  });\n\n  return {\n    allExtensions,\n    components,\n    themes,\n    datasources,\n    templates,\n    actions,\n    propertyFields,\n    getExtension: (type, name) => extensionRegistry.get(type, name),\n    hasExtension: (name) => extensionRegistry.has(name),\n  };\n}\n","/**\n * @nbreak/vue - 入口\n *\n * 提供：\n *   - DataScreenVuePlugin（默认导出，app.use() 集成）\n *   - SchemaFormRenderer（统一配置面板渲染器）\n *   - PropertyFieldRenderer（字段渲染器）\n *   - useExtensionRegistry / useDataScreen composables\n *   - propertyFieldRegistry（字段类型注册表）\n *   - re-export core 全部 API\n */\n\n// Vue 插件\nexport { DataScreenVuePlugin as default, DataScreenVuePlugin, setupDataScreen } from './plugin.js';\n\n// 组件\nexport { default as SchemaFormRenderer } from './components/SchemaFormRenderer.vue';\nexport { default as PropertyFieldRenderer } from './components/PropertyFieldRenderer.vue';\n\n// Composables\nexport { useExtensionRegistry } from './composables/useExtensionRegistry.js';\nexport { useDataScreen, DATASCREEN_INJECTION_KEY } from './composables/useDataScreen.js';\n\n// 属性字段注册表\nexport { propertyFieldRegistry, PropertyFieldRegistry } from './propertyFieldRegistry.js';\n\n// Core re-export（便于应用方一处导入）\nexport {\n  extensionRegistry,\n  pluginSystem,\n  eventBus,\n  EventBus,\n  PluginSystem,\n  ExtensionRegistry,\n  EXTENSION_TYPES,\n  EXTENSION_STATUS,\n  PROPERTY_FIELD_TYPES,\n  COMPONENT_CATEGORIES,\n  HOOK_NAMES,\n} from '@nbreak/core';\n\n// SDK re-export\nexport {\n  defineComponentExtension,\n  defineThemeExtension,\n  defineDataSourceExtension,\n  defineTemplateExtension,\n  defineActionExtension,\n  definePropertyFieldExtension,\n  defineExtension,\n  registerExtensions,\n} from '@nbreak/sdk';\n\n// Runtime loader re-export\nexport {\n  loadExtension,\n  loadExtensions,\n  unloadExtension,\n  manifestRegistry,\n} from '@nbreak/runtime-loader';\n\n// Shared re-export\nexport {\n  definePropertyField,\n  definePropertyGroup,\n  groupFields,\n  resolveDefaults,\n  getNestedValue,\n  setNestedValue,\n  isFieldVisible,\n  validateField,\n  validateManifest,\n  createManifest,\n} from '@nbreak/shared';\n\n// 版本信息\nexport const VERSION = '0.1.0';\nexport const PACKAGE_NAME = '@nbreak/vue';\n"],"mappings":";;;;;;;;;;;;;;;;AAaA,IAAM,wBAAN,MAA4B;CAC1B,cAAc;EACZ,KAAK,0BAAU,IAAI,IAAI;EACvB,KAAK,8BAAc,IAAI,IAAI;CAC7B;;;;;;;;;;CAWA,SAAS,WAAW,QAAQ,UAAU,CAAC,GAAG;EACxC,IAAI,KAAK,QAAQ,IAAI,SAAS,GAC5B,QAAQ,KAAK,sBAAsB,UAAU,SAAS;EAExD,KAAK,QAAQ,IAAI,WAAW,MAAM;EAClC,IAAI,QAAQ,gBAAgB,QAAQ,aAAa,QAAQ,aACvD,KAAK,YAAY,IAAI,WAAW;GAC9B,cAAc,QAAQ,uBAAuB;GAC7C,WAAW,QAAQ,eAAc,MAAK;GACtC,aAAa,QAAQ,iBAAgB,MAAK;EAC5C,CAAC;CAEL;;;;CAKA,sBAAsB,WAAW;EAC/B,IAAI,CAAC,aAAa,UAAU,SAASA,eAAAA,gBAAgB,gBAAgB;EACrE,MAAM,MAAM,UAAU;EACtB,IAAI,CAAC,KAAK;EACV,KAAK,SAAS,IAAI,WAAW,IAAI,QAAQ;GACvC,cAAc,IAAI;GAClB,WAAW,IAAI;GACf,aAAa,IAAI;EACnB,CAAC;CACH;;;;CAKA,IAAI,WAAW;EACb,OAAO,KAAK,QAAQ,IAAI,SAAS,KAAK;CACxC;;;;CAKA,IAAI,WAAW;EACb,OAAO,KAAK,QAAQ,IAAI,SAAS;CACnC;;;;CAKA,UAAU,WAAW;EACnB,OAAOC,eAAAA,6BAA6B,SAAS,SAAS;CACxD;;;;CAKA,cAAc,WAAW;EACvB,OAAO,KAAK,YAAY,IAAI,SAAS,KAAK;GACxC,oBAAoB;GACpB,YAAW,MAAK;GAChB,cAAa,MAAK;EACpB;CACF;;;;CAKA,cAAc;EACZ,OAAO,MAAM,KAAK,KAAK,QAAQ,KAAK,CAAC;CACvC;;;;CAKA,QAAQ;EACN,KAAK,QAAQ,MAAM;EACnB,KAAK,YAAY,MAAM;CACzB;;;;CAKA,OAAO;EACL,OAAO,KAAK,QAAQ;CACtB;AACF;AAGA,IAAa,wBAAwB,IAAI,sBAAsB;;;;;;;;ACvG/D,IAAa,2BAA2B,OAAO,YAAY;;;;AAK3D,SAAgB,gBAAgB;CAK9B,OAAO;EACL,SAAA,GAAA,IAAA,mBAAA,CAJoB,CAAC,EAAE,WAAW,OAAO,iBAAiB,gBAAA,GAAA,IAAA,OAAA,CACnD,0BAA0B,IAAI;EAIrC,mBAAA,aAAA;EACA;EACA,oBAAoB,QAAQC,aAAAA,kBAAkB,SAAS,GAAG;EAC1D,sBAAsB,SAASA,aAAAA,kBAAkB,WAAW,IAAI;CAClE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECGA,MAAM,QAAQ;EAMd,MAAM,OAAO;EAEb,MAAM,cAAA,GAAA,IAAA,IAAA,CAAiB,MAAM,UAAU;EAEvC,CAAA,GAAA,IAAA,MAAA,OAAY,MAAM,aAAa,QAAQ;GACrC,WAAW,QAAQ;EACrB,CAAC;EAED,MAAM,aAAA,GAAA,IAAA,SAAA,OAA2B,sBAAsB,UAAU,MAAM,MAAM,IAAI,CAAC;EAClF,MAAM,mBAAA,GAAA,IAAA,SAAA,OAAiC,sBAAsB,IAAI,MAAM,MAAM,IAAI,CAAC;EAElF,SAAS,SAAS,KAAK;GACrB,WAAW,QAAQ;GACnB,KAAK,qBAAqB,GAAG;EAC/B;EAEA,SAAS,gBAAgB,GAAG;GAC1B,MAAM,MAAM,EAAE,OAAO;GACrB,SAAS,GAAG;EACd;;4DAhCQ,OArBN,cAqBM,CAnBI,gBAAA,UAAA,GAAA,IAAA,UAAA,CAAA,IAAA,GAAA,IAAA,YAAA,EAAA,GAAA,IAAA,wBAAA,CACD,gBAAA,KAAe,GAAA;;IACnB,YAAY,WAAA;IACZ,OAAO,QAAA;IACP,OAAO,QAAA;IACP,aAAa,QAAA,MAAM,eAAW;IAC9B,uBAAmB;;;;;;4DAYhB,OAVN,cAUM,EAAA,GAAA,IAAA,mBAAA,CAJF,SAAA;IAJC,OAAO,WAAA;IACP,SAAO;IACP,aAAa,QAAA,MAAM,eAAe,QAAA,MAAM,SAAK;IAC9C,OAAM;gCAEM,UAAA,UAAA,GAAA,IAAA,UAAA,CAAA,IAAA,GAAA,IAAA,mBAAA,CAEN,SAFR,cAA2D,eAAA,GAAA,IAAA,gBAAA,CAC9C,QAAA,MAAM,IAAI,GAAA,CAAA,MAAA,GAAA,IAAA,mBAAA,CAAA,IAAA,IAAA,CAAA,CAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECuB7B,MAAM,QAAQ;EAOd,MAAM,OAAO;EAEb,MAAM,UAAA,GAAA,IAAA,IAAA,CAAa,CAAC,CAAC;EAErB,MAAM,iBAAA,GAAA,IAAA,SAAA,QAAA,GAAA,eAAA,YAAA,CAA2C,MAAM,MAAM,CAAC;EAE9D,CAAA,GAAA,IAAA,MAAA,OAAY,MAAM,aAAa,QAAQ;GACrC,SAAS,GAAG;EACd,GAAG,EAAE,MAAM,KAAK,CAAC;EAEjB,SAAS,cAAc,KAAK;GAC1B,QAAA,GAAA,eAAA,eAAA,CAAsB,MAAM,YAAY,GAAG;EAC7C;EAEA,SAAS,cAAc,KAAK,OAAO;GACjC,MAAM,SAAS,EAAE,GAAG,MAAM,WAAW;GACrC,CAAA,GAAA,eAAA,eAAA,CAAe,QAAQ,KAAK,KAAK;GACjC,KAAK,qBAAqB,MAAM;EAClC;EAEA,SAAS,oBAAoB,OAAO;GAClC,QAAA,GAAA,eAAA,eAAA,CAAsB,OAAO,MAAM,YAAY;IAAE,GAAG,MAAM;IAAS,WAAW,MAAM;GAAU,CAAC;EACjG;EAEA,SAAS,SAAS,OAAO,MAAM,YAAY;GACzC,MAAM,OAAO,CAAC;GACd,KAAK,MAAM,SAAS,MAAM,QAAQ;IAChC,IAAI,CAAC,oBAAoB,KAAK,GAAG;IAEjC,MAAM,UAAA,GAAA,eAAA,cAAA,CAAuB,OADf,cAAc,MAAM,GACM,CAAC;IACzC,IAAI,WAAW,MACb,KAAK,MAAM,OAAO;GAEtB;GACA,OAAO,QAAQ;GACf,KAAK,YAAY;IAAE,OAAO,OAAO,KAAK,IAAI,CAAC,CAAC,WAAW;IAAG,QAAQ;GAAK,CAAC;GACxE,OAAO,OAAO,KAAK,IAAI,CAAC,CAAC,WAAW;EACtC;EAEA,SAAa,EAAE,SAAS,CAAC;;4DAtDjB,OAjCN,YAiCM,GAAA,GAAA,IAAA,UAAA,CAAA,IAAA,IAAA,GAAA,IAAA,mBAAA,CADE,IAAA,UAAA,OAAA,GAAA,IAAA,WAAA,CA9BY,cAAA,QAAT,UAAK;6DA8BR,OAAA;KA7BH,KAAK,MAAM;KACZ,OAAM;oCAEwD,OAA9D,aAAA,GAAA,IAAA,gBAAA,CAA2C,MAAM,IAAI,GAAA,CAAA,IAAA,GAAA,IAAA,mBAAA,CAyB/C,OAxBN,YAwBM,GAAA,GAAA,IAAA,UAAA,CAAA,IAAA,IAAA,GAAA,IAAA,mBAAA,CADE,IAAA,UAAA,OAAA,GAAA,IAAA,WAAA,CArBY,MAAM,SAAf,UAAK;uFAqBR,OAAA;MApBH,KAAK,MAAM;MAEZ,OAAM;;kCAKE,SAHR,YAGQ,EAAA,GAAA,IAAA,gBAAA,EAAA,GAAA,IAAA,gBAAA,CAFH,MAAM,KAAK,IAAG,KACjB,CAAA,GAAY,MAAM,aAAA,GAAA,IAAA,UAAA,CAAA,IAAA,GAAA,IAAA,mBAAA,CAAkD,QAApE,YAA4D,GAAC,MAAA,GAAA,IAAA,mBAAA,CAAA,IAAA,IAAA,CAAA,CAAA;2BAO7D,+BAAA;OAJC,YAAY,cAAc,MAAM,GAAG;OAC5B;OACP,WAAW,QAAA;OACX,wBAAoB,QAAQ,cAAc,MAAM,KAAK,GAAG;;;;;;;MAE9C,MAAM,gBAAA,GAAA,IAAA,UAAA,CAAA,IAAA,GAAA,IAAA,mBAAA,CAEX,SAFR,aAAA,GAAA,IAAA,gBAAA,CACK,MAAM,WAAW,GAAA,CAAA,MAAA,GAAA,IAAA,mBAAA,CAAA,IAAA,IAAA;MAET,OAAA,MAAO,MAAM,SAAA,GAAA,IAAA,UAAA,CAAA,IAAA,GAAA,IAAA,mBAAA,CAElB,SAFR,aAAA,GAAA,IAAA,gBAAA,CACK,OAAA,MAAO,MAAM,IAAG,GAAA,CAAA,MAAA,GAAA,IAAA,mBAAA,CAAA,IAAA,IAAA;sCAjBb,eAAA,cAAA,CAAc,CAAC,KAAK,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACmBtC,eAAsB,gBAAgB,KAAK,UAAU,CAAC,GAAG;CACvD,MAAM,EACJ,aAAa,CAAC,GACd,UAAU,CAAC,GACX,SAAS,gBAAgB,MACzB,yBAAyB,SACvB;CAEJ,MAAM,SAAS;EACb,YAAY,CAAC;EACb;EACA,SAAS;EACT,SAAS;CACX;CACA,IAAI,OAAO,iBAAiB,cAAc;CAC1C,IAAI,QAAQ,0BAA0B,MAAM;CAG5C,IAAI,UAAU,sBAAsBC,0BAAkB;CACtD,IAAI,UAAU,yBAAyBC,6BAAqB;CAG5D,IAAI,QAAQ,QACV,IAAI;EACF,MAAM,YAAY,MAAM,OAAO;EAC/B,MAAM,kBAAkB,UAAU,eAAe,UAAU,UAAU,UAAU,QAAQ,cAAc,CAAC,IAAI,CAAC;EAC3G,KAAK,MAAM,OAAO,iBAChB,MAAMC,aAAAA,kBAAkB,SAAS,GAAG;EAEtC,QAAQ,IAAI,8BAA8B,gBAAgB,OAAO,IAAI;CACvE,SAAS,GAAG;EACV,QAAQ,KAAK,+BAA+B,EAAE,OAAO;CACvD;CAGF,IAAI,QAAQ,aACV,IAAI;EACF,MAAM,QAAQ,MAAM,OAAO;EAC3B,MAAM,eAAe,MAAM,eAAe,MAAM,UAAU,MAAM,QAAQ,cAAc,CAAC,IAAI,CAAC;EAC5F,KAAK,MAAM,OAAO,cAChB,MAAMA,aAAAA,kBAAkB,SAAS,GAAG;EAEtC,QAAQ,IAAI,+BAA+B,aAAa,OAAO,IAAI;CACrE,SAAS,GAAG;EACV,QAAQ,KAAK,gCAAgC,EAAE,OAAO;CACxD;CAGF,IAAI,QAAQ,MAAM,QAAQ,YACxB,IAAI;EACF,MAAM,QAAQ,MAAM,OAAO;EAC3B,MAAM,eAAe,MAAM,eAAe,MAAM,UAAU,MAAM,QAAQ,cAAc,CAAC,IAAI,CAAC;EAC5F,KAAK,MAAM,OAAO,cAAc;GAC9B,MAAMA,aAAAA,kBAAkB,SAAS,GAAG;GACpC,IAAI,0BAA0B,IAAI,SAASC,eAAAA,gBAAgB,WAAW;IACpE,MAAM,MAAM,IAAI;IAChB,IAAI,OAAO,IAAI,WACb,IAAI,UAAU,IAAI,MAAM,IAAI,SAAS;GAEzC;EACF;EACA,QAAQ,IAAI,8BAA8B,aAAa,OAAO,IAAI;CACpE,SAAS,GAAG;EACV,QAAQ,KAAK,+BAA+B,EAAE,OAAO;CACvD;CAIF,KAAK,MAAM,OAAO,YAAY;EAC5B,MAAMD,aAAAA,kBAAkB,SAAS,GAAG;EACpC,OAAO,WAAW,KAAK,IAAI,IAAI;EAE/B,IAAI,IAAI,SAASC,eAAAA,gBAAgB,gBAC/B,sBAAsB,sBAAsB,GAAG;EAGjD,IAAI,0BAA0B,IAAI,SAASA,eAAAA,gBAAgB,WAAW;GACpE,MAAM,MAAM,IAAI;GAChB,IAAI,OAAO,IAAI,WACb,IAAI,UAAU,IAAI,MAAM,IAAI,SAAS;EAEzC;CACF;CAGA,IAAI,eACF,IAAI;EACF,MAAM,EAAE,gBAAgB,mBAAmB,MAAM,OAAO;EACxD,eAAe,OAAO,OAAO;EAE7B,IAAI,cAAc,kBAAkB;GAClC,MAAM,EAAE,qBAAqB,MAAM,OAAO;GAC1C,iBAAiB,UAAU,cAAc,gBAAgB;GAEzD,IAAI,cAAc,UAAU;IAC1B,MAAM,iBAAiB,KAAK;IAC5B,MAAM,UAAU,MAAM,eAAe,iBAAiB,OAAO,CAAC;IAC9D,MAAM,UAAU,QAAQ,QAAO,MAAK,EAAE,OAAO,CAAC,CAAC;IAC/C,MAAM,SAAS,QAAQ,QAAO,MAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IAC/C,QAAQ,IAAI,6BAA6B,QAAQ,OAAO,OAAO,IAAI;IAEnE,KAAK,MAAM,UAAU,SACnB,IAAI,OAAO,WAAW,OAAO,WAAW,SAASA,eAAAA,gBAAgB,gBAC/D,sBAAsB,sBAAsB,OAAO,SAAS;GAGlE;EACF;CACF,SAAS,GAAG;EACV,QAAQ,KAAK,iCAAiC,EAAE,OAAO;CACzD;CAGF,QAAQ,IAAI,kCAAkCD,aAAAA,kBAAkB,KAAK,EAAE,IAAI;CAC3E,OAAO;AACT;;;;;AAMA,IAAa,sBAAsB;CACjC,MAAM;CACN,SAAS;CAET,QAAQ,KAAK,UAAU,CAAC,GAAG;EACzB,MAAM,SAAS;GACb,YAAY,CAAC;GACb,SAAS,QAAQ,WAAW,CAAC;GAC7B,SAAS,QAAQ,WAAW;GAC5B,SAAS;EACX;EACA,IAAI,OAAO,iBAAiB,cAAc;EAC1C,IAAI,QAAQ,0BAA0B,MAAM;EAC5C,IAAI,UAAU,sBAAsBF,0BAAkB;EACtD,IAAI,UAAU,yBAAyBC,6BAAqB;EAG5D,IAAI,QAAQ,YACV,KAAK,MAAM,OAAO,QAAQ,YAAY;GACpC,aAAA,kBAAkB,SAAS,GAAG;GAC9B,IAAI,QAAQ,2BAA2B,SAAS,IAAI,SAASE,eAAAA,gBAAgB,WAAW;IACtF,MAAM,MAAM,IAAI;IAChB,IAAI,OAAO,IAAI,WACb,IAAI,UAAU,IAAI,MAAM,IAAI,SAAS;GAEzC;GACA,IAAI,IAAI,SAASA,eAAAA,gBAAgB,gBAC/B,sBAAsB,sBAAsB,GAAG;EAEnD;CAEJ;AACF;;;;;;;;;;;AC7KA,SAAgB,uBAAuB;CACrC,MAAM,eAAA,GAAA,IAAA,IAAA,CAAkB,CAAC;CAEzB,MAAM,gBAAgB;EAAE,YAAY;CAAS;CAE7C,MAAM,cAAcC,aAAAA,SAAS,GAAG,wBAAwB,OAAO;CAC/D,MAAM,eAAeA,aAAAA,SAAS,GAAG,0BAA0B,OAAO;CAClE,MAAM,eAAeA,aAAAA,SAAS,GAAG,qBAAqB,OAAO;CAC7D,MAAM,eAAeA,aAAAA,SAAS,GAAG,sBAAsB,OAAO;CAE9D,CAAA,GAAA,IAAA,YAAA,OAAkB;EAChB,YAAY;EACZ,aAAa;EACb,aAAa;EACb,aAAa;CACf,CAAC;CAqCD,OAAO;EACL,gBAAA,GAAA,IAAA,SAAA,OApCmC;GACnC,YAAY;GACZ,OAAOC,aAAAA,kBAAkB,OAAO;EAClC,CAiCc;EACZ,aAAA,GAAA,IAAA,SAAA,OAhCgC;GAChC,YAAY;GACZ,OAAOA,aAAAA,kBAAkB,UAAUC,aAAAA,gBAAgB,SAAS;EAC9D,CA6BW;EACT,SAAA,GAAA,IAAA,SAAA,OA5B4B;GAC5B,YAAY;GACZ,OAAOD,aAAAA,kBAAkB,UAAUC,aAAAA,gBAAgB,KAAK;EAC1D,CAyBO;EACL,cAAA,GAAA,IAAA,SAAA,OAxBiC;GACjC,YAAY;GACZ,OAAOD,aAAAA,kBAAkB,UAAUC,aAAAA,gBAAgB,UAAU;EAC/D,CAqBY;EACV,YAAA,GAAA,IAAA,SAAA,OApB+B;GAC/B,YAAY;GACZ,OAAOD,aAAAA,kBAAkB,UAAUC,aAAAA,gBAAgB,QAAQ;EAC7D,CAiBU;EACR,UAAA,GAAA,IAAA,SAAA,OAhB6B;GAC7B,YAAY;GACZ,OAAOD,aAAAA,kBAAkB,UAAUC,aAAAA,gBAAgB,MAAM;EAC3D,CAaQ;EACN,iBAAA,GAAA,IAAA,SAAA,OAZoC;GACpC,YAAY;GACZ,OAAOD,aAAAA,kBAAkB,UAAUC,aAAAA,gBAAgB,cAAc;EACnE,CASe;EACb,eAAe,MAAM,SAASD,aAAAA,kBAAkB,IAAI,MAAM,IAAI;EAC9D,eAAe,SAASA,aAAAA,kBAAkB,IAAI,IAAI;CACpD;AACF;;;ACEA,IAAa,UAAU;AACvB,IAAa,eAAe"}

package/dist/cjs/vue.css

@@ -0,0 +1,72 @@
+
+.ds-property-field[data-v-93e4a7cd] {
+  width: 100%;
+}
+.ds-property-field-fallback[data-v-93e4a7cd] {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.ds-property-field-input[data-v-93e4a7cd] {
+  width: 100%;
+  padding: 4px 8px;
+  border: 1px solid rgba(255,255,255,0.15);
+  border-radius: 4px;
+  background: rgba(0,0,0,0.15);
+  color: inherit;
+  font-size: 13px;
+}
+.ds-property-field-input[data-v-93e4a7cd]:focus {
+  outline: none;
+  border-color: #1890ff;
+}
+.ds-property-field-warning[data-v-93e4a7cd] {
+  color: #faad14;
+  font-size: 11px;
+}
+
+.ds-schema-form[data-v-e5ecc246] {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.ds-schema-form-group[data-v-e5ecc246] {
+  border: 1px solid rgba(255,255,255,0.08);
+  border-radius: 6px;
+  overflow: hidden;
+}
+.ds-schema-form-group-title[data-v-e5ecc246] {
+  padding: 8px 12px;
+  background: rgba(255,255,255,0.04);
+  font-size: 12px;
+  font-weight: 600;
+  color: rgba(255,255,255,0.85);
+}
+.ds-schema-form-group-fields[data-v-e5ecc246] {
+  padding: 8px 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.ds-schema-form-field[data-v-e5ecc246] {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.ds-schema-form-label[data-v-e5ecc246] {
+  font-size: 12px;
+  color: rgba(255,255,255,0.75);
+}
+.ds-schema-form-required[data-v-e5ecc246] {
+  color: #f5222d;
+  margin-left: 2px;
+}
+.ds-schema-form-description[data-v-e5ecc246] {
+  font-size: 11px;
+  color: rgba(255,255,255,0.45);
+}
+.ds-schema-form-error[data-v-e5ecc246] {
+  font-size: 11px;
+  color: #f5222d;
+}
+/*$vite$:1*/

package/dist/esm/index.js

@@ -0,0 +1,487 @@
+import { COMPONENT_CATEGORIES, EXTENSION_STATUS, EXTENSION_TYPES, EXTENSION_TYPES as EXTENSION_TYPES$1, EventBus, ExtensionRegistry, HOOK_NAMES, PROPERTY_FIELD_TYPES, PluginSystem, eventBus, eventBus as eventBus$1, extensionRegistry, extensionRegistry as extensionRegistry$1, pluginSystem } from "@nbreak/core";
+import { BUILTIN_PROPERTY_FIELD_TYPES, EXTENSION_TYPES as EXTENSION_TYPES$2, createManifest, definePropertyField, definePropertyGroup, getNestedValue, getNestedValue as getNestedValue$1, groupFields, groupFields as groupFields$1, isFieldVisible, isFieldVisible as isFieldVisible$1, resolveDefaults, setNestedValue, setNestedValue as setNestedValue$1, validateField, validateField as validateField$1, validateManifest } from "@nbreak/shared";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, getCurrentInstance, inject, onUnmounted, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, vShow, watch, withDirectives } from "vue";
+import { defineActionExtension, defineComponentExtension, defineDataSourceExtension, defineExtension, definePropertyFieldExtension, defineTemplateExtension, defineThemeExtension, registerExtensions } from "@nbreak/sdk";
+import { loadExtension, loadExtensions, manifestRegistry, unloadExtension } from "@nbreak/runtime-loader";
+//#region src/propertyFieldRegistry.js
+/**
+* @nbreak/vue - 属性字段编辑器注册表
+*
+* 管理所有属性字段类型对应的编辑器组件
+* 内置类型由 SchemaFormRenderer 默认处理，扩展类型从此注册表获取
+*/
+var PropertyFieldRegistry = class {
+	constructor() {
+		this.editors = /* @__PURE__ */ new Map();
+		this.serializers = /* @__PURE__ */ new Map();
+	}
+	/**
+	* 注册属性字段编辑器
+	* @param {string} fieldType - 字段类型
+	* @param {Object|Function} editor - Vue 组件
+	* @param {Object} [options]
+	* @param {Function} [options.defaultValue]
+	* @param {Function} [options.serialize]
+	* @param {Function} [options.deserialize]
+	*/
+	register(fieldType, editor, options = {}) {
+		if (this.editors.has(fieldType)) console.warn(`[DataScreen] 属性字段 "${fieldType}" 已注册，覆盖`);
+		this.editors.set(fieldType, editor);
+		if (options.defaultValue || options.serialize || options.deserialize) this.serializers.set(fieldType, {
+			defaultValue: options.defaultValue || (() => null),
+			serialize: options.serialize || ((v) => v),
+			deserialize: options.deserialize || ((v) => v)
+		});
+	}
+	/**
+	* 从扩展定义注册
+	*/
+	registerFromExtension(extension) {
+		if (!extension || extension.type !== EXTENSION_TYPES$2.PROPERTY_FIELD) return;
+		const def = extension.definition;
+		if (!def) return;
+		this.register(def.fieldType, def.editor, {
+			defaultValue: def.defaultValue,
+			serialize: def.serialize,
+			deserialize: def.deserialize
+		});
+	}
+	/**
+	* 获取编辑器
+	*/
+	get(fieldType) {
+		return this.editors.get(fieldType) || null;
+	}
+	/**
+	* 检查是否存在
+	*/
+	has(fieldType) {
+		return this.editors.has(fieldType);
+	}
+	/**
+	* 是否为内置类型
+	*/
+	isBuiltin(fieldType) {
+		return BUILTIN_PROPERTY_FIELD_TYPES.includes(fieldType);
+	}
+	/**
+	* 获取序列化器
+	*/
+	getSerializer(fieldType) {
+		return this.serializers.get(fieldType) || {
+			defaultValue: () => null,
+			serialize: (v) => v,
+			deserialize: (v) => v
+		};
+	}
+	/**
+	* 获取所有已注册字段类型
+	*/
+	getAllTypes() {
+		return Array.from(this.editors.keys());
+	}
+	/**
+	* 清空
+	*/
+	clear() {
+		this.editors.clear();
+		this.serializers.clear();
+	}
+	/**
+	* 获取数量
+	*/
+	size() {
+		return this.editors.size;
+	}
+};
+var propertyFieldRegistry = new PropertyFieldRegistry();
+//#endregion
+//#region src/composables/useDataScreen.js
+/**
+* @nbreak/vue - useDataScreen composable
+*
+* 提供全局配置访问与扩展操作能力
+*/
+var DATASCREEN_INJECTION_KEY = Symbol("datascreen");
+/**
+* 获取 DataScreen 全局配置
+*/
+function useDataScreen() {
+	return {
+		config: getCurrentInstance()?.appContext.config.globalProperties.$datascreen || inject(DATASCREEN_INJECTION_KEY, null),
+		extensionRegistry: extensionRegistry$1,
+		propertyFieldRegistry,
+		registerExtension: (ext) => extensionRegistry$1.register(ext),
+		unregisterExtension: (name) => extensionRegistry$1.unregister(name)
+	};
+}
+//#endregion
+//#region \0plugin-vue:export-helper
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+//#endregion
+//#region src/components/PropertyFieldRenderer.vue
+var _hoisted_1$1 = { class: "ds-property-field" };
+var _hoisted_2$1 = {
+	key: 1,
+	class: "ds-property-field-fallback"
+};
+var _hoisted_3$1 = ["value", "placeholder"];
+var _hoisted_4$1 = {
+	key: 0,
+	class: "ds-property-field-warning"
+};
+var PropertyFieldRenderer_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+	__name: "PropertyFieldRenderer",
+	props: {
+		modelValue: { default: null },
+		field: {
+			type: Object,
+			required: true
+		},
+		propsData: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const innerValue = ref(props.modelValue);
+		watch(() => props.modelValue, (val) => {
+			innerValue.value = val;
+		});
+		const isBuiltin = computed(() => propertyFieldRegistry.isBuiltin(props.field.type));
+		const editorComponent = computed(() => propertyFieldRegistry.get(props.field.type));
+		function onUpdate(val) {
+			innerValue.value = val;
+			emit("update:modelValue", val);
+		}
+		function onInputFallback(e) {
+			const val = e.target.value;
+			onUpdate(val);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [editorComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(editorComponent.value), {
+				key: 0,
+				modelValue: innerValue.value,
+				field: __props.field,
+				props: __props.propsData,
+				placeholder: __props.field.placeholder || "",
+				"onUpdate:modelValue": onUpdate
+			}, null, 8, [
+				"modelValue",
+				"field",
+				"props",
+				"placeholder"
+			])) : (openBlock(), createElementBlock("div", _hoisted_2$1, [createElementVNode("input", {
+				value: innerValue.value,
+				onInput: onInputFallback,
+				placeholder: __props.field.placeholder || __props.field.label || "",
+				class: "ds-property-field-input"
+			}, null, 40, _hoisted_3$1), !isBuiltin.value ? (openBlock(), createElementBlock("small", _hoisted_4$1, " 未知字段类型: " + toDisplayString(__props.field.type), 1)) : createCommentVNode("", true)]))]);
+		};
+	}
+}, [["__scopeId", "data-v-93e4a7cd"]]);
+//#endregion
+//#region src/components/SchemaFormRenderer.vue
+var _hoisted_1 = { class: "ds-schema-form" };
+var _hoisted_2 = { class: "ds-schema-form-group-title" };
+var _hoisted_3 = { class: "ds-schema-form-group-fields" };
+var _hoisted_4 = { class: "ds-schema-form-label" };
+var _hoisted_5 = {
+	key: 0,
+	class: "ds-schema-form-required"
+};
+var _hoisted_6 = {
+	key: 0,
+	class: "ds-schema-form-description"
+};
+var _hoisted_7 = {
+	key: 1,
+	class: "ds-schema-form-error"
+};
+var SchemaFormRenderer_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+	__name: "SchemaFormRenderer",
+	props: {
+		schema: {
+			type: Array,
+			default: () => []
+		},
+		modelValue: {
+			type: Object,
+			default: () => ({})
+		},
+		propsData: {
+			type: Object,
+			default: () => ({})
+		},
+		context: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	emits: ["update:modelValue", "validate"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const errors = ref({});
+		const groupedFields = computed(() => groupFields$1(props.schema));
+		watch(() => props.modelValue, (val) => {
+			validate(val);
+		}, { deep: true });
+		function getFieldValue(key) {
+			return getNestedValue$1(props.modelValue, key);
+		}
+		function setFieldValue(key, value) {
+			const newObj = { ...props.modelValue };
+			setNestedValue$1(newObj, key, value);
+			emit("update:modelValue", newObj);
+		}
+		function isFieldVisibleLocal(field) {
+			return isFieldVisible$1(field, props.modelValue, {
+				...props.context,
+				propsData: props.propsData
+			});
+		}
+		function validate(data = props.modelValue) {
+			const errs = {};
+			for (const field of props.schema) {
+				if (!isFieldVisibleLocal(field)) continue;
+				const result = validateField$1(field, getFieldValue(field.key));
+				if (result !== true) errs[field.key] = result;
+			}
+			errors.value = errs;
+			emit("validate", {
+				valid: Object.keys(errs).length === 0,
+				errors: errs
+			});
+			return Object.keys(errs).length === 0;
+		}
+		__expose({ validate });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(groupedFields.value, (group) => {
+				return openBlock(), createElementBlock("div", {
+					key: group.name,
+					class: "ds-schema-form-group"
+				}, [createElementVNode("div", _hoisted_2, toDisplayString(group.name), 1), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(group.fields, (field) => {
+					return withDirectives((openBlock(), createElementBlock("div", {
+						key: field.key,
+						class: "ds-schema-form-field"
+					}, [
+						createElementVNode("label", _hoisted_4, [createTextVNode(toDisplayString(field.label) + " ", 1), field.required ? (openBlock(), createElementBlock("span", _hoisted_5, "*")) : createCommentVNode("", true)]),
+						createVNode(PropertyFieldRenderer_default, {
+							modelValue: getFieldValue(field.key),
+							field,
+							propsData: __props.propsData,
+							"onUpdate:modelValue": (val) => setFieldValue(field.key, val)
+						}, null, 8, [
+							"modelValue",
+							"field",
+							"propsData",
+							"onUpdate:modelValue"
+						]),
+						field.description ? (openBlock(), createElementBlock("small", _hoisted_6, toDisplayString(field.description), 1)) : createCommentVNode("", true),
+						errors.value[field.key] ? (openBlock(), createElementBlock("small", _hoisted_7, toDisplayString(errors.value[field.key]), 1)) : createCommentVNode("", true)
+					])), [[vShow, unref(isFieldVisible$1)(field)]]);
+				}), 128))])]);
+			}), 128))]);
+		};
+	}
+}, [["__scopeId", "data-v-e5ecc246"]]);
+//#endregion
+//#region src/plugin.js
+/**
+* @nbreak/vue - Vue 插件主入口
+*
+* 提供 app.use(DataScreenVue, { extensions, builtin, runtime }) 集成能力
+*
+* 注意：Vue 的 app.use() 不会 await async install，因此提供：
+*   1. DataScreenVuePlugin - 同步插件（注册全局组件、注入配置）
+*   2. setupDataScreen(app, options) - 异步 setup，await 后再 mount
+*
+* 对标：
+*   - DataV 嵌入式 SDK
+*   - Superset 的 @superset-ui/core + @superset-ui/vue
+*/
+/**
+* 异步 setup：加载扩展并注册
+* 应用方应在 app.mount() 之前 await 此函数
+*
+* @param {import('vue').App} app
+* @param {Object} [options]
+* @param {Array} [options.extensions] - 静态扩展数组
+* @param {Object} [options.builtin] - 启用内置包 { components, themes, datasources }
+* @param {Object} [options.runtime] - 运行时加载配置
+* @param {boolean} [options.autoRegisterComponents=true] - 自动注册组件扩展为全局组件
+*/
+async function setupDataScreen(app, options = {}) {
+	const { extensions = [], builtin = {}, runtime: runtimeConfig = null, autoRegisterComponents = true } = options;
+	const config = {
+		extensions: [],
+		builtin,
+		runtime: runtimeConfig,
+		version: "0.1.0"
+	};
+	app.config.globalProperties.$datascreen = config;
+	app.provide(DATASCREEN_INJECTION_KEY, config);
+	app.component("SchemaFormRenderer", SchemaFormRenderer_default);
+	app.component("PropertyFieldRenderer", PropertyFieldRenderer_default);
+	if (builtin.themes) try {
+		const themesPkg = await import("@nbreak/themes");
+		const themeExtensions = themesPkg.extensions || (themesPkg.default ? themesPkg.default.extensions || [] : []);
+		for (const ext of themeExtensions) await extensionRegistry$1.register(ext);
+		console.log(`[DataScreen Vue] 已加载内置主题包 (${themeExtensions.length} 个)`);
+	} catch (e) {
+		console.warn("[DataScreen Vue] 内置主题包加载失败:", e.message);
+	}
+	if (builtin.datasources) try {
+		const dsPkg = await import("@nbreak/datasources");
+		const dsExtensions = dsPkg.extensions || (dsPkg.default ? dsPkg.default.extensions || [] : []);
+		for (const ext of dsExtensions) await extensionRegistry$1.register(ext);
+		console.log(`[DataScreen Vue] 已加载内置数据源包 (${dsExtensions.length} 个)`);
+	} catch (e) {
+		console.warn("[DataScreen Vue] 内置数据源包加载失败:", e.message);
+	}
+	if (builtin.ui || builtin.components) try {
+		const uiPkg = await import("@nbreak/ui");
+		const uiExtensions = uiPkg.extensions || (uiPkg.default ? uiPkg.default.extensions || [] : []);
+		for (const ext of uiExtensions) {
+			await extensionRegistry$1.register(ext);
+			if (autoRegisterComponents && ext.type === EXTENSION_TYPES$2.COMPONENT) {
+				const def = ext.definition;
+				if (def && def.component) app.component(def.type, def.component);
+			}
+		}
+		console.log(`[DataScreen Vue] 已加载内置组件包 (${uiExtensions.length} 个)`);
+	} catch (e) {
+		console.warn("[DataScreen Vue] 内置组件包加载失败:", e.message);
+	}
+	for (const ext of extensions) {
+		await extensionRegistry$1.register(ext);
+		config.extensions.push(ext.name);
+		if (ext.type === EXTENSION_TYPES$2.PROPERTY_FIELD) propertyFieldRegistry.registerFromExtension(ext);
+		if (autoRegisterComponents && ext.type === EXTENSION_TYPES$2.COMPONENT) {
+			const def = ext.definition;
+			if (def && def.component) app.component(def.type, def.component);
+		}
+	}
+	if (runtimeConfig) try {
+		const { loadExtensions, setHostVersion } = await import("@nbreak/runtime-loader");
+		setHostVersion(config.version);
+		if (runtimeConfig.manifestRegistry) {
+			const { manifestRegistry } = await import("@nbreak/runtime-loader");
+			manifestRegistry.addSource(runtimeConfig.manifestRegistry);
+			if (runtimeConfig.autoLoad) {
+				await manifestRegistry.sync();
+				const results = await loadExtensions(manifestRegistry.getAll());
+				const success = results.filter((r) => r.success).length;
+				const failed = results.filter((r) => !r.success).length;
+				console.log(`[DataScreen Vue] 运行时扩展加载: ${success} 成功, ${failed} 失败`);
+				for (const result of results) if (result.success && result.extension?.type === EXTENSION_TYPES$2.PROPERTY_FIELD) propertyFieldRegistry.registerFromExtension(result.extension);
+			}
+		}
+	} catch (e) {
+		console.warn("[DataScreen Vue] 运行时加载器初始化失败:", e.message);
+	}
+	console.log(`[DataScreen Vue] setup 完成 (扩展: ${extensionRegistry$1.size()} 个)`);
+	return config;
+}
+/**
+* 同步 Vue 插件（仅注册全局组件和注入配置，不加载扩展）
+* 如需加载扩展，请使用 setupDataScreen()
+*/
+var DataScreenVuePlugin = {
+	name: "DataScreenVue",
+	version: "0.1.0",
+	install(app, options = {}) {
+		const config = {
+			extensions: [],
+			builtin: options.builtin || {},
+			runtime: options.runtime || null,
+			version: "0.1.0"
+		};
+		app.config.globalProperties.$datascreen = config;
+		app.provide(DATASCREEN_INJECTION_KEY, config);
+		app.component("SchemaFormRenderer", SchemaFormRenderer_default);
+		app.component("PropertyFieldRenderer", PropertyFieldRenderer_default);
+		if (options.extensions) for (const ext of options.extensions) {
+			extensionRegistry$1.register(ext);
+			if (options.autoRegisterComponents !== false && ext.type === EXTENSION_TYPES$2.COMPONENT) {
+				const def = ext.definition;
+				if (def && def.component) app.component(def.type, def.component);
+			}
+			if (ext.type === EXTENSION_TYPES$2.PROPERTY_FIELD) propertyFieldRegistry.registerFromExtension(ext);
+		}
+	}
+};
+//#endregion
+//#region src/composables/useExtensionRegistry.js
+/**
+* @nbreak/vue - useExtensionRegistry composable
+*
+* 提供 Vue 响应式访问扩展注册表的能力
+*/
+/**
+* Vue 响应式访问扩展注册表
+*/
+function useExtensionRegistry() {
+	const refreshTick = ref(0);
+	const refresh = () => {
+		refreshTick.value++;
+	};
+	const unsubscribe = eventBus$1.on("extension:registered", refresh);
+	const unsubscribe2 = eventBus$1.on("extension:unregistered", refresh);
+	const unsubscribe3 = eventBus$1.on("extension:enabled", refresh);
+	const unsubscribe4 = eventBus$1.on("extension:disabled", refresh);
+	onUnmounted(() => {
+		unsubscribe();
+		unsubscribe2();
+		unsubscribe3();
+		unsubscribe4();
+	});
+	return {
+		allExtensions: computed(() => {
+			refreshTick.value;
+			return extensionRegistry$1.getAll();
+		}),
+		components: computed(() => {
+			refreshTick.value;
+			return extensionRegistry$1.getByType(EXTENSION_TYPES$1.COMPONENT);
+		}),
+		themes: computed(() => {
+			refreshTick.value;
+			return extensionRegistry$1.getByType(EXTENSION_TYPES$1.THEME);
+		}),
+		datasources: computed(() => {
+			refreshTick.value;
+			return extensionRegistry$1.getByType(EXTENSION_TYPES$1.DATASOURCE);
+		}),
+		templates: computed(() => {
+			refreshTick.value;
+			return extensionRegistry$1.getByType(EXTENSION_TYPES$1.TEMPLATE);
+		}),
+		actions: computed(() => {
+			refreshTick.value;
+			return extensionRegistry$1.getByType(EXTENSION_TYPES$1.ACTION);
+		}),
+		propertyFields: computed(() => {
+			refreshTick.value;
+			return extensionRegistry$1.getByType(EXTENSION_TYPES$1.PROPERTY_FIELD);
+		}),
+		getExtension: (type, name) => extensionRegistry$1.get(type, name),
+		hasExtension: (name) => extensionRegistry$1.has(name)
+	};
+}
+//#endregion
+//#region src/index.js
+var VERSION = "0.1.0";
+var PACKAGE_NAME = "@nbreak/vue";
+//#endregion
+export { COMPONENT_CATEGORIES, DATASCREEN_INJECTION_KEY, DataScreenVuePlugin, DataScreenVuePlugin as default, EXTENSION_STATUS, EXTENSION_TYPES, EventBus, ExtensionRegistry, HOOK_NAMES, PACKAGE_NAME, PROPERTY_FIELD_TYPES, PluginSystem, PropertyFieldRegistry, PropertyFieldRenderer_default as PropertyFieldRenderer, SchemaFormRenderer_default as SchemaFormRenderer, VERSION, createManifest, defineActionExtension, defineComponentExtension, defineDataSourceExtension, defineExtension, definePropertyField, definePropertyFieldExtension, definePropertyGroup, defineTemplateExtension, defineThemeExtension, eventBus, extensionRegistry, getNestedValue, groupFields, isFieldVisible, loadExtension, loadExtensions, manifestRegistry, pluginSystem, propertyFieldRegistry, registerExtensions, resolveDefaults, setNestedValue, setupDataScreen, unloadExtension, useDataScreen, useExtensionRegistry, validateField, validateManifest };
+
+//# sourceMappingURL=index.js.map