@realsee/dnalogel 3.81.13-alpha.1 → 4.0.0-webgpu.3

package/dist/internal/item-label-DXeKI9sZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-label-DXeKI9sZ.js","names":["root","$.from_html","$.prop","$.mutable_source","$.deep_read_state","$.get","$.child","$.set","$.derived","$.untrack","$.first_child","$.only_child","$.set_style","$.sibling","$.clsx","classNames","Raycaster","$.from_html","$.prop","$.mutable_source","$.get","$.comment","$.first_child","$.untrack","$.set_style","$.set","__toESM","if_block","beforeUpdate","template_effect","only_child","child","event","append","comment","onDestroy","from_html","set","deep_read_state","legacy_pre_effect","untrack","legacy_pre_effect_reset","mutable_source","sibling","each","clsx","push","set_text","onMount","bind_this","set_class","prop","init","set_style","first_child","pop","reset","mountComponent","user_derived","bind_element_size","get","require_classnames","debounce","THREE","ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE","\"SMALL\"","\"MIDDLE\"","\"LARGE\"","\"EXTRA_LARGE\"","import_classnames","root$1","root_1","root_2","root_3","ItemLabelItem","$$props","itemLabel","hooks","anchorEnabled","onIconClick","onClick","customElement","div","styles","div_1","node","consequent","div_2","$$value","$$anchor","d","alternate","fragment","node_1","consequent_1","div_3","div_4","$$render","div_5","span","text","span_1","text_1","div_6","$0","$1","$2","Raycaster$1","Vector3$1","isImpacted","direction","sourceVector","targetVector","raycaster","intersection","five","distance","getStrokeLength","type","itemSpaceHeight","getLabelTransform","cssOffset","transform2RenderData","data","label","root","ItemLabelComponent","modelOcclusionEnable","itemLabels","displayStrategyType","maxVisibleDistance","curItemLabels","renderItemLabels","Five","containerWidth","containerHeight","cssOffsetLists","itemsVisible","judgeImpacted","cameraPosition","modelPosition","Vector3","vectorDistance","judgeInViewport","offsetXFromCenter","offsetYFromCenter","offsetZFromCenter","modelPoint","camera","ratioFromLeft","ratioFromTop","ratio","getLabelCssOffset","cssPosition","getFormatedItemLabels","newLabels","labels","strokeLength","isInViewport","isBlocked","visible","transform","sortedItemLabelItems","a","b","sortIndex","item","onItemLabelUpdate","handleCameraUpdateCallback","handleCameraUpdate","onResize","addResizeListener","addDataUpdateListener","getNearObserverPano","candidates","obVector","observers","fromPositionVector","observerIndex","candidate","panoIndex","observer","cameraCoord","itemLabelItem","parseItemLabelPluginData","defaultMaxVisibleDistance","Plugin","pluginState","Subscribe","params","appendTo","wrapper","render","load","enable","disable","dispose","removeListener4Five","addListener4Five","onFiveModeChange","mode"],"sources":["../../src/ItemLabelPlugin/typings.ts","../../src/ItemLabelPlugin/ItemLabelItem.svelte","../../src/ItemLabelPlugin/ItemLabelItem.svelte","../../src/ItemLabelPlugin/utils/isImpacted.ts","../../src/ItemLabelPlugin/utils/getStrokeLength.ts","../../src/ItemLabelPlugin/utils/getLabelTransform.ts","../../src/ItemLabelPlugin/utils/transform2RenderData.ts","../../src/ItemLabelPlugin/ItemLabelComponent.svelte","../../src/ItemLabelPlugin/utils/parseData.ts","../../src/ItemLabelPlugin/Plugin.ts"],"sourcesContent":["import type { Mode, Subscribe } from \"@realsee/five-webgpu\";\nimport type { PluginEvent } from \"./events.type\";\nimport type { MountedComponent } from '../shared-utils/svelte/component.svelte'\n\nexport enum ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE {\n    SMALL= 'small',\n    MIDDLE= 'middle',\n    LARGE= 'large',\n    EXTRA_LARGE = 'x-large'\n}\n// 插件入口参数\nexport interface  ItemLabelPluginParametersType {\n    maxVisibleDistance?: number\n    modelOcclusionEnable?: boolean\n    onlyVisibleInPanorama?: boolean\n    displayStrategyType?: Partial<ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE>\n}\n\n// 插件 load 数据\nexport interface  ItemLabelPluginData {\n    item_labels: Readonly<{\n        panoIndex: number,\n        id: string,\n        code: string,\n        name: string\n        position: [number, number, number]\n        type?: string[],\n        icon?: string,\n        render?: (data: ItemLabel) => HTMLDivElement\n        [key: string]: any\n    }>[]\n}\n\n// 插件内部 render 数据\nexport interface ItemLabel {\n    panoIndex: number\n    id: string\n    code: string\n    name: string\n    position: [number, number, number]\n    modelPosition: [number, number, number]\n    type?: string[]\n    icon?: string,\n    observerIndex?: number | undefined\n    visible?: boolean,\n    isFold?: boolean,\n    render?: (data: ItemLabel) => HTMLDivElement\n    [key: string]: any\n}\n\n// 插件返回类型\nexport interface  ItemLabelPluginExportReturnsType {\n    appendTo: (wrapper: Element) => void\n    load: (data:  ItemLabelPluginData) => void\n    disable: () => void\n    enable: () => void\n    dispose: () => void\n    hooks: Subscribe<PluginEvent>\n}\n\n// 插件状态\nexport interface ItemLabelPluginState {\n    container: HTMLDivElement\n    data:  ItemLabelPluginData | null\n    enabled: boolean\n    itemLabels: ItemLabel[]\n    wrapper: HTMLElement | null\n    fiveModeEnabled: boolean\n    app?: MountedComponent<any>\n    hooks: Subscribe<PluginEvent>\n    modelOcclusionEnable: boolean\n    onlyVisibleInPanorama: boolean\n    displayStrategyType: Partial<ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE>\n    maxVisibleDistance: number | undefined\n}\n","<script lang=\"ts\">\n    import type { ItemLabel } from './typings'\n    import type { Subscribe } from \"@realsee/five-webgpu\";\n    import type { PluginEvent } from \"./events.type\";\n    import classNames from 'classnames'\n\n    export let itemLabel: ItemLabel\n    export let hooks: Subscribe<PluginEvent>\n    export let anchorEnabled: boolean\n    export let onIconClick: (itemLabel: ItemLabel) => void\n\n    function onClick() {\n        hooks.emit('onLabelClick', itemLabel)\n    }\n\n    let customElement:HTMLDivElement\n\n    $: {\n        if ( typeof itemLabel.render === 'function' && customElement) {\n            if (customElement.children.length === 0) {\n                const child = itemLabel.render(itemLabel)\n                if (child) {\n                    customElement.appendChild(child)\n                }\n            }\n        }\n    }\n\n</script>\n\n<div class={classNames(\"item-label-item\", { fold: itemLabel.isFold })}\n     style:z-index=\"{itemLabel.zIndex}\"\n     style:transform=\"{itemLabel.transform}\"\n>\n    <!-- svelte-ignore a11y-click-events-have-key-events -->\n\t<div class={classNames(\"item-label-item__text-wrap\", { 'item-label-item__custom': Boolean(typeof itemLabel.render === 'function') })}\n\t     style=\"bottom: {`${itemLabel.strokeLength}px`}\"\n\t     on:click=\"{onClick}\"\n\t>\n        {#if Boolean(typeof itemLabel.render === 'function')}\n            <div bind:this={customElement}></div>\n        {:else}\n            {#if itemLabel.icon}\n                <div class=\"icon-wrap\"\n                    on:click=\"{(e) => onIconClick(itemLabel)}\"\n                >\n                    <div class=\"icon\" style={`background-image: url(${itemLabel.icon})`} ></div>\n                </div>\n            {/if}\n            <div class=\"item-label-text\">\n                <span class=\"item-model\">{itemLabel.code || itemLabel.id}</span>\n                <span class=\"item-name\">{itemLabel.name}</span>\n            </div>\n        {/if}\n\t\t\n\t</div>\n\t<div class={classNames(\"item-label-item__bar\", { anchor: anchorEnabled })}\n\t     style=\"height: {`${itemLabel.strokeLength}px`}\">\n\t</div>\n</div>\n\n<style>\n    .item-label-item {\n        position: absolute;\n        z-index: 0;\n        transform: none;\n        cursor: pointer;\n        pointer-events: none;\n        user-select: none;\n        animation: fadeIn .3s ease-in;\n    }\n\n    .item-label-item.fold >.item-label-item__text-wrap  {\n\t    visibility: hidden;\n    }\n\n    .item-label-item.fold >.item-label-item__bar.anchor {\n\t    visibility: hidden;\n    }\n\n    .item-label-item.fold >.item-label-item__bar.anchor:after  {\n\t    visibility: visible;\n    }\n\n    .item-label-item__text-wrap {\n        height: fit-content;\n        padding: 0.75rem 1.25rem 0.75rem 0.75rem;\n        position: absolute;\n        width: max-content;\n        max-width: 29.5625rem;\n        min-height: 5.75rem;\n        background-image: linear-gradient(269deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.60) 49%, rgba(31, 38, 46, 0.70) 100%);\n        border: 0.09375rem solid rgba(255, 255, 255, .65);\n        border-radius: 0.1875rem;\n        color: white;\n        transform: translate(-50%, 0);\n        display: flex;\n        justify-content: flex-start;\n        align-items: center;\n        box-sizing: border-box;\n        overflow: hidden;\n        pointer-events: all;\n    }\n\n    .item-label-item__custom {\n        padding: 0;\n        max-width: unset;\n        min-height: unset;\n        background-image: unset;\n        border: 0;\n        border-radius: 0;\n    }\n\n    .icon-wrap {\n        width: 4.25rem;\n        height: 100%;\n        display: flex;\n        justify-content: center;\n        align-content: center;\n    }\n\n    .icon {\n        width: 4.25rem;\n        height: 4.25rem;\n        background-repeat: no-repeat;\n        background-size: contain;\n        background-position: center;\n    }\n\n    .item-label-text {\n        margin-left: 0.75rem;\n        padding-left: 0.75rem;\n        min-height: 4.25rem;\n        height: auto;\n        display: flex;\n        flex-flow: column;\n        justify-content: space-around;\n        align-content: flex-start;\n        border-left: solid rgba(255, 255, 255, .2) 0.0625rem;\n        border-top: solid rgba(255, 255, 255, .2) 0;\n        border-right: solid rgba(255, 255, 255, .2) 0;\n        border-bottom: solid rgba(255, 255, 255, .2) 0;\n        pointer-events: auto;\n    }\n\n    .item-model {\n        white-space: nowrap;\n        font-size: 1.375rem;\n        font-weight: bold;\n        line-height: 1.875rem;\n    }\n\n    .item-name {\n        height: auto;\n        word-break: break-word;\n        overflow-wrap: break-word;\n        hyphens: auto;\n        -webkit-hyphens: auto;\n        font-size: 1.25rem;\n        line-height: 1.75rem;\n    }\n\n    .item-label-item__bar {\n        position: absolute;\n        bottom: 0;\n        width: 0.1875rem;\n        background-image: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));\n        box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.20);\n        pointer-events: none;\n    }\n\n    .item-label-item__bar.anchor:after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        width: 1.5rem;\n        height: 1.5rem;\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAABcVBMVEUAAAAAAAD////////+/v45OTn////////39/fp6enPz8/7+/vw8PD+/v7x8fHc3NzHx8f////////+/v77+/vr6+v////7+/v5+fn////z8/P////////q6uqgoKD+/v79/f3m5ub+/v7////////////////39/f39/f////z8/P////t7e3s7Oz29vb////5+fn////h4eH////g4ODV1dX////////BwcH///////////+Ojo5zc3MlJSX////////////////////////7+/v////////////v7+/u7u7n5+f////39/f////09PT6+vr09PT+/v76+vr////5+fnv7+/09PTk5OT////////////////Jycn///++vr7///////+0tLT///9TU1P///8SEhL////////+/v76+vr////8/Pz39/ft7e3t7e36+vr////////X19fV1dX///+xsbF9fX1iYmL///////+K8mOEAAAAenRSTlMaAIDy8CD41cWRX9uk7Kl1VVEw6dWT/M/NvKyVkY475eWIgx0Z39rHv7axnZyZmIuKhn56emZjX1FEPTU0Kx4PCAX69fTgxcKkopWL7crJuri2sa6rnIyHhX54bVtZVU9NSUcsJSIcFROno6Hcwp+ekHVxbWhnRC8nDLc9s8oAAAOGSURBVEjHpdd3X9pAGAfwkBBDAoQmBJmWvUWWiIDIHoJb66x7a4d78Op7pBQ1J5DY33987vnyXEIu3CGy/0hvnDthM+l0hj3JScSudDKOdhNPpl1i8Ut624Gi6+trI3zW1tcdqGM7/SIC5/ZRR2SNJEm7JkHt7FAJjR18WIs40P3cAFxIOaIRna6ZOHxGunk+TDR1ukjUkSr0w86bcKShiz1OI4JMP8YAD9+4emM2Gm407IfIhzm0NxrhKNsLH4SvQ+RktyvUfZIMXYcPPsSFCcvY6EYW6ZPsxuiYZaLwAW5bDY70Da5paxjvm8d+UcjAUL/GzPtCnDF/mwFWhJ75Zs68x05gxxFRGQfa+RYXokHVCC4O4yOqYLTwBjNB+ncWEZnsbzrIvOLz4CW9g4jODn0ZPO/iZN0UmhaPp0Omq+Q/nLu6NO0hErJnurjKdTBzEdAhkqILXDAdbFkJ7EnDe4EVy198srpiwhE4X1RKDFOqviBwcNPK6gmPmeWlGDz+VdHqRPEVHo0tLTM8RpcX4G+flLe6kU/Cs1pYRnm8uriQhfoC+0ZDvbMLi6ttfO5fDCDCKFrvooAKAov+c4BZvy8EzaolCHRdIZ+fBThl9G0Ih1RCrBJWbPiMKYAZ409oMSqFWAktzJ9GBuDvRoVGOIQJMSas0CiM39u45v0M9tbaeLc6F5M+7dhcbRfgg+pcU/oNa85VDwDOzBtmpP9UKsN8BuCzeb1P+kPi08+fASyr6fVPUh/PJ72+xj/bZk5PSV0YlJ4z83iC4EipS5LkiAkeHxGcQerLwMARRzyW+QklhUgKpST8nXfYg+fHkjS89MPz0MFnhKdCSWpc8RBnPAZB3RUvLt7i3oob7f5juDzuikY81tjcHlcHg9xabdyUWDvF2ay3slecr1ptimNx9lhhs1bzXQxy5NZa6VMx9pS2Wt1H77cVjFartYvBdlDICDc0cbVa3Twd2NcOyuLwVqo+K1ebjgdcr0k+O1uXwThfl8vlhqm+99kASup5GINsYhhmG8d7UXzcBgo2e21cd9WlUll5/7G958ql8uxu7y0zS5SGSkOGBA51TRiGQAi232Y9v4kVQZGavpt6c6l3tLpNsc38gGOC01IeLg4Xi8NaLz1KkqO0VzvcTrFscYo4oLjiRAsKEXeJPRqxW0bsFWLGLVbiocyZSm5vbW0nU9BsIfyp/AGqAvfOkBaFawAAAABJRU5ErkJggg==');\n        background-position: center;\n        background-size: contain;\n        transform: translate(-0.65625rem, 50%);\n    }\n\n    @keyframes fadeIn {\n        from {\n            opacity: 0\n        }\n        to {\n            opacity: 1\n        }\n    }\n</style>\n\n","<script lang=\"ts\">\n    import type { ItemLabel } from './typings'\n    import type { Subscribe } from \"@realsee/five-webgpu\";\n    import type { PluginEvent } from \"./events.type\";\n    import classNames from 'classnames'\n\n    export let itemLabel: ItemLabel\n    export let hooks: Subscribe<PluginEvent>\n    export let anchorEnabled: boolean\n    export let onIconClick: (itemLabel: ItemLabel) => void\n\n    function onClick() {\n        hooks.emit('onLabelClick', itemLabel)\n    }\n\n    let customElement:HTMLDivElement\n\n    $: {\n        if ( typeof itemLabel.render === 'function' && customElement) {\n            if (customElement.children.length === 0) {\n                const child = itemLabel.render(itemLabel)\n                if (child) {\n                    customElement.appendChild(child)\n                }\n            }\n        }\n    }\n\n</script>\n\n<div class={classNames(\"item-label-item\", { fold: itemLabel.isFold })}\n     style:z-index=\"{itemLabel.zIndex}\"\n     style:transform=\"{itemLabel.transform}\"\n>\n    <!-- svelte-ignore a11y-click-events-have-key-events -->\n\t<div class={classNames(\"item-label-item__text-wrap\", { 'item-label-item__custom': Boolean(typeof itemLabel.render === 'function') })}\n\t     style=\"bottom: {`${itemLabel.strokeLength}px`}\"\n\t     on:click=\"{onClick}\"\n\t>\n        {#if Boolean(typeof itemLabel.render === 'function')}\n            <div bind:this={customElement}></div>\n        {:else}\n            {#if itemLabel.icon}\n                <div class=\"icon-wrap\"\n                    on:click=\"{(e) => onIconClick(itemLabel)}\"\n                >\n                    <div class=\"icon\" style={`background-image: url(${itemLabel.icon})`} ></div>\n                </div>\n            {/if}\n            <div class=\"item-label-text\">\n                <span class=\"item-model\">{itemLabel.code || itemLabel.id}</span>\n                <span class=\"item-name\">{itemLabel.name}</span>\n            </div>\n        {/if}\n\t\t\n\t</div>\n\t<div class={classNames(\"item-label-item__bar\", { anchor: anchorEnabled })}\n\t     style=\"height: {`${itemLabel.strokeLength}px`}\">\n\t</div>\n</div>\n\n<style>\n    .item-label-item {\n        position: absolute;\n        z-index: 0;\n        transform: none;\n        cursor: pointer;\n        pointer-events: none;\n        user-select: none;\n        animation: fadeIn .3s ease-in;\n    }\n\n    .item-label-item.fold >.item-label-item__text-wrap  {\n\t    visibility: hidden;\n    }\n\n    .item-label-item.fold >.item-label-item__bar.anchor {\n\t    visibility: hidden;\n    }\n\n    .item-label-item.fold >.item-label-item__bar.anchor:after  {\n\t    visibility: visible;\n    }\n\n    .item-label-item__text-wrap {\n        height: fit-content;\n        padding: 12px 20px 12px 12px;\n        position: absolute;\n        width: max-content;\n        max-width: 473px;\n        min-height: 92px;\n        background-image: linear-gradient(269deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.60) 49%, rgba(31, 38, 46, 0.70) 100%);\n        border: 1.5px solid rgba(255, 255, 255, .65);\n        border-radius: 3px;\n        color: white;\n        transform: translate(-50%, 0);\n        display: flex;\n        justify-content: flex-start;\n        align-items: center;\n        box-sizing: border-box;\n        overflow: hidden;\n        pointer-events: all;\n    }\n\n    .item-label-item__custom {\n        padding: 0;\n        max-width: unset;\n        min-height: unset;\n        background-image: unset;\n        border: 0;\n        border-radius: 0;\n    }\n\n    .icon-wrap {\n        width: 68px;\n        height: 100%;\n        display: flex;\n        justify-content: center;\n        align-content: center;\n    }\n\n    .icon {\n        width: 68px;\n        height: 68px;\n        background-repeat: no-repeat;\n        background-size: contain;\n        background-position: center;\n    }\n\n    .item-label-text {\n        margin-left: 12px;\n        padding-left: 12px;\n        min-height: 68px;\n        height: auto;\n        display: flex;\n        flex-flow: column;\n        justify-content: space-around;\n        align-content: flex-start;\n        border-left: solid rgba(255, 255, 255, .2) 1px;\n        border-top: solid rgba(255, 255, 255, .2) 0;\n        border-right: solid rgba(255, 255, 255, .2) 0;\n        border-bottom: solid rgba(255, 255, 255, .2) 0;\n        pointer-events: auto;\n    }\n\n    .item-model {\n        white-space: nowrap;\n        font-size: 22px;\n        font-weight: bold;\n        line-height: 30px;\n    }\n\n    .item-name {\n        height: auto;\n        word-break: break-word;\n        overflow-wrap: break-word;\n        hyphens: auto;\n        -webkit-hyphens: auto;\n        font-size: 20px;\n        line-height: 28px;\n    }\n\n    .item-label-item__bar {\n        position: absolute;\n        bottom: 0;\n        width: 3px;\n        background-image: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));\n        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.20);\n        pointer-events: none;\n    }\n\n    .item-label-item__bar.anchor:after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        width: 24px;\n        height: 24px;\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAABcVBMVEUAAAAAAAD////////+/v45OTn////////39/fp6enPz8/7+/vw8PD+/v7x8fHc3NzHx8f////////+/v77+/vr6+v////7+/v5+fn////z8/P////////q6uqgoKD+/v79/f3m5ub+/v7////////////////39/f39/f////z8/P////t7e3s7Oz29vb////5+fn////h4eH////g4ODV1dX////////BwcH///////////+Ojo5zc3MlJSX////////////////////////7+/v////////////v7+/u7u7n5+f////39/f////09PT6+vr09PT+/v76+vr////5+fnv7+/09PTk5OT////////////////Jycn///++vr7///////+0tLT///9TU1P///8SEhL////////+/v76+vr////8/Pz39/ft7e3t7e36+vr////////X19fV1dX///+xsbF9fX1iYmL///////+K8mOEAAAAenRSTlMaAIDy8CD41cWRX9uk7Kl1VVEw6dWT/M/NvKyVkY475eWIgx0Z39rHv7axnZyZmIuKhn56emZjX1FEPTU0Kx4PCAX69fTgxcKkopWL7crJuri2sa6rnIyHhX54bVtZVU9NSUcsJSIcFROno6Hcwp+ekHVxbWhnRC8nDLc9s8oAAAOGSURBVEjHpdd3X9pAGAfwkBBDAoQmBJmWvUWWiIDIHoJb66x7a4d78Op7pBQ1J5DY33987vnyXEIu3CGy/0hvnDthM+l0hj3JScSudDKOdhNPpl1i8Ut624Gi6+trI3zW1tcdqGM7/SIC5/ZRR2SNJEm7JkHt7FAJjR18WIs40P3cAFxIOaIRna6ZOHxGunk+TDR1ukjUkSr0w86bcKShiz1OI4JMP8YAD9+4emM2Gm407IfIhzm0NxrhKNsLH4SvQ+RktyvUfZIMXYcPPsSFCcvY6EYW6ZPsxuiYZaLwAW5bDY70Da5paxjvm8d+UcjAUL/GzPtCnDF/mwFWhJ75Zs68x05gxxFRGQfa+RYXokHVCC4O4yOqYLTwBjNB+ncWEZnsbzrIvOLz4CW9g4jODn0ZPO/iZN0UmhaPp0Omq+Q/nLu6NO0hErJnurjKdTBzEdAhkqILXDAdbFkJ7EnDe4EVy198srpiwhE4X1RKDFOqviBwcNPK6gmPmeWlGDz+VdHqRPEVHo0tLTM8RpcX4G+flLe6kU/Cs1pYRnm8uriQhfoC+0ZDvbMLi6ttfO5fDCDCKFrvooAKAov+c4BZvy8EzaolCHRdIZ+fBThl9G0Ih1RCrBJWbPiMKYAZ409oMSqFWAktzJ9GBuDvRoVGOIQJMSas0CiM39u45v0M9tbaeLc6F5M+7dhcbRfgg+pcU/oNa85VDwDOzBtmpP9UKsN8BuCzeb1P+kPi08+fASyr6fVPUh/PJ72+xj/bZk5PSV0YlJ4z83iC4EipS5LkiAkeHxGcQerLwMARRzyW+QklhUgKpST8nXfYg+fHkjS89MPz0MFnhKdCSWpc8RBnPAZB3RUvLt7i3oob7f5juDzuikY81tjcHlcHg9xabdyUWDvF2ay3slecr1ptimNx9lhhs1bzXQxy5NZa6VMx9pS2Wt1H77cVjFartYvBdlDICDc0cbVa3Twd2NcOyuLwVqo+K1ebjgdcr0k+O1uXwThfl8vlhqm+99kASup5GINsYhhmG8d7UXzcBgo2e21cd9WlUll5/7G958ql8uxu7y0zS5SGSkOGBA51TRiGQAi232Y9v4kVQZGavpt6c6l3tLpNsc38gGOC01IeLg4Xi8NaLz1KkqO0VzvcTrFscYo4oLjiRAsKEXeJPRqxW0bsFWLGLVbiocyZSm5vbW0nU9BsIfyp/AGqAvfOkBaFawAAAABJRU5ErkJggg==');\n        background-position: center;\n        background-size: contain;\n        transform: translate(-10.5px, 50%);\n    }\n\n    @keyframes fadeIn {\n        from {\n            opacity: 0\n        }\n        to {\n            opacity: 1\n        }\n    }\n</style>\n\n","import * as THREE from 'three/webgpu'\nimport type { Five } from \"@realsee/five-webgpu\";\n\nconst { Raycaster, Vector3 } = THREE\n\n/**\n * 碰撞检测可见性\n * */\nexport const isImpacted = (five: Five, sourceVector: THREE.Vector3, targetVector: THREE.Vector3, distance: number): boolean => {\n    const direction = sourceVector.clone().sub(targetVector).normalize()\n    const raycaster = new Raycaster()\n    raycaster.set(targetVector, direction)\n    const [intersection] = five.model.intersectRaycaster(raycaster)\n    return intersection && intersection.distance + 0.01 < distance\n    // return intersection && distance <= intersection.distance + 0.1\n}\n","/**\n * 展示策略\n * */\n\nimport { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE } from \"../typings\";\n\nexport const getStrokeLength = (itemSpaceHeight: number, type: ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE) => {\n    switch (type) {\n        case ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.SMALL:\n            return Math.ceil(-27.78 * itemSpaceHeight + 85)\n        case ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.MIDDLE:\n            return Math.ceil(-38.9 * itemSpaceHeight + 130)\n        case ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.LARGE:\n            return Math.ceil(-44.44 * itemSpaceHeight + 140)\n        case ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.EXTRA_LARGE:\n            return Math.ceil(-92.59 * itemSpaceHeight + 300)\n    }\n}\n","export const getLabelTransform = (cssOffset: [number, number]) => {\n    return `translate(${cssOffset[0]}px, ${cssOffset[1]}px)`\n}\n","import type { ItemLabel } from '../typings'\n\n/** @description 转成内部所需数据 */\nexport function transform2RenderData(data: any): ItemLabel[] {\n    return data.map(label => ({\n        observerIndex: undefined,\n        visible: false,\n        isFold: false,\n        ...label\n    }))\n}\n","<script lang=\"ts\">\n  import type { Subscribe, WorkObserver } from '@realsee/five-webgpu'\n  import type { Mode } from '@realsee/five-webgpu'\n  import { Five } from '@realsee/five-webgpu'\n  import type { ItemLabel } from './typings'\n  import type { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE } from './typings'\n  import { beforeUpdate, onDestroy, onMount } from 'svelte'\n  import * as THREE from 'three/webgpu'\n  import ItemLabelItem from './ItemLabelItem.svelte'\n  import type { PluginEvent } from './events.type'\n  import debounce from '../shared-utils/debounce'\n  import { isImpacted } from './utils/isImpacted'\n  import { getStrokeLength } from './utils/getStrokeLength'\n  import { getLabelTransform } from './utils/getLabelTransform'\n  import { transform2RenderData } from './utils/transform2RenderData'\n\n  const { Vector3 } = THREE\n\n  export let five: Five\n  export let modelOcclusionEnable: boolean\n  export let itemLabels: ItemLabel[]\n  export let hooks: Subscribe<PluginEvent>\n  export let displayStrategyType: ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE\n  export let maxVisibleDistance: number | null\n\n  let curItemLabels: ItemLabel[] = null\n  let renderItemLabels: ItemLabel[] = null\n  let anchorEnabled: boolean = five?.currentMode === Five.Mode.Panorama\n\n  let containerWidth: number\n  let containerHeight: number\n\n  // 计算重叠\n  let cssOffsetLists: number[][] = []\n  let cssHeight = 26\n  let basicWidth = 11\n\n  // 动画过程中 itemsVisible 为 false\n  let itemsVisible = true\n\n  /**\n   * 可见性策略：\n   * 1、当前楼层(假设先不考虑多楼层)\n   * 2、模型未被遮挡（一个 box 有没有被遮挡的计算？ TODO）\n   * */\n  const judgeImpacted = (five: Five, itemLabel: ItemLabel) => {\n    // 虚拟 VR 仅有一层，不考虑楼层信息\n    const cameraPosition = five.camera.position.clone()\n    const modelPosition = new Vector3(itemLabel.modelPosition[0], itemLabel.modelPosition[1], itemLabel.modelPosition[2])\n    // 计算点到相机的位置\n    const vectorDistance = modelPosition.distanceTo(cameraPosition)\n\n    // 判断距离，大于最大可见距离直接不可见 TODO 把距离计算和碰撞拆分开\n    if (maxVisibleDistance !== undefined && five.state.mode === Five.Mode.Panorama) {\n      if (vectorDistance > maxVisibleDistance) {\n        return false\n      }\n    }\n\n    return isImpacted(five, modelPosition.clone().sub(cameraPosition).normalize(), cameraPosition, vectorDistance)\n  }\n\n  const judgeInViewport = (modelPoint: THREE.Vector3): boolean => {\n    const { camera, model } = five\n    const { x: offsetXFromCenter, y: offsetYFromCenter, z: offsetZFromCenter } = modelPoint.clone().project(camera)\n    const ratioFromLeft = (offsetXFromCenter + 1) / 2\n    const ratioFromTop = (2 - (offsetYFromCenter + 1)) / 2\n    const isFront = Math.abs(offsetZFromCenter) < 1\n    const cssOffset = [ratioFromLeft, ratioFromTop]\n    // 只计算在前面就行\n    const isInViewport = isFront && cssOffset.every((ratio) => ratio < 1 && ratio >= 0)\n\n    return Boolean(isInViewport)\n  }\n\n  // cssOffset 获取\n  const getLabelCssOffset = (five: Five, itemLabel: ItemLabel) => {\n    const modelPosition = new Vector3(itemLabel.modelPosition[0], itemLabel.modelPosition[1], itemLabel.modelPosition[2])\n    const cssPosition: THREE.Vector2 | null = five.project2d(modelPosition)\n    const xOffset = cssPosition?.x\n    const yOffset = cssPosition?.y\n    return [xOffset, yOffset]\n  }\n\n  // 重叠计算\n  const isOverlap = (cssOffset: [number, number], widthOffset: number): boolean => {\n    if (cssOffsetLists.length === 0) {\n      return false\n    }\n\n    const hasOverlapPoint = cssOffsetLists.find(\n      (item) =>\n        (cssOffset[0] >= item[0] - widthOffset && cssOffset[0] <= item[0] + widthOffset) ||\n        (cssOffset[1] >= item[1] - cssHeight && cssOffset[1] <= item[1] + cssHeight),\n    )\n\n    return !!hasOverlapPoint\n  }\n\n  const getFormatedItemLabels = (five: Five, labels: ItemLabel[]) => {\n    // 计算位置 & 可见性\n    const newLabels = labels.map((label) => {\n      // 不在绑定点位则直接不可见\n      if (five.state.panoIndex !== label.panoIndex) {\n        return { ...label, visible: false }\n      }\n\n      const cssOffset = getLabelCssOffset(five, label)\n      const curLabelWidth = label.name.length * basicWidth\n      const strokeLength = getStrokeLength(label.modelPosition[1], displayStrategyType)\n\n      // 是否加入碰撞检测\n      // 配置加入碰撞检测，则判断碰撞检测\n\n      // 在可见范围内， 仅在 Panorama 模态计算\n      const isInViewport =\n        five.currentMode === Five.Mode.Panorama\n          ? judgeInViewport(new Vector3(label.position[0], label.position[1], label.position[2]))\n          : true\n\n      // 碰撞\n      const isBlocked = modelOcclusionEnable ? judgeImpacted(five, label) : false\n\n      const visible = isInViewport && !isBlocked\n\n      // 关掉重叠计算\n      // const visible = naturalVisible && !isOverlap([cssOffset[0], cssOffset[1] + strokeLength], curLabelWidth)\n\n      if (!visible) return { ...label, visible }\n\n      cssOffsetLists.push(cssOffset)\n\n      // position\n      const transform = getLabelTransform(cssOffset as [number, number])\n      return { ...label, visible, transform, strokeLength }\n    })\n\n    const sortedItemLabelItems = newLabels\n      .filter(({ visible }) => visible)\n      .map((label) => ({\n        itemLabelItem: label,\n        distance: new Vector3(label.modelPosition[0], label.modelPosition[1], label.modelPosition[2])\n          .clone()\n          .distanceTo(five.camera.position),\n      }))\n      .sort((a, b) => a.distance - b.distance)\n\n    return newLabels.map((label) => {\n      const sortIndex = sortedItemLabelItems.findIndex((item) => item.itemLabelItem.id === label.id)\n      if (sortIndex !== undefined) return { ...label, zIndex: sortIndex * 10 }\n      return label\n    })\n  }\n\n  const onItemLabelUpdate = () => {\n    cssOffsetLists = []\n    renderItemLabels = getFormatedItemLabels(five, renderItemLabels)\n  }\n\n  const handleCameraUpdateCallback = () => {\n    itemsVisible = false\n    handleCameraUpdate()\n  }\n\n  const onFiveModeChange = (mode: Mode) => {\n    itemsVisible = false\n\n    five.once('initAnimationEnded', (panoIndex, pose, userAction) => {\n      anchorEnabled = mode === Five.Mode.Panorama\n      itemsVisible = true\n      if (!userAction) return\n      else onItemLabelUpdate()\n    })\n  }\n\n  const handleCameraUpdate = debounce(() => {\n    itemsVisible = true\n    onItemLabelUpdate()\n  }, 300)\n\n  const onResize = () => {\n    five.once('renderFrame', onItemLabelUpdate)\n  }\n\n  const addResizeListener = () => {\n    window.addEventListener('resize', onResize, false)\n  }\n\n  const addDataUpdateListener = () => {\n    if (curItemLabels !== itemLabels) {\n      renderItemLabels = transform2RenderData(itemLabels)\n      curItemLabels = itemLabels\n      onItemLabelUpdate()\n    }\n  }\n\n  const getNearObserverPano = (fromPositionVector: THREE.Vector3, observers: readonly WorkObserver[]) => {\n    let candidates = []\n\n    for (const { position: obVector, panoIndex } of observers) {\n      const distance = fromPositionVector.distanceTo(obVector)\n      if (maxVisibleDistance === undefined || distance <= maxVisibleDistance || five.state.mode !== Five.Mode.Panorama) {\n        candidates.push({\n          panoIndex,\n          obVector,\n          distance,\n        })\n      }\n    }\n\n    candidates = candidates.sort((a, b) => a.distance - b.distance)\n    let observerIndex: number\n\n    for (const candidate of candidates) {\n      const { obVector, distance, panoIndex } = candidate\n      const isImpactedRes = isImpacted(five, fromPositionVector, obVector, distance)\n      if (!isImpactedRes) {\n        observerIndex = panoIndex\n        break\n      }\n    }\n\n    return typeof observerIndex === 'number' ? observers[observerIndex] : undefined\n  }\n\n  const onIconClick = (itemLabel: ItemLabel) => {\n    if (five.state.mode === Five.Mode.Panorama) return\n\n    const observers = five.work.observers\n    const fromPositionVector = new Vector3().fromArray(itemLabel.position)\n    const observer = getNearObserverPano(fromPositionVector, observers)\n    if (observer) {\n      itemLabel.observerIndex = observer.panoIndex\n    }\n\n    if (typeof itemLabel.observerIndex === 'number') {\n      const observer = observers[itemLabel.observerIndex]\n      const direction = fromPositionVector.clone().sub(observer.position).normalize()\n\n      const cameraCoord = {\n        longitude: Math.PI + Math.atan2(direction.x, direction.z),\n        latitude: Math.acos(direction.y / direction.length()) - Math.PI / 2,\n      }\n\n      five.setState({\n        ...cameraCoord,\n        mode: Five.Mode.Panorama,\n        panoIndex: itemLabel.observerIndex,\n      })\n\n      // 游走结束更新 render list\n      five.once('initAnimationEnded', () => {\n        renderItemLabels = renderItemLabels.map((item) => {\n          return {\n            ...item,\n            isFold: item.id !== itemLabel.id,\n          }\n        })\n\n        five.once('cameraUpdate', () => {\n          renderItemLabels = renderItemLabels.map((item) => {\n            return {\n              ...item,\n              isFold: false,\n            }\n          })\n        })\n      })\n    }\n  }\n\n  beforeUpdate(() => {\n    addDataUpdateListener()\n  })\n\n  onMount(() => {\n    renderItemLabels = transform2RenderData(itemLabels)\n    curItemLabels = itemLabels\n    onItemLabelUpdate()\n    addResizeListener()\n\n    five.on('cameraUpdate', handleCameraUpdateCallback)\n    // five.on('modeChange', onFiveModeChange)\n  })\n\n  onDestroy(() => {\n    five.off('cameraUpdate', handleCameraUpdateCallback)\n    // five.off('modeChange', onFiveModeChange)\n    window.removeEventListener('resize', onResize, false)\n  })\n</script>\n\n<div\n  class=\"item-labels-container\"\n  bind:clientWidth={containerWidth}\n  bind:clientHeight={containerHeight}\n  style:opacity={itemsVisible ? 1 : 0}\n>\n  {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}\n    {#if itemLabelItem.visible}\n      <ItemLabelItem itemLabel={itemLabelItem} {hooks} {anchorEnabled} {onIconClick} />\n    {/if}\n  {/each}\n</div>\n\n<style>\n  .item-labels-container {\n    width: 100%;\n    height: 100%;\n    position: relative;\n  }\n</style>\n","import type { ItemLabelPluginData, ItemLabel } from '../typings'\n\n/** @description 转成内部所需数据 */\nexport function parseItemLabelPluginData(data: ItemLabelPluginData): ItemLabel[] {\n    return data.item_labels.map(label => ({\n        ...label,\n        modelPosition: [label.position[0], label.position[1], label.position[2]],\n        observerIndex: undefined,\n    }))\n}\n","import type { PluginEvent } from './events.type'\nimport type { FivePlugin, Mode } from '@realsee/five-webgpu'\nimport type { ItemLabelPluginState, ItemLabelPluginData, ItemLabelPluginExportReturnsType, ItemLabelPluginParametersType } from './typings'\nimport { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE } from './typings'\nimport { Five, Subscribe } from '@realsee/five-webgpu'\nimport ItemLabelComponent from './ItemLabelComponent.svelte'\nimport { parseItemLabelPluginData } from './utils/parseData'\n\nimport { mountComponent, type MountedComponent } from '../shared-utils/svelte/component.svelte'\nconst defaultMaxVisibleDistance = undefined\n\nexport const Plugin: FivePlugin<ItemLabelPluginParametersType, ItemLabelPluginExportReturnsType> = (five: Five, params) => {\n  const pluginState: ItemLabelPluginState = {\n    container: document.createElement('div'),\n    data: null,\n    enabled: true,\n    fiveModeEnabled: true,\n    itemLabels: [],\n    wrapper: null,\n    app: undefined,\n    hooks: new Subscribe<PluginEvent>(),\n    modelOcclusionEnable: params?.modelOcclusionEnable ?? true,\n    onlyVisibleInPanorama: params?.onlyVisibleInPanorama ?? true,\n    displayStrategyType: params?.displayStrategyType ?? ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.SMALL,\n    maxVisibleDistance: params?.maxVisibleDistance ?? defaultMaxVisibleDistance,\n  }\n\n  pluginState.container.setAttribute('class', 'item-label-plugin-container')\n  pluginState.container.style.cssText = `\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 5;\n    `\n  pluginState.container.style.pointerEvents = 'none' // 写到 cssText 里不生效\n\n  const appendTo = (wrapper: Element) => {\n    pluginState.wrapper = wrapper as HTMLElement\n    wrapper.appendChild(pluginState.container)\n    render()\n    return true\n  }\n\n  const load = (data: ItemLabelPluginData) => {\n    pluginState.itemLabels = parseItemLabelPluginData(data)\n    render()\n  }\n\n  const enable = () => {\n    if (pluginState.enabled) return true\n    pluginState.enabled = true\n    render()\n    return true\n  }\n\n  const disable = () => {\n    if (!pluginState.enabled) return true\n    pluginState.enabled = false\n    render()\n    return true\n  }\n\n  const dispose = () => {\n    removeListener4Five()\n    pluginState.container.remove()\n  }\n\n  const render = () => {\n    if (!pluginState.wrapper) return\n    // 只要不可展示，销毁容器\n    if (!pluginState.enabled || !pluginState.fiveModeEnabled) {\n      pluginState.app?.destroy()\n      pluginState.app = undefined\n      return\n    }\n    // 正常显示时，分为 app 存在和不存在两种情况，如果存在，传值，不存在则初始化并传值\n    if (!pluginState.app) {\n      pluginState.app = mountComponent(ItemLabelComponent, pluginState.container, {\n          five: five,\n          modelOcclusionEnable: pluginState.modelOcclusionEnable,\n          itemLabels: pluginState.itemLabels,\n          hooks: pluginState.hooks,\n          displayStrategyType: pluginState.displayStrategyType,\n          maxVisibleDistance: pluginState.maxVisibleDistance,\n        })\n    } else {\n      pluginState.app.update({\n        five: five,\n        itemLabels: pluginState.itemLabels,\n      })\n    }\n  }\n\n  // 添加 five 监听\n  const addListener4Five = () => {\n    five.on('modeChange', onFiveModeChange)\n    five.once('dispose', dispose)\n  }\n\n  // 取消 five 监听\n  const removeListener4Five = () => {\n    five.off('modeChange', onFiveModeChange)\n  }\n\n  const onFiveModeChange = (mode: Mode) => {\n    // if (!pluginState.enabled) return\n\n    if (mode !== Five.Mode.Panorama) {\n      pluginState.fiveModeEnabled = false\n      disable()\n      return\n    }\n\n    // pluginState.fiveModeEnabled = false\n    // render()\n\n    five.once('initAnimationEnded', () => {\n      pluginState.fiveModeEnabled = true\n      enable()\n    })\n  }\n\n  addListener4Five()\n\n  return {\n    appendTo,\n    load,\n    enable,\n    disable,\n    dispose,\n    hooks: pluginState.hooks,\n  }\n}\n\nexport default Plugin\n"],"mappings":"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"}

