@nywqs/scada-engine 1.1.0

package/README.md

@@ -0,0 +1,455 @@
+# @wqs/scada-engine
+
+基于 AntV X6 + Vue 3 的自研 SCADA 组态引擎
+
+## ✨ 特性
+
+- 🎨 **可视化编辑器** - 拖拽式组态界面设计
+- 📦 **丰富组件库** - 内置基础图形、IoT组件、图表等
+- 🔗 **数据绑定** - 支持设备数据点绑定和实时更新
+- ⚡ **事件系统** - 灵活的事件配置和交互响应
+- 🎯 **TypeScript** - 完整的类型定义支持
+- 📱 **响应式** - 基于 Vue 3 Composition API
+
+## 📦 安装
+
+```bash
+npm install @wqs/scada-engine
+# 或
+pnpm add @wqs/scada-engine
+# 或
+yarn add @wqs/scada-engine
+```
+
+### Peer Dependencies
+
+请确保已安装以下依赖：
+
+```bash
+npm install vue@^3.4.0 vue-router@^4.6.0 @antv/x6@^2.18.0 echarts@^5.5.0 pinia@^2.1.0
+```
+
+## 🚀 快速开始
+
+### 全局注册
+
+```typescript
+import { createApp } from 'vue'
+import ScadaEngine from '@wqs/scada-engine'
+import '@wqs/scada-engine/dist/scada-engine.css'
+
+const app = createApp(App)
+app.use(ScadaEngine)
+app.mount('#app')
+```
+
+### 按需引入
+
+```vue
+<template>
+  <div class="app-container">
+    <ScadaCanvas 
+      @node-click="handleNodeClick"
+      @node-update="handleNodeUpdate"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ScadaCanvas } from '@wqs/scada-engine'
+import '@wqs/scada-engine/dist/scada-engine.css'
+
+const handleNodeClick = (node: any) => {
+  console.log('Node clicked:', node)
+}
+
+const handleNodeUpdate = (data: any) => {
+  console.log('Node updated:', data)
+}
+</script>
+```
+
+## 📚 组件列表
+
+### 核心组件
+
+- `ScadaCanvas` - 画布组件（核心）
+- `PropertyPanel` - 属性面板
+- `ComponentLibrary` - 组件库面板
+- `CanvasConfigPanel` - 画布配置面板
+- `Header` - 顶部工具栏
+- `PreviewView` - 预览视图
+
+### 辅助组件
+
+- `BindingCard` - 数据绑定卡片
+- `EventCard` - 事件配置卡片
+- `BasicPropertiesTab` - 基础属性标签页
+- `AttributeConfigDialog` - 属性配置对话框
+- `CustomCodeDialog` - 自定义代码对话框
+
+## 🔧 API
+
+### ScadaCanvas 组件 API
+
+`ScadaCanvas` 组件通过 `defineExpose` 暴露了一系列核心方法，供外部编程调用：
+
+```vue
+<template>
+  <ScadaCanvas ref="canvasRef" />
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import { ScadaCanvas } from '@wqs/scada-engine'
+
+const canvasRef = ref()
+
+// 使用暴露的方法
+const handleCustomSave = () => {
+  canvasRef.value?.save()
+}
+
+const handleCustomExport = () => {
+  canvasRef.value?.export()
+}
+
+const handleCustomImport = () => {
+  canvasRef.value?.import()
+}
+
+const handleGetData = () => {
+  const data = canvasRef.value?.getCanvasData()
+  console.log('画布数据:', data)
+}
+
+const handleLoadData = (jsonData: any) => {
+  const success = canvasRef.value?.loadCanvasData(jsonData)
+  if (success) {
+    console.log('加载成功')
+  }
+}
+</script>
+```
+
+#### 暴露的方法列表
+
+| 方法名 | 参数 | 返回值 | 说明 |
+|--------|------|--------|------|
+| `save()` | - | `void` | 保存画布数据到 sessionStorage |
+| `import()` | - | `void` | 触发文件选择，导入 JSON 数据 |
+| `export()` | - | `void` | 导出画布数据为 JSON 文件 |
+| `preview()` | - | `void` | 跳转到预览页面 |
+| `workflow()` | - | `void` | 打开流程编排弹窗 |
+| `zoomIn()` | - | `void` | 放大画布 |
+| `zoomOut()` | - | `void` | 缩小画布 |
+| `fitView()` | - | `void` | 适应画布视图 |
+| `clearAll()` | - | `void` | 清空画布所有元素 |
+| `getGraph()` | - | `Graph \| null` | 获取 X6 Graph 实例 |
+| `getCanvasData()` | - | `object \| null` | 获取画布完整数据 |
+| `loadCanvasData(data)` | `data: any` | `boolean` | 加载画布数据 |
+
+#### getCanvasData() 返回数据结构
+
+```typescript
+{
+  version: string         // 版本号
+  timestamp: string       // 时间戳
+  config: object          // 画布配置
+  cells: array            // X6 画布元素
+  nodes: array            // 节点数据
+  edges: array            // 连线数据
+}
+```
+
+#### 完整示例：自定义工具栏
+
+```vue
+<template>
+  <div class="custom-editor">
+    <!-- 自定义工具栏 -->
+    <div class="custom-toolbar">
+      <button @click="handleSave">保存</button>
+      <button @click="handleExport">导出</button>
+      <button @click="handleImport">导入</button>
+      <button @click="handleGetData">获取数据</button>
+      <button @click="handleZoomIn">放大</button>
+      <button @click="handleZoomOut">缩小</button>
+    </div>
+    
+    <!-- 画布组件 -->
+    <ScadaCanvas ref="canvasRef" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import { ScadaCanvas } from '@wqs/scada-engine'
+
+const canvasRef = ref()
+
+const handleSave = () => {
+  canvasRef.value?.save()
+  console.log('已保存')
+}
+
+const handleExport = () => {
+  canvasRef.value?.export()
+}
+
+const handleImport = () => {
+  canvasRef.value?.import()
+}
+
+const handleGetData = () => {
+  const data = canvasRef.value?.getCanvasData()
+  console.log('画布数据:', data)
+  
+  // 可以将数据发送到服务器
+  // await api.saveCanvas(data)
+}
+
+const handleZoomIn = () => {
+  canvasRef.value?.zoomIn()
+}
+
+const handleZoomOut = () => {
+  canvasRef.value?.zoomOut()
+}
+</script>
+```
+
+### 组件注册系统
+
+```typescript
+import { componentRegistry } from '@wqs/scada-engine'
+
+// 获取所有组件
+const components = componentRegistry.getAllComponents()
+
+// 按分类获取组件
+const basicComponents = componentRegistry.getComponentsByCategory('basic')
+```
+
+### 画布配置
+
+```typescript
+import { canvasConfigManager } from '@wqs/scada-engine'
+
+// 获取画布配置
+const config = canvasConfigManager.getConfig()
+
+// 更新画布大小
+canvasConfigManager.updateSize({ width: 1920, height: 1080 })
+```
+
+### 类型定义
+
+```typescript
+import type { 
+  EventConfig, 
+  BindingConfig,
+  ComponentConfig,
+  ComponentCategory 
+} from '@wqs/scada-engine'
+```
+
+## 📝 使用示例
+
+### 完整编辑器应用
+
+```vue
+<template>
+  <div class="scada-editor">
+    <Header 
+      @save="handleSave"
+      @export="handleExport"
+      @preview="handlePreview"
+    />
+    
+    <div class="editor-body">
+      <ComponentLibrary />
+      
+      <ScadaCanvas 
+        ref="canvasRef"
+        @node-select="handleNodeSelect"
+      />
+      
+      <PropertyPanel 
+        v-if="selectedNode"
+        :selected-node="selectedNode"
+        @update-node="handleUpdateNode"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import { 
+  Header, 
+  ComponentLibrary, 
+  ScadaCanvas, 
+  PropertyPanel 
+} from '@wqs/scada-engine'
+import '@wqs/scada-engine/dist/scada-engine.css'
+
+const canvasRef = ref()
+const selectedNode = ref(null)
+
+const handleNodeSelect = (node: any) => {
+  selectedNode.value = node
+}
+
+const handleUpdateNode = (data: any) => {
+  // 更新节点数据
+}
+
+const handleSave = () => {
+  // 保存逻辑
+}
+
+const handleExport = () => {
+  // 导出逻辑
+}
+
+const handlePreview = () => {
+  // 预览逻辑
+}
+</script>
+```
+
+### 软件授权使用
+
+本软件默认在底部显示版权信息。如需隐藏或修改版权信息，必须获取授权码。
+
+#### 1. 获取授权码
+
+**方式一：联系作者**
+- 📧 邮箱：nywqs@outlook.com
+- 📱 电话：18637762001
+
+**方式二：使用授权码生成工具**
+
+打开项目根目录下的 `authcode-generator.html` 文件，在浏览器中生成授权码：
+
+```bash
+# 1. 打开授权码生成工具
+open authcode-generator.html  # macOS
+start authcode-generator.html  # Windows
+xdg-open authcode-generator.html  # Linux
+
+# 2. 或使用命令行工具（Node.js）
+node src/utils/authkey_tool.js <公司名称>
+```
+
+#### 2. 使用授权码
+
+```vue
+<template>
+  <ScadaCanvas 
+    auth-code="your-auth-code-here"
+  />
+</template>
+```
+
+#### 3. 自定义 Footer 信息（需授权）
+
+```vue
+<template>
+  <ScadaCanvas 
+    auth-code="your-auth-code-here"
+    :custom-footer="{
+      copyright: '© 2025 您的公司',
+      license: '商业授权使用',
+      contact: '联系方式: support@yourcompany.com'
+    }"
+  />
+</template>
+```
+
+**授权模式说明：**
+- ❌ 不提供 `authCode`：显示默认版权信息
+- ✅ 有效 `authCode` + 无 `customFooter`：隐藏 Footer
+- ✅ 有效 `authCode` + `customFooter`：显示自定义 Footer
+
+**授权信息解密：**
+
+授权码采用 **AES-256-CBC + OpenSSL** 格式加密，可解密出：
+- 公司/授权名称
+- 有效期（可选）
+- 机器码绑定（可选）
+
+控制台会输出授权验证信息：
+```javascript
+✅ 授权验证成功
+🏛️ 授权公司: leoncheng
+📅 有效期至: 2026-12-17
+```
+
+## 🔨 开发
+
+```bash
+# 克隆项目
+git clone https://github.com/yourusername/scada-engine.git
+
+# 安装依赖
+npm install
+
+# 启动开发服务器
+npm run dev
+
+# 构建库
+npm run build:lib
+```
+
+## 📄 发布到 npm
+
+```bash
+# 1. 登录 npm
+npm login
+
+# 2. 构建库
+npm run build:lib
+
+# 3. 发布（首次发布公开包）
+npm publish --access public
+
+# 4. 后续版本更新
+npm version patch  # 补丁版本 1.0.0 -> 1.0.1
+npm version minor  # 次版本 1.0.0 -> 1.1.0
+npm version major  # 主版本 1.0.0 -> 2.0.0
+npm publish
+```
+
+## 📋 版本管理建议
+
+- **patch** (1.0.x): Bug 修复、小改进
+- **minor** (1.x.0): 新功能、向后兼容
+- **major** (x.0.0): 破坏性更新、重大重构
+
+## 🤝 贡献
+
+欢迎提交 Issue 和 Pull Request！
+
+## 📜 许可协议
+
+**版权所有 © 2025 leoncheng**
+
+本项目仅供学习和研究使用，**禁止商业用途**。
+
+未经作者书面许可，不得将本软件用于任何商业目的，包括但不限于：
+- 商业软件开发
+- 商业服务提供
+- 商业产品销售
+
+如需商业使用，请联系作者获取授权。
+
+## 👨‍💻 作者
+
+**leoncheng**
+
+- 📧 邮箱：nywqs@outlook.com
+- 📱 电话：18637762001
+
+如有任何问题或商业合作需求，欢迎联系。

