@realsee/dnalogel 0.1.7 → 2.0.0-alpha.3

package/components/ARVideoFigure/ImgBgTransparentMesh.js

@@ -1,183 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.reflect.construct.js");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/es.weak-map.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.object.define-property.js");
-
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImgBgTransparentScene = exports.ImgBgTransparentMesh = void 0;
-
-require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.array.concat.js");
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var THREE = _interopRequireWildcard(require("three"));
-
-var _vertexShader = require("./vertexShader");
-
-var _fragmentShader = require("./fragmentShader");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var ImgBgTransparentMesh = /*#__PURE__*/function (_THREE$Mesh) {
-  (0, _inherits2["default"])(ImgBgTransparentMesh, _THREE$Mesh);
-
-  var _super = _createSuper(ImgBgTransparentMesh);
-
-  /**
-   *
-   * @param imgUrl
-   * @param width
-   * @param height
-   * @param widthSegments
-   * @param heightSegments
-   */
-  function ImgBgTransparentMesh(imgUrl, width, height, widthSegments, heightSegments, onLoad) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, ImgBgTransparentMesh);
-    var geometry = new THREE.PlaneGeometry(width, height, widthSegments, heightSegments);
-    var imageTexture = new THREE.TextureLoader().load(imgUrl || '//vrlab-static.ljcdn.com/release/web/trans.92281b56.jpg', function (texture) {
-      if (onLoad) {
-        onLoad(texture);
-      }
-    });
-    var material = new THREE.ShaderMaterial({
-      uniforms: {
-        map: {
-          value: imageTexture
-        },
-        enable: {
-          value: 0
-        },
-        range: {
-          value: 0.15
-        },
-        edge0: {
-          value: 0.1
-        },
-        edge1: {
-          value: 0.3
-        }
-      },
-      vertexShader: _vertexShader.vertexShader,
-      fragmentShader: (0, _fragmentShader.fragmentShaderTpl)(),
-      transparent: true
-    });
-    _this = _super.call(this, geometry, material);
-    _this.imgUrl = imgUrl;
-    _this.freeze = false;
-    return _this;
-  }
-
-  (0, _createClass2["default"])(ImgBgTransparentMesh, [{
-    key: "imageTexture",
-    get: function get() {
-      return this.uniforms.map.value;
-    }
-  }, {
-    key: "uniforms",
-    get: function get() {
-      var uniforms = this.material.uniforms;
-      return uniforms;
-    }
-  }, {
-    key: "setHidden",
-    value: function setHidden(hidden) {
-      this.uniforms.enable.value = hidden ? 0 : 1;
-    }
-  }, {
-    key: "updateUniforms",
-    value: function updateUniforms(_ref) {
-      var range = _ref.range,
-          edge0 = _ref.edge0,
-          edge1 = _ref.edge1;
-      this.uniforms.range.value = isNaN(range) ? 0.15 : range;
-      this.uniforms.edge0.value = isNaN(edge0) ? 0.1 : edge0;
-      this.uniforms.edge1.value = isNaN(edge1) ? 0.1 : edge1;
-      console.log(this.uniforms);
-    }
-  }]);
-  return ImgBgTransparentMesh;
-}(THREE.Mesh);
-
-exports.ImgBgTransparentMesh = ImgBgTransparentMesh;
-
-var ImgBgTransparentScene = /*#__PURE__*/function () {
-  function ImgBgTransparentScene(container, imgUrl) {
-    var _this2 = this;
-
-    (0, _classCallCheck2["default"])(this, ImgBgTransparentScene);
-    (0, _defineProperty2["default"])(this, "scene", new THREE.Scene());
-    (0, _defineProperty2["default"])(this, "renderer", new THREE.WebGLRenderer({
-      alpha: true
-    }));
-    var state = {
-      width: container.offsetWidth,
-      height: container.offsetHeight
-    };
-    this.camera = new THREE.OrthographicCamera(-state.width / 2, state.width / 2, state.height / 2, -state.height / 2);
-    this.camera.position.set(0, 0, 10);
-    this.camera.lookAt(0, 0, 0);
-    var domElement = this.renderer.domElement;
-    domElement.classList.add('ImgBgTransparent-canvas');
-    this.renderer.setSize(state.width * window.devicePixelRatio, state.height * window.devicePixelRatio);
-    domElement.setAttribute('style', "width: ".concat(state.width, "px;height: ").concat(state.height, "px;"));
-    this.mesh = new ImgBgTransparentMesh(imgUrl, state.width, state.height, 1, 1, // 图片下载延迟，下载成功后重新渲染一次
-    function () {
-      _this2.mesh.setHidden(false);
-
-      _this2.render();
-    });
-    container.append(domElement);
-    this.scene.add(this.mesh);
-    this.mesh.setHidden(false);
-    this.render();
-  }
-
-  (0, _createClass2["default"])(ImgBgTransparentScene, [{
-    key: "render",
-    value: function render() {
-      this.renderer.render(this.scene, this.camera);
-    }
-  }]);
-  return ImgBgTransparentScene;
-}();
-
-exports.ImgBgTransparentScene = ImgBgTransparentScene;

