@realsee/dnalogel 2.0.3 → 2.0.4-dev.1

package/libs/shared-utils/animationFrame/calculateProgress.js

@@ -1,23 +1,12 @@
-import { formatRad } from './formatRad';
-const PI = Math.PI;
-const PI_2 = PI * 2;
-/**
- * 线性过程插值
- */
-export function progressNumber(from, to, pst) {
-    return from + (to - from) * pst;
+import { formatRad as u } from "./formatRad.js";
+const a = Math.PI, c = a * 2;
+function i(n, r, e) {
+  return n + (r - n) * e;
 }
-/**
- * 弧度过程插值值,会取锐角进行插值
- */
-export function progressRad(from, to, pst) {
-    from = formatRad(from);
-    to = formatRad(to);
-    if (to - from > PI) {
-        return formatRad(progressNumber(from + PI_2, to, pst));
-    }
-    if (from - to > PI) {
-        return formatRad(progressNumber(from - PI_2, to, pst));
-    }
-    return progressNumber(from, to, pst);
+function t(n, r, e) {
+  return n = u(n), r = u(r), r - n > a ? u(i(n + c, r, e)) : n - r > a ? u(i(n - c, r, e)) : i(n, r, e);
 }
+export {
+  i as progressNumber,
+  t as progressRad
+};

package/libs/shared-utils/animationFrame/formatRad.js

@@ -1,20 +1,13 @@
-const PI_2 = Math.PI * 2;
-/**
- * 把一个任意角度的弧度值转换为一个 [0, 2PI] 的弧度值
- * @param rad 弧度值
- */
-export function formatLongitude(rad) {
-    return ((rad % PI_2) + PI_2) % PI_2;
+const t = Math.PI * 2;
+function o(n) {
+  return (n % t + t) % t;
 }
-/**
- * 把一个任意角度的弧度值转换为一个 [-2PI, 2PI] 的弧度值
- * @param rad 弧度值
- */
-export function formatLatitude(rad) {
-    return rad % PI_2;
+function r(n) {
+  return n % t;
 }
-/**
- * 把一个任意角度的弧度值转换为一个 [0, 2PI] 的弧度值
- * @param rad 弧度值
- */
-export const formatRad = formatLongitude;
+const a = o;
+export {
+  r as formatLatitude,
+  o as formatLongitude,
+  a as formatRad
+};

package/libs/shared-utils/animationFrame/index.d.ts

@@ -13,3 +13,4 @@ export declare function requestAnimationFrameInterval(callback?: (time: number)
  * @returns 返回一个 Promise，resolve 的结果是两个 AnimationFrame 间隔的时间
  */
 export declare function getFrameTime(): Promise<unknown>;
+export * from './BetterTween';

package/libs/shared-utils/animationFrame/index.js

@@ -1,48 +1,51 @@
-const _requestAnimationFrame = window.requestAnimationFrame || ((fn) => setTimeout(fn, 16));
-const _cancelAnimationFrame = window.cancelAnimationFrame || clearTimeout;
-export default _requestAnimationFrame;
-export function nextFrame(fn, delay = 0) {
-    if (delay <= 0)
-        _requestAnimationFrame(fn);
-    else
-        _requestAnimationFrame(() => nextFrame(fn, delay - 1));
+var p = Object.defineProperty;
+var c = (t, s, e) => s in t ? p(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var i = (t, s, e) => (c(t, typeof s != "symbol" ? s + "" : s, e), e);
+import m from "@tweenjs/tween.js";
+class h extends m.Tween {
+  constructor() {
+    super(...arguments);
+    i(this, "disposeMethods", []);
+    i(this, "animationFrameDisposer");
+    i(this, "onDispose", (e) => (this.disposeMethods.push(e), this));
+    i(this, "play", () => (this.start(0), this.animationFrameDisposer = w((e) => this.update(e)), this));
+    i(this, "dispose", () => {
+      var e;
+      this.stop(), (e = this.animationFrameDisposer) == null || e.call(this), this.disposeMethods.forEach((r) => r()), this.disposeMethods = [], m.remove(this);
+    });
+  }
+}
+function g(t, s = m.Easing.Linear.None) {
+  const e = new h({ progress: 0 }).to({ progress: 1 });
+  return t !== void 0 && e.duration(t), s !== void 0 && e.easing(s), e;
+}
+const o = window.requestAnimationFrame || ((t) => setTimeout(t, 16)), l = window.cancelAnimationFrame || clearTimeout;
+function f(t, s = 0) {
+  s <= 0 ? o(t) : o(() => f(t, s - 1));
 }
-/**
- * 在每个 AnimationFrame 中调用传入的函数
- * @param callback 每次 AnimationFrame 中调用的函数
- * @param frame 每秒运行多少次
- * @returns 返回一个函数，调用可以停止 AnimationFrameLoop
- */
-export function requestAnimationFrameInterval(callback, frame = 60) {
-    let index = -1;
-    let oldTime = 0;
-    let startTime = -1;
-    const minDeltaTime = 1000 / frame;
-    function loop(time) {
-        startTime === -1 && (startTime = time);
-        index = _requestAnimationFrame(loop);
-        const deltaTime = time - oldTime;
-        if (deltaTime < minDeltaTime)
-            return;
-        oldTime = time;
-        callback && callback(time - startTime);
-    }
-    index = _requestAnimationFrame(loop);
-    return function stop() {
-        _cancelAnimationFrame(index);
-    };
+function w(t, s = 60) {
+  let e = -1, r = 0, a = -1;
+  const d = 1e3 / s;
+  function u(n) {
+    a === -1 && (a = n), e = o(u), !(n - r < d) && (r = n, t && t(n - a));
+  }
+  return e = o(u), function() {
+    l(e);
+  };
 }
-/**
- * 获取两个 AnimationFrame 间隔的时间
- * @returns 返回一个 Promise，resolve 的结果是两个 AnimationFrame 间隔的时间
- */
-export function getFrameTime() {
-    const start = Date.now();
-    return new Promise((resolve) => {
-        _requestAnimationFrame(() => {
-            resolve(Date.now() - start);
-        });
+function A() {
+  const t = Date.now();
+  return new Promise((s) => {
+    o(() => {
+      s(Date.now() - t);
     });
+  });
 }
-// export { Easing } from './tween'
-// export { default as tween } from './tween'
+export {
+  h as BetterTween,
+  o as default,
+  A as getFrameTime,
+  f as nextFrame,
+  w as requestAnimationFrameInterval,
+  g as tweenProgress
+};

package/libs/shared-utils/animationFrame/tween.js

@@ -1,44 +1,30 @@
-import * as TWEEN from '@tweenjs/tween.js';
-import { nextFrame, requestAnimationFrameInterval } from './index';
-export const Easing = TWEEN.Easing;
-/**
- * 对象变化的补间动画
- * 1. 应用 requestAnimationFrameInterval 做 update
- * 2. 在原生 tween 上新增 destroy 方法和 onDestroy 监听
- * DOC： https://github.com/tweenjs/tween.js
- * @param from 对象起始状态
- * @param to 对象末尾状态
- * @param duration 经历时间（s）
- * @param easing 过程动画，默认是 Easing.Linear.None
- */
-export default function tween(from, to, duration, easing = Easing.Linear.None) {
-    const tween = new TWEEN.Tween(from).to(to, duration).easing(easing);
-    // 这里注意一下，因为 requestAnimationFrameInterval 给的时间是从 0 开始的，tween 动画也从 0 开始
-    nextFrame(() => tween.start(0));
-    const cancelAnimationFrame = requestAnimationFrameInterval((time) => {
-        if (tween.update(time) === false)
-            cancelAnimationFrame();
+import * as a from "@tweenjs/tween.js";
+import { nextFrame as c, requestAnimationFrameInterval as u } from "./index.js";
+const p = a.Easing;
+function m(n, o, l, i = p.Linear.None) {
+  const e = new a.Tween(n).to(o, l).easing(i);
+  c(() => e.start(0));
+  const r = u((t) => {
+    e.update(t) === !1 && r();
+  }), s = [];
+  return e.onDestroy = (t) => (s.push(t), e), e.destroy = function() {
+    this.stop(), Object.assign(e, {
+      _onStartCallback: null,
+      _onUpdateCallback: null,
+      _onCompleteCallback: null,
+      _onStopCallbackL: null
     });
-    const destroyMethods = [];
-    tween.onDestroy = (fn) => {
-        destroyMethods.push(fn);
-        return tween;
-    };
-    tween.destroy = function () {
-        this.stop();
-        Object.assign(tween, {
-            _onStartCallback: null,
-            _onUpdateCallback: null,
-            _onCompleteCallback: null,
-            _onStopCallbackL: null,
-        });
-        let destroyMethod;
-        while ((destroyMethod = destroyMethods.shift()))
-            destroyMethod();
-        cancelAnimationFrame();
-    };
-    return tween;
+    let t;
+    for (; t = s.shift(); )
+      t();
+    r();
+  }, e;
 }
-export function tweenProgress(duration, easing) {
-    return tween({ progress: 0 }, { progress: 1 }, duration, easing);
+function d(n, o) {
+  return m({ progress: 0 }, { progress: 1 }, n, o);
 }
+export {
+  p as Easing,
+  m as default,
+  d as tweenProgress
+};

package/libs/shared-utils/changeModelCanvasOpacity.js

@@ -1,15 +1,12 @@
-export default function changeModelCanvasOpacity(five, opacity, duration = 300) {
-    const fiveEle = five.getElement();
-    if (!fiveEle)
-        return;
-    fiveEle.style.opacity = opacity + '';
-    fiveEle.style.transition = duration === 0 ? 'none' : `opacity ${duration}ms linear`;
-    if (duration === 0)
-        return;
-    Promise.race([
-        new Promise((res) => fiveEle.addEventListener('transitionend', res, { once: true })),
-        new Promise((res) => setTimeout(res, duration)),
-    ]).then(() => {
-        fiveEle.style.transition = 'none';
-    });
+function o(i, s, n = 300) {
+  const e = i.getElement();
+  !e || (e.style.opacity = s + "", e.style.transition = n === 0 ? "none" : `opacity ${n}ms linear`, n !== 0 && Promise.race([
+    new Promise((t) => e.addEventListener("transitionend", t, { once: !0 })),
+    new Promise((t) => setTimeout(t, n))
+  ]).then(() => {
+    e.style.transition = "none";
+  }));
 }
+export {
+  o as default
+};

package/libs/shared-utils/createCanvasTextTexture.js

@@ -1,20 +1,11 @@
-import { CanvasTexture } from 'three';
-export default function createCanvasTextTexture(text, config) {
-    var _a, _b, _c, _d, _e;
-    const size = (_a = config === null || config === void 0 ? void 0 : config.size) !== null && _a !== void 0 ? _a : 512;
-    const fontSize = (_b = config === null || config === void 0 ? void 0 : config.fontSize) !== null && _b !== void 0 ? _b : size * (35 / 256) * 1.2;
-    const backgroundColor = (_c = config === null || config === void 0 ? void 0 : config.backgroundColor) !== null && _c !== void 0 ? _c : 'rgba(0,0,0,0)';
-    const fontColor = (_d = config === null || config === void 0 ? void 0 : config.fontColor) !== null && _d !== void 0 ? _d : '#fff';
-    const textAlign = (_e = config === null || config === void 0 ? void 0 : config.textAlign) !== null && _e !== void 0 ? _e : 'center';
-    const canvas = document.createElement('canvas');
-    canvas.setAttribute('width', size + '');
-    canvas.setAttribute('height', size + '');
-    const context = canvas.getContext('2d');
-    context.fillStyle = backgroundColor;
-    context.fillRect(0, 0, size, size);
-    context.font = `${fontSize}px "微软雅黑"`;
-    context.textAlign = textAlign;
-    context.fillStyle = fontColor;
-    context.fillText(text, size / 2, size * 0.7);
-    return new CanvasTexture(canvas);
+import { CanvasTexture as m } from "three";
+function z(d, t) {
+  var s, a, u, x, C;
+  const e = (s = t == null ? void 0 : t.size) != null ? s : 512, n = (a = t == null ? void 0 : t.fontSize) != null ? a : e * (35 / 256) * 1.2, A = (u = t == null ? void 0 : t.backgroundColor) != null ? u : "rgba(0,0,0,0)", b = (x = t == null ? void 0 : t.fontColor) != null ? x : "#fff", o = (C = t == null ? void 0 : t.textAlign) != null ? C : "center", r = document.createElement("canvas");
+  r.setAttribute("width", e + ""), r.setAttribute("height", e + "");
+  const l = r.getContext("2d");
+  return l.fillStyle = A, l.fillRect(0, 0, e, e), l.font = `${n}px "\u5FAE\u8F6F\u96C5\u9ED1"`, l.textAlign = o, l.fillStyle = b, l.fillText(d, e / 2, e * 0.7), new m(r);
 }
+export {
+  z as default
+};

package/libs/shared-utils/createLine/index.js

@@ -1,8 +1,9 @@
-import { Line } from '@realsee/five/line';
-import { Vector3 } from 'three';
-export default function createLine(point1, point2, color = new Vector3(1, 1, 1), dashed = false) {
-    const line = new Line(point1, point2);
-    line.setMaterial({ dashed, color, linewidth: 1 });
-    line.remove(line.points);
-    return line;
+import { Line as o } from "@realsee/five/line";
+import { Vector3 as a } from "three";
+function m(t, n, r = new a(1, 1, 1), i = !1) {
+  const e = new o(t, n);
+  return e.setMaterial({ dashed: i, color: r, linewidth: 1 }), e.remove(e.points), e;
 }
+export {
+  m as default
+};

package/libs/shared-utils/debounce.js

@@ -1,14 +1,11 @@
-/**
- * 创建一个防抖动函数，该函数会在 wait 毫秒后调用 func 方法
- * @param func - 要防抖动的函数
- * @param [wait=0] - 需要延迟的毫秒数
- */
-export default function debounce(func, wait = 200) {
-    let last;
-    return function (...args) {
-        clearTimeout(last);
-        last = setTimeout(() => {
-            func(...args);
-        }, wait);
-    };
+function o(t, u = 200) {
+  let e;
+  return function(...n) {
+    clearTimeout(e), e = setTimeout(() => {
+      t(...n);
+    }, u);
+  };
 }
+export {
+  o as default
+};

package/libs/shared-utils/equal.js

@@ -1,84 +1,54 @@
-/* eslint-disable @typescript-eslint/no-use-before-define */
-import isTruelyObject from './isTruelyObject';
-function baseIsEqual(value, other) {
-    if (value === other)
-        return true;
-    if (typeof value !== typeof other)
-        return false;
-    if (Number.isNaN(value) && Number.isNaN(other))
-        return true;
-    return false;
-}
-function objEqualShallow(value, other) {
-    const valueProps = Object.getOwnPropertyNames(value);
-    const otherProps = Object.getOwnPropertyNames(other);
-    if (valueProps.length !== otherProps.length)
-        return false;
-    for (let i = 0, len = valueProps.length; i < len; i++) {
-        const propName = valueProps[i];
-        if (!baseIsEqual(value[propName], other[propName]))
-            return false;
-    }
-    return true;
-}
-function arrayEqualShallow(value, other) {
-    if (value.length !== other.length)
-        return false;
-    for (let i = 0, len = value.length; i < len; i++) {
-        if (!baseIsEqual(value[i], other[i]))
-            return false;
-    }
-    return true;
-}
-function isShallowEqual(value, other) {
-    if (baseIsEqual(value, other))
-        return true;
-    if (isTruelyObject(value) && isTruelyObject(other))
-        return objEqualShallow(value, other);
-    if (Array.isArray(value) && Array.isArray(other))
-        return arrayEqualShallow(value, other);
-    return false;
-}
-function isDeepEqual(value, other) {
-    if (baseIsEqual(value, other))
-        return true;
-    if (isTruelyObject(value) && isTruelyObject(other))
-        return objEqualDeep(value, other);
-    if (Array.isArray(value) && Array.isArray(other))
-        return arrayEqualDeep(value, other);
-    return false;
-}
-function arrayEqualDeep(value, other) {
-    if (value.length !== other.length)
-        return false;
-    for (let i = 0, len = value.length; i < len; i++) {
-        if (!isDeepEqual(value[i], other[i]))
-            return false;
-    }
-    return true;
-}
-function objEqualDeep(value, other) {
-    const valueProps = Object.getOwnPropertyNames(value);
-    const otherProps = Object.getOwnPropertyNames(other);
-    if (valueProps.length !== otherProps.length)
-        return false;
-    for (let i = 0, len = valueProps.length; i < len; i++) {
-        const propName = valueProps[i];
-        if (!isDeepEqual(value[propName], other[propName]))
-            return false;
-    }
-    return true;
-}
-/**
- * 对象比较
- * @param {*} value 第一个比较的值
- * @param {*} other 第二个比较的值
- * @param {Object} options 可选参数，可选项包括：<br />
- *    deep {Boolean} 是否深比较<br />
- * @returns {boolean} 是否相等
- */
-export default function equal(value, other, opt = { deep: false }) {
-    if (!opt.deep)
-        return isShallowEqual(value, other);
-    return isDeepEqual(value, other);
-}
+import s from "./isTruelyObject.js";
+function u(r, e) {
+  return r === e ? !0 : typeof r != typeof e ? !1 : !!(Number.isNaN(r) && Number.isNaN(e));
+}
+function o(r, e) {
+  const t = Object.getOwnPropertyNames(r), n = Object.getOwnPropertyNames(e);
+  if (t.length !== n.length)
+    return !1;
+  for (let f = 0, l = t.length; f < l; f++) {
+    const i = t[f];
+    if (!u(r[i], e[i]))
+      return !1;
+  }
+  return !0;
+}
+function p(r, e) {
+  if (r.length !== e.length)
+    return !1;
+  for (let t = 0, n = r.length; t < n; t++)
+    if (!u(r[t], e[t]))
+      return !1;
+  return !0;
+}
+function c(r, e) {
+  return u(r, e) ? !0 : s(r) && s(e) ? o(r, e) : Array.isArray(r) && Array.isArray(e) ? p(r, e) : !1;
+}
+function a(r, e) {
+  return u(r, e) ? !0 : s(r) && s(e) ? g(r, e) : Array.isArray(r) && Array.isArray(e) ? y(r, e) : !1;
+}
+function y(r, e) {
+  if (r.length !== e.length)
+    return !1;
+  for (let t = 0, n = r.length; t < n; t++)
+    if (!a(r[t], e[t]))
+      return !1;
+  return !0;
+}
+function g(r, e) {
+  const t = Object.getOwnPropertyNames(r), n = Object.getOwnPropertyNames(e);
+  if (t.length !== n.length)
+    return !1;
+  for (let f = 0, l = t.length; f < l; f++) {
+    const i = t[f];
+    if (!a(r[i], e[i]))
+      return !1;
+  }
+  return !0;
+}
+function b(r, e, t = { deep: !1 }) {
+  return t.deep ? a(r, e) : c(r, e);
+}
+export {
+  b as default
+};

package/libs/shared-utils/filter.js

@@ -1,53 +1,30 @@
-import tap from './tap';
-/**
- * 对象属性筛选函数。
- * 基于已有对象生成一个满足条件(属性)新的对象。
- * @param {object} object
- * @param {Function} check
- */
-export function filter(object, check) {
-    return tap({}, (result) => {
-        Object.keys(object).forEach((key) => {
-            const _key = key;
-            if (check(_key, object[_key])) {
-                result[_key] = object[_key];
-            }
-        });
+import o from "./tap.js";
+function e(n, i) {
+  return o({}, (r) => {
+    Object.keys(n).forEach((t) => {
+      const f = t;
+      i(f, n[f]) && (r[f] = n[f]);
     });
+  });
 }
-/**
- * 对象镜子函数。
- * 生成一个"镜子"对象：对象的属性名与其值相同。
- * @param  {string[]} strings 对象属性
- */
-export function mirror(strings) {
-    return tap({}, (result) => {
-        for (const string of strings)
-            result[string] = string;
-    });
+function u(n) {
+  return o({}, (i) => {
+    for (const r of n)
+      i[r] = r;
+  });
 }
-/**
- * 过滤掉不需要的对象字段函数：实现从一个对象中排除某些指定属性后生成的新对象。
- * @param object
- * @param props 排除的属性
- * @return
- */
-export function omit(object, props) {
-    return tap({}, (result) => {
-        for (const name in object) {
-            if (props.indexOf(name) !== -1)
-                continue;
-            result[name] = object[name];
-        }
-    });
+function m(n, i) {
+  return o({}, (r) => {
+    for (const t in n)
+      i.indexOf(t) === -1 && (r[t] = n[t]);
+  });
 }
-/**
- * 筛选需要的对象字段：实现从一个对象中选择某些指定属性生成新的对象（与`omit()`功能相反）。
- * @param  {object}    object
- * @param  {string[]} props
- * @return {object}
- */
-export function pick(object, props) {
-    // eslint-disable-next-line no-return-assign
-    return tap({}, (result) => props.forEach((prop) => (result[prop] = object[prop])));
+function s(n, i) {
+  return o({}, (r) => i.forEach((t) => r[t] = n[t]));
 }
+export {
+  e as filter,
+  u as mirror,
+  m as omit,
+  s as pick
+};

package/libs/shared-utils/five/changeMode.js

@@ -1,36 +1,21 @@
-import nearlyEqual from '../nearlyEqual';
-/** 等待 five changeMode 结束
- * @description Promise 的状态只代表 mode 与预期是否一致，不保证参数的一致性
- */
-export default async function changeMode(five, changeModeParams) {
-    await new Promise((resolve, reject) => {
-        // 虽然 changeMode 是异步函数，但不代表异步流程结束代表切换 Mode 动画结束
-        five.changeMode(...changeModeParams).catch((error) => reject(error));
-        five.once('initAnimationEnded', () => {
-            const fiveCurrentState = five.getCurrentState();
-            const correctMode = changeModeParams[0];
-            if (fiveCurrentState.mode !== correctMode)
-                reject(new Error('mode 与预期不符'));
-            /** 检测当前的 current pose 和传入的 pose 是否一致 */
-            const checkPose = () => {
-                const correctPose = changeModeParams[1];
-                if (!correctPose)
-                    return true;
-                return Object.keys(correctPose).every((key) => {
-                    const fivePoseItem = fiveCurrentState[key];
-                    if (fivePoseItem === undefined)
-                        return true;
-                    const correctPoseItem = correctPose[key];
-                    if (typeof fivePoseItem === 'number' && typeof correctPoseItem === 'number') {
-                        return nearlyEqual(fivePoseItem, correctPoseItem, 2);
-                    }
-                    return fivePoseItem === correctPoseItem;
-                });
-            };
-            const checkPoseResult = checkPose();
-            if (!checkPoseResult)
-                reject(new Error('five pose 与预期不符'));
-            resolve();
-        });
+import E from "../nearlyEqual.js";
+async function P(o, r) {
+  await new Promise((i, n) => {
+    o.changeMode(...r).catch((e) => n(e)), o.once("initAnimationEnded", () => {
+      const e = o.getCurrentState(), f = r[0];
+      e.mode !== f && n(new Error("mode \u4E0E\u9884\u671F\u4E0D\u7B26")), (() => {
+        const u = r[1];
+        return u ? Object.keys(u).every((s) => {
+          const t = e[s];
+          if (t === void 0)
+            return !0;
+          const c = u[s];
+          return typeof t == "number" && typeof c == "number" ? E(t, c, 2) : t === c;
+        }) : !0;
+      })() || n(new Error("five pose \u4E0E\u9884\u671F\u4E0D\u7B26")), i();
     });
+  });
 }
+export {
+  P as default
+};

package/libs/shared-utils/formatRad.js

@@ -1,10 +1,7 @@
-const PI_2 = Math.PI * 2;
-/**
- * 将弧度转成 0 - 2PI 中的值
- * @param rad - 任意弧度值
- * @return 0 - 2PI 的数值
- */
-function formatRad(rad) {
-    return ((rad % PI_2) + PI_2) % PI_2;
+const t = Math.PI * 2;
+function o(n) {
+  return (n % t + t) % t;
 }
-export { formatRad };
+export {
+  o as formatRad
+};