Merge remote-tracking branch 'origin/master'

# Conflicts:
#	src/core/engine/Viewport.ts

src/core/ModelUtils.ts

@@ -2,9 +2,7 @@ import * as THREE from 'three'
 import type { ItemTypeDefineOption } from '@/model/itemType/ItemTypeDefine.ts'
 import { getAllItemTypes, getItemTypeByName } from '@/model/itemType/ItemTypeDefine.ts'
 import type Viewport from '@/core/engine/Viewport'
-import { computeBoundsTree, disposeBoundsTree } from 'three-mesh-bvh'
 import { Vector2 } from 'three/src/math/Vector2'
-import type Toolbox from '@/model/itemType/Toolbox.ts'
 import EventBus from '@/runtime/EventBus.ts'
 import Decimal from 'decimal.js'
 
@@ -174,7 +172,7 @@ export function deletePointByKeyboard() {
     viewport.state.selectedObject = undefined
     viewport.state.selectedItem = undefined
     viewport.state.selectedEntityId = undefined
-    viewport.state.selectedObjectMeta = undefined
+    viewport.state.selectedObjectSetter = undefined
   }
 
   EventBus.dispatch('entityDeleted', {

src/core/base/IMeta.ts

@@ -31,23 +31,3 @@ export const BASIC_META_OF_LINE: ItemTypeMeta = []
  * "线"对象类型的，基础元数据, 排在后面的
  */
 export const BASIC_META_OF_LINE2: ItemTypeMeta = []
-
-/**
- * 属性面板元数据声明, 第一级 category, 第二级 tabName, 第三级 MetaItem
- */
-export type IMeta = MetaItem[]
-
-/**
- * PropertyPanelConfig interface
- * Defines the structure of property panel configurations.
- */
-export interface MetaItem {
-  field?: string;
-  editor: string;
-  editorProps?: any;
-  label?: string;
-  readonly?: boolean;
-  category?: string;
-
-  [key: string]: any;
-}

src/core/base/PropertyTypes.ts

@@ -0,0 +1,34 @@
+import type { FormField } from "@/components/data-form/DataFormTypes.ts";
+
+interface PropertyFieldSetter extends FormField {
+}
+
+interface PropertyFlattenSetter {
+    /** label宽度 */
+    labelWidth?: string | number;
+    /** 表单字段大小 */
+    size?: "" | "small" | "default" | "large";
+    /** 设置器集合 */
+    fields: Array<PropertyFieldSetter>;
+}
+
+interface PropertySetterGroup extends PropertyFlattenSetter {
+    /** 分组标题 */
+    title: string;
+    /** 是否展开状态(默认为true) */
+    expand?: boolean;
+}
+
+interface PropertySetter {
+    /** 最上面平铺的设置器 */
+    flatten?: PropertyFlattenSetter;
+    /** 设置器分组集合 */
+    groups?: Array<PropertySetterGroup>;
+}
+
+export type {
+    PropertyFieldSetter,
+    PropertyFlattenSetter,
+    PropertySetterGroup,
+    PropertySetter,
+}

src/core/controls/EsDragControls.ts

@@ -1,11 +1,8 @@
 import * as THREE from 'three'
 import { DragControls } from './DragControls.js'
 import type Viewport from '@/core/engine/Viewport.ts'
-import { getItemTypeByName } from '@/model/itemType/ItemTypeDefine'
-import type { ItemTypeDefineOption } from '@/model/itemType/ItemTypeDefine'
-import { markRaw } from 'vue'
 import EventBus from '@/runtime/EventBus'
-import { getInteraction, getMeta } from '@/core/manager/ModuleManager.ts'
+import { getInteraction } from '@/core/manager/ModuleManager.ts'
 import type BaseInteraction from '@/core/base/BaseInteraction.ts'
 
 // dragControls 绑定函数

src/core/controls/SelectInspect.ts

@@ -6,8 +6,7 @@ import { LineGeometry } from 'three/examples/jsm/lines/LineGeometry.js'
 import { LineMaterial } from 'three/examples/jsm/lines/LineMaterial.js'
 import EventBus from '@/runtime/EventBus'
 import { markRaw } from 'vue'
-import { getMeta } from '@/core/manager/ModuleManager.ts'
+import { getSetter } from '@/core/manager/ModuleManager.ts'
-import MouseMoveInspect from '@/core/controls/MouseMoveInspect.ts'
 import Constract from '@/core/Constract.ts'
 
 let pdFn, pmFn, puFn
@@ -346,13 +345,13 @@ export default class SelectInspect implements IControls {
           this.viewport.state.selectedObject = markRaw(object)
           this.viewport.state.selectedItem = markRaw(item)
           this.viewport.state.selectedEntityId = entityId
-          this.viewport.state.selectedObjectMeta = getMeta(itemTypeName)
+          this.viewport.state.selectedObjectSetter = getSetter(itemTypeName)
           EventBus.dispatch('selectedObjectChanged', {
             viewport: markRaw(this.viewport),
             selectedObject: this.viewport.state.selectedObject,
             selectedItem: this.viewport.state.selectedItem,
             selectedEntityId: this.viewport.state.selectedEntityId,
-            selectedObjectMeta: this.viewport.state.selectedObjectMeta
+            selectedObjectSetter: this.viewport.state.selectedObjectSetter,
           })
         }
       } else {
@@ -360,13 +359,13 @@ export default class SelectInspect implements IControls {
         this.viewport.state.selectedObject = null
         this.viewport.state.selectedItem = null
         this.viewport.state.selectedEntityId = null
-        this.viewport.state.selectedObjectMeta = null
+        this.viewport.state.selectedObjectSetter = null
         EventBus.dispatch('selectedObjectChanged', {
           viewport: markRaw(this.viewport),
           selectedObject: null,
           selectedItem: null,
           selectedEntityId: null,
-          selectedObjectMeta: null
+          selectedObjectSetter: null,
         })
       }
     }
@@ -402,7 +401,7 @@ export default class SelectInspect implements IControls {
           multiSelectedObjects.push(object)
           multiSelectedItems.push(item)
           multiSelectedEntityIds.push(object.userData.entityId)
-          multiSelectedObjectMetas.push(getMeta(object.userData.t))
+          // multiSelectedObjectMetas.push(getMeta(object.userData.t))
         }
       }
     }

src/core/engine/Viewport.ts

@@ -8,8 +8,8 @@ import { markRaw, reactive, toRaw, watch } from 'vue'
 import type IControls from '../controls/IControls'
 import { CSS3DRenderer } from 'three/examples/jsm/renderers/CSS3DRenderer'
 import { CSS2DRenderer } from 'three/examples/jsm/renderers/CSS2DRenderer'
-import { getAllItemTypes, type ItemTypeMeta } from '@/model/itemType/ItemTypeDefine.ts'
 import type { ItemTypeDefineOption } from '@/model/itemType/ItemTypeDefine.ts'
+import { getAllItemTypes } from '@/model/itemType/ItemTypeDefine.ts'
 
 import SceneHelp from './SceneHelp'
 import SelectInspect from '../controls/SelectInspect'
@@ -23,6 +23,7 @@ import EventBus from '@/runtime/EventBus.ts'
 import Constract from '@/core/Constract.ts'
 import type { IMeta } from '@/core/base/IMeta.ts'
 import DragControl2 from '@/core/controls/EsDragControl2.ts'
