kitchen-simulator 5.0.0-test.4 → 5.0.0-test.5

package/src/components/viewer3d/ruler-utils/ruler3D.jsx

@@ -1,218 +0,0 @@
-import React from 'react';
-import { TEXT_COLOR_NEUTRAL_0, TEXT_COLOR_NEUTRAL_6 } from '../../../constants';
-
-export default function Ruler3D({ layer, line, viewScale, downloadFlag }) {
-  const diagonalPointValue = 5 * viewScale;
-
-  const STYLE = {
-    stroke: TEXT_COLOR_NEUTRAL_6,
-    strokeWidth: viewScale,
-    opacity: '0.6'
-  };
-
-  const STYLE_TEXT = {
-    textAnchor: 'middle',
-    fontSize: downloadFlag ? 32 * viewScale : 16 * viewScale,
-    // fontWeight: "bold",
-    pointerEvents: 'none',
-    fill: TEXT_COLOR_NEUTRAL_6,
-
-    //http://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting-using-css
-    WebkitTouchCallout: 'none' /* iOS Safari */,
-    WebkitUserSelect: 'none' /* Chrome/Safari/Opera */,
-    MozUserSelect: 'none' /* Firefox */,
-    MsUserSelect: 'none' /* Internet Explorer/Edge */,
-    userSelect: 'none'
-  };
-
-  const getDistance = (v0, v1) => {
-    return Math.sqrt(
-      (v0.x - v1.x) * (v0.x - v1.x) + (v0.y - v1.y) * (v0.y - v1.y)
-    );
-  };
-
-  const { v0, v1, space } = line;
-  let text = line.text.endsWith('.0')
-    ? line.text.slice(0, line.text.length - 2)
-    : line.text;
-  let length = getDistance(v0, v1);
-
-  let textLength = (text.length + layer.unit.length) * 18 * viewScale;
-  if (v0.y === v1.y) {
-    if (v0.x < v1.x) {
-      return (
-        <g>
-          <line x1={v0.x} y1={v0.y} x2={v0.x} y2={v0.y - space} style={STYLE} />
-          <g transform={`translate(${v0.x}, ${v0.y - space})`}>
-            <line
-              x1={-diagonalPointValue}
-              y1={-diagonalPointValue}
-              x2={diagonalPointValue}
-              y2={diagonalPointValue}
-              style={STYLE}
-            />
-            <line
-              x1={0}
-              y1={0}
-              x2={textLength > length ? 0 : (length - textLength) / 2}
-              y2={0}
-              style={STYLE}
-            />
-            <text x={length / 2} y="3" style={STYLE_TEXT}>
-              {text}
-              {layer.unit === 'in' ? '"' : layer.unit}
-            </text>
-            <line
-              x1={length}
-              y1={0}
-              x2={textLength > length ? length : (length + textLength) / 2}
-              y2={0}
-              style={STYLE}
-            />
-            <line
-              x1={length - diagonalPointValue}
-              y1={-diagonalPointValue}
-              x2={length + diagonalPointValue}
-              y2={diagonalPointValue}
-              style={STYLE}
-            />
-          </g>
-          <line x1={v1.x} y1={v1.y} x2={v1.x} y2={v1.y - space} style={STYLE} />
-        </g>
-      );
-    } else {
-      return (
-        <g>
-          <line x1={v0.x} y1={v0.y} x2={v0.x} y2={v0.y + space} style={STYLE} />
-          <g transform={`translate(${v0.x}, ${v0.y + space})`}>
-            <line
-              x1={-diagonalPointValue}
-              y1={-diagonalPointValue}
-              x2={diagonalPointValue}
-              y2={diagonalPointValue}
-              style={STYLE}
-            />
-            <line
-              x1={0}
-              y1={0}
-              x2={textLength > length ? 0 : -(length - textLength) / 2}
-              y2={0}
-              style={STYLE}
-            />
-            <text x={-length / 2} y="3" style={STYLE_TEXT}>
-              {text}
-              {layer.unit === 'in' ? '"' : layer.unit}
-            </text>
-            <line
-              x1={-length}
-              y1={0}
-              x2={textLength > length ? -length : -(length + textLength) / 2}
-              y2={0}
-              style={STYLE}
-            />
-            <line
-              x1={-length - diagonalPointValue}
-              y1={-diagonalPointValue}
-              x2={-length + diagonalPointValue}
-              y2={diagonalPointValue}
-              style={STYLE}
-            />
-          </g>
-          <line x1={v1.x} y1={v1.y} x2={v1.x} y2={v1.y + space} style={STYLE} />
-        </g>
-      );
-    }
-  } else if ((v0.x = v1.x)) {
-    if (v0.y < v1.y) {
-      return (
-        <g>
-          <line x1={v0.x} y1={v0.y} x2={v0.x + space} y2={v0.y} style={STYLE} />
-          <g transform={`translate(${v0.x + space}, ${v0.y})`}>
-            <line
-              x1={-diagonalPointValue}
-              y1={-diagonalPointValue}
-              x2={diagonalPointValue}
-              y2={diagonalPointValue}
-              style={STYLE}
-            />
-            <line
-              x1={0}
-              y1={0}
-              x2={0}
-              y2={textLength > length ? 0 : (length - textLength) / 2}
-              style={STYLE}
-            />
-            <text
-              x={length / 2}
-              y={0}
-              style={{ ...STYLE_TEXT, transform: 'rotate(90deg)' }}
-            >
-              {text}
-              {layer.unit === 'in' ? '"' : layer.unit}
-            </text>
-            <line
-              x1={0}
-              y1={length}
-              x2={0}
-              y2={textLength > length ? length : (length + textLength) / 2}
-              style={STYLE}
-            />
-            <line
-              x1={-diagonalPointValue}
-              y1={length - diagonalPointValue}
-              x2={diagonalPointValue}
-              y2={length + diagonalPointValue}
-              style={STYLE}
-            />
-          </g>
-          <line x1={v1.x} y1={v1.y} x2={v1.x + space} y2={v1.y} style={STYLE} />
-        </g>
-      );
-    } else {
-      return (
-        <g>
-          <line x1={v0.x} y1={v0.y} x2={v0.x - space} y2={v0.y} style={STYLE} />
-          <g transform={`translate(${v0.x - space}, ${v0.y})`}>
-            <line
-              x1={-diagonalPointValue}
-              y1={-diagonalPointValue}
-              x2={diagonalPointValue}
-              y2={diagonalPointValue}
-              style={STYLE}
-            />
-            <line
-              x1={0}
-              y1={0}
-              x2={0}
-              y2={textLength > length ? 0 : -(length - textLength) / 2}
-              style={STYLE}
-            />
-            <text
-              x={-length / 2}
-              y={0}
-              style={{ ...STYLE_TEXT, transform: 'rotate(90deg)' }}
-            >
-              {text}
-              {layer.unit === 'in' ? '"' : layer.unit}
-            </text>
-            <line
-              x1={0}
-              y1={-length}
-              x2={0}
-              y2={textLength > length ? -length : -(length + textLength) / 2}
-              style={STYLE}
-            />
-            <line
-              x1={-diagonalPointValue}
-              y1={-length - diagonalPointValue}
-              x2={diagonalPointValue}
-              y2={-length + diagonalPointValue}
-              style={STYLE}
-            />
-          </g>
-          <line x1={v1.x} y1={v1.y} x2={v1.x - space} y2={v1.y} style={STYLE} />
-        </g>
-      );
-    }
-  } else return null;
-}

