refactor(charger, clx, ptr): 重构充电器、CLX、PTR 模块的属性设置

- 移除 ChargerMeta、ClxMeta、PtrMeta 文件 - 新增 ChargerPropertySetter、ClxPropertySetter 文件 - 更新 index.ts 文件，使用新的 propertySetter 配置 - 统一属性设置格式，提高代码可维护性
6 months ago · 52d0712577
7 changed files with 52 additions and 159 deletions
--- a/src/modules/charger/ChargerMeta.ts
+++ b/src/modules/charger/ChargerMeta.ts
@ -1,49 +0,0 @@
-import type { IMeta } from '@/core/base/IMeta.ts'
-
-export default [
-  { field: 'uuid', editor: 'UUID', label: 'uuid', readonly: true, category: 'basic' },
-  { field: 'name', editor: 'TextInput', label: '名称', category: 'basic' },
-  { field: 'dt.label', editor: 'TextInput', label: '标签', category: 'basic' },
-  { editor: 'TransformEditor', category: 'basic' },
-  { field: 'dt.color', editor: 'Color', label: '颜色', category: 'basic' },
-  { editor: '-', category: 'basic' },
-
-  { field: 'dt.chargerWidth', editor: 'NumberInput', label: '充电桩宽度', category: 'basic' },
-  { field: 'dt.chargerDepth', editor: 'NumberInput', label: '充电桩深度', category: 'basic' },
-  /**
-   * dt.bays 5列3层货架示例
-   * {
-   *   dt: {
-   *     rackDepth: 1.1, // 货架深度
-   *     levelCount: 3,  // 总层数
-   *     bayCount: 5,    // 总列数
-   *     hideFloor: false,  // 隐藏底板
-   *     extendColumns: true, // 扩展挡板
-   *     columnSpacing: 1, // 支脚跨越
-   *     bays: [  // 每列的配置
-   *       {
-   *         bayWidth: 1.6,  // 列的宽度
-   *         levelHeight: [ 1.4, 1.4, 1.4 ] // 每层的高度
-   *       },
-   *       {bayWidth: 1.6, levelHeight: [ 1.4, 1.4, 1.4 ]},
-   *       {bayWidth: 1.6, levelHeight: [ 1.4, 1.4, 1.4 ]},
-   *       {bayWidth: 1.6, levelHeight: [ 1.4, 1.4, 1.4 ]},
-   *       {bayWidth: 1.6, levelHeight: [ 1.4, 1.4, 1.4 ]},
-   *     ]
-   *   }
-   * }
-   *
-   *
-   *
-   *
-   *
-   *
-   *
-   */
-
-
-  { field: 'tf', editor: 'InOutCenterEditor', category: 'basic' },
-  { field: 'dt.selectable', editor: 'Switch', label: '可选中', category: 'basic' },
-  { field: 'dt.protected', editor: 'Switch', label: '受保护', category: 'basic' },
-  { field: 'visible', editor: 'Switch', label: '可见', category: 'basic' }
-] as IMeta
--- a/src/modules/charger/ChargerPropertySetter.ts
+++ b/src/modules/charger/ChargerPropertySetter.ts
@ -0,0 +1,20 @@
+import type { PropertySetter } from "@/core/base/PropertyTypes.ts";
+import { basicFieldsSetter } from "@/editor/widgets/property/PropertyPanelConstant.ts";
+
+const propertySetter: PropertySetter = {
+    flatten: {
+        fields: [
+            ...basicFieldsSetter,
+            {
+                dataPath: 'dt.chargerWidth', label: '充电桩宽度', input: 'InputNumber',
+                inputProps: {},
+            },
+            {
+                dataPath: 'dt.chargerDepth', label: '充电桩深度', input: 'InputNumber',
+                inputProps: {},
+            },
+        ],
+    },
+};
+
+export default propertySetter;
--- a/src/modules/charger/index.ts
+++ b/src/modules/charger/index.ts
@ -1,15 +1,15 @@
 import { defineModule } from '@/core/manager/ModuleManager.ts'
 import ChargerRenderer from './ChargerRenderer.ts'
 import ChargerEntity from './ChargerEntity.ts'