+import type { PropertySetter } from "@/core/base/PropertyTypes.ts";
 
 /**
  * 视窗对象
@@ -75,7 +76,7 @@ export default class Viewport {
     selectedObject: undefined,
     selectedItem: undefined,
     selectedEntityId: undefined,
-    selectedObjectMeta: undefined,
+    selectedObjectSetter: undefined,
 
     multiSelectedObjects: [],
     multiSelectedItems: [],
@@ -571,7 +572,7 @@ export interface ViewportState {
   selectedObject: THREE.Object3D | undefined
   selectedItem: ItemJson | undefined
   selectedEntityId: string | undefined
-  selectedObjectMeta: IMeta | undefined
+  selectedObjectSetter: PropertySetter | undefined
 
   /**
    * 红选的对象集

src/core/manager/ModuleManager.ts

@@ -1,8 +1,8 @@
 import * as THREE from 'three'
 import BaseRenderer from '@/core/base/BaseRenderer'
 import BaseInteraction from '@/core/base/BaseInteraction'
-import type { IMeta } from '@/core/base/IMeta'
 import BaseEntity from '@/core/base/BaseItemEntity'
+import type { PropertySetter } from "@/core/base/PropertyTypes.ts";
 
 // Define the ModuleDefineOption interface
 export interface ModuleDefineOption {
@@ -12,7 +12,7 @@ export interface ModuleDefineOption {
   name: string;
   renderer: BaseRenderer;
   interaction: BaseInteraction;
-  meta: IMeta;
+  setter: PropertySetter;
   entity: new () => BaseEntity;
 }
 
@@ -61,13 +61,9 @@ export function getInteraction<T extends BaseInteraction>(name: string): T {
   return module.interaction as T
 }
 
-/**
+export function getSetter(name: string) {
- * 根据物料类型名称, 获取元数据
- * 如果获取不了 直接抛异常
- */
-export function getMeta<T extends IMeta>(name: string): T {
   const module = getModuleOption(name)
-  return module.meta as T
+  return module.setter;
 }
 
 /**

src/core/manager/WorldModel.ts

@@ -7,6 +7,8 @@ import Gstore from '@/modules/gstore'
 import Rack from '@/modules/rack'
 import Pallet from "@/modules/pallet"
 import Ptr from "@/modules/ptr"
+import Clx from "@/modules/clx"
+import Charger from "@/modules/charger"
 import StateManager from '@/core/manager/StateManager.ts'
 
 export interface WorldModelState {
@@ -70,7 +72,9 @@ export default class WorldModel {
       Gstore,
       Rack,
       Pallet,
-      Ptr
+      Ptr,
+      Clx,
+      Charger
 
     ]).then(() => {
       console.log('世界模型初始化完成')

src/editor/widgets/property/PropertyPanel.vue

@@ -0,0 +1,112 @@
+<script setup lang="ts">
+import { computed, reactive } from "vue";
+import { ElCollapse, ElCollapseItem } from "element-plus";
+import DataForm from "@/components/data-form/DataForm.vue";
+import type { PropertyFlattenSetter, PropertySetterGroup } from "@/core/base/PropertyTypes.ts";
+import type { DataFormProps } from "@/components/data-form/DataFormTypes.ts";
+import { defDataFormProps } from "@/editor/widgets/property/PropertyPanelConstant.ts";
+
+defineOptions({
+    name: 'PropertyPanel',
+});
+
+// 定义 Props 类型
+interface PropertyPanelProps {
+    /** 待编辑数据 */
+    data?: any;
+    /** 默认的DataFormProps */
+    defDataFormProps?: DataFormProps;
+    /** 最上面平铺的设置器 */
+    flatten?: PropertyFlattenSetter;
+    /** 设置器分组集合 */
+    groups?: Array<PropertySetterGroup>;
+}
+
+// 读取组件 props 属性
+const props = withDefaults(defineProps<PropertyPanelProps>(), {});
+
+// 定义 State 类型
+interface PropertyPanelState {
+    expandGroups: Array<string>;
+}
+
+// state 属性
+const state = reactive<PropertyPanelState>({
+    expandGroups: [],
+});
+
+// 定义 Data 类型
+interface PropertyPanelData {
+}
+
+// 内部数据
+const data: PropertyPanelData = {};
+const flattenFormProps = computed(() => getDefFormProps(props.flatten));
+
+function getDefFormProps(setter?: PropertyFlattenSetter) {
+    const formProps: DataFormProps = {
+        ...defDataFormProps,
+        ...props.defDataFormProps,
+    };
+    fillFormProps(setter);
+    return formProps;
+}
+
+function fillFormProps(formProps: DataFormProps, setter?: PropertyFlattenSetter) {
+    if (!setter) return;
+    if (setter.size) formProps.size = setter.size;
+    if (setter.labelWidth) formProps.labelWidth = setter.labelWidth;
+}
+
+function getCollapseItemId(group: PropertySetterGroup, idx: number) {
+    return `_${idx}_${group.title}`;
+}
+
+interface PropertyPanelExpose {
+    state: PropertyPanelState;
+    data: PropertyPanelData;
+}
+
+const expose: PropertyPanelExpose = {
+    state,
+    data,
+};
+// 定义组件公开内容
+defineExpose(expose);
+
+export type {
+    PropertyPanelProps,
+    PropertyPanelState,
+}
+</script>
+
+<template>
+    <div class="property-panel">
+        <DataForm
+            v-if="props.flatten"
+            class="property-panel-form"
+            v-bind="flattenFormProps"
+            :data="props.data"
+            :formFields="props.flatten.fields"
+        />
+        <ElCollapse v-if="props.groups" v-model="state.expandGroups">
+            <ElCollapseItem
+                v-for="(group, idx) in props.groups"
+                :name="getCollapseItemId(group, idx)"
+                :title="group.title"
+            >
+                <DataForm
+                    v-if="group"
+                    class="property-panel-form"
+                    v-bind="getDefFormProps(group)"
+                    :data="props.data"
+                    :formFields="props.flatten.fields"
+                />
+            </ElCollapseItem>
+        </ElCollapse>
+    </div>
+</template>
+
+<style scoped>
+
+</style>

src/editor/widgets/property/PropertyPanelConstant.ts

@@ -0,0 +1,58 @@
+import type { DataFormProps } from "@/components/data-form/DataFormTypes.ts";
+import type { PropertyFieldSetter } from "@/core/base/PropertyTypes.ts";
+
+const defDataFormProps: DataFormProps = {
+    columnCount: 1,
+    layout: "onlyLabelFixed",
+    labelWidth: "100px",
+    size: "small",
+};
+
+const basicFieldsSetter: Array<PropertyFieldSetter> = [
+    {
+        dataPath: 'id', label: '唯一ID', input: 'Input',
+        inputProps: {
+            readonly: true,
+        },
+    },
+    {
+        dataPath: 'name', label: '名称', input: 'Input',
+        inputProps: {},
+    },
+    {
+        dataPath: 'visible', label: '可见', input: 'Checkbox',
+        inputProps: {},
+    },
+    {
+        dataPath: 'dt.selectable', label: '可选中', input: 'Checkbox',
+        inputProps: {},
+    },
+    {
+        dataPath: 'dt.protected', label: '受保护', input: 'Checkbox',
+        inputProps: {},
+    },
+    {
+        dataPath: 'dt.label', label: '标签', input: 'Input',
+        inputProps: {},
+    },
+    {
+        dataPath: 'dt.color', label: '颜色', input: 'ColorPicker',
+        inputProps: {},
+    },
+    // {
+    //     dataPath: 'tf', input: 'TransformEditor',
+    //     inputProps: {
+    //     },
+    // },
+    // {
+    //     dataPath: 'dt', input: 'InOutCenterEditor',
+    //     inputProps: {
+    //     },
+    // },
+];
+
+
+export {
+    defDataFormProps,
+    basicFieldsSetter,
+}