package/dist/internal/loadTexture-CJ3EbTXw.js

@@ -0,0 +1,18 @@
+import * as e from "three/webgpu";
+//#region src/shared-utils/three/loadTexture.ts
+var t = new e.TextureLoader();
+async function n(n) {
+	return new Promise((e, r) => {
+		t.load(n, (t) => e(t), void 0, r);
+	}).then((t) => (t.colorSpace = e.SRGBColorSpace, t.minFilter = e.NearestFilter, t.magFilter = e.NearestFilter, t));
+}
+async function r(e) {
+	return n(e).then((t) => ({
+		texture: t,
+		transparent: e.startsWith("data:") ? e.includes("png") : new URL(e, location.href).pathname.toLowerCase().endsWith(".png")
+	}));
+}
+//#endregion
+export { n, r as t };
+
+//# sourceMappingURL=loadTexture-CJ3EbTXw.js.map

package/dist/internal/loadTexture-CJ3EbTXw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadTexture-CJ3EbTXw.js","names":["THREE","textureLoader","loadTexture","uri","resolve","texture","reject","loadPicture"],"sources":["../../src/shared-utils/three/loadTexture.ts"],"sourcesContent":["import * as THREE from 'three/webgpu'\n\nconst textureLoader = new THREE.TextureLoader()\n\nexport async function loadTexture(uri: string): Promise<THREE.Texture<HTMLImageElement>> {\n  return new Promise<THREE.Texture<HTMLImageElement>>((resolve, reject) => {\n    textureLoader.load(uri, (texture) => resolve(texture as THREE.Texture<HTMLImageElement>), undefined, reject)\n  }).then((texture) => {\n    texture.colorSpace = THREE.SRGBColorSpace\n    texture.minFilter = THREE.NearestFilter\n    texture.magFilter = THREE.NearestFilter\n\n    return texture\n  })\n}\n\nexport async function loadPicture(uri: string) {\n  return loadTexture(uri).then((texture) => {\n    const transparent = uri.startsWith('data:') ? uri.includes('png') : new URL(uri, location.href).pathname.toLowerCase().endsWith('.png')\n    return { texture, transparent }\n  })\n}\n"],"mappings":";;AAEA,IAAMC,IAAgB,IAAID,EAAM,cAAc;AAE9C,eAAsBE,EAAY,GAAuD;CACvF,OAAO,IAAI,SAA0C,GAAS,MAAW;EACvE,EAAc,KAAKC,IAAM,MAAYC,EAAQC,CAA0C,GAAG,KAAA,GAAWC,CAAM;CAC7G,CAAC,CAAC,CAAC,MAAM,OACP,EAAQ,aAAaN,EAAM,gBAC3B,EAAQ,YAAYA,EAAM,eAC1B,EAAQ,YAAYA,EAAM,eAEnBK,EACR;AACH;AAEA,eAAsBE,EAAY,GAAa;CAC7C,OAAOL,EAAYC,CAAG,CAAC,CAAC,MAAM,OAErB;EAAE;EAAS,aADEA,EAAI,WAAW,OAAO,IAAIA,EAAI,SAAS,KAAK,IAAI,IAAI,IAAIA,GAAK,SAAS,IAAI,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,SAAS,MAAM;CACxG,EAC/B;AACH"}