package/components/ARVideoFigure/fragmentShader.d.ts

@@ -1,5 +0,0 @@
-/**
- *
- * @returns fragmentShader [GLSL](https://www.khronos.org/opengl/wiki/Core_Language_(GLSL)).
- */
-export declare const fragmentShaderTpl: () => string;

package/components/ARVideoFigure/fragmentShader.js

@@ -1,18 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.fragmentShaderTpl = void 0;
-
-/**
- *
- * @returns fragmentShader [GLSL](https://www.khronos.org/opengl/wiki/Core_Language_(GLSL)).
- */
-var fragmentShaderTpl = function fragmentShaderTpl() {
-  return "\nuniform int enable;\nuniform float range;\nuniform float edge0;\nuniform float edge1;\n\nuniform sampler2D map;\nvarying vec2 vUv;\nvarying vec2 vColorUv;\nvarying vec2 vMaskUv;\n\nvec3 hsv2rgb(vec3 c) {\n  const vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);\n  vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);\n  return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);\n}\n\nvec3 rgb2hsv(vec3 c) {\n  const vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);\n  vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));\n  vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));\n\n  float d = q.x - min(q.w, q.y);\n  return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + 0.001)), d / (q.x + 0.001), q.x);\n}\n\nvoid main(void) {\n  vec3 color = texture2D(map, vUv).xyz;\n  float amask = 1.0;\n\n  float ref = color.r;\n  if (ref < color.b) ref = color.b;\n  amask = color.g - ref + 0.1;\n  amask = smoothstep(edge0, edge1, amask);\n  amask = 1.0 - amask;\n\n  vec3 target = rgb2hsv(vec3(0.0 / 255.0, 255.0 / 255.0, 0.0 / 255.0));\n  vec3 hsv = rgb2hsv(color);\n  float distance = abs(hsv.x - target.x);\n  if (distance < range) {\n    hsv.y = 0.0;\n  }\n  color = hsv2rgb(hsv);\n\n  gl_FragColor = vec4(color.rgb, amask * float(enable));\n}\n";
-};
-
-exports.fragmentShaderTpl = fragmentShaderTpl;

package/components/ARVideoFigure/index.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { ARVideoFigureScene } from './ARVideoFigureScene';
-export interface ARVideoFigurePropTypes {
-    className?: string;
-    arVideoFigureSceneRef?: (arVideoFigureScene: ARVideoFigureScene) => void;
-    __debug__?: boolean;
-    onClick?: () => void;
-}
-/**
- * **AR 视频形象**：剔除视频的绿幕背景，以实时视频的形式在 Web 页面模拟视频人物形象的效果。
- * @param props
- * @returns
- */
-export declare function ARVideoFigure(props: ARVideoFigurePropTypes): JSX.Element;
-export default ARVideoFigure;

package/components/ARVideoFigure/index.js