src/editor/widgets/property/PropertyPanelTypes.ts

@@ -0,0 +1,7 @@
+interface PropertyPanelProps {
+
+}
+
+export type {
+    PropertyPanelProps,
+}

src/editor/widgets/property/PropertyView.vue

@@ -14,74 +14,28 @@
         </template>
     </div>
     <div class="calc-right-panel">
-    <el-empty v-if="!t" description="未选中">
+        <el-empty v-if="!t" description="未选中"/>
-    </el-empty>
+        <PropertyPanel
-    <el-form v-else
+            v-else-if="propertyPanelProps"
-             label-position="right"
+            v-bind="propertyPanelProps"
-             label-width="60"
-             class="property-panel-form"
-             size="default"
-             @submit.native.prevent>
-      <template v-for="(itemMeta, idx) in selectedObjectMeta">
-        <el-divider v-if="itemMeta.editor === '-'" />
-
-        <TextInput
-          v-else-if="itemMeta.editor === 'TextInput'"
-          :prop="itemMeta"
-          :viewport="viewport"
-        />
-
-        <Transform
-          v-else-if="itemMeta.editor === 'TransformEditor'"
-          :prop="itemMeta"
-          :viewport="viewport"
-        />
-
-        <SwitchItem
-          v-else-if="itemMeta.editor === 'Switch'"
-          :prop="itemMeta"
-          :viewport="viewport"
-        />
-
-        <ColorItem v-else-if="itemMeta.editor === 'Color'" :prop="itemMeta" :viewport="viewport" />
-
-        <UUIDItem v-else-if="itemMeta.editor === 'UUID'" :prop="itemMeta" :viewport="viewport" />
-
-        <NumberInput
-          v-else-if="itemMeta.editor === 'Number'"
-          :prop="itemMeta"
-          :viewport="viewport"
         />
-
+        <el-empty v-else description="节点未配置设置器"/>
-        <template v-else> 未知编辑器: {{ itemMeta.editor }}</template>
-      </template>
-    </el-form>
     </div>
 </template>
 <script>
 import IWidgets from '../IWidgets.js'