package/dist/internal/loadVideoTexture-CWoiMWRg.js

@@ -0,0 +1,43 @@
+import * as e from "three/webgpu";
+//#region src/shared-utils/device.ts
+var t = typeof navigator > "u" ? "" : navigator.userAgent.toLowerCase(), n = t.includes("iphone");
+t.includes("android");
+var r = t.includes("micromessenger"), i = n && r;
+//#endregion
+//#region src/shared-utils/three/loadVideoTexture.ts
+function a(e, t) {
+	let n = !r, i = t ?? document.createElement("video");
+	i.preload = "metadata", i.crossOrigin = "anonymous", i.muted = !0, i.loop = !0, i.playsInline = !0, i.autoplay = !0;
+	let a = o(i);
+	a.metadataLoaded = !1;
+	let s;
+	a.metadataReady = new Promise((e) => {
+		s = e;
+	}), i.src = e;
+	let c = () => {
+		a.metadataLoaded || (a.metadataLoaded = !0, s());
+	};
+	if (r || (i.onloadedmetadata = () => {
+		c();
+	}), r) {
+		let e = () => {
+			n || (i.paused ? (i.muted = !0, i.play().then(() => {
+				n = !0, i.pause(), i.currentTime = 0, c();
+			}).catch(() => {
+				console.warn("video auto play error");
+			})) : c());
+		};
+		document.addEventListener("click", e, { once: !0 }), document.addEventListener("touchend", e, { once: !0 }), a.addEventListener("dispose", () => {
+			document.removeEventListener("click", e), document.removeEventListener("touchend", e);
+		});
+	}
+	return a;
+}
+function o(t) {
+	let n = new e.VideoTexture(t);
+	return n.minFilter = e.LinearFilter, n.magFilter = e.LinearFilter, n.colorSpace = e.SRGBColorSpace, n;
+}
+//#endregion
+export { a as n, i as r, o as t };
+
+//# sourceMappingURL=loadVideoTexture-CWoiMWRg.js.map

