csyjk 1.1.1 → 1.2.2

package/src/lib/gltf/assets/yjkkit-sdk/src/viewer/scene/webgl/webglEnums.js

@@ -0,0 +1,61 @@
+/**
+ * @author yjklabs / https://github.com/yjklabs
+ */
+
+/**
+ * @desc Human-readable WebGL enumeration mappings.
+ * @private
+ */
+const webglEnums = {
+    funcAdd: "FUNC_ADD",
+    funcSubtract: "FUNC_SUBTRACT",
+    funcReverseSubtract: "FUNC_REVERSE_SUBTRACT",
+    zero: "ZERO",
+    one: "ONE",
+    srcColor: "SRC_COLOR",
+    oneMinusSrcColor: "ONE_MINUS_SRC_COLOR",
+    dstColor: "DST_COLOR",
+    oneMinusDstColor: "ONE_MINUS_DST_COLOR",
+    srcAlpha: "SRC_ALPHA",
+    oneMinusSrcAlpha: "ONE_MINUS_SRC_ALPHA",
+    dstAlpha: "DST_ALPHA",
+    oneMinusDstAlpha: "ONE_MINUS_DST_ALPHA",
+    contantColor: "CONSTANT_COLOR",
+    oneMinusConstantColor: "ONE_MINUS_CONSTANT_COLOR",
+    constantAlpha: "CONSTANT_ALPHA",
+    oneMinusConstantAlpha: "ONE_MINUS_CONSTANT_ALPHA",
+    srcAlphaSaturate: "SRC_ALPHA_SATURATE",
+    front: "FRONT",
+    back: "BACK",
+    frontAndBack: "FRONT_AND_BACK",
+    never: "NEVER",
+    less: "LESS",
+    equal: "EQUAL",
+    lequal: "LEQUAL",
+    greater: "GREATER",
+    notequal: "NOTEQUAL",
+    gequal: "GEQUAL",
+    always: "ALWAYS",
+    cw: "CW",
+    ccw: "CCW",
+    linear: "LINEAR",
+    nearest: "NEAREST",
+    linearMipmapNearest: "LINEAR_MIPMAP_NEAREST",
+    nearestMipmapNearest: "NEAREST_MIPMAP_NEAREST",
+    nearestMipmapLinear: "NEAREST_MIPMAP_LINEAR",
+    linearMipmapLinear: "LINEAR_MIPMAP_LINEAR",
+    repeat: "REPEAT",
+    clampToEdge: "CLAMP_TO_EDGE",
+    mirroredRepeat: "MIRRORED_REPEAT",
+    alpha: "ALPHA",
+    rgb: "RGB",
+    rgba: "RGBA",
+    luminance: "LUMINANCE",
+    luminanceAlpha: "LUMINANCE_ALPHA",
+    textureBinding2D: "TEXTURE_BINDING_2D",
+    textureBindingCubeMap: "TEXTURE_BINDING_CUBE_MAP",
+    compareRToTexture: "COMPARE_R_TO_TEXTURE", // Hardware Shadowing Z-depth,
+    unsignedByte: "UNSIGNED_BYTE"
+};
+
+export {webglEnums};

package/src/lib/gltf/assets/yjkkit-sdk/src/viewer/scene/webglInfo.js

@@ -0,0 +1,48 @@
+/**
+ * @private
+ * @type {{WEBGL: boolean, SUPPORTED_EXTENSIONS: {}}}
+ */
+const WEBGL_INFO = {
+    WEBGL: false,
+    SUPPORTED_EXTENSIONS: {}
+};
+
+const canvas = document.createElement("canvas");
+
+if (canvas) {
+
+    const gl = canvas.getContext("webgl", {antialias: true}) || canvas.getContext("experimental-webgl", {antialias: true});
+
+    WEBGL_INFO.WEBGL = !!gl;
+
+    if (WEBGL_INFO.WEBGL) {
+        WEBGL_INFO.ANTIALIAS = gl.getContextAttributes().antialias;
+        if (gl.getShaderPrecisionFormat) {
+            if (gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_FLOAT).precision > 0) {
+                WEBGL_INFO.FS_MAX_FLOAT_PRECISION = "highp";
+            } else if (gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.MEDIUM_FLOAT).precision > 0) {
+                WEBGL_INFO.FS_MAX_FLOAT_PRECISION = "mediump";
+            } else {
+                WEBGL_INFO.FS_MAX_FLOAT_PRECISION = "lowp";
+            }
+        } else {
+            WEBGL_INFO.FS_MAX_FLOAT_PRECISION = "mediump";
+        }
+        WEBGL_INFO.DEPTH_BUFFER_BITS = gl.getParameter(gl.DEPTH_BITS);
+        WEBGL_INFO.MAX_TEXTURE_SIZE = gl.getParameter(gl.MAX_TEXTURE_SIZE);
+        WEBGL_INFO.MAX_CUBE_MAP_SIZE = gl.getParameter(gl.MAX_CUBE_MAP_TEXTURE_SIZE);
+        WEBGL_INFO.MAX_RENDERBUFFER_SIZE = gl.getParameter(gl.MAX_RENDERBUFFER_SIZE);
+        WEBGL_INFO.MAX_TEXTURE_UNITS = gl.getParameter(gl.MAX_COMBINED_TEXTURE_IMAGE_UNITS);
+        WEBGL_INFO.MAX_TEXTURE_IMAGE_UNITS = gl.getParameter(gl.MAX_TEXTURE_IMAGE_UNITS);
+        WEBGL_INFO.MAX_VERTEX_ATTRIBS = gl.getParameter(gl.MAX_VERTEX_ATTRIBS);
+        WEBGL_INFO.MAX_VERTEX_UNIFORM_VECTORS = gl.getParameter(gl.MAX_VERTEX_UNIFORM_VECTORS);
+        WEBGL_INFO.MAX_FRAGMENT_UNIFORM_VECTORS = gl.getParameter(gl.MAX_FRAGMENT_UNIFORM_VECTORS);
+        WEBGL_INFO.MAX_VARYING_VECTORS = gl.getParameter(gl.MAX_VARYING_VECTORS);
+        gl.getSupportedExtensions().forEach(function (ext) {
+            WEBGL_INFO.SUPPORTED_EXTENSIONS[ext] = true;
+        });
+        WEBGL_INFO.depthTexturesSupported = WEBGL_INFO.SUPPORTED_EXTENSIONS["WEBGL_depth_texture"];
+    }
+}
+
+export {WEBGL_INFO};