-import ChargerMeta from './ChargerMeta.ts'
 import ChargerInteraction from './ChargerInteraction.ts'
+import propertySetter from "@/modules/charger/ChargerPropertySetter.ts";

 export const ITEM_TYPE_NAME = 'charger'

 export default defineModule({
-  name: ITEM_TYPE_NAME,
-  renderer: new ChargerRenderer(ITEM_TYPE_NAME),
-  interaction: new ChargerInteraction(ITEM_TYPE_NAME),
-  meta: ChargerMeta,
-  entity: ChargerEntity
+    name: ITEM_TYPE_NAME,
+    renderer: new ChargerRenderer(ITEM_TYPE_NAME),
+    interaction: new ChargerInteraction(ITEM_TYPE_NAME),
+    setter: propertySetter,
+    entity: ChargerEntity,
 })
--- a/src/modules/clx/ClxMeta.ts
+++ b/src/modules/clx/ClxMeta.ts
@ -1,49 +0,0 @@
-import type { IMeta } from '@/core/base/IMeta.ts'
-
-export default [
-  { field: 'uuid', editor: 'UUID', label: 'uuid', readonly: true, category: 'basic' },
-  { field: 'name', editor: 'TextInput', label: '名称', category: 'basic' },
-  { field: 'dt.label', editor: 'TextInput', label: '标签', category: 'basic' },
-  { editor: 'TransformEditor', category: 'basic' },
-  { field: 'dt.color', editor: 'Color', label: '颜色', category: 'basic' },
-  { editor: '-', category: 'basic' },
-
-  { field: 'dt.clxWidth', editor: 'NumberInput', label: 'CLX宽度', category: 'basic' },
-  { field: 'dt.clxDepth', editor: 'NumberInput', label: 'CLX深度', category: 'basic' },
-  /**
-   * dt.bays 5列3层货架示例
-   * {
-   *   dt: {
-   *     rackDepth: 1.1, // 货架深度
-   *     levelCount: 3,  // 总层数
-   *     bayCount: 5,    // 总列数
-   *     hideFloor: false,  // 隐藏底板
-   *     extendColumns: true, // 扩展挡板
-   *     columnSpacing: 1, // 支脚跨越
-   *     bays: [  // 每列的配置
-   *       {
-   *         bayWidth: 1.6,  // 列的宽度
-   *         levelHeight: [ 1.4, 1.4, 1.4 ] // 每层的高度
-   *       },
-   *       {bayWidth: 1.6, levelHeight: [ 1.4, 1.4, 1.4 ]},
-   *       {bayWidth: 1.6, levelHeight: [ 1.4, 1.4, 1.4 ]},
-   *       {bayWidth: 1.6, levelHeight: [ 1.4, 1.4, 1.4 ]},
-   *       {bayWidth: 1.6, levelHeight: [ 1.4, 1.4, 1.4 ]},
-   *     ]
-   *   }
-   * }
-   *
-   *
-   *
-   *
-   *
-   *
-   *
-   */
-
-
-  { field: 'tf', editor: 'InOutCenterEditor', category: 'basic' },
-  { field: 'dt.selectable', editor: 'Switch', label: '可选中', category: 'basic' },
-  { field: 'dt.protected', editor: 'Switch', label: '受保护', category: 'basic' },
-  { field: 'visible', editor: 'Switch', label: '可见', category: 'basic' }
-] as IMeta
--- a/src/modules/clx/ClxPropertySetter.ts
+++ b/src/modules/clx/ClxPropertySetter.ts
@ -0,0 +1,20 @@
+import type { PropertySetter } from "@/core/base/PropertyTypes.ts";
+import { basicFieldsSetter } from "@/editor/widgets/property/PropertyPanelConstant.ts";
+
+const propertySetter: PropertySetter = {
+    flatten: {
+        fields: [
+            ...basicFieldsSetter,
+            {
+                dataPath: 'dt.clxWidth', label: 'CLX宽度', input: 'InputNumber',
+                inputProps: {},
+            },
+            {
+                dataPath: 'dt.clxDepth', label: 'CLX深度', input: 'InputNumber',
+                inputProps: {},
+            },
+        ],
+    },
+};
+
+export default propertySetter;
--- a/src/modules/clx/index.ts
+++ b/src/modules/clx/index.ts
@ -1,15 +1,15 @@
 import { defineModule } from '@/core/manager/ModuleManager.ts'
 import ClxRenderer from './ClxRenderer.ts'
 import ClxEntity from './ClxEntity.ts'