package/dist/internal/loadVideoTexture-CWoiMWRg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadVideoTexture-CWoiMWRg.js","names":["THREE","userAgent","isIOS","isWX","isIOSWX","getVideoTexture","posterLoaded","video","videoElement","texture","createVideoTexture","resolveMetadata","resolve","src","emitMetaDataLoaded","loadPoster"],"sources":["../../src/shared-utils/device.ts","../../src/shared-utils/three/loadVideoTexture.ts"],"sourcesContent":["const userAgent = typeof navigator === 'undefined' ? '' : navigator.userAgent.toLowerCase()\n\nexport const isIOS = userAgent.includes('iphone')\nexport const isAndroid = userAgent.includes('android')\nexport const isWX = userAgent.includes('micromessenger')\nexport const isIOSWX = isIOS && isWX\nexport const isAndroidWX = isAndroid && isWX\nexport const isBrowser = !isIOSWX && !isAndroidWX\n","import * as THREE from 'three/webgpu'\nimport { isWX } from '../device'\nimport type { Overwrite } from '../../typings/utils.type'\n\nexport default function loadVideoTexture(\n  src: string,\n  videoElement?: HTMLVideoElement,\n): Promise<Overwrite<THREE.VideoTexture, { image: HTMLVideoElement }>> {\n  return new Promise((resolve) => {\n    const video = videoElement ?? document.createElement('video')\n    video.preload = 'metadata'\n    video.crossOrigin = 'anonymous'\n    video.muted = true\n    video.loop = true\n    video.playsInline = true\n    video.autoplay = true\n    video.src = src\n    const texture = createVideoTexture(video)\n    video.onloadedmetadata = () => {\n      resolve(texture)\n    }\n  })\n}\n\n\nexport type ReadyVideoTexture = Overwrite<THREE.VideoTexture, {\n  image: HTMLVideoElement\n  metadataLoaded: boolean\n  metadataReady: Promise<void>\n}>\n\nexport function getVideoTexture(src: string, videoElement?: HTMLVideoElement): ReadyVideoTexture {\n  let posterLoaded = isWX ? false : true\n  const video = videoElement ?? document.createElement('video')\n  video.preload = 'metadata'\n  video.crossOrigin = 'anonymous'\n  video.muted = true\n  video.loop = true\n  video.playsInline = true\n  video.autoplay = true\n  const texture = createVideoTexture(video) as ReadyVideoTexture\n  texture.metadataLoaded = false\n  let resolveMetadata: () => void\n  texture.metadataReady = new Promise<void>((resolve) => {\n    resolveMetadata = resolve\n  })\n  video.src = src\n\n  const emitMetaDataLoaded = () => {\n    if (texture.metadataLoaded) return\n    texture.metadataLoaded = true\n    resolveMetadata()\n  }\n\n  if (!isWX) {\n    video.onloadedmetadata = () => {\n      emitMetaDataLoaded()\n    }\n  }\n\n  if (isWX) {\n    // 微信中加载视频\n    const loadPoster = () => {\n      if (posterLoaded) return\n      if (!video.paused) {\n        emitMetaDataLoaded()\n        return\n      }\n      video.muted = true\n      video\n        .play()\n        .then(() => {\n          posterLoaded = true\n          video.pause()\n          video.currentTime = 0\n          emitMetaDataLoaded()\n        })\n        .catch(() => {\n          console.warn('video auto play error')\n        })\n    }\n    document.addEventListener('click', loadPoster, { once: true })\n    document.addEventListener('touchend', loadPoster, { once: true })\n    texture.addEventListener('dispose', () => {\n      document.removeEventListener('click', loadPoster)\n      document.removeEventListener('touchend', loadPoster)\n    })\n  }\n  return texture\n}\n\n/** Decoded browser video uses sRGB transfer; Three's texture nodes handle its conversion once. */\nexport function createVideoTexture(video: HTMLVideoElement): THREE.VideoTexture {\n  const texture = new THREE.VideoTexture(video)\n  texture.minFilter = THREE.LinearFilter\n  texture.magFilter = THREE.LinearFilter\n  texture.colorSpace = THREE.SRGBColorSpace\n  return texture\n}\n"],"mappings":";;AAAA,IAAMC,IAAY,OAAO,YAAc,MAAc,KAAK,UAAU,UAAU,YAAY,GAE7EC,IAAQD,EAAU,SAAS,QAAQ;AACvBA,EAAU,SAAS,SAAS;AACrD,IAAaE,IAAOF,EAAU,SAAS,gBAAgB,GAC1CG,IAAUF,KAASC;;;AC0BhC,SAAgBE,EAAgB,GAAa,GAAoD;CAC/F,IAAIC,IAAe,IACbC,IAAQC,KAAgB,SAAS,cAAc,OAAO;CAM5D,AALA,EAAM,UAAU,YAChB,EAAM,cAAc,aACpB,EAAM,QAAQ,IACd,EAAM,OAAO,IACb,EAAM,cAAc,IACpB,EAAM,WAAW;CACjB,IAAMC,IAAUC,EAAmBH,CAAK;CACxC,EAAQ,iBAAiB;CACzB,IAAII;CAIJ,AAHA,EAAQ,gBAAgB,IAAI,SAAe,MAAY;EACrD,IAAkBC;CACpB,CAAC,GACD,EAAM,MAAMC;CAEZ,IAAMC,UAA2B;EAC/B,AAAIL,EAAQ,mBACZ,EAAQ,iBAAiB,IACzBE,EAAgB;CAClB;CAQA,IANKR,MACH,EAAM,yBAAyB;EAC7B,EAAmB;CACrB,IAGEA,GAAM;EAER,IAAMY,UAAmB;GACvB,AAAIT,MACCC,EAAM,UAIX,EAAM,QAAQ,IACdA,EACG,KAAK,CAAC,CACN,WAAW;IAIV,AAHA,IAAe,IACfA,EAAM,MAAM,GACZ,EAAM,cAAc,GACpBO,EAAmB;GACrB,CAAC,CAAC,CACD,YAAY;IACX,QAAQ,KAAK,uBAAuB;GACtC,CAAC,KAdDA,EAAmB;EAevB;EAGA,AAFA,SAAS,iBAAiB,SAASC,GAAY,EAAE,MAAM,GAAK,CAAC,GAC7D,SAAS,iBAAiB,YAAYA,GAAY,EAAE,MAAM,GAAK,CAAC,GAChEN,EAAQ,iBAAiB,iBAAiB;GAExC,AADA,SAAS,oBAAoB,SAASM,CAAU,GAChD,SAAS,oBAAoB,YAAYA,CAAU;EACrD,CAAC;CACH;CACA,OAAON;AACT;AAGA,SAAgBC,EAAmB,GAA6C;CAC9E,IAAMD,IAAU,IAAIT,EAAM,aAAaO,CAAK;CAI5C,OAHA,EAAQ,YAAYP,EAAM,cAC1B,EAAQ,YAAYA,EAAM,cAC1B,EAAQ,aAAaA,EAAM,gBACpBS;AACT"}

package/dist/internal/lookObject-wesf8xt6.js

@@ -0,0 +1,48 @@
+import { t as e } from "./FiveUtil-DyTBRHpM.js";
+import { t } from "./vectorToCoordinate-DIOgfeEi.js";
+import { n } from "./isNil-CQNA0Sbe.js";
+import { o as r } from "./boundingBox-DvCor5Hd.js";
+import * as i from "three/webgpu";
+//#region src/shared-utils/five/lookObject.ts
+async function a(a, o, s) {
+	if (!o) return;
+	let c = r(o);
+	if (!c) return;
+	let l = new e(a), u = s?.scale ?? 1.4, d = c.center, f = a.camera.position.clone().sub(d).setY(0).normalize(), p = a.state.mode === "Mapview" ? a.state.fov : 60, m = Math.max(1.5, c.radius * u), h = m * (1 / Math.tan(i.MathUtils.degToRad(p / 2))), g = 0, _ = [], v = (e) => {
+		let t = i.MathUtils.degToRad(e);
+		return f.clone().applyAxisAngle(new i.Vector3(0, 1, 0), t).clone().multiplyScalar(h).add(new i.Vector3(0, m, 0)).add(d);
+	};
+	for (; g !== 360;) {
+		let e = 0, t = v(g), r = (r) => {
+			let a = r.distanceTo(t), o = new i.Raycaster(r, t.clone().sub(r).normalize()), s = l.model.intersectRaycaster(o)[0]?.distance;
+			n(s) ? s > a && (e += 1) : e += 1;
+		};
+		if (r(c.clampPoint(t, new i.Vector3())), r(new i.Vector3(d.x, t.y, d.z)), n(_[e]) && g > _[e] || (_[e] = g), e === 2) break;
+		g += 30;
+	}
+	let y = v(_[2] ?? _[1] ?? 0), b = y.distanceTo(d), x = t(d.clone().sub(y).normalize());
+	if (s?.minDistance && b < s.minDistance) {
+		b = s.minDistance;
+		let e = y.clone().sub(d).normalize();
+		y = d.clone().add(e.multiplyScalar(b)), x = t(d.clone().sub(y).normalize());
+	}
+	if (s?.minLatitude && x.latitude < s.minLatitude) {
+		let e = b * Math.cos(s.minLatitude), n = b * Math.sin(s.minLatitude), r = y.clone().sub(d);
+		r.y = 0, r.normalize().multiplyScalar(e), y = d.clone().add(r).add(new i.Vector3(0, n, 0)), b = y.distanceTo(d), x = t(d.clone().sub(y).normalize());
+	}
+	if (a.state.mode === "Mapview") return a.updateCamera({
+		offset: d,
+		distance: b,
+		...x
+	}, 800);
+	a.setState({
+		mode: "Mapview",
+		offset: d,
+		distance: b,
+		...x
+	}), await a.ready();
+}
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=lookObject-wesf8xt6.js.map

package/dist/internal/lookObject-wesf8xt6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lookObject-wesf8xt6.js","names":["FiveUtil","worldBoundingSphere","THREE","lookObject","object","sphere","fiveUtil","five","radiusScale","config","center","vector","fov","a","b","offsetAngle","offsetCheckResult","getCameraPosition","angle","passed","provisionCameraPosition","doIntersectRaycaster","distanceToCamera","origin","raycaster","distanceToIntersection","notNil","newCameraPosition","distance","longlat","vectorToCoordinates","direction","horizontalDistance","verticalOffset","horizontalDirection"],"sources":["../../src/shared-utils/five/lookObject.ts"],"sourcesContent":["import * as THREE from 'three/webgpu'\nimport { worldBoundingSphere } from '../three'\nimport { vectorToCoordinates } from '../vectorToCoordinate'\nimport { FiveUtil } from '../Utils/FiveUtil'\nimport { notNil } from '../isNil'\nimport type { Five } from '@realsee/five-webgpu'\n\n/**\n * @description 以最佳视角观察物体\n * @param five five 实例\n * @param object 要观察的物体\n * @param config.scale 值越大离物体越远，建议范围为 1~2 之间，默认值为 1.4\n * @param config.minDistance 最小观察距离，如果计算出的距离小于此值，则使用此值\n * @param config.minLatitude 最小纬度角（弧度），如果计算出的纬度小于此值，则调整相机位置\n */\nexport async function lookObject(five: Five, object: THREE.Object3D, config?: { scale?: number; minDistance?: number; minLatitude?: number }) {\n  if (!object) return\n  const sphere = worldBoundingSphere(object)\n  if (!sphere) return\n\n  const fiveUtil = new FiveUtil(five)\n  const radiusScale = config?.scale ?? 1.4\n\n  const center = sphere.center\n  const vector = five.camera.position.clone().sub(center).setY(0).normalize() // model 看向 camera 的方向，用于之后计算 camera 应该在的位置\n  const fov = five.state.mode === 'Mapview' ? five.state.fov : 60\n  const radius = Math.max(1.5, sphere.radius * radiusScale)\n  const a /* 对边 */ = radius\n  const b /* 邻边 */ = a * (1 / Math.tan(THREE.MathUtils.degToRad(fov / 2))) // cotangent(fov/2)\n\n  let offsetAngle = 0\n  const offsetCheckResult: number[] = [] // index 指 碰撞检测通过的数量，只有 0,1,2 三种情况，value 为 当前 index 情况下的 offsetAngle\n\n  const getCameraPosition = (offsetAngle: number) => {\n    const angle = THREE.MathUtils.degToRad(offsetAngle)\n    const _vector = vector.clone().applyAxisAngle(new THREE.Vector3(0, 1, 0), angle) // 旋转后的 vector\n    return _vector.clone().multiplyScalar(b).add(new THREE.Vector3(0, a, 0)).add(center)\n  }\n\n  // 每个角度做两次检测，一次是球面到camera，二次是物体上方到camera\n  while (offsetAngle !== 360) {\n    // 旋转vector\n    let passed = 0\n    const provisionCameraPosition = getCameraPosition(offsetAngle)\n\n    const doIntersectRaycaster = (origin: THREE.Vector3) => {\n      const distanceToCamera = origin.distanceTo(provisionCameraPosition) // 球上的点到摄像机的距离\n      const raycaster = new THREE.Raycaster(origin, provisionCameraPosition.clone().sub(origin).normalize())\n      const intersection = fiveUtil.model.intersectRaycaster(raycaster)[0]\n      const distanceToIntersection = intersection?.distance // 球上的点到模型的距离\n      if (notNil(distanceToIntersection)) {\n        if (distanceToIntersection > distanceToCamera) {\n          // 有遮挡，但是不影响\n          passed += 1\n        } else {\n          // 中间有物体遮挡\n        }\n      } else {\n        // 无遮挡\n        passed += 1\n      }\n    }\n\n    // 圆球碰撞检测\n    const origin = sphere.clampPoint(provisionCameraPosition, new THREE.Vector3())\n    doIntersectRaycaster(origin)\n\n    // 物体上方碰撞检测\n    const topPosition = new THREE.Vector3(center.x, provisionCameraPosition.y, center.z)\n    doIntersectRaycaster(topPosition)\n\n    if (notNil(offsetCheckResult[passed]) && offsetAngle > offsetCheckResult[passed]) {\n      // 新的 offsetAngle 比之前大的话不覆盖，保证转动角度最小\n    } else {\n      offsetCheckResult[passed] = offsetAngle\n    }\n    if (passed === 2) {\n      break\n    } else {\n      offsetAngle += 30\n    }\n  }\n\n  let bestOffsetAngle = offsetCheckResult[2] ?? offsetCheckResult[1] ?? 0\n  let newCameraPosition = getCameraPosition(bestOffsetAngle)\n  let distance = newCameraPosition.distanceTo(center)\n  let longlat = vectorToCoordinates(center.clone().sub(newCameraPosition).normalize())\n\n  // 应用 minDistance 约束\n  if (config?.minDistance && distance < config.minDistance) {\n    distance = config.minDistance\n    // 重新计算相机位置以满足最小距离要求\n    const direction = newCameraPosition.clone().sub(center).normalize()\n    newCameraPosition = center.clone().add(direction.multiplyScalar(distance))\n    longlat = vectorToCoordinates(center.clone().sub(newCameraPosition).normalize())\n  }\n\n  // 应用 minLatitude 约束\n  if (config?.minLatitude && longlat.latitude < config.minLatitude) {\n    // 计算满足 minLatitude 的新相机位置\n    const horizontalDistance = distance * Math.cos(config.minLatitude)\n    const verticalOffset = distance * Math.sin(config.minLatitude)\n    \n    // 保持水平方向，调整高度\n    const horizontalDirection = newCameraPosition.clone().sub(center)\n    horizontalDirection.y = 0\n    horizontalDirection.normalize().multiplyScalar(horizontalDistance)\n    \n    newCameraPosition = center.clone().add(horizontalDirection).add(new THREE.Vector3(0, verticalOffset, 0))\n    distance = newCameraPosition.distanceTo(center)\n    longlat = vectorToCoordinates(center.clone().sub(newCameraPosition).normalize())\n  }\n\n  if (five.state.mode === 'Mapview') {\n    return five.updateCamera(\n      {\n        offset: center,\n        distance,\n        ...longlat,\n      },\n      800,\n    )\n  } else {\n    five.setState({\n      mode: 'Mapview',\n      offset: center,\n      distance,\n      ...longlat,\n    })\n    await five.ready()\n  }\n}\n"],"mappings":"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"}