-import TextInput from '../../propEditors/TextInput.vue'
+import PropertyPanel from "@/editor/widgets/property/PropertyPanel.vue";
-import Transform from '../../propEditors/Transform.vue'
-import SwitchItem from '../../propEditors/SwitchItem.vue'
-import ColorItem from '../../propEditors/ColorItem.vue'
-import UUIDItem from '../../propEditors/UUIDItem.vue'
-import NumberInput from '../../propEditors/NumberInput.vue'
-import EventBus from '../../../runtime/EventBus.js'
 
 export default {
     name: 'PropertyView',
     components: {
-    NumberInput,
+        PropertyPanel,
-    UUIDItem,
-    ColorItem,
-    SwitchItem,
-    TextInput, Transform
     },
     mixins: [IWidgets],
     data() {
         return {
-      itemTypeMeta: null,
+            searchKeyword: '',
-      searchKeyword: ''
+            propertySetter: undefined,
         }
     },
     computed: {
@@ -91,12 +45,34 @@ export default {
         selectedItem() {
             return this.state?.selectedItem
         },
-    selectedObject() {
+        // selectedObject() {
-      return this.state?.selectedObject
+        //     return this.state?.selectedObject
+        // },
+        // selectedObjectSetter() {
+        //     return this.state?.selectedObjectSetter
+        // },
+        propertyPanelProps() {
+            const state = this.state;
+            if (!state) return;
+            const { selectedObjectSetter, selectedItem } = state;
+            if (!selectedObjectSetter || !selectedItem) return;
+            const data = _.find(this.viewport.stateManager.vdata.items, item => item.id === selectedItem.id);
+            if (!data) return;
+            return {
+                key: data.id,
+                data: data,
+                flatten: selectedObjectSetter.flatten,
+                groups: selectedObjectSetter.groups,
+            };
         },
-    selectedObjectMeta() {
+    },
-      return this.state?.selectedObjectMeta
+    watch: {
-    }
+        // selectedItem(newV, oldV) {
+        //     console.log("selectedItem", arguments)
+        // },
+        // selectedObject(newV, oldV) {
+        //     console.log("selectedObject", arguments)
+        // },
     },
     methods: {
         selectedObjectChanged(state) {
@@ -113,10 +89,10 @@ export default {
         }
     },
     mounted() {
-    EventBus.on('selectedObjectChanged', this.selectedObjectChanged)
+        // EventBus.on('selectedObjectChanged', this.selectedObjectChanged)
     },
     unmounted() {
-    EventBus.off('selectedObjectChanged', this.selectedObjectChanged)
+        // EventBus.off('selectedObjectChanged', this.selectedObjectChanged)
     }
 }
 </script>

src/example/example1.js

@@ -177,7 +177,7 @@ export default {
           id: 'pallet3',
           t: 'pallet',
           v: true,
-          tf: [[3, 0.175, 1.9], [0, 0, 0], [1.5, 1.2, 0.1]],
+          tf: [[3, 0.175, 1.88], [0, 0, 0], [1.5, 1.2, 0.1]],
           dt: {in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2}
         }, {
           id: 'pallet4',
@@ -187,6 +187,177 @@ export default {
           dt: {in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2}
         }
       ]
+    },
+    {
+      catalogCode: 'f2', t: 'floor', // 楼层
+      items: [{
+        id: 'rack1',
+        t: 'rack',
+        v: true,
+        tf: [[4.196, 0.1, 5.882], [0, 270, 0], [1, 1, 1]],
+        dt: {
+          rackDepth: 1,
+          rackWidth: 5.1,
+          rackHeight: 4.2,
+          levelCount: 3,
+          bayCount: 4,
+          hideFloor: false,
+          extendColumns: true,
+          columnSpacing: 1,
+          bays: [
+            {bayWidth: 1.275, levelHeight: [1.4, 1.4, 1.4]},
+            {bayWidth: 1.275, levelHeight: [1.4, 1.4, 1.4]},
+            {bayWidth: 1.275, levelHeight: [1.4, 1.4, 1.4]},
+            {bayWidth: 1.275, levelHeight: [1.4, 1.4, 1.4]}],
+          center: [],
+          in: [],
+          out: []
+        }
+      }, {id: '3ExXFSuV9WB2WMY2Quyq6L', t: 'measure', v: true, tf: [[0, 0.1, 0], [90, 0, 0], [0.1, 0.1, 0.1]], dt: {in: [], out: [], center: ['4YZKo6XtvL2migaIUmakAr', '7Ik2sRdDZy8Q6sC00AaqCv']}}, {
+        id: '3ExXFSuV9WB2WMY2Quyq6L',
+        t: 'measure',
+        v: true,
+        tf: [[0, 0.1, 0], [90, 0, 0], [0.1, 0.1, 0.1]],
+        dt: {in: [], out: [], center: ['4YZKo6XtvL2migaIUmakAr', '7Ik2sRdDZy8Q6sC00AaqCv']}
+      }, {id: '4YZKo6XtvL2migaIUmakAr', t: 'measure', v: true, tf: [[8.4, 0.1, 0], [90, 0, 0], [0.1, 0.1, 0.1]], dt: {in: [], out: [], center: ['3ExXFSuV9WB2WMY2Quyq6L', '3cdb6OHkp132soSsgW8McA']}}, {
+        id: '3cdb6OHkp132soSsgW8McA',
+        t: 'measure',
+        v: true,
+        tf: [[8.4, 0.1, 9], [90, 0, 0], [0.1, 0.1, 0.1]],
+        dt: {in: [], out: [], center: ['4YZKo6XtvL2migaIUmakAr', '7Ik2sRdDZy8Q6sC00AaqCv']}
+      }, {id: '7Ik2sRdDZy8Q6sC00AaqCv', t: 'measure', v: true, tf: [[0, 0.1, 9], [90, 0, 0], [0.1, 0.1, 0.1]], dt: {in: [], out: [], center: ['3cdb6OHkp132soSsgW8McA', '3ExXFSuV9WB2WMY2Quyq6L']}}, {
+        id: '6Vu3dX1V7Si0ISWIiCkoEh',
+        t: 'gstore',
+        v: true,
+        tf: [[1.5, 0.1, 0.63], [0, 0, 0], [1, 1, 1]],
+        dt: {in: [], out: [], center: [], storeWidth: 1.1, storeDepth: 1.3}
+      }, {id: '592UY0EMScbwIyQqgs8aAs', t: 'gstore', v: true, tf: [[3.9, 0.1, 0.63], [0, 0, 0], [1, 1, 1]], dt: {in: [], out: [], center: [], storeWidth: 1.1, storeDepth: 1.3}}, {
+        id: '38TYyVWMGLf8OogQMIiSOz',
+        t: 'gstore',
+        v: true,
+        tf: [[7.1, 0.1, 2.865], [0, 90, 0], [1, 1, 1]],
+        dt: {in: [], out: [], center: [], storeWidth: 1.1, storeDepth: 1.3}
+      }, {id: '1hAaZ1xtvukZowAKeWAcqs', t: 'gstore', v: true, tf: [[7.1, 0.1, 4.35], [0, 90, 0], [1, 1, 1]], dt: {in: [], out: [], center: [], storeWidth: 1.1, storeDepth: 1.3}}, {
+        id: '28GxDYUqDwZc2WsOgMU2wi',
+        t: 'gstore',
+        v: true,
+        tf: [[7.1, 0.1, 6.75], [0, 90, 0], [1, 1, 1]],
+        dt: {in: [], out: [], center: [], storeWidth: 1.1, storeDepth: 1.3}
+      }, {id: '2fWOnUmFpvYyCWEqAyU0QC', t: 'way', v: true, tf: [[1.5, 0.1, 2.13], [90, 0, 0], [0.25, 0.25, 0.1]], dt: {in: [], out: [], center: ['09PTEMUnACWY0MUG4qmk0r']}}, {
+        id: '09PTEMUnACWY0MUG4qmk0r',
+        t: 'way',
+        v: true,
+        tf: [[2.7, 0.1, 2.13], [90, 0, 0], [0.25, 0.25, 0.1]],
+        dt: {in: [], out: [], center: ['2fWOnUmFpvYyCWEqAyU0QC', '2CSDVrpqthaiQuyWUymCwy', '0mVU9FacN1fmCAmQqwWgIZ']}
+      }, {id: '2CSDVrpqthaiQuyWUymCwy', t: 'way', v: true, tf: [[3.9, 0.1, 2.13], [90, 0, 0], [0.25, 0.25, 0.1]], dt: {in: [], out: [], center: ['09PTEMUnACWY0MUG4qmk0r']}}, {
+        id: '0mVU9FacN1fmCAmQqwWgIZ',
+        t: 'way',
+        v: true,
+        tf: [[2.7, 0.1, 2.832], [90, 0, 0], [0.25, 0.25, 0.1]],
+        dt: {in: [], out: [], center: ['09PTEMUnACWY0MUG4qmk0r', '7LuzEYQQI7OQcEUekEqWcm']}
+      }, {id: '7LuzEYQQI7OQcEUekEqWcm', t: 'way', v: true, tf: [[2.7, 0.1, 3.932], [90, 0, 0], [0.25, 0.25, 0.1]], dt: {in: [], out: [], center: ['0mVU9FacN1fmCAmQqwWgIZ', '2RForJhOHXtcw0gq8mYAMh']}}, {
+        id: '2RForJhOHXtcw0gq8mYAMh',
+        t: 'way',
+        v: true,
+        tf: [[2.7, 0.1, 4.582], [90, 0, 0], [0.25, 0.25, 0.1]],
+        dt: {in: [], out: [], center: ['7LuzEYQQI7OQcEUekEqWcm', '32vDSCKBrgMWycW0ySIgsJ']}
+      }, {id: '32vDSCKBrgMWycW0ySIgsJ', t: 'way', v: true, tf: [[2.7, 0.1, 5.232], [90, 0, 0], [0.25, 0.25, 0.1]], dt: {in: [], out: [], center: ['2RForJhOHXtcw0gq8mYAMh', '0wcYKcGQialFQCGkAa6aYB']}}, {
+        id: '0wcYKcGQialFQCGkAa6aYB',
+        t: 'way',
+        v: true,
+        tf: [[2.7, 0.1, 5.882], [90, 0, 0], [0.25, 0.25, 0.1]],
+        dt: {in: [], out: [], center: ['32vDSCKBrgMWycW0ySIgsJ', '55g6mUWBdozg4m2ueUEUsy']}
+      }, {id: '55g6mUWBdozg4m2ueUEUsy', t: 'way', v: true, tf: [[2.7, 0.1, 6.532], [90, 0, 0], [0.25, 0.25, 0.1]], dt: {in: [], out: [], center: ['0wcYKcGQialFQCGkAa6aYB', '5iKoIUBhnU08EM0IsoyOSW']}}, {
+        id: '5iKoIUBhnU08EM0IsoyOSW',
+        t: 'way',
+        v: true,
+        tf: [[2.7, 0.1, 7.632], [90, 0, 0], [0.25, 0.25, 0.1]],
+        dt: {in: [], out: [], center: ['55g6mUWBdozg4m2ueUEUsy']}
+      }, {
+        id: '3ZP01pHXJRuyeg24oCaaMq',
+        t: 'way',
+        v: true,
+        tf: [[5.65, 0.1, 2.13], [90, 0, 0], [0.25, 0.25, 0.1]],
+        dt: {in: [], out: [], center: ['5onDSGuIKBpUQo6g0EIsuS']}
+      }, {id: '5onDSGuIKBpUQo6g0EIsuS', t: 'way', v: true, tf: [[5.65, 0.1, 2.865], [90, 0, 0], [0.25, 0.25, 0.1]], dt: {in: [], out: [], center: ['3ZP01pHXJRuyeg24oCaaMq', '41A0CKR8cFW8wKkcSMQ4uk']}}, {
+        id: '41A0CKR8cFW8wKkcSMQ4uk',
+        t: 'way',
+        v: true,
+        tf: [[5.65, 0.1, 3.932], [90, 0, 0], [0.25, 0.25, 0.1]],
+        dt: {in: [], out: [], center: ['5onDSGuIKBpUQo6g0EIsuS', '4PunEz5C3Xk66EaOgMEuMq']}
+      }, {id: '4PunEz5C3Xk66EaOgMEuMq', t: 'way', v: true, tf: [[5.65, 0.1, 4.348], [90, 0, 0], [0.25, 0.25, 0.1]], dt: {in: [], out: [], center: ['41A0CKR8cFW8wKkcSMQ4uk', '6oCW8i0dpRtuCEIWIaAcQi']}}, {
+        id: '6oCW8i0dpRtuCEIWIaAcQi',
+        t: 'way',
+        v: true,
+        tf: [[5.65, 0.1, 5.232], [90, 0, 0], [0.25, 0.25, 0.1]],
+        dt: {in: [], out: [], center: ['4PunEz5C3Xk66EaOgMEuMq', '3C9Z8c6oxQbWcS4uSGkC8b']}
+      }, {id: '3C9Z8c6oxQbWcS4uSGkC8b', t: 'way', v: true, tf: [[5.65, 0.1, 5.882], [90, 0, 0], [0.25, 0.25, 0.1]], dt: {in: [], out: [], center: ['6oCW8i0dpRtuCEIWIaAcQi', '1jJX8KZLMPSSCwuCOU6AQz']}}, {
+        id: '1jJX8KZLMPSSCwuCOU6AQz',
+        t: 'way',
+        v: true,
+        tf: [[5.65, 0.1, 6.532], [90, 0, 0], [0.25, 0.25, 0.1]],
+        dt: {in: [], out: [], center: ['3C9Z8c6oxQbWcS4uSGkC8b', '0aJ81sOKqm9FYo60AIQmMG']}
+      }, {id: '0aJ81sOKqm9FYo60AIQmMG', t: 'way', v: true, tf: [[5.65, 0.1, 6.744], [90, 0, 0], [0.25, 0.25, 0.1]], dt: {in: [], out: [], center: ['1jJX8KZLMPSSCwuCOU6AQz', '2qtxSDVn30EcI2uY4W0CWf']}}, {
+        id: '2qtxSDVn30EcI2uY4W0CWf',
+        t: 'way',
+        v: true,
+        tf: [[5.65, 0.1, 7.632], [90, 0, 0], [0.25, 0.25, 0.1]],
+        dt: {in: [], out: [], center: ['0aJ81sOKqm9FYo60AIQmMG']}
+      }, {
+        id: 'ptr1',
+        t: 'ptr',
+        v: true,
+        tf: [[5.65, 0.1, 2.865], [0, -90, 0], [1, 1, 1]],
+        dt: {in: [], out: [], center: [], ptrWidth: 1.5, ptrDepth: 1.5, ptrHeight: 1.98}
+      }, {
+        id: 'clx1',
+        t: 'clx',
+        v: true,
+        tf: [[1.5, 0.1, 2.13], [0, 0, 0], [1, 1, 1]],
+        dt: {in: [], out: [], center: [], clxWidth: 1.65, clxDepth: 1.65, clxHeight: 3.393}
+      }, {
+        id: 'charger1',
+        t: 'charger',
+        v: true,
+        tf: [[2.696, 0.1, 8.75], [0, 0, 0], [1, 1, 1]],
+        dt: {in: [], out: [], center: [], chargerWidth: 0.53, chargerDepth: 0.275, clxHeight: 0.3}
+      }, {
+        id: 'charger2',
+        t: 'charger',
+        v: true,
+        tf: [[5.655, 0.1, 8.75], [0, 0, 0], [1, 1, 1]],
+        dt: {in: [], out: [], center: [], chargerWidth: 0.53, chargerDepth: 0.275, clxHeight: 0.3}
+      }, {
+        id: 'pallet1122',
+        t: 'pallet',
+        v: true,
+        tf: [[1.5, 0.1, 0.63], [0, 0, 0], [1, 1, 1]],
+        dt: {in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2}
+      }, {
+        id: 'pallet1123',
+        t: 'pallet',
+        v: true,
+        tf: [[7.100, 0.1, 4.35], [0, 90, 0], [1, 1, 1]],
+        dt: {in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2}
+      }, {
+        id: 'pallet1124',
+        t: 'pallet',
+        v: true,
+        tf: [[4.196, 0.1, 3.95], [0, 90, 0], [1, 1, 1]],
+        dt: {in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2}
+      }, {
+        id: 'pallet1125',
+        t: 'pallet',
+        v: true,
+        tf: [[4.196, 0.1, 5.225], [0, 90, 0], [1, 1, 1]],
+        dt: {in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2}
+      }, {
+        id: 'pallet1126',
+        t: 'pallet',
+        v: true,
+        tf: [[4.196, 0.1, 7.775], [0, 90, 0], [1, 1, 1]],
+        dt: {in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2}
+      }]
     }
   ],
   elevator: [],  // 电梯

src/modules/charger/ChargerEntity.ts

@@ -0,0 +1,5 @@
+import BaseEntity from '@/core/base/BaseItemEntity.ts'
+
+export default class ChargerEntity extends BaseEntity {
+
+}

src/modules/charger/ChargerInteraction.ts

@@ -0,0 +1,22 @@
+import BaseInteraction from '@/core/base/BaseInteraction.ts'
+import * as THREE from 'three'
+
+export default class ChargerInteraction extends BaseInteraction {
+
+  get isSinglePointMode(): boolean {
+    return true
+  }
+
+  constructor(itemTypeName: string) {
+    super(itemTypeName)
+  }
+
+  createPointOfItem(item: ItemJson, point: THREE.Vector3): ItemJson {
+    item = super.createPointOfItem(item, point)
+
+    // 创建一个地堆货架
+    item.dt.palletWidth = 1 // 宽度
+    item.dt.palletDepth = 1.2 // 深度
+    return item
+  }
+}

src/modules/rack/RackMeta.ts → src/modules/charger/ChargerMeta.ts

@@ -8,14 +8,8 @@ export default [
   { field: 'dt.color', editor: 'Color', label: '颜色', category: 'basic' },
   { editor: '-', category: 'basic' },
 
-
+  { field: 'dt.chargerWidth', editor: 'NumberInput', label: '充电桩宽度', category: 'basic' },
-  { field: 'dt.rackDepth', editor: 'NumberInput', label: '货架深度', category: 'basic' },
+  { field: 'dt.chargerDepth', editor: 'NumberInput', label: '充电桩深度', category: 'basic' },
-  { field: 'dt.levelCount', editor: 'NumberInput', label: '总层数', category: 'basic' },
-  { field: 'dt.bayCount', editor: 'NumberInput', label: '总列数', category: 'basic' },
-  { field: 'dt.hideFloor', editor: 'NumberInput', label: '隐藏底板', category: 'basic' },
-  { field: 'dt.extendColumns', editor: 'NumberInput', label: '扩展挡板', category: 'basic' },
-  { field: 'dt.columnSpacing', editor: 'NumberInput', label: '支脚跨越', category: 'basic' },
-  { field: 'dt.bays', editor: 'BayEditor', category: 'basic' },
   /**
    * dt.bays 5列3层货架示例
    * {

src/modules/charger/ChargerRenderer.ts

@@ -0,0 +1,97 @@
+import * as THREE from 'three'
+import BaseRenderer from '@/core/base/BaseRenderer.ts'
+import { Line2 } from 'three/examples/jsm/lines/Line2.js'
+import { LineGeometry } from 'three/examples/jsm/lines/LineGeometry.js'
+import { LineMaterial } from 'three/examples/jsm/lines/LineMaterial.js'
+import {decimalSumBy} from "@/core/ModelUtils";
+import Constract from '@/core/Constract.ts'
+import chargerUrl from '@/assets/images/ptr/charger.png'
+
+/**
+ * 充电器渲染器
+ */
+export default class ChargerRenderer extends BaseRenderer {
+  static POINT_NAME = 'charger'
+
+  pointMaterial: THREE.Material
+
+  /**
+   * 默认点的高度, 防止和地面重合
+   */
+  readonly defulePositionY: number = Constract.HEIGHT_WAY
+  readonly defaultScale: THREE.Vector3 = new THREE.Vector3(1, 1, 1)
+  readonly defaultRotation: THREE.Vector3 = new THREE.Vector3(0, 0, 0)
+  readonly defaultLineWidth: number = 0.15
+
+  constructor(itemTypeName: string) {
+    super(itemTypeName)
+  }
+
+  /**
+   * 所有的点，必须使用 storeWidth/storeDepth, 改TF无效
+   */
+  override afterCreateOrUpdatePoint(item: ItemJson, option: RendererCudOption, objects: THREE.Object3D[]) {
+    super.afterCreateOrUpdatePoint(item, option, objects)
+
+    const point = objects[0]
+    // point.position.y = this.defulePositionY
+    // point.scale.set(_.sumBy(item.dt.bays, b=>b.bayWidth), this.defaultScale.y, item.dt.rackDepth)
+    point.rotation.set(
+      THREE.MathUtils.degToRad(item.tf[1][0]),
+      THREE.MathUtils.degToRad(item.tf[1][1]),
+      THREE.MathUtils.degToRad(item.tf[1][2])
+    )
+  }
+
+
+  createLineBasic(start: ItemJson, end: ItemJson, type: LinkType): THREE.Object3D[] {
+    throw new Error('not allow store line.')
+  }
+
+  updateLine(start: ItemJson, end: ItemJson, type: LinkType, option?: RendererCudOption) {
+    throw new Error('not allow store line.')
+  }
+
+
+  createPoint(item: ItemJson, option?: RendererCudOption): THREE.Object3D[] {
+    // 创建平面几何体
+    if (!item.dt.chargerWidth || !item.dt.chargerDepth) {
+      return []
+    }
+
+    const textureLoader = new THREE.TextureLoader()
+    const texture = textureLoader.load(chargerUrl)
+
+    const group = new THREE.Group()
+    group.name = ChargerRenderer.POINT_NAME
+
+    // 绘制背景矩形框
+    const planeGeometry = new THREE.PlaneGeometry(item.dt.chargerWidth, item.dt.chargerDepth);
+    planeGeometry.rotateX(-Math.PI / 2)
+    const planeMaterial = new THREE.MeshLambertMaterial({
+      map: texture,      // 颜色贴图
+      transparent: true, // 允许透明纹理
+    });
+    const planeMesh = new THREE.Mesh(planeGeometry, planeMaterial);
+    group.add(planeMesh)
+
+    // 设置位置
+    group.position.set(item.tf[0][0], item.tf[0][1], item.tf[0][2])
+
+    const points = [group]
+    this.fillObjectUserDataFromItem(item, ...points)
+    this.afterCreateOrUpdatePoint(item, option, points)
+    this.tempViewport.entityManager.appendObject(item.id, points)
+    this.appendToScene(...points)
+    return points
+  }
+
+  dispose() {
+    super.dispose()
+    this.pointMaterial?.dispose()
+  }
+
+  createPointBasic(item: ItemJson, option?: RendererCudOption): Object3D[] {
+    return [];
+  }
+}

src/modules/charger/index.ts

@@ -0,0 +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'
+
+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
+})