package/src/lib/gltf/gltf.css

@@ -0,0 +1,392 @@
+#myViewer {
+    height: 100vh;
+    width: 100vw;
+}
+
+.view {
+    width: 300px;
+    background: #f9fafd;
+    border: 1px solid #d7dee6;
+    border-radius: 4px;
+    position: absolute;
+    top: 73px;
+
+    left: 20px;
+    padding: 3px;
+    box-sizing: border-box;
+    display: flex;
+    height: calc(100vh - 154px);
+
+}
+
+.view .top {
+    font-size: 14px;
+    padding: 10px 0;
+    position: relative;
+    cursor: move;
+}
+
+.view .top i {
+    position: absolute;
+    cursor: pointer;
+    right: 12px;
+}
+
+.view .tab {
+    z-index: 2;
+    border: none;
+    box-shadow: none;
+    background-color: #fff;
+    height: calc(100% - 36px);
+    width: 100%;
+}
+
+
+.view .tab .tabTop {
+    background-color: #f9fafd;
+}
+
+.view .tab span.active {
+    font-weight: bold;
+    color: #303133;
+    background-color: #fff;
+}
+
+.view .tab span {
+    padding: 0 20px;
+    font-size: 14px;
+    color: #909399;
+    line-height: 34px;
+    cursor: pointer;
+    height: 34px;
+    display: inline-block;
+}
+
+.view .tab span:hover {
+    font-weight: bold;
+
+    color: #303133;
+}
+
+.view .tabcontent {
+    padding: 15px;
+    height: calc(100% - 70px);
+    overflow: auto;
+    overflow-x: hidden;
+}
+
+/* 设置滚动条的样式 */
+.view .tabcontent::-webkit-scrollbar {
+    width: 6px;
+}
+
+/* 滚动槽 */
+.view .tabcontent::-webkit-scrollbar-track {
+
+    border-radius: 10px;
+}
+
+/* 滚动条滑块 */
+.view .tabcontent::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    background: rgba(144,147,153,.3);
+
+}
+
+.view .tabcontent::-webkit-scrollbar-thumb:window-inactive {
+    background: rgba(144,147,153,.3);
+}
+
+
+.view ul {
+    font-weight: 400;
+    list-style: none;
+    padding-left: 1em;
+    color: #657894;
+    position: relative;
+    width: 100px;
+    white-space: nowrap;
+}
+
+.view ul li {
+    line-height: 30px;
+}
+
+.view ul a {
+    color: transparent;
+    position: absolute;
+    width: 0;
+    height: 0;
+    border: 6px solid transparent;
+    border-left-color: #a3b1c4;
+    left: -13px;
+    top: 7px;
+}
+
+.view ul a.minus {
+    transform: rotate(90deg);
+    top: 10px;
+    left: -15px;
+}
+
+.view ul .highlighted-node {
+    border: black solid 1px;
+    background: yellow;
+    color: black;
+    padding-left: 1px;
+    padding-right: 5px;
+}
+
+
+.view input[type=checkbox] {
+    position: relative;
+    width: 15px;
+    height: 13px;
+    margin-right: 5px;
+}
+
+.view input[type=checkbox]::before {
+    content: '';
+    position: absolute;
+    top: -1px;
+    left: 0;
+    width: 12px;
+    height: 12px;
+    line-height: 12px;
+    text-align: center;
+    color: white;
+    border-radius: 4px;
+    background-color: #fff;
+    border: 1px solid #333;
+    overflow: hidden;
+
+}
+
+.view input[type=checkbox]:checked::before {
+    color: white;
+    background-color: white;
+    border: 1px solid transparent;
+    background: url('./assets/check.jpg') no-repeat;
+    background-size: cover;
+    content: '';
+}
+
+.view .first {
+    font-weight: bold;
+
+    color: #657894;
+}
+
+/* 属性 */
+
+
+.annotationTable {
+    width: 265px;
+    right: 20px;
+    left: auto;
+    bottom: auto;
+    top: 74px;
+    position: fixed;
+    background-color: #f9fafd;
+    height: 406px;
+    border: 1px solid #d7dee6;
+    overflow: hidden;
+    border-radius: 4px;
+    padding: 3px;
+    box-sizing: border-box;
+}
+
+.annotationTable .top {
+    margin-top: 12px;
+    display: flex;
+    padding: 0 12px;
+    flex-flow: wrap;
+    margin-bottom: 5px;
+    cursor: move;
+}
+
+.yjkkit-context-menu ul li {
+    list-style-type: none;
+    padding: 4px 20px 4px 10px;
+    color: #000;
+    border-bottom: 1px solid grey;
+    background: hsla(0, 0%, 100%, .46);
+    cursor: pointer;
+    width: calc(100% - 30px);
+}
+
+.annotationTable .top i {
+    position: absolute;
+    cursor: pointer;
+    top: 20px;
+    right: 20px;
+}
+
+.annotationTable .top span.active {
+    font-size: 12px;
+    border-radius: 2px;
+    cursor: pointer;
+    padding: 8px;
+    color: #fff;
+    background: #136;
+
+}
+
+.htop {
+    display: flex;
+    justify-content: space-between;
+}
+
+.htop span {
+    display: block;
+    width: 50%;
+    color: #cad6e6;
+    font-size: 12px;
+    padding: 8px 7px;
+}
+
+.annotationTable .box {
+    height: calc(100% - 50px);
+    overflow: auto;
+    background: #fff;
+    padding: 0 37px 0 20px;
+    margin-right: -17px;
+}
+
+.annotationTable .box .el-table::after,
+.annotationTable .box .el-table::before {
+    background-color: #ebeef5;
+}
+
+
+
+/* 项目信息 */
+.projectInfo {
+    width: 265px;
+    background: #fff;
+    position: absolute;
+    bottom: 75px;
+    right: 0;
+    left: 200px;
+    margin: auto;
+    color: #657894;
+    font-size: 16px;
+
+}
+
+.projectInfo .top {
+    padding: 10px;
+}
+
+.projectInfo .top i {
+    cursor: pointer;
+    position: absolute;
+    top: 7px;
+    right: 10px;
+    font-size: 16px !important;
+}
+
+
+.projectInfo .threeCon {
+    padding: 10px;
+}
+
+.projectInfo .threeCon .threeBox {
+    font-size: 14px;
+    margin-bottom: 10px;
+}
+
+.projectInfo .footer {
+    border-top: 1px solid #ebeef5;
+    padding: 10px 0;
+    margin: 0 10px;
+    text-align: right;
+}
+
+
+
+
+
+.tools-left {
+    position: absolute;
+    display: flex;
+    justify-content: center;
+    left: 0;
+    width: 575px;
+    height: 45px;
+    bottom: 20px;
+    right: 0;
+    align-items: center;
+    z-index: 200;
+    border: 1px solid #d7dee6;
+    margin: 0 auto;
+    background-color: rgba(249, 250, 253, 1);
+    border-radius: 23px;
+}
+
+.tools-left .item {
+    width: 55px;
+    text-align: center;
+    line-height: 47px;
+    height: 100%;
+}
+
+.tools-left span {
+    cursor: pointer;
+}
+
+.tools-left .el-radio-group .el-radio-button span {
+    background-color: transparent;
+    border: none;
+}
+
+.yjk- {
+    color: #136;
+    opacity: .5;
+    font-size: 20px !important;
+}
+
+.yjk-.active {
+
+    opacity: 1;
+
+}
+.yjk-.active2 {
+
+    opacity: 1;
+
+}
+
+.tabcontent {
+    display: none;
+}
+
+.tabcontent.active {
+    display: block;
+}
+
+.myNavCubeCanvas {
+    position: absolute;
+    width: 200px;
+    height: 200px;
+    bottom: 0;
+    right: 0;
+    z-index: 1;
+}
+
+@media screen and (max-width: 1366px) {
+
+    .view {
+        width: 208px;
+        padding: 5px;
+    }
+
+    .tools-left {
+        width: 450px;
+    }
+
+    .tools-left .el-tooltip {
+        width: 45px;
+
+    }
+}