cfd-materials 0.1.0

package/lib/components/cloud-visualization/index.d.ts

@@ -0,0 +1,3 @@
+import CloudVisualization from './cloud-visualization';
+export type { CloudVisualizationColorMap, CloudVisualizationDisplayMode, CloudVisualizationField, CloudVisualizationProps, CloudVisualizationViewMode, } from './cloud-visualization';
+export default CloudVisualization;

package/lib/components/cloud-visualization/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _cloudVisualization = _interopRequireDefault(require("./cloud-visualization"));
+var _default = exports["default"] = _cloudVisualization["default"];

package/lib/components/cloud-visualization/index.scss

@@ -0,0 +1,55 @@
+@import '../../variables.scss';
+#{$biz-css-prefix}-cloud-visualization {
+  width: 100%;
+  height: 100%;
+  min-height: 360px;
+  position: relative;
+  overflow: hidden;
+  border: 1px solid rgba(84, 156, 255, 0.38);
+  border-radius: 8px;
+  box-sizing: border-box;
+
+  &__toolbar {
+    height: 48px;
+    display: flex;
+    align-items: center;
+    gap: 18px;
+    padding: 0 16px;
+    color: #f5f9ff;
+    font-size: 14px;
+    background: rgba(0, 0, 0, 0.35);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+    box-sizing: border-box;
+    position: relative;
+    z-index: 2;
+  }
+
+  &__viewport {
+    width: 100%;
+    height: calc(100% - 48px);
+    min-height: 312px;
+    position: relative;
+
+    canvas {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  &__legend {
+    position: absolute;
+    right: 16px;
+    bottom: 16px;
+    z-index: 3;
+    min-width: 160px;
+    padding: 10px 12px;
+    border-radius: 6px;
+    color: #d9e9ff;
+    font-size: 12px;
+    line-height: 1.8;
+    background: rgba(7, 22, 40, 0.72);
+    border: 1px solid rgba(118, 171, 255, 0.25);
+    backdrop-filter: blur(6px);
+  }
+}

package/lib/components/colorful-button/colorful-button.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import './index.scss';
+export interface ColorfulButtonProps {
+    /**
+     * 类型
+     */
+    type?: "primary" | "secondary" | "normal";
+    color?: string;
+    style?: object;
+}
+declare const ColorfulButton: React.FC<ColorfulButtonProps>;
+export default ColorfulButton;

package/lib/components/colorful-button/colorful-button.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+require("./index.scss");
+var _excluded = ["type", "color", "style"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var ColorfulButton = function ColorfulButton(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'primary' : _ref$type,
+    color = _ref.color,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _style = style || {};
+  if (color) {
+    _style.backgroundColor = color;
+  }
+  var _otherProps = otherProps || {};
+  _otherProps.style = _style;
+  return /*#__PURE__*/React.createElement(_button["default"], (0, _extends2["default"])({
+    type: type
+  }, _otherProps), "fusion button");
+};
+ColorfulButton.displayName = 'ColorfulButton';
+var _default = exports["default"] = ColorfulButton;

package/lib/components/colorful-button/index.d.ts

@@ -0,0 +1,3 @@
+import ColorfulButton from './colorful-button';
+export type { ColorfulButtonProps } from './colorful-button';
+export default ColorfulButton;

package/lib/components/colorful-button/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _colorfulButton = _interopRequireDefault(require("./colorful-button"));
+var _default = exports["default"] = _colorfulButton["default"];

package/lib/components/colorful-button/index.scss

@@ -0,0 +1,5 @@
+@import '../../variables.scss';
+
+#{$biz-css-prefix}-colorful-button {
+  border: 2px dashed blue;
+}

package/lib/components/colorful-input/colorful-input.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import './index.scss';
+export interface ColorfulInputProps {
+    color?: string;
+    style?: object;
+}
+declare const ColorfulInput: React.FC<ColorfulInputProps>;
+export default ColorfulInput;

package/lib/components/colorful-input/colorful-input.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _input = _interopRequireDefault(require("@alifd/next/lib/input"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+require("./index.scss");
+var _excluded = ["color", "style"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var ColorfulInput = function ColorfulInput(_ref) {
+  var color = _ref.color,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _style = style || {};
+  if (color) {
+    _style.backgroundColor = color;
+  }
+  var _otherProps = otherProps || {};
+  _otherProps.style = _style;
+  return /*#__PURE__*/React.createElement(_input["default"], _otherProps);
+};
+var _default = exports["default"] = ColorfulInput;

package/lib/components/colorful-input/index.d.ts

@@ -0,0 +1,3 @@
+import ColorfulInput from './colorful-input';
+export type { ColorfulInputProps } from './colorful-input';
+export default ColorfulInput;

package/lib/components/colorful-input/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _colorfulInput = _interopRequireDefault(require("./colorful-input"));
+var _default = exports["default"] = _colorfulInput["default"];

package/lib/components/colorful-input/index.scss

@@ -0,0 +1,5 @@
+@import '../../variables.scss';
+
+#{$biz-css-prefix}-colorful-button {
+  border: 2px dashed blue;
+}

package/lib/components/mesh-visualization/index.d.ts

@@ -0,0 +1,3 @@
+import MeshVisualization from './mesh-visualization';
+export type { MeshCell, MeshDataset, MeshNode, MeshQualityMode, MeshType, MeshVisualizationProps, } from './mesh-visualization';
+export default MeshVisualization;

package/lib/components/mesh-visualization/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _meshVisualization = _interopRequireDefault(require("./mesh-visualization"));
+var _default = exports["default"] = _meshVisualization["default"];

package/lib/components/mesh-visualization/index.scss

@@ -0,0 +1,441 @@
+ @import '../../variables.scss';
+
+// #{$biz-css-prefix}-mesh-visualization {
+//   width: 100%;
+//   height: 100%;
+//   min-height: 420px;
+//   position: relative;
+//   overflow: hidden;
+//   border: 1px solid rgba(93, 163, 255, 0.34);
+//   border-radius: 10px;
+//   box-sizing: border-box;
+//   background:
+//     radial-gradient(circle at top right, rgba(45, 110, 192, 0.22), transparent 34%),
+//     linear-gradient(145deg, #04111d, #0c2136 58%, #0f1a28);
+
+//   &__toolbar {
+//     display: flex;
+//     align-items: center;
+//     justify-content: space-between;
+//     gap: 16px;
+//     padding: 14px 18px;
+//     color: #f2f7ff;
+//     background: rgba(4, 14, 24, 0.62);
+//     border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+//     box-sizing: border-box;
+//     position: relative;
+//     z-index: 3;
+//   }
+
+//   &__title {
+//     display: flex;
+//     flex-direction: column;
+//     gap: 4px;
+//   }
+
+//   &__title-main {
+//     font-size: 16px;
+//     font-weight: 600;
+//     letter-spacing: 0.04em;
+//   }
+
+//   &__title-sub {
+//     font-size: 12px;
+//     color: rgba(211, 227, 255, 0.74);
+//   }
+
+//   &__toolbar-meta {
+//     display: flex;
+//     flex-wrap: wrap;
+//     justify-content: flex-end;
+//     gap: 10px;
+//   }
+
+//   &__chip {
+//     padding: 6px 10px;
+//     border-radius: 999px;
+//     font-size: 12px;
+//     line-height: 1;
+//     color: #dceaff;
+//     background: rgba(84, 155, 255, 0.12);
+//     border: 1px solid rgba(132, 182, 255, 0.22);
+//   }
+
+//   &__body {
+//     display: flex;
+//     height: calc(100% - 72px);
+//     min-height: 348px;
+//   }
+
+//   &__viewport {
+//     flex: 1 1 auto;
+//     min-width: 0;
+//     position: relative;
+//   }
+
+//   &__viewport canvas {
+//     display: block;
+//     width: 100%;
+//     height: 100%;
+//   }
+
+//   &__empty {
+//     position: absolute;
+//     left: 18px;
+//     top: 18px;
+//     z-index: 3;
+//     max-width: 320px;
+//     padding: 12px 14px;
+//     border-radius: 8px;
+//     font-size: 12px;
+//     line-height: 1.8;
+//     color: #dce9ff;
+//     background: rgba(6, 19, 31, 0.76);
+//     border: 1px solid rgba(109, 169, 255, 0.18);
+//     backdrop-filter: blur(6px);
+//   }
+
+//   &__sidebar {
+//     width: 318px;
+//     padding: 16px;
+//     box-sizing: border-box;
+//     display: flex;
+//     flex-direction: column;
+//     gap: 14px;
+//     background: rgba(6, 16, 28, 0.7);
+//     border-left: 1px solid rgba(255, 255, 255, 0.08);
+//     position: relative;
+//     z-index: 2;
+//   }
+
+//   &__panel {
+//     padding: 14px;
+//     border-radius: 10px;
+//     background: rgba(10, 24, 40, 0.74);
+//     border: 1px solid rgba(100, 166, 255, 0.14);
+//     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
+//   }
+
+//   &__panel-title {
+//     margin-bottom: 10px;
+//     font-size: 13px;
+//     font-weight: 600;
+//     color: #f6fbff;
+//     letter-spacing: 0.04em;
+//   }
+
+//   &__kv {
+//     display: grid;
+//     grid-template-columns: 1fr auto;
+//     gap: 8px 12px;
+//     font-size: 12px;
+//     line-height: 1.7;
+//     color: #d7e7ff;
+//   }
+
+//   &__kv-label {
+//     color: rgba(198, 216, 245, 0.72);
+//   }
+
+//   &__quality-grid {
+//     display: grid;
+//     grid-template-columns: repeat(3, minmax(0, 1fr));
+//     gap: 10px;
+//   }
+
+//   &__metric {
+//     padding: 10px;
+//     border-radius: 8px;
+//     background: rgba(255, 255, 255, 0.03);
+//     border: 1px solid rgba(255, 255, 255, 0.06);
+//   }
+
+//   &__metric-label {
+//     font-size: 11px;
+//     color: rgba(201, 219, 246, 0.68);
+//   }
+
+//   &__metric-value {
+//     margin-top: 6px;
+//     font-size: 18px;
+//     color: #ffffff;
+//     font-weight: 600;
+//   }
+
+//   &__bar {
+//     height: 8px;
+//     margin-top: 8px;
+//     border-radius: 999px;
+//     overflow: hidden;
+//     background: rgba(255, 255, 255, 0.08);
+//   }
+
+//   &__bar-fill {
+//     height: 100%;
+//     border-radius: inherit;
+//     background: linear-gradient(90deg, #31b7ff, #7af0ff);
+//   }
+
+//   &__progress {
+//     display: flex;
+//     flex-direction: column;
+//     gap: 8px;
+//   }
+
+//   &__progress-head {
+//     display: flex;
+//     align-items: center;
+//     justify-content: space-between;
+//     gap: 12px;
+//     font-size: 12px;
+//     color: #d7e7ff;
+//   }
+
+//   &__progress-text {
+//     color: rgba(203, 219, 246, 0.72);
+//   }
+
+//   &__button {
+//     width: 100%;
+//     margin-top: 12px;
+//     padding: 10px 12px;
+//     border: 0;
+//     border-radius: 8px;
+//     font-size: 13px;
+//     font-weight: 600;
+//     color: #062033;
+//     background: linear-gradient(90deg, #5ec8ff, #91fff2);
+//     cursor: pointer;
+//   }
+
+//   &__button[disabled] {
+//     cursor: default;
+//     opacity: 0.6;
+//   }
+
+//   &__legend {
+//     display: flex;
+//     justify-content: space-between;
+//     gap: 8px;
+//     margin-top: 10px;
+//     font-size: 11px;
+//     color: rgba(200, 218, 244, 0.72);
+//   }
+
+//   &__legend-scale {
+//     height: 10px;
+//     border-radius: 999px;
+//     margin-top: 8px;
+//     background: linear-gradient(90deg, #e84d4d, #f4cc4e, #67dc8b, #4db5ff);
+//   }
+
+//   &__upload {
+//     margin-top: 10px;
+//   }
+
+//   &__upload input {
+//     width: 100%;
+//     font-size: 12px;
+//     color: #d7e7ff;
+//   }
+
+//   @media (max-width: 960px) {
+//     &__body {
+//       flex-direction: column;
+//       height: auto;
+//       min-height: 0;
+//     }
+
+//     &__viewport {
+//       min-height: 320px;
+//     }
+
+//     &__sidebar {
+//       width: 100%;
+//       border-left: 0;
+//       border-top: 1px solid rgba(255, 255, 255, 0.08);
+//     }
+//   }
+// }
+
+
+
+
+#{$biz-css-prefix}-mesh-workbench {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  min-height: 520px;
+  overflow: hidden;
+  color: #eaf2ff;
+  background: #0b1726;
+  border: 1px solid rgba(94, 145, 255, 0.14);
+  border-radius: 8px;
+
+  &__topbar {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 12px;
+    align-items: center;
+    padding: 12px 14px;
+    background: rgba(255, 255, 255, 0.04);
+    border-bottom: 1px solid rgba(94, 145, 255, 0.12);
+  }
+
+  &__top-item {
+    display: flex;
+    flex-direction: column;
+    min-width: 110px;
+    padding: 6px 10px;
+    background: rgba(255, 255, 255, 0.04);
+    border-radius: 6px;
+  }
+
+  &__top-label {
+    margin-bottom: 4px;
+    font-size: 12px;
+    color: #9fb6d3;
+  }
+
+  &__top-value {
+    font-size: 13px;
+    font-weight: 600;
+    color: #ffffff;
+  }
+
+  // &__upload {
+  //   margin-left: auto;
+  //   font-size: 12px;
+  //   color: #d7e6ff;
+
+  //   input {
+  //     color: #d7e6ff;
+  //   }
+  // }
+  &__upload {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-left: auto;
+  font-size: 12px;
+  color: #d7e6ff;
+}
+
+&__upload-btn {
+  height: 32px;
+  padding: 0 14px;
+  color: #ffffff;
+  background: linear-gradient(90deg, #1677ff, #4096ff);
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+&__upload-name {
+  max-width: 180px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: #d7e6ff;
+}
+
+  &__main {
+    display: grid;
+    grid-template-columns: 260px 1fr 280px;
+    gap: 12px;
+    flex: 1;
+    min-height: 0;
+    padding: 12px;
+    box-sizing: border-box;
+  }
+
+  &__left,
+  &__right {
+    overflow: auto;
+    padding: 12px;
+    background: rgba(255, 255, 255, 0.035);
+    border: 1px solid rgba(94, 145, 255, 0.12);
+    border-radius: 8px;
+  }
+
+  &__center {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    min-height: 0;
+    background: rgba(255, 255, 255, 0.025);
+    border: 1px solid rgba(94, 145, 255, 0.12);
+    border-radius: 8px;
+    overflow: hidden;
+  }
+
+  &__viewport-toolbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 12px;
+    font-size: 12px;
+    color: #bcd0ea;
+    background: rgba(255, 255, 255, 0.04);
+    border-bottom: 1px solid rgba(94, 145, 255, 0.1);
+  }
+
+  &__viewport {
+    flex: 1;
+    min-height: 420px;
+  }
+
+  &__overlay-error {
+    position: absolute;
+    top: 54px;
+    left: 12px;
+    right: 12px;
+    padding: 10px 12px;
+    font-size: 13px;
+    color: #ffd7d7;
+    background: rgba(220, 53, 69, 0.22);
+    border: 1px solid rgba(255, 120, 120, 0.28);
+    border-radius: 6px;
+  }
+
+  &__panel-title {
+    margin-bottom: 12px;
+    font-size: 14px;
+    font-weight: 700;
+    color: #ffffff;
+  }
+
+  &__metric-row {
+    display: flex;
+    justify-content: space-between;
+    gap: 10px;
+    padding: 8px 0;
+    font-size: 13px;
+    color: #dbe8f8;
+    border-bottom: 1px dashed rgba(255, 255, 255, 0.08);
+  }
+
+  &__summary-block {
+    margin-bottom: 14px;
+    padding: 10px;
+    background: rgba(255, 255, 255, 0.035);
+    border: 1px solid rgba(94, 145, 255, 0.1);
+    border-radius: 6px;
+  }
+
+  &__summary-title {
+    margin-bottom: 8px;
+    font-size: 13px;
+    font-weight: 700;
+    color: #ffffff;
+  }
+
+  &__summary-line {
+    margin-bottom: 6px;
+    font-size: 12px;
+    line-height: 1.6;
+    color: #cfe0f4;
+  }
+}

package/lib/components/mesh-visualization/mesh-visualization.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import './index.scss';
+export type MeshSourceType = 'demo' | 'url' | 'local';
+export type MeshDataFormat = 'custom-json' | 'stl' | 'obj';
+export type MeshType = 'structured' | 'unstructured';
+export type MeshDisplayMode = 'surface' | 'wireframe' | 'surface-wireframe' | 'quality';
+export type MeshQualityMode = 'orthogonality' | 'skewness' | 'aspectRatio';
+export interface MeshVisualizationProps {
+    sourceType?: MeshSourceType;
+    dataFormat?: MeshDataFormat;
+    dataUrl?: string;
+    meshType?: MeshType;
+    targetSize?: number;
+    refineEnabled?: boolean;
+    refinementLevel?: number;
+    boundaryLayerEnabled?: boolean;
+    boundaryLayerCount?: number;
+    boundaryLayerThickness?: number;
+    displayMode?: MeshDisplayMode;
+    qualityMode?: MeshQualityMode;
+    qualityThreshold?: number;
+    showNodes?: boolean;
+    showBoundaryHint?: boolean;
+    autoRotate?: boolean;
+    allowLocalUpload?: boolean;
+    background?: string;
+    style?: React.CSSProperties;
+}
+declare const MeshVisualization: React.FC<MeshVisualizationProps>;
+export default MeshVisualization;