src/modules/clx/ClxEntity.ts

@@ -0,0 +1,5 @@
+import BaseEntity from '@/core/base/BaseItemEntity.ts'
+
+export default class ClxEntity extends BaseEntity {
+
+}

src/modules/clx/ClxInteraction.ts

@@ -0,0 +1,22 @@
+import BaseInteraction from '@/core/base/BaseInteraction.ts'
+import * as THREE from 'three'
+
+export default class ClxInteraction extends BaseInteraction {
+
+  get isSinglePointMode(): boolean {
+    return true
+  }
+
+  constructor(itemTypeName: string) {
+    super(itemTypeName)
+  }
+
+  createPointOfItem(item: ItemJson, point: THREE.Vector3): ItemJson {
+    item = super.createPointOfItem(item, point)
+
+    // 创建一个地堆货架
+    item.dt.palletWidth = 1 // 宽度
+    item.dt.palletDepth = 1.2 // 深度
+    return item
+  }
+}

src/modules/pallet/PalletMeta.ts → src/modules/clx/ClxMeta.ts

@@ -8,8 +8,8 @@ export default [
   { field: 'dt.color', editor: 'Color', label: '颜色', category: 'basic' },
   { editor: '-', category: 'basic' },
 
-  { field: 'dt.palletWidth', editor: 'NumberInput', label: '托盘深度', category: 'basic' },
+  { field: 'dt.clxWidth', editor: 'NumberInput', label: 'CLX宽度', category: 'basic' },
-  { field: 'dt.palletDepth', editor: 'NumberInput', label: '托盘深度', category: 'basic' },
+  { field: 'dt.clxDepth', editor: 'NumberInput', label: 'CLX深度', category: 'basic' },
   /**
    * dt.bays 5列3层货架示例
    * {

src/modules/clx/ClxRenderer.ts

@@ -0,0 +1,97 @@
+import * as THREE from 'three'
+import BaseRenderer from '@/core/base/BaseRenderer.ts'
+import { Line2 } from 'three/examples/jsm/lines/Line2.js'
+import { LineGeometry } from 'three/examples/jsm/lines/LineGeometry.js'
+import { LineMaterial } from 'three/examples/jsm/lines/LineMaterial.js'
+import {decimalSumBy} from "@/core/ModelUtils";
+import Constract from '@/core/Constract.ts'
+import clxUrl from '@/assets/images/ptr/clx.png'
+
+/**
+ * clx渲染器
+ */
+export default class ClxRenderer extends BaseRenderer {
+  static POINT_NAME = 'clx'
+
+  pointMaterial: THREE.Material
+
+  /**
+   * 默认点的高度, 防止和地面重合
+   */
+  readonly defulePositionY: number = Constract.HEIGHT_WAY
+  readonly defaultScale: THREE.Vector3 = new THREE.Vector3(1, 1, 1)
+  readonly defaultRotation: THREE.Vector3 = new THREE.Vector3(0, 0, 0)
+  readonly defaultLineWidth: number = 0.15
+
+  constructor(itemTypeName: string) {
+    super(itemTypeName)
+  }
+
+  /**
+   * 所有的点，必须使用 storeWidth/storeDepth, 改TF无效
+   */
+  override afterCreateOrUpdatePoint(item: ItemJson, option: RendererCudOption, objects: THREE.Object3D[]) {
+    super.afterCreateOrUpdatePoint(item, option, objects)
+
+    const point = objects[0]
+    // point.position.y = this.defulePositionY
+    // point.scale.set(_.sumBy(item.dt.bays, b=>b.bayWidth), this.defaultScale.y, item.dt.rackDepth)
+    point.rotation.set(
+      THREE.MathUtils.degToRad(item.tf[1][0]),
+      THREE.MathUtils.degToRad(item.tf[1][1]),
+      THREE.MathUtils.degToRad(item.tf[1][2])
+    )
+  }
+
+
+  createLineBasic(start: ItemJson, end: ItemJson, type: LinkType): THREE.Object3D[] {
+    throw new Error('not allow store line.')
+  }
+
+  updateLine(start: ItemJson, end: ItemJson, type: LinkType, option?: RendererCudOption) {
+    throw new Error('not allow store line.')
+  }
+
+
+  createPoint(item: ItemJson, option?: RendererCudOption): THREE.Object3D[] {
+    // 创建平面几何体
+    if (!item.dt.clxWidth || !item.dt.clxDepth) {
+      return []
+    }
+
+    const textureLoader = new THREE.TextureLoader()
+    const texture = textureLoader.load(clxUrl)
+
+    const group = new THREE.Group()
+    group.name = ClxRenderer.POINT_NAME
+
+    // 绘制背景矩形框
+    const planeGeometry = new THREE.PlaneGeometry(item.dt.clxWidth, item.dt.clxDepth);
+    planeGeometry.rotateX(-Math.PI / 2)
+    const planeMaterial = new THREE.MeshLambertMaterial({
+      map: texture,      // 颜色贴图
+      transparent: true, // 允许透明纹理
+    });
+    const planeMesh = new THREE.Mesh(planeGeometry, planeMaterial);
+    group.add(planeMesh)
+
+    // 设置位置
+    group.position.set(item.tf[0][0], item.tf[0][1], item.tf[0][2])
+
+    const points = [group]
+    this.fillObjectUserDataFromItem(item, ...points)
+    this.afterCreateOrUpdatePoint(item, option, points)
+    this.tempViewport.entityManager.appendObject(item.id, points)
+    this.appendToScene(...points)
+    return points
+  }
+
+  dispose() {
+    super.dispose()
+    this.pointMaterial?.dispose()
+  }
+
+  createPointBasic(item: ItemJson, option?: RendererCudOption): Object3D[] {
+    return [];
+  }
+}

src/modules/clx/index.ts

@@ -0,0 +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'
+
+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
+})