-import ClxMeta from './ClxMeta.ts'
 import ClxInteraction from './ClxInteraction.ts'
+import propertySetter from "@/modules/clx/ClxPropertySetter.ts";

 export const ITEM_TYPE_NAME = 'clx'

 export default defineModule({
-  name: ITEM_TYPE_NAME,
-  renderer: new ClxRenderer(ITEM_TYPE_NAME),
-  interaction: new ClxInteraction(ITEM_TYPE_NAME),
-  meta: ClxMeta,
-  entity: ClxEntity
+    name: ITEM_TYPE_NAME,
+    renderer: new ClxRenderer(ITEM_TYPE_NAME),
+    interaction: new ClxInteraction(ITEM_TYPE_NAME),
+    setter: propertySetter,
+    entity: ClxEntity
 })
--- a/src/modules/ptr/PtrMeta.ts
+++ b/src/modules/ptr/PtrMeta.ts
@ -1,49 +0,0 @@
-import type { IMeta } from '@/core/base/IMeta.ts'
-
-export default [
-  { field: 'uuid', editor: 'UUID', label: 'uuid', readonly: true, category: 'basic' },
-  { field: 'name', editor: 'TextInput', label: '名称', category: 'basic' },
-  { field: 'dt.label', editor: 'TextInput', label: '标签', category: 'basic' },
-  { editor: 'TransformEditor', category: 'basic' },
-  { field: 'dt.color', editor: 'Color', label: '颜色', category: 'basic' },
-  { editor: '-', category: 'basic' },
-
-  { field: 'dt.ptrWidth', editor: 'NumberInput', label: 'PTR宽度', category: 'basic' },
-  { field: 'dt.ptrDepth', editor: 'NumberInput', label: 'PTR深度', category: 'basic' },
-  /**
-   * dt.bays 5列3层货架示例
-   * {
-   *   dt: {
-   *     rackDepth: 1.1, // 货架深度
-   *     levelCount: 3,  // 总层数
-   *     bayCount: 5,    // 总列数
-   *     hideFloor: false,  // 隐藏底板
-   *     extendColumns: true, // 扩展挡板
-   *     columnSpacing: 1, // 支脚跨越
-   *     bays: [  // 每列的配置
-   *       {
-   *         bayWidth: 1.6,  // 列的宽度
-   *         levelHeight: [ 1.4, 1.4, 1.4 ] // 每层的高度
-   *       },
-   *       {bayWidth: 1.6, levelHeight: [ 1.4, 1.4, 1.4 ]},
-   *       {bayWidth: 1.6, levelHeight: [ 1.4, 1.4, 1.4 ]},
-   *       {bayWidth: 1.6, levelHeight: [ 1.4, 1.4, 1.4 ]},
-   *       {bayWidth: 1.6, levelHeight: [ 1.4, 1.4, 1.4 ]},
-   *     ]
-   *   }
-   * }
-   *
-   *
-   *
-   *
-   *
-   *
-   *
-   */
-
-
-  { field: 'tf', editor: 'InOutCenterEditor', category: 'basic' },
-  { field: 'dt.selectable', editor: 'Switch', label: '可选中', category: 'basic' },
-  { field: 'dt.protected', editor: 'Switch', label: '受保护', category: 'basic' },
-  { field: 'visible', editor: 'Switch', label: '可见', category: 'basic' }
-] as IMeta