package/dist/components/AttributeConfigDialog.d.ts

@@ -0,0 +1,39 @@
+interface AttributeGroup {
+    target: string;
+    property: string;
+    value: string;
+}
+interface NodeProperty {
+    key: string;
+    label: string;
+    type: string;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    attributeGroups: AttributeGroup[];
+    nodeProperties: NodeProperty[];
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    save: () => void;
+    close: () => void;
+    "add-group": () => void;
+    "remove-group": (index: number) => void;
+    "update-group": (index: number, field: keyof AttributeGroup, value: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    attributeGroups: AttributeGroup[];
+    nodeProperties: NodeProperty[];
+}>>> & Readonly<{
+    onSave?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    "onAdd-group"?: (() => any) | undefined;
+    "onRemove-group"?: ((index: number) => any) | undefined;
+    "onUpdate-group"?: ((index: number, field: keyof AttributeGroup, value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/BasicPropertiesTab.d.ts

@@ -0,0 +1,51 @@
+import { Node } from '@antv/x6';
+
+interface NodePosition {
+    x: number;
+    y: number;
+}
+interface NodeSize {
+    width: number;
+    height: number;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    selectedNode: Node;
+    nodePosition: NodePosition;
+    nodeSize: NodeSize;
+    nodeAttrs: any;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update-position": (axis: "x" | "y", event: Event) => void;
+    "update-size": (dimension: "width" | "height", event: Event) => void;
+    "update-label": (event: Event) => void;
+    "update-fill": (event: Event) => void;
+    "update-stroke": (event: Event) => void;
+    "update-stroke-width": (event: Event) => void;
+    "update-opacity": (event: Event) => void;
+    "update-component-name": (event: Event) => void;
+    "update-dynamic-prop": (path: string, value: any) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    selectedNode: Node;
+    nodePosition: NodePosition;
+    nodeSize: NodeSize;
+    nodeAttrs: any;
+}>>> & Readonly<{
+    "onUpdate-position"?: ((axis: "x" | "y", event: Event) => any) | undefined;
+    "onUpdate-size"?: ((dimension: "width" | "height", event: Event) => any) | undefined;
+    "onUpdate-label"?: ((event: Event) => any) | undefined;
+    "onUpdate-fill"?: ((event: Event) => any) | undefined;
+    "onUpdate-stroke"?: ((event: Event) => any) | undefined;
+    "onUpdate-stroke-width"?: ((event: Event) => any) | undefined;
+    "onUpdate-opacity"?: ((event: Event) => any) | undefined;
+    "onUpdate-component-name"?: ((event: Event) => any) | undefined;
+    "onUpdate-dynamic-prop"?: ((path: string, value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/BindingCard.d.ts

@@ -0,0 +1,36 @@
+import { BindingConfig } from '../types/binding';
+
+interface NodeProperty {
+    key: string;
+    label: string;
+    type: string;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    binding: BindingConfig;
+    index: number;
+    isCollapsed: boolean;
+    nodeProperties: NodeProperty[];
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "toggle-collapse": () => void;
+    remove: () => void;
+    "update-field": (field: string, event: Event) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    binding: BindingConfig;
+    index: number;
+    isCollapsed: boolean;
+    nodeProperties: NodeProperty[];
+}>>> & Readonly<{
+    "onToggle-collapse"?: (() => any) | undefined;
+    onRemove?: (() => any) | undefined;
+    "onUpdate-field"?: ((field: string, event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/CanvasArea.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/CanvasConfigPanel.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/ComponentLibrary.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    addComponent: (type: string) => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onAddComponent?: ((type: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/CustomCodeDialog.d.ts

@@ -0,0 +1,30 @@
+import { Node } from '@antv/x6';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    code: string;
+    selectedNode: Node | null;
+}>>, {
+    previewContainer: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    DEFAULT_CODE: string;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    save: () => void;
+    close: () => void;
+    "update:code": (value: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    code: string;
+    selectedNode: Node | null;
+}>>> & Readonly<{
+    onSave?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    "onUpdate:code"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/DataPropertiesTab.d.ts

@@ -0,0 +1,42 @@
+import { Node } from '@antv/x6';
+
+interface DataSource {
+    type: string;
+    broker?: string;
+    clientId?: string;
+    topic?: string;
+    username?: string;
+    password?: string;
+    wsUrl?: string;
+    url?: string;
+    method?: string;
+    headers?: string;
+    body?: string;
+    pollInterval?: number;
+    sseUrl?: string;
+    eventType?: string;
+    autoReconnect?: boolean;
+    dataPath?: string;
+    value?: string;
+    valueType?: string;
+    enabled?: boolean;
+    retryCount?: number;
+}
+interface Props {
+    selectedNode: Node;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update-data-source": (source: DataSource) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{
+    "onUpdate-data-source"?: ((source: DataSource) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/DevicePointSelector.d.ts

@@ -0,0 +1,27 @@
+import { Device, DevicePoint } from '../types/device';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    visible: boolean;
+    modelValue?: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:visible": (value: boolean) => void;
+    "update:modelValue": (value: string) => void;
+    confirm: (deviceId: string, pointId: string, device: Device, point: DevicePoint) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    visible: boolean;
+    modelValue?: string;
+}>>> & Readonly<{
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onConfirm?: ((deviceId: string, pointId: string, device: Device, point: DevicePoint) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};