src/modules/gstore/GstoreMeta.ts

@@ -1,14 +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: '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

src/modules/gstore/GstorePropertySetter.ts

@@ -0,0 +1,12 @@
+import type { PropertySetter } from "@/core/base/PropertyTypes.ts";
+import { basicFieldsSetter } from "@/editor/widgets/property/PropertyPanelConstant.ts";
+
+const propertySetter: PropertySetter = {
+    flatten: {
+        fields: [
+            ...basicFieldsSetter,
+        ],
+    },
+};
+
+export default propertySetter;

src/modules/gstore/GstoreRenderer.ts

@@ -35,9 +35,9 @@ export default class GstoreRenderer extends BaseRenderer {
     point.position.y = this.defulePositionY
     // point.scale.set(item.dt.storeWidth, this.defaultScale.y, item.dt.storeDepth)
     point.rotation.set(
-      THREE.MathUtils.degToRad(this.defaultRotation.x),
+      THREE.MathUtils.degToRad(item.tf[1][0]),
-      THREE.MathUtils.degToRad(this.defaultRotation.y),
+      THREE.MathUtils.degToRad(item.tf[1][1]),
-      THREE.MathUtils.degToRad(this.defaultRotation.z)
+      THREE.MathUtils.degToRad(item.tf[1][2])
     )
   }
 