@@ -1,80 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/es.weak-map.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.object.define-property.js");
-
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ARVideoFigure = ARVideoFigure;
-exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-require("core-js/modules/es.object.assign.js");
-
-var React = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _ARVideoFigureScene = require("./ARVideoFigureScene");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-/**
- * **AR 视频形象**：剔除视频的绿幕背景，以实时视频的形式在 Web 页面模拟视频人物形象的效果。
- * @param props
- * @returns
- */
-function ARVideoFigure(props) {
-  var ref = React.useRef(null);
-  var sceneRef = React.useRef();
-  React.useEffect(function () {
-    if (!ref.current) return;
-    sceneRef.current = new _ARVideoFigureScene.ARVideoFigureScene(ref.current);
-
-    if (props.arVideoFigureSceneRef) {
-      props.arVideoFigureSceneRef(sceneRef.current);
-    }
-  }, []);
-  React.useEffect(function () {
-    if (!sceneRef.current) return;
-    Object.assign(window, {
-      $sceneRef: sceneRef.current
-    });
-  }, [props.__debug__]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: (0, _classnames["default"])('ARVideoFigure', (0, _defineProperty2["default"])({}, props.className + '', !!props.className)),
-    ref: ref // 渲染的宽度、高度由使用者控制：与父结点的宽高相同
-    ,
-    style: {
-      width: '100%',
-      height: '100%'
-    },
-    onClick: function onClick() {
-      if (props.onClick) {
-        props.onClick();
-      }
-    }
-  });
-}
-
-var _default = ARVideoFigure;
-exports["default"] = _default;

package/components/ARVideoFigure/vertexShader.d.ts

@@ -1 +0,0 @@
-export declare const vertexShader = "\nvarying vec2 vUv;\nvarying vec2 vColorUv;\nvarying vec2 vMaskUv;\nvoid main(){\n  vUv = uv;\n  vColorUv = vec2(uv.x / 2.0, uv.y);\n  vMaskUv = vec2(0.5 + uv.x / 2.0, uv.y);\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n}\n";

package/components/ARVideoFigure/vertexShader.js

@@ -1,10 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.vertexShader = void 0;
-var vertexShader = "\nvarying vec2 vUv;\nvarying vec2 vColorUv;\nvarying vec2 vMaskUv;\nvoid main(){\n  vUv = uv;\n  vColorUv = vec2(uv.x / 2.0, uv.y);\n  vMaskUv = vec2(0.5 + uv.x / 2.0, uv.y);\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n}\n";
-exports.vertexShader = vertexShader;

package/components/GLTFView/index.d.ts

@@ -1,72 +0,0 @@
-import * as React from 'react';
-import { GLTFViewer, GLTFViewerConfig } from '../../libs/gltf-viewer';
-export declare type GLTFViewPropTypes = {
-    url: string;
-    className?: string;
-    ref?: (gltfViewer: GLTFViewer) => void;
-} & GLTFViewerConfig;
-/**
- * **GLTFViewer** 预览 `glTF` 模型文件（支持.gltf和.glb格式），附带光照等效果。
- *
- * ### Usage
- *
- * 基础用法：
- *
- * ```jsx
- * import { GLTFViewer } from '@realsee/dnalogel/libs/gltf-viewer'
- *
- * // 创建实例
- * const gltfViewer = new GLTFViewer({
- *  pixelRatio: 1,
- * })
- *
- * // 挂载至 DOM 节点
- * gltfViewer.appendTo(ref.current)
- *
- * // 加载模型文件
- * await gltfViewer.load(glbCDNUrl)
- *
- * // 输出当前模型状态数据
- * console.log(gltfViewer.state)
- * // { longitude: 0, latitude: -0.3, fov: 35 }
- *
- * // 设置当前模型状态：直接给状态对象赋值（立即生效）
- * gltfViewer.state = { longitude: 0, latitude: -0.3, fov: 35 }
- *
- * // 设置当前模型状态：直接给状态对象单个属性赋值（立即生效）
- * gltfViewer.state.fov = 50
- *
- * ```
- *
- * 事件监听：
- *
- * ```jsx
- * gltfViewer.on('stateChange', (state: GLTFViewerState) => {
- *  // 事件：模型状态变化
- * })
- * gltfViewer.on('willLoad', () => {
- *  // 即将加载
- * })
- * gltfViewer.on('progressing', (progressing: number) => {
- *  // 加载进度
- * })
- * gltfViewer.on('loaded', (gltf: GLTF) => {
- *  // 加载完成
- * })
- * gltfViewer.on('loadError', (error) => {
- *  // 加载异常
- * })
- * ```
- *
- * React 组件：
- *
- * ```jsx
- * import { GLTFView } from '@realsee/dnalogel/components/GLTFView'
- *
- * <GLTFView
- *  url="//vrlab-static.ljcdn.com/release/web/demo.435f5fa2.glb"
- *  ref={(gltfViewer) => gltfViewer.on('stateChange', (state) => console.log(state))} />
- * ```
- */
-export declare const GLTFView: React.FC<GLTFViewPropTypes>;
-export default GLTFView;

