Selaa lähdekoodia

docs: 更新 krpano 文档

chenlei 1 vuosi sitten
vanhempi
commit
631c95ee8d

+ 7 - 1
packages/docs/.umirc.ts

@@ -13,7 +13,9 @@ export default defineConfig({
     includes: ["./docs"],
     includes: ["./docs"],
   },
   },
   headScripts: [
   headScripts: [
-    { src: "https://houseoss.4dkankan.com/project/leifeng-transfer/tour.js" },
+    {
+      src: "https://houseoss.4dkankan.com/project/leifeng-transfer/krpano.js",
+    },
   ],
   ],
   alias: {
   alias: {
     "@dage/utils": join(__dirname, "../utils/dist/"),
     "@dage/utils": join(__dirname, "../utils/dist/"),
@@ -107,6 +109,10 @@ export default defineConfig({
         title: "service 更新日志",
         title: "service 更新日志",
         path: "/log/SERVICE_CHANGELOG",
         path: "/log/SERVICE_CHANGELOG",
       },
       },
+      {
+        title: "krpano 更新日志",
+        path: "/log/KRPANO_CHANGELOG",
+      },
     ],
     ],
     "/krpano": [
     "/krpano": [
       {
       {

+ 33 - 0
packages/docs/docs/krpano/hotspot/index.css

@@ -0,0 +1,33 @@
+.hotspot {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.hotspot span {
+  width: 158px;
+  height: 34px;
+  text-align: center;
+  line-height: 34px;
+  font-size: 16px;
+  color: #fce9ac;
+  background: url("/krpano/images/btn_normal@2x.png") no-repeat center / contain;
+}
+
+.hotspot .pointer {
+  margin-top: 15px;
+  width: 61px;
+  height: 62px;
+  background: url("/krpano/images/icon_address_normal@2x.png") no-repeat center /
+    contain;
+}
+
+.hotspot.active span {
+  color: #5c4b32;
+  background-image: url("/krpano/images/btn_active@2x.png");
+}
+
+.hotspot.active .pointer {
+  background-image: url("/krpano/images/icon_address_active@2x.png");
+}

+ 17 - 5
packages/docs/docs/krpano/hotspot/index.md

@@ -1,13 +1,17 @@
 ## 示例
 ## 示例
 
 
+支持 `html`,但是在 vr 视角中会丢失图片。
+
 ```tsx
 ```tsx
 import React, { useState, useMemo } from "react";
 import React, { useState, useMemo } from "react";
 import { HotSpot, Krpano, Scene, View } from "@dage/krpano";
 import { HotSpot, Krpano, Scene, View } from "@dage/krpano";
+import "./index.css";
 
 
 const URL = "https://houseoss.4dkankan.com/project/leifeng-transfer";
 const URL = "https://houseoss.4dkankan.com/project/leifeng-transfer";
 
 
 export default () => {
 export default () => {
   const [currentScene, setCurrentScene] = useState("center1");
   const [currentScene, setCurrentScene] = useState("center1");
+  const [hotspotHover, setHotspotHover] = useState(false);
 
 
   const CENTER_SCENE_LIST = useMemo<SceneProps[]>(
   const CENTER_SCENE_LIST = useMemo<SceneProps[]>(
     () => [
     () => [
@@ -42,7 +46,7 @@ export default () => {
               hlookat={0}
               hlookat={0}
               vlookat={0}
               vlookat={0}
               fovType="MFOV"
               fovType="MFOV"
-              fov={120}
+              fov={100}
               maxPixelZoom={2}
               maxPixelZoom={2}
               fovMin={70}
               fovMin={70}
               fovMax={140}
               fovMax={140}
@@ -51,18 +55,26 @@ export default () => {
 
 
             <HotSpot
             <HotSpot
               name="hotspot1"
               name="hotspot1"
-              url={require("./guide.png")}
-              atv={5}
+              type="text"
+              atv={4}
               scale={0.5}
               scale={0.5}
               edge="top"
               edge="top"
+              bg={false}
               distorted={true}
               distorted={true}
               onClick={() => alert("点击了 hotspot1")}
               onClick={() => alert("点击了 hotspot1")}
-            />
+              onOver={() => setHotspotHover(true)}
+              onOut={() => setHotspotHover(false)}
+            >
+              <div className={`hotspot ${hotspotHover && "active"}`}>
+                <span>建筑名</span>
+                <div className="pointer" />
+              </div>
+            </HotSpot>
           </>
           </>
         ),
         ),
       },
       },
     ],
     ],
-    []
+    [hotspotHover]
   );
   );
 
 
   return (
   return (

+ 1 - 1
packages/docs/docs/krpano/index.md

@@ -76,7 +76,7 @@ export default () => {
 
 
             <HotSpot
             <HotSpot
               name="hotspot1"
               name="hotspot1"
-              url={require("./hotspot/guide.png")}
+              url="/krpano/images/guide.png"
               atv={5}
               atv={5}
               scale={0.5}
               scale={0.5}
               edge="top"
               edge="top"

+ 19 - 0
packages/docs/docs/log/KRPANO_CHANGELOG.md

@@ -0,0 +1,19 @@
+# @dage/krpano
+
+## 2.1.1
+
+### Patch Changes
+
+- 修复 buildKrpanoTagSetterActions attrs 含有 boolean 时报错问题
+
+## 2.1.0
+
+### Minor Changes
+
+- hotspot 支持 html
+
+## 2.0.0
+
+### Major Changes
+
+- 重构 KrpanoActionProxy

BIN
packages/docs/public/krpano/images/btn_active@2x.png


BIN
packages/docs/public/krpano/images/btn_normal@2x.png


packages/docs/docs/krpano/hotspot/guide.png → packages/docs/public/krpano/images/guide.png


BIN
packages/docs/public/krpano/images/icon_address_active@2x.png


BIN
packages/docs/public/krpano/images/icon_address_normal@2x.png


Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 3 - 3
packages/docs/public/krpano/plugins/webvr.js


Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 769 - 724
packages/docs/public/krpano/plugins/webvr.xml


BIN
packages/docs/public/krpano/plugins/webvr_handcursor.png


BIN
packages/docs/public/krpano/plugins/webvr_laser.png


BIN
packages/docs/public/krpano/plugins/webvr_light.png


packages/docs/public/krpano/plugins/webvr_cursor_80x80_17f.png → packages/docs/public/krpano/plugins/webvr_vrcursor.png


+ 0 - 1
packages/docs/public/party.xml

@@ -1,5 +1,4 @@
 <krpano version="1.19" title="">
 <krpano version="1.19" title="">
-
 	<scene name="scene_party" title="湖南党史陈列馆" onstart="" thumburl="https://houseoss.4dkankan.com/project/leifeng-transfer/panos/party.tiles/thumb.jpg" lat="28.20631294" lng="112.83942033" heading="0.0">
 	<scene name="scene_party" title="湖南党史陈列馆" onstart="" thumburl="https://houseoss.4dkankan.com/project/leifeng-transfer/panos/party.tiles/thumb.jpg" lat="28.20631294" lng="112.83942033" heading="0.0">
 
 
 		<view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />
 		<view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />

+ 19 - 0
packages/krpano/CHANGELOG.md

@@ -0,0 +1,19 @@
+# @dage/krpano
+
+## 2.1.1
+
+### Patch Changes
+
+- 修复 buildKrpanoTagSetterActions attrs 含有 boolean 时报错问题
+
+## 2.1.0
+
+### Minor Changes
+
+- hotspot 支持 html
+
+## 2.0.0
+
+### Major Changes
+
+- 重构 KrpanoActionProxy

+ 1 - 1
packages/krpano/package.json

@@ -1,6 +1,6 @@
 {
 {
   "name": "@dage/krpano",
   "name": "@dage/krpano",
-  "version": "1.0.0",
+  "version": "2.1.1",
   "description": "krpano sdk",
   "description": "krpano sdk",
   "module": "build/index.js",
   "module": "build/index.js",
   "main": "build/index.js",
   "main": "build/index.js",