@realsee/dnalogel 2.0.0-alpha.29-beta → 2.0.0-alpha.30-beta

package/libs/ItemLabelPlugin/events.type.d.ts

@@ -0,0 +1,9 @@
+import type { SubscribeEventMap } from '@realsee/five';
+import type { ItemLabel } from "./typings";
+export interface ItemLabelEvent extends SubscribeEventMap {
+    /**
+     * 点击标签
+     */
+    onLabelClick: (itemLabel: ItemLabel) => void;
+}
+export declare type PluginEvent = ItemLabelEvent;

package/libs/ItemLabelPlugin/events.type.js

@@ -0,0 +1 @@
+export {};

package/libs/ItemLabelPlugin/index.d.ts

@@ -0,0 +1,9 @@
+import ItemLabelPlugin from './Plugin';
+export { ItemLabelPlugin };
+export default ItemLabelPlugin;
+export declare const itemLabelPluginServerParams: {
+    name: string;
+    version: number;
+};
+export type { ItemLabelPluginParametersType, ItemLabelPluginData, ItemLabelPluginExportReturnsType } from './typings';
+export { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE } from './typings';

package/libs/ItemLabelPlugin/index.js

@@ -0,0 +1,8 @@
+import ItemLabelPlugin from './Plugin';
+export { ItemLabelPlugin };
+export default ItemLabelPlugin;
+export const itemLabelPluginServerParams = {
+    name: 'ItemLabelPlugin',
+    version: 0,
+};
+export { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE } from './typings';

package/libs/ItemLabelPlugin/typings.d.ts

@@ -0,0 +1,54 @@
+import type { Subscribe } from "@realsee/five";
+import type { PluginEvent } from "./events.type";
+import type ItemLabelComponent from './ItemLabelComponent';
+export declare enum ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE {
+    SMALL = "small",
+    MIDLLE = "middle",
+    LARGE = "large",
+    EXTRA_LARGE = "x-large"
+}
+export interface ItemLabelPluginParametersType {
+    modelOcclusionEnable?: boolean;
+    displayStrategyType?: Partial<ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE>;
+}
+export interface ItemLabelPluginData {
+    item_labels: Readonly<{
+        id: string;
+        code: string;
+        name: string;
+        position: [number, number, number];
+        type?: string[];
+        icon?: string;
+        [key: string]: any;
+    }>[];
+}
+export interface ItemLabel {
+    id: string;
+    code: string;
+    name: string;
+    position: [number, number, number];
+    modelPosition: [number, number, number];
+    type?: string[];
+    icon?: string;
+    [key: string]: any;
+}
+export interface ItemLabelPluginExportReturnsType {
+    appendTo: (wrapper: Element) => void;
+    load: (data: ItemLabelPluginData) => void;
+    disable: () => void;
+    enable: () => void;
+    dispose: () => void;
+    hooks: Subscribe<PluginEvent>;
+}
+export interface ItemLabelPluginState {
+    container: HTMLDivElement;
+    data: ItemLabelPluginData | null;
+    enabled: boolean;
+    itemLabels: ItemLabel[];
+    wrapper: HTMLElement | null;
+    fiveModeEnabled: boolean;
+    app?: ItemLabelComponent | undefined;
+    hooks: Subscribe<PluginEvent>;
+    modelOcclusionEnable: boolean;
+    displayStrategyType: Partial<ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE>;
+}

package/libs/ItemLabelPlugin/typings.js

@@ -0,0 +1,7 @@
+export var ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE;
+(function (ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE) {
+    ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE["SMALL"] = "small";
+    ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE["MIDLLE"] = "middle";
+    ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE["LARGE"] = "large";
+    ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE["EXTRA_LARGE"] = "x-large";
+})(ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE || (ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE = {}));

package/libs/ItemLabelPlugin/utils/parseData.d.ts

@@ -0,0 +1,3 @@
+import type { ItemLabelPluginData, ItemLabel } from '../typings';
+/** @description 转成内部所需数据 */
+export declare function parseItemLabelPluginData(data: ItemLabelPluginData): ItemLabel[];

package/libs/ItemLabelPlugin/utils/parseData.js

@@ -0,0 +1,4 @@
+/** @description 转成内部所需数据 */
+export function parseItemLabelPluginData(data) {
+    return data.item_labels.map(label => (Object.assign({ modelPosition: [label.position[0], label.position[1], label.position[2]] }, label)));
+}

package/libs/index.d.ts

@@ -12,3 +12,4 @@ export * from './PanoMeasurePlugin';
 export * from './PanoSpatialTagPlugin';
 export * from './ModelItemLabelPlugin';
 export * from './ModelTVVideoPlugin';
+export * from './ItemLabelPlugin';

package/libs/index.js

@@ -1,4 +1,3 @@
-// 方法导出
 export * from './ModelViewPlugin';
 export * from './CSS3DRenderPlugin';
 export * from './PanoCursorRaycasterPlugin';
@@ -23,3 +22,5 @@ export * from './PanoSpatialTagPlugin';
 export * from './ModelItemLabelPlugin';
 // 模型电视插件
 export * from './ModelTVVideoPlugin';
+// 物品标签
+export * from './ItemLabelPlugin';

package/package.json

@@ -8,7 +8,7 @@
   "repository": "https://github.com/realsee-developer/dnalogel.git",
   "description": "如视 VR 看房插件合集",
   "private": false,
-  "version": "2.0.0-alpha.29-beta",
+  "version": "2.0.0-alpha.30-beta",
   "license": "SEE LICENSE IN TERMS.txt",
   "scripts": {
     "build": "yarn run tsb && yarn run build:rollup && yarn build:docs",
@@ -36,6 +36,7 @@
     "@tsconfig/svelte": "^2.0.1",
     "@typescript-eslint/eslint-plugin": "^5.12.1",
     "@typescript-eslint/parser": "^5.12.1",
+    "@vitejs/plugin-react-refresh": "^1.3.6",
     "autoprefixer": "^10.4.2",
     "classnames": "^2.3.1",
     "eslint": "^8.9.0",