src/modules/gstore/index.ts

@@ -1,8 +1,8 @@
 import { defineModule } from '@/core/manager/ModuleManager.ts'
 import GstoreRenderer from './GstoreRenderer.ts'
 import GstoreEntity from './GstoreEntity.ts'
-import GstoreMeta from './GstoreMeta.ts'
 import GstoreInteraction from './GstoreInteraction.ts'
+import propertySetter from "@/modules/gstore/GstorePropertySetter.ts";
 
 export const ITEM_TYPE_NAME = 'gstore'
 
@@ -10,6 +10,6 @@ export default defineModule({
     name: ITEM_TYPE_NAME,
     renderer: new GstoreRenderer(ITEM_TYPE_NAME),
     interaction: new GstoreInteraction(ITEM_TYPE_NAME),
-  meta: GstoreMeta,
+    setter: propertySetter,
-  entity: GstoreEntity
+    entity: GstoreEntity,
 })

src/modules/measure/MeasureMeta.ts

@@ -1,15 +0,0 @@
-import type { IMeta } from '@/core/base/IMeta.ts'
-
-const MeasureMeta: IMeta = [
-  { 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: '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' }
-]
-export default MeasureMeta

src/modules/measure/MeasurePropertySetter.ts

@@ -0,0 +1,12 @@
+import type { PropertySetter } from "@/core/base/PropertyTypes.ts";
+import { basicFieldsSetter } from "@/editor/widgets/property/PropertyPanelConstant.ts";
+
+const propertySetter: PropertySetter = {
+    flatten: {
+        fields: [
+            ...basicFieldsSetter,
+        ],
+    },
+};
+
+export default propertySetter;

src/modules/measure/index.ts

@@ -1,8 +1,8 @@
 import { defineModule } from '@/core/manager/ModuleManager.ts'
 import MeasureRenderer from './MeasureRenderer.ts'
 import MeasureEntity from './MeasureEntity.ts'
-import MeasureMeta from './MeasureMeta.ts'
 import MeasureInteraction from './MeasureInteraction.ts'
+import propertySetter from "@/modules/measure/MeasurePropertySetter.ts";
 
 export const ITEM_TYPE_NAME = 'measure'
 
@@ -10,6 +10,6 @@ export default defineModule({
     name: ITEM_TYPE_NAME,
     renderer: new MeasureRenderer(ITEM_TYPE_NAME),
     interaction: new MeasureInteraction(ITEM_TYPE_NAME),
-  meta: MeasureMeta,
+    setter: propertySetter,
-  entity: MeasureEntity
+    entity: MeasureEntity,
 })

src/modules/pallet/PalletPropertySetter.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.palletWidth', label: '托盘宽度', input: 'InputNumber',
+                inputProps: {},
+            },
+            {
+                dataPath: 'dt.palletDepth', label: '托盘深度', input: 'InputNumber',
+                inputProps: {},
+            },
+        ],
+    },
+};
+
+export default propertySetter;

src/modules/pallet/PalletRenderer.ts

@@ -37,9 +37,9 @@ export default class PalletRenderer extends BaseRenderer {
 
     //point.scale.set(_.sumBy(item.dt.bays, b=>b.bayWidth), this.defaultScale.y, item.dt.rackDepth)
     point.rotation.set(
-      THREE.MathUtils.degToRad(this.defaultRotation.x),
+      THREE.MathUtils.degToRad(item.tf[1][0]),
-      THREE.MathUtils.degToRad(this.defaultRotation.y),
+      THREE.MathUtils.degToRad(item.tf[1][1]),
-      THREE.MathUtils.degToRad(this.defaultRotation.z)
+      THREE.MathUtils.degToRad(item.tf[1][2])
     )
   }
 

src/modules/pallet/index.ts

@@ -1,8 +1,8 @@
 import { defineModule } from '@/core/manager/ModuleManager.ts'
 import PalletRenderer from './PalletRenderer.ts'
 import PalletEntity from './PalletEntity.ts'
-import PalletMeta from './PalletMeta.ts'
 import PalletInteraction from './PalletInteraction.ts'
+import propertySetter from "@/modules/pallet/PalletPropertySetter.ts";
 
 export const ITEM_TYPE_NAME = 'pallet'
 
@@ -10,6 +10,6 @@ export default defineModule({
     name: ITEM_TYPE_NAME,
     renderer: new PalletRenderer(ITEM_TYPE_NAME),
     interaction: new PalletInteraction(ITEM_TYPE_NAME),
-  meta: PalletMeta,
+    setter: propertySetter,
-  entity: PalletEntity
+    entity: PalletEntity,
 })

src/modules/ptr/PtrMeta.ts