package/components/GLTFView/index.js

@@ -1,149 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/es.weak-map.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.object.define-property.js");
-
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.GLTFView = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _gltfViewer = require("../../libs/gltf-viewer");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-/**
- * **GLTFViewer** 预览 `glTF` 模型文件（支持.gltf和.glb格式），附带光照等效果。
- *
- * ### Usage
- *
- * 基础用法：
- *
- * ```jsx
- * import { GLTFViewer } from '@realsee/dnalogel/libs/gltf-viewer'
- *
- * // 创建实例
- * const gltfViewer = new GLTFViewer({
- *  pixelRatio: 1,
- * })
- *
- * // 挂载至 DOM 节点
- * gltfViewer.appendTo(ref.current)
- *
- * // 加载模型文件
- * await gltfViewer.load(glbCDNUrl)
- *
- * // 输出当前模型状态数据
- * console.log(gltfViewer.state)
- * // { longitude: 0, latitude: -0.3, fov: 35 }
- *
- * // 设置当前模型状态：直接给状态对象赋值（立即生效）
- * gltfViewer.state = { longitude: 0, latitude: -0.3, fov: 35 }
- *
- * // 设置当前模型状态：直接给状态对象单个属性赋值（立即生效）
- * gltfViewer.state.fov = 50
- *
- * ```
- *
- * 事件监听：
- *
- * ```jsx
- * gltfViewer.on('stateChange', (state: GLTFViewerState) => {
- *  // 事件：模型状态变化
- * })
- * gltfViewer.on('willLoad', () => {
- *  // 即将加载
- * })
- * gltfViewer.on('progressing', (progressing: number) => {
- *  // 加载进度
- * })
- * gltfViewer.on('loaded', (gltf: GLTF) => {
- *  // 加载完成
- * })
- * gltfViewer.on('loadError', (error) => {
- *  // 加载异常
- * })
- * ```
- *
- * React 组件：
- *
- * ```jsx
- * import { GLTFView } from '@realsee/dnalogel/components/GLTFView'
- *
- * <GLTFView
- *  url="//vrlab-static.ljcdn.com/release/web/demo.435f5fa2.glb"
- *  ref={(gltfViewer) => gltfViewer.on('stateChange', (state) => console.log(state))} />
- * ```
- */
-var GLTFView = function GLTFView(props) {
-  var ref = React.useRef(null);
-  React.useEffect(function () {
-    if (!ref.current) return;
-    var gltfViewer = new _gltfViewer.GLTFViewer(props);
-    gltfViewer.appendTo(ref.current);
-
-    var callback = /*#__PURE__*/function () {
-      var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return gltfViewer.load(props.url);
-
-              case 2:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-
-      return function callback() {
-        return _ref.apply(this, arguments);
-      };
-    }();
-
-    callback(); // 实例
-
-    if (props.ref) {
-      props.ref(ref.current);
-    }
-
-    return function () {
-      gltfViewer.dispose();
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    className: 'GLTFView ' + (props.className || ''),
-    ref: ref
-  });
-};
-
-exports.GLTFView = GLTFView;
-GLTFView.defaultProps = {};
-var _default = GLTFView;
-exports["default"] = _default;

package/components/GlassFilters/index.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-export interface GlassFiltersPropTypes {
-    hidden?: boolean;
-    className?: string;
-    url?: string;
-    /**
-     * 高斯模糊
-     */
-    blur?: string | number;
-    brightness?: string | number;
-    contrast?: string | number;
-    ['drop-shadow']?: string | number;
-    grayscale?: string | number;
-    ['hue-rotate']?: string | number;
-    invert?: string | number;
-    opacity?: string | number;
-    sepia?: string | number;
-    saturate?: string | number;
-    children?: string | JSX.Element;
-}
-/**
- * 滤镜组件
- *
- * > 某些 VR 房源可能受限于拍摄条件，比如拍摄当天光线不佳造成观感整体偏暗，可通过此组件设置提升亮度等相关滤镜参数进行优化。
- *
- * 滤镜的可配置参数请参考 [backdrop-filter](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter)。
- *
- * @param props
- * @returns
- */
-export declare function GlassFilters(props: GlassFiltersPropTypes): JSX.Element;
-export default GlassFilters;

package/components/GlassFilters/index.js

@@ -1,78 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/es.weak-map.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.object.define-property.js");
-
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GlassFilters = GlassFilters;
-exports["default"] = void 0;
-
-require("core-js/modules/es.array.reduce.js");
-
-require("core-js/modules/es.array.filter.js");
-
-require("core-js/modules/es.object.keys.js");
-
-require("core-js/modules/es.array.includes.js");
-
-require("core-js/modules/es.array.concat.js");
-
-var React = _interopRequireWildcard(require("react"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var filters = ['url', 'blur', 'brightness', 'contrast', 'drop-shadow', 'grayscale', 'hue-rotate', 'invert', 'opacity', 'sepia', 'saturate'];
-/**
- * 滤镜组件
- *
- * > 某些 VR 房源可能受限于拍摄条件，比如拍摄当天光线不佳造成观感整体偏暗，可通过此组件设置提升亮度等相关滤镜参数进行优化。
- *
- * 滤镜的可配置参数请参考 [backdrop-filter](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter)。
- *
- * @param props
- * @returns
- */
-
-function GlassFilters(props) {
-  var backdropFilter = Object.keys(props).filter(function (key) {
-    return filters.includes(key) && props[key] !== undefined;
-  }).reduce(function (accu, curr) {
-    return accu + "".concat(curr, "(").concat(props[curr], ") ");
-  }, '');
-  console.log('GlassFilters', props, backdropFilter);
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      position: 'absolute',
-      left: '0',
-      top: '0',
-      width: '100%',
-      height: '100%',
-      pointerEvents: 'none',
-      transition: 'backdrop-filter opacity .75s',
-      opacity: props.hidden ? '0' : '1',
-      backdropFilter: backdropFilter,
-      WebkitBackdropFilter: backdropFilter
-    },
-    className: 'five-GlassFilters' + (props.className ? ' ' + props.className : '')
-  }, props.children);
-}
-
-var _default = GlassFilters;
-exports["default"] = _default;

package/components/ModelView/ModelViewController.d.ts

@@ -1,18 +0,0 @@
-import * as THREE from 'three';
-export default class ModelViewController {
-    needsRender: boolean;
-    scene: THREE.Scene;
-    camera: THREE.PerspectiveCamera;
-    model: THREE.Object3D;
-    renderer: THREE.WebGLRenderer | null;
-    constructor();
-    initRendererIfNeeds: () => THREE.WebGLRenderer;
-    modelWillLoad: () => void;
-    refresh: (size?: {
-        width?: number;
-        height?: number;
-    }) => void;
-    cameraDistance: () => void;
-    update: () => void;
-    render: () => void;
-}