@realsee/vreo 1.0.0-alpha.3 → 1.0.0-alpha.31

package/lib/typings/VreoUnit.js

@@ -8,9 +8,7 @@ var VreoKeyframeEnum;
 /**
  * 支持自定义剧本关键帧配置项
  */
-
 exports.VreoKeyframeEnum = VreoKeyframeEnum;
-
 (function (VreoKeyframeEnum) {
   VreoKeyframeEnum["CameraMovement"] = "CameraMovement";
   VreoKeyframeEnum["PanoTag"] = "PanoTag";
@@ -25,7 +23,6 @@ exports.VreoKeyframeEnum = VreoKeyframeEnum;
   VreoKeyframeEnum["Exit"] = "Exit";
   VreoKeyframeEnum["Custom"] = "Custom";
 })(VreoKeyframeEnum || (exports.VreoKeyframeEnum = VreoKeyframeEnum = {}));
-
 /**
  * 全景标签枚举
  */
@@ -33,22 +30,17 @@ var PanoTagEnum;
 /**
  * 标签样式种类
  */
-
 exports.PanoTagEnum = PanoTagEnum;
-
 (function (PanoTagEnum) {
   PanoTagEnum["Text"] = "Text";
   PanoTagEnum["Image"] = "Image";
 })(PanoTagEnum || (exports.PanoTagEnum = PanoTagEnum = {}));
-
 var PanoTagStyleEnum;
 exports.PanoTagStyleEnum = PanoTagStyleEnum;
-
 (function (PanoTagStyleEnum) {
   PanoTagStyleEnum["Growth"] = "Growth";
   PanoTagStyleEnum["Expand"] = "Expand";
 })(PanoTagStyleEnum || (exports.PanoTagStyleEnum = PanoTagStyleEnum = {}));
-
 /**
  * 全景特效枚举
  */
@@ -56,31 +48,24 @@ var PanoEffectEnum;
 /**
  * 全景特效
  */
-
 exports.PanoEffectEnum = PanoEffectEnum;
-
 (function (PanoEffectEnum) {
   PanoEffectEnum["Distance"] = "Distance";
 })(PanoEffectEnum || (exports.PanoEffectEnum = PanoEffectEnum = {}));
-
 /**
  * 信息面板类型枚举
  */
 var InfoPanelTypeEnum;
 exports.InfoPanelTypeEnum = InfoPanelTypeEnum;
-
 (function (InfoPanelTypeEnum) {
   InfoPanelTypeEnum["Image"] = "Image";
   InfoPanelTypeEnum["Video"] = "Video";
 })(InfoPanelTypeEnum || (exports.InfoPanelTypeEnum = InfoPanelTypeEnum = {}));
-
 var InfoPanelStyleEnum;
 /**
  * 信息面板
  */
-
 exports.InfoPanelStyleEnum = InfoPanelStyleEnum;