@@ -8,8 +8,8 @@ export default [
   { field: 'dt.color', editor: 'Color', label: '颜色', category: 'basic' },
   { editor: '-', category: 'basic' },
 
-  { field: 'dt.palletWidth', editor: 'NumberInput', label: '托盘深度', category: 'basic' },
+  { field: 'dt.ptrWidth', editor: 'NumberInput', label: 'PTR宽度', category: 'basic' },
-  { field: 'dt.palletDepth', editor: 'NumberInput', label: '托盘深度', category: 'basic' },
+  { field: 'dt.ptrDepth', editor: 'NumberInput', label: 'PTR深度', category: 'basic' },
   /**
    * dt.bays 5列3层货架示例
    * {

src/modules/ptr/PtrPropertySetter.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.palletWidth', label: '托盘宽度', input: 'InputNumber',
+                inputProps: {},
+            },
+            {
+                dataPath: 'dt.palletDepth', label: '托盘深度', input: 'InputNumber',
+                inputProps: {},
+            },
+        ],
+    },
+};
+
+export default propertySetter;

src/modules/ptr/PtrRenderer.ts

@@ -37,9 +37,9 @@ export default class PtrRenderer extends BaseRenderer {
     // point.position.y = this.defulePositionY
     // point.scale.set(_.sumBy(item.dt.bays, b=>b.bayWidth), this.defaultScale.y, item.dt.rackDepth)
     point.rotation.set(
-      THREE.MathUtils.degToRad(this.defaultRotation.x),
+      THREE.MathUtils.degToRad(item.tf[1][0]),
-      THREE.MathUtils.degToRad(this.defaultRotation.y),
+      THREE.MathUtils.degToRad(item.tf[1][1]),
-      THREE.MathUtils.degToRad(this.defaultRotation.z)
+      THREE.MathUtils.degToRad(item.tf[1][2])
     )
   }
 
@@ -68,7 +68,6 @@ export default class PtrRenderer extends BaseRenderer {
     // 绘制背景矩形框
     const planeGeometry = new THREE.PlaneGeometry(item.dt.ptrWidth, item.dt.ptrDepth);
     planeGeometry.rotateX(-Math.PI / 2)
-    planeGeometry.rotateY(-Math.PI / 2)
     const planeMaterial = new THREE.MeshLambertMaterial({
       map: texture,      // 颜色贴图
       transparent: true, // 允许透明纹理

src/modules/ptr/index.ts

@@ -1,8 +1,8 @@
 import { defineModule } from '@/core/manager/ModuleManager.ts'
 import PtrRenderer from './PtrRenderer.ts'
 import PtrEntity from './PtrEntity.ts'
-import PtrMeta from './PtrMeta.ts'
 import PtrInteraction from './PtrInteraction.ts'
+import propertySetter from "@/modules/ptr/PtrPropertySetter.ts";
 
 export const ITEM_TYPE_NAME = 'ptr'
 
@@ -10,6 +10,6 @@ export default defineModule({
     name: ITEM_TYPE_NAME,
     renderer: new PtrRenderer(ITEM_TYPE_NAME),
     interaction: new PtrInteraction(ITEM_TYPE_NAME),
-  meta: PtrMeta,
+    setter: propertySetter,
-  entity: PtrEntity
+    entity: PtrEntity,
 })

src/modules/rack/RackPropertySetter.ts

@@ -0,0 +1,64 @@
+import type { PropertySetter } from "@/core/base/PropertyTypes.ts";
+import { basicFieldsSetter } from "@/editor/widgets/property/PropertyPanelConstant.ts";
+
+const propertySetter: PropertySetter = {
+    flatten: {
+        fields: [
+            ...basicFieldsSetter,
+            {
+                dataPath: 'dt.rackDepth', label: '货架深度', input: 'InputNumber',
+                inputProps: {},
+            },
+            {
+                dataPath: 'dt.levelCount', label: '总层数', input: 'InputNumber',
+                inputProps: {},
+            },
+            {
+                dataPath: 'dt.bayCount', label: '总列数', input: 'InputNumber',
+                inputProps: {},
+            },
+            {
+                dataPath: 'dt.hideFloor', label: '隐藏底板', input: 'InputNumber',
+                inputProps: {},
+            },
+            {
+                dataPath: 'dt.extendColumns', label: '扩展挡板', input: 'InputNumber',
+                inputProps: {},
+            },
+            {
+                dataPath: 'dt.columnSpacing', label: '支脚跨越', input: 'InputNumber',
+                inputProps: {},
+            },
+            // {
+            //     dataPath: 'dt.bays', input: 'BayEditor',
+            //     inputProps: {
+            //     },
+            // },
+            /**
+             * 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 ]},
+             *     ]
+             *   }
+             * }
+             */
+        ],
+    },
+};
+
+export default propertySetter;

src/modules/rack/RackRenderer.ts

@@ -37,9 +37,9 @@ export default class RackRenderer extends BaseRenderer {
 
     //point.scale.set(_.sumBy(item.dt.bays, b=>b.bayWidth), this.defaultScale.y, item.dt.rackDepth)
     point.rotation.set(
-      THREE.MathUtils.degToRad(this.defaultRotation.x),
+      THREE.MathUtils.degToRad(item.tf[1][0]),
-      THREE.MathUtils.degToRad(this.defaultRotation.y),
+      THREE.MathUtils.degToRad(item.tf[1][1]),
-      THREE.MathUtils.degToRad(this.defaultRotation.z)
+      THREE.MathUtils.degToRad(item.tf[1][2])
     )
   }
 

src/modules/rack/index.ts

@@ -1,8 +1,8 @@
 import { defineModule } from '@/core/manager/ModuleManager.ts'
 import RackRenderer from './RackRenderer.ts'
 import RackEntity from './RackEntity.ts'
-import RackMeta from './RackMeta.ts'
 import RackInteraction from './RackInteraction.ts'
+import propertySetter from "@/modules/rack/RackPropertySetter.ts";
 
 export const ITEM_TYPE_NAME = 'rack'
 
@@ -10,6 +10,6 @@ export default defineModule({
     name: ITEM_TYPE_NAME,
     renderer: new RackRenderer(ITEM_TYPE_NAME),
     interaction: new RackInteraction(ITEM_TYPE_NAME),
-  meta: RackMeta,
+    setter: propertySetter,
-  entity: RackEntity
+    entity: RackEntity,
 })

src/modules/way/WayMeta.ts

@@ -1,14 +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: '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

src/modules/way/WayPropertySetter.ts

@@ -0,0 +1,12 @@
+import type { PropertySetter } from "@/core/base/PropertyTypes.ts";
+import { basicFieldsSetter } from "@/editor/widgets/property/PropertyPanelConstant.ts";
+
+const propertySetter: PropertySetter = {
+    flatten: {
+        fields: [
+            ...basicFieldsSetter,
+        ],
+    },
+};
+
+export default propertySetter;

src/modules/way/index.ts

@@ -1,8 +1,8 @@
 import { defineModule } from '@/core/manager/ModuleManager.ts'
 import WayRenderer from './WayRenderer.ts'
 import WayEntity from './WayEntity.ts'
-import WayMeta from './WayMeta.ts'
 import WayInteraction from './WayInteraction.ts'
+import propertySetter from "@/modules/way/WayPropertySetter.ts";
 
 export const ITEM_TYPE_NAME = 'way'
 
@@ -10,6 +10,6 @@ export default defineModule({
     name: ITEM_TYPE_NAME,
     renderer: new WayRenderer(ITEM_TYPE_NAME),
     interaction: new WayInteraction(ITEM_TYPE_NAME),
-  meta: WayMeta,
+    setter: propertySetter,
-  entity: WayEntity
+    entity: WayEntity,
 })

src/pages/DataForm01.vue

@@ -2,7 +2,8 @@
 import { createVNode, getCurrentInstance, reactive, toRaw } from "vue";
 import { Format } from "@ease-forge/shared";
 import { createBlockComponent } from "@ease-forge/runtime";
-import DataForm, { type DataFormProps } from "@/components/data-form/DataForm.vue";
+import DataForm from "@/components/data-form/DataForm.vue";
+import type { DataFormProps } from "@/components/data-form/DataFormTypes.ts";
 
 window.globalConfig.componentManage.registerComponent("DataForm", DataForm);