package/src/components/viewer3d/ruler-utils/scene3D.jsx

@@ -1,87 +0,0 @@
-import React from 'react';
-import { GeometryUtils } from '../../../utils/export';
-import { isElevationView } from '../../..//utils/helper';
-import { verticesDistance } from '../../../utils/geometry';
-import convert from 'convert-units';
-import Layer3D from './layer3D';
-
-export function compareVertices(v0, v1) {
-  return v0.x === v1.x ? v0.y - v1.y : v0.x - v1.x;
-}
-
-export default function Scene3D({
-  scene,
-  catalog,
-  width,
-  height,
-  mode,
-  downloadFlag
-}) {
-  let { layers } = scene;
-  let selectedLayer = layers.get(scene.selectedLayer);
-  let ceilHeight = selectedLayer.ceilHeight;
-  let selectedLine = selectedLayer.lines.get(
-    selectedLayer.selected.lines.toJS()[0]
-  );
-  let vertex0 = selectedLayer.vertices.get(selectedLine.vertices.get(0));
-  let vertex1 = selectedLayer.vertices.get(selectedLine.vertices.get(1));
-
-  let lineLength = convert(verticesDistance(vertex0, vertex1))
-    .from(scene.unit)
-    .to(selectedLayer.unit);
-  let multi = downloadFlag ? 0.85 : 0.6;
-  let scale = Math.min(
-    (width * multi) / lineLength,
-    (height * multi) / ceilHeight
-  );
-  let frontRect = {
-    width: lineLength * scale,
-    height: ceilHeight * scale
-  };
-
-  let i = 0,
-    grids = [];
-  let viewScale = Math.min(
-    width / window.innerWidth,
-    height / window.innerHeight
-  );
-
-  for (let x = -width / 2; x <= width / 2; x = x + 30 * viewScale) {
-    for (let y = -height / 2; y <= height / 2; y = y + 30 * viewScale) {
-      if (
-        Math.abs(x) > frontRect.width / 2 ||
-        Math.abs(y) > frontRect.height / 2
-      ) {
-        grids.push(
-          <circle
-            key={`grid_${i}`}
-            cx={x}
-            cy={y}
-            r={2 * viewScale}
-            fill="#bbb"
-          />
-        );
-        i++;
-      }
-    }
-  }
-  return (
-    <g>
-      {grids}
-      <Layer3D
-        key={selectedLayer.id}
-        layer={selectedLayer}
-        frontRect={frontRect}
-        lineLength={lineLength}
-        ceilHeight={ceilHeight.toFixed(0)}
-        catalog={catalog}
-        scene={scene}
-        scale={scale}
-        mode={mode}
-        line={selectedLine}
-        viewScale={viewScale}
-        downloadFlag={downloadFlag}
-      />
-    </g>
-  );
-}

package/src/components/viewer3d/ruler-utils/state3D.jsx

@@ -1,25 +0,0 @@
-import React from 'react';
-import Scene3D from './scene3D';
-
-export default function State3D({
-  state,
-  catalog,
-  width,
-  height,
-  downloadFlag
-}) {
-  let { scene } = state;
-
-  return (
-    <g>
-      <Scene3D
-        scene={scene}
-        catalog={catalog}
-        width={width}
-        height={height}
-        mode={state.get('mode')}
-        downloadFlag={downloadFlag}
-      />
-    </g>
-  );
-}