refactor: props 也挪到 client-modules，并使 image 标签与样板解耦

packages-user/client-modules/src/render/elements/props.ts

@@ -0,0 +1,61 @@
+import { BaseProps, TagDefine } from '@motajs/render-vue';
+import { Transform } from '@motajs/render-core';
+import {
+    ILayerGroupRenderExtends,
+    FloorLayer,
+    ILayerRenderExtends,
+    ELayerEvent,
+    ELayerGroupEvent
+} from './layer';
+import { EAnimateEvent } from './animate';
+import { EIconEvent, EWinskinEvent } from './misc';
+
+export interface AnimateProps extends BaseProps {}
+
+export interface IconProps extends BaseProps {
+    /** 图标 id 或数字 */
+    icon: AllNumbers | AllIds;
+    /** 显示图标的第几帧 */
+    frame?: number;
+    /** 是否开启动画，开启后 frame 参数无效 */
+    animate?: boolean;
+}
+
+export interface WinskinProps extends BaseProps {
+    /** winskin 的图片 id */
+    image: ImageIds;
+    /** 边框大小 */
+    borderSize?: number;
+}
+
+export interface LayerGroupProps extends BaseProps {
+    cellSize?: number;
+    blockSize?: number;
+    floorId?: FloorIds;
+    bindThisFloor?: boolean;
+    camera?: Transform;
+    ex?: readonly ILayerGroupRenderExtends[];
+    layers?: readonly FloorLayer[];
+}
+
+export interface LayerProps extends BaseProps {
+    layer?: FloorLayer;
+    mapWidth?: number;
+    mapHeight?: number;
+    cellSize?: number;
+    background?: AllNumbers;
+    floorImage?: FloorAnimate[];
+    ex?: readonly ILayerRenderExtends[];
+}
+
+declare module 'vue/jsx-runtime' {
+    namespace JSX {
+        export interface IntrinsicElements {
+            layer: TagDefine<LayerProps, ELayerEvent>;
+            'layer-group': TagDefine<LayerGroupProps, ELayerGroupEvent>;
+            animation: TagDefine<AnimateProps, EAnimateEvent>;
+            icon: TagDefine<IconProps, EIconEvent>;
+            winskin: TagDefine<WinskinProps, EWinskinEvent>;
+        }
+    }
+}