@realsee/dnalogel 3.13.0 → 3.14.0

package/dist/index.js

@@ -39,7 +39,7 @@ import ea from "animejs";
 import { GLTFLoader as om } from "@realsee/five/gltf-loader";
 function rm() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.13.0",
+    "%c %c@realsee/dnalogel %cv3.14.0",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",
@@ -7085,7 +7085,7 @@ let _i = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    u(this, "VERSION", "3.13.0");
+    u(this, "VERSION", "3.14.0");
     u(this, "five");
     /**
      * @description: 插件事件钩子
@@ -28963,6 +28963,8 @@ const I2 = (
   uniform float borderWidth;
   // 背景透明度
   uniform float backgroundOpacity;
+  // @link https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip
+  uniform int backgroundClip;
   // 整体透明度
   uniform float opacity;
   // 最大 U 值
@@ -29012,7 +29014,17 @@ const I2 = (
   }
 
   vec4 getBackground() {
-    return vec4(backgroundColor, backgroundOpacity);
+    // border-box
+    if (backgroundClip == 0) {
+      return vec4(backgroundColor, backgroundOpacity);
+    } else {
+    // padding-box
+      float u = vUv.x;
+      if (u > borderWidth && u < 1.0 - borderWidth) {
+        return vec4(backgroundColor, backgroundOpacity);
+      }
+      return vec4(0.0, 0.0, 0.0, 0.0);
+    }
   }
 
   void main() {
@@ -29127,6 +29139,7 @@ class ya {
         backgroundOpacity: { value: 0 },
         borderColor: { value: new P.Color() },
         borderOpacity: { value: 0 },
+        backgroundClip: { value: 0 },
         borderWidth: { value: 0.05 },
         opacity: { value: 1 },
         flicker: { value: 1 },
@@ -29211,7 +29224,7 @@ class ya {
     var i;
     if (this.disposed)
       return this.logError("disposed");
-    (t == null ? void 0 : t.visible) !== void 0 && this.setDefaultVisible(t.visible), (t == null ? void 0 : t.color) !== void 0 && this.setColor(t.color), (t == null ? void 0 : t.opacity) !== void 0 && this.setOpacity(t.opacity), ((i = t == null ? void 0 : t.texture) == null ? void 0 : i.url) !== void 0 && this.setTextureUrl(t.texture.url), (t == null ? void 0 : t.background_color) !== void 0 && this.setBackgroundColor(t.background_color), (t == null ? void 0 : t.background_opacity) !== void 0 && this.setBackgroundOpacity(t.background_opacity), (t == null ? void 0 : t.border_color) !== void 0 && this.setBorderColor(t.border_color), (t == null ? void 0 : t.border_opacity) !== void 0 && this.setBorderOpacity(t.border_opacity), (t == null ? void 0 : t.border_width) !== void 0 && this.setBorderWidth(t.border_width);
+    (t == null ? void 0 : t.visible) !== void 0 && this.setDefaultVisible(t.visible), (t == null ? void 0 : t.color) !== void 0 && this.setColor(t.color), (t == null ? void 0 : t.opacity) !== void 0 && this.setOpacity(t.opacity), ((i = t == null ? void 0 : t.texture) == null ? void 0 : i.url) !== void 0 && this.setTextureUrl(t.texture.url), (t == null ? void 0 : t.background_color) !== void 0 && this.setBackgroundColor(t.background_color), (t == null ? void 0 : t.background_opacity) !== void 0 && this.setBackgroundOpacity(t.background_opacity), (t == null ? void 0 : t.border_color) !== void 0 && this.setBorderColor(t.border_color), (t == null ? void 0 : t.border_opacity) !== void 0 && this.setBorderOpacity(t.border_opacity), (t == null ? void 0 : t.border_width) !== void 0 && this.setBorderWidth(t.border_width), (t == null ? void 0 : t.background_clip) !== void 0 && this.setBackgroundClip(t.background_clip);
     const e = R(R({}, this.materialStyle), t);
     this.materialStyle = e;
   }
@@ -29255,6 +29268,11 @@ class ya {
       return this.logError("disposed");
     this.mesh.material.uniforms.borderOpacity.value = t, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
+  setBackgroundClip(t) {
+    if (this.disposed)
+      return this.logError("disposed");
+    this.mesh.material.uniforms.backgroundClip.value = t === "border-box" ? 0 : 1, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+  }
   /**
    * @description: 设置边框宽度
    */