-
 (function (InfoPanelStyleEnum) {
   InfoPanelStyleEnum["Drawer"] = "Drawer";
   InfoPanelStyleEnum["PopUp"] = "PopUp";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/vreo",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.31",
   "description": "Vreo (VR Video 缩写) 是基于如视三维渲染引擎 Five 和 用户界面构建库 React 实现的如视 3D 空间剧本播放器。",
   "keywords": [
     "realsee",
@@ -12,8 +12,6 @@
   "private": false,
   "files": [
     "lib",
-    "resources",
-    "docs",
     "stylesheets",
     "LICENSE",
     "CHANGELOG.md"
@@ -26,7 +24,8 @@
     "packages": "node ./dev-tools/build-packages.js"
   },
   "peerDependencies": {
-    "@realsee/five": "^5.0.0-alpha.103",
+    "@realsee/five": "^5.0.0",
+    "@realsee/dnalogel": "^2.3.3",
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },
@@ -36,8 +35,9 @@
     "@babel/preset-env": "^7.16.4",
     "@babel/preset-react": "^7.16.0",
     "@babel/preset-typescript": "^7.16.0",
-    "@realsee/dnalogel": "^2.1.0-alpha.17",
+    "@realsee/dnalogel": "^2.3.3",
     "@realsee/five": "5.0.0-alpha.149",
+    "@types/node": "^18.11.17",
     "@types/offscreencanvas": "^2019.6.4",
     "@types/react": "^17.0.37",
     "@types/react-dom": "^17.0.11",

package/stylesheets/default.css

@@ -106,10 +106,18 @@
 }
 
 .vreo-wave {
+  width: 100%;
   position: absolute;
+  background-color: transparent;
+  border: none;
   bottom: 0;
 }
 
+@keyframes vreo-wave-keyframes {
+  0% { background-position: 0 0; }
+  100% { background-position: 0 100%; }
+}
+
 /* @keyframes panel-sprites-animation {
   0% {
     background-position: 0 0;
@@ -304,7 +312,7 @@
 
 .vreo-prompter-text {
   position: absolute;
-  height: 0;
+  height: 0px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -327,7 +335,6 @@
 }
 
 .vreo-prompter-innerText {
-  position: absolute;
   font-weight: bold;
   font-size: 14px;
   word-break: break-all;
@@ -855,8 +862,8 @@
 
 .vreo-app .vreo-PopUp-inner .vreo-infoPanel-title .vreo-infoPanel-t1,
 .vreo-app[data-size="S"] .vreo-PopUp-inner .vreo-infoPanel-title .vreo-infoPanel-t1 {
-  font-size: 20px;
-  line-height: 28px;
+  font-size: 16px;
+  line-height: 22px;
 }
 .vreo-app[data-size="M"][data-orientation="landscape"] .vreo-PopUp-inner .vreo-infoPanel-title .vreo-infoPanel-t1 {
   font-size: 14px;

package/docs/.nojekyll

@@ -1 +0,0 @@
-TypeDoc added this file to prevent GitHub Pages from using Jekyll. You can turn off this behavior by setting the `githubPages` option to false.

package/docs/assets/custom.css

@@ -1,78 +0,0 @@
-body {
-  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
-  font-size: 16px;
-  color: #2e2e2e;
-}
-
-blockquote {
-  color: #7f8fa4;
-  padding: 8px 12px;
-  margin: 16px 0;
-  border-left: 3px solid #eaeaea;
-}
-
-blockquote p {
-  color: #7f8fa4 !important;
-  font-size: inherit;
-  line-height: 1.5;
-  margin: 0 !important;
-}
-
-.tsd-typography {
-  font-size: 16px;
-}
-
-.tsd-typography h4 {
-  line-height: 2;
-}
-
-.hljs {
-  background-color: transparent;
-  font-family: monospace;
-  font-size: 0.85rem;
-}
-code {
-  font-size: 14px;
-  background-color: rgb(96 125 139 / 10%);
-}
-
-pre {
-  background-color: rgb(205 220 57 / 8%);
-}
-
-p {
-  line-height: 1.5;
-}
-
-a {
-  color: #3832cf;
-}
-
-a:hover {
-  color: darkred;
-}
-
-body.dark {
-  color: #e9e9e9;
-}
-
-.dark a {
-  color: var(--color-link);
-}
-
-.dark a:hover {
-  color: #ed8e9f;
-}
-
-@media (prefers-color-scheme: dark) {
-  body {
-    color: #e9e9e9;
-  }
-  a {
-    color: var(--color-link);
-  }
-
-  a:hover {
-    color: #ed8e9f;
-  }
-}

package/docs/assets/highlight.css

@@ -1,127 +0,0 @@
-:root {
-    --light-hl-0: #000000;
-    --dark-hl-0: #D4D4D4;
-    --light-hl-1: #008000;
-    --dark-hl-1: #6A9955;
-    --light-hl-2: #AF00DB;
-    --dark-hl-2: #C586C0;
-    --light-hl-3: #0000FF;
-    --dark-hl-3: #569CD6;
-    --light-hl-4: #001080;
-    --dark-hl-4: #9CDCFE;
-    --light-hl-5: #A31515;
-    --dark-hl-5: #CE9178;
-    --light-hl-6: #0070C1;
-    --dark-hl-6: #4FC1FF;
-    --light-hl-7: #795E26;
-    --dark-hl-7: #DCDCAA;
-    --light-hl-8: #267F99;
-    --dark-hl-8: #4EC9B0;
-    --light-hl-9: #800000;
-    --dark-hl-9: #808080;
-    --light-hl-10: #800000;
-    --dark-hl-10: #569CD6;
-    --light-hl-11: #FF0000;
-    --dark-hl-11: #9CDCFE;
-    --light-hl-12: #000000FF;
-    --dark-hl-12: #D4D4D4;
-    --light-hl-13: #0451A5;
-    --dark-hl-13: #9CDCFE;
-    --light-hl-14: #098658;
-    --dark-hl-14: #B5CEA8;
-    --light-code-background: #F5F5F5;
-    --dark-code-background: #1E1E1E;
-}
-
-@media (prefers-color-scheme: light) { :root {
-    --hl-0: var(--light-hl-0);
-    --hl-1: var(--light-hl-1);
-    --hl-2: var(--light-hl-2);
-    --hl-3: var(--light-hl-3);
-    --hl-4: var(--light-hl-4);
-    --hl-5: var(--light-hl-5);
-    --hl-6: var(--light-hl-6);
-    --hl-7: var(--light-hl-7);
-    --hl-8: var(--light-hl-8);
-    --hl-9: var(--light-hl-9);
-    --hl-10: var(--light-hl-10);
-    --hl-11: var(--light-hl-11);
-    --hl-12: var(--light-hl-12);
-    --hl-13: var(--light-hl-13);
-    --hl-14: var(--light-hl-14);
-    --code-background: var(--light-code-background);
-} }
-
-@media (prefers-color-scheme: dark) { :root {
-    --hl-0: var(--dark-hl-0);
-    --hl-1: var(--dark-hl-1);
-    --hl-2: var(--dark-hl-2);
-    --hl-3: var(--dark-hl-3);
-    --hl-4: var(--dark-hl-4);
-    --hl-5: var(--dark-hl-5);
-    --hl-6: var(--dark-hl-6);
-    --hl-7: var(--dark-hl-7);
-    --hl-8: var(--dark-hl-8);
-    --hl-9: var(--dark-hl-9);
-    --hl-10: var(--dark-hl-10);
-    --hl-11: var(--dark-hl-11);
-    --hl-12: var(--dark-hl-12);
-    --hl-13: var(--dark-hl-13);
-    --hl-14: var(--dark-hl-14);
-    --code-background: var(--dark-code-background);
-} }
-
-body.light {
-    --hl-0: var(--light-hl-0);
-    --hl-1: var(--light-hl-1);
-    --hl-2: var(--light-hl-2);
-    --hl-3: var(--light-hl-3);
-    --hl-4: var(--light-hl-4);
-    --hl-5: var(--light-hl-5);
-    --hl-6: var(--light-hl-6);
-    --hl-7: var(--light-hl-7);
-    --hl-8: var(--light-hl-8);
-    --hl-9: var(--light-hl-9);
-    --hl-10: var(--light-hl-10);
-    --hl-11: var(--light-hl-11);
-    --hl-12: var(--light-hl-12);
-    --hl-13: var(--light-hl-13);
-    --hl-14: var(--light-hl-14);
-    --code-background: var(--light-code-background);
-}
-
-body.dark {
-    --hl-0: var(--dark-hl-0);
-    --hl-1: var(--dark-hl-1);
-    --hl-2: var(--dark-hl-2);
-    --hl-3: var(--dark-hl-3);
-    --hl-4: var(--dark-hl-4);
-    --hl-5: var(--dark-hl-5);
-    --hl-6: var(--dark-hl-6);
-    --hl-7: var(--dark-hl-7);
-    --hl-8: var(--dark-hl-8);
-    --hl-9: var(--dark-hl-9);
-    --hl-10: var(--dark-hl-10);
-    --hl-11: var(--dark-hl-11);
-    --hl-12: var(--dark-hl-12);
-    --hl-13: var(--dark-hl-13);
-    --hl-14: var(--dark-hl-14);
-    --code-background: var(--dark-code-background);
-}
-
-.hl-0 { color: var(--hl-0); }
-.hl-1 { color: var(--hl-1); }
-.hl-2 { color: var(--hl-2); }
-.hl-3 { color: var(--hl-3); }
-.hl-4 { color: var(--hl-4); }
-.hl-5 { color: var(--hl-5); }
-.hl-6 { color: var(--hl-6); }
-.hl-7 { color: var(--hl-7); }
-.hl-8 { color: var(--hl-8); }
-.hl-9 { color: var(--hl-9); }
-.hl-10 { color: var(--hl-10); }
-.hl-11 { color: var(--hl-11); }
-.hl-12 { color: var(--hl-12); }
-.hl-13 { color: var(--hl-13); }
-.hl-14 { color: var(--hl-14); }
-pre, code { background: var(--code-background); }