cfd-materials 0.1.0

package/lib/index.d.ts

@@ -0,0 +1,10 @@
+export type { ColorfulButtonProps } from './components/colorful-button';
+export { default as ColorfulButton } from './components/colorful-button';
+export type { ColorfulInputProps } from './components/colorful-input';
+export { default as ColorfulInput } from './components/colorful-input';
+export type { CloudVisualizationProps } from './components/cloud-visualization';
+export { default as CloudVisualization } from './components/cloud-visualization';
+export type { MeshVisualizationProps } from './components/mesh-visualization';
+export { default as MeshVisualization } from './components/mesh-visualization';
+declare const bizCssPrefix = "bizpack";
+export { bizCssPrefix };

package/lib/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.bizCssPrefix = exports.MeshVisualization = exports.ColorfulInput = exports.ColorfulButton = exports.CloudVisualization = void 0;
+var _colorfulButton = _interopRequireDefault(require("./components/colorful-button"));
+exports.ColorfulButton = _colorfulButton["default"];
+var _colorfulInput = _interopRequireDefault(require("./components/colorful-input"));
+exports.ColorfulInput = _colorfulInput["default"];
+var _cloudVisualization = _interopRequireDefault(require("./components/cloud-visualization"));
+exports.CloudVisualization = _cloudVisualization["default"];
+var _meshVisualization = _interopRequireDefault(require("./components/mesh-visualization"));
+exports.MeshVisualization = _meshVisualization["default"];
+var bizCssPrefix = exports.bizCssPrefix = 'bizpack';

package/lib/index.scss

@@ -0,0 +1,2 @@
+@import './components/colorful-button/index.scss';
+@import './components/colorful-input/index.scss';

package/lib/style.js

@@ -0,0 +1,3 @@
+require('@alifd/next/lib/button/style');
+require('@alifd/next/lib/input/style');
+require('./index.scss');

package/lib/variables.d.ts

@@ -0,0 +1,2 @@
+declare const bizCssPrefix = "bizpack";
+export { bizCssPrefix };

package/lib/variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+exports.__esModule = true;
+exports.bizCssPrefix = void 0;
+var bizCssPrefix = exports.bizCssPrefix = 'bizpack';

package/lib/variables.scss

@@ -0,0 +1,3 @@
+@import '~@alifd/next/variables.scss';
+
+$biz-css-prefix: '.bizpack';

package/lowcode/cloud-visualization/meta.ts

@@ -0,0 +1,194 @@
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const CloudVisualizationMeta: IPublicTypeComponentMetadata = {
+  componentName: 'CloudVisualization',
+  title: '云图可视化',
+  group: 'CFD可视化组件',
+  category: '可视化与网格前处理',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: 'cfd-materials',
+    version: '0.1.0',
+    exportName: 'CloudVisualization',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  configure: {
+    props: [
+      {
+        title: '数据地址',
+        name: 'dataUrl',
+        setter: {
+          componentName: 'StringSetter',
+          isRequired: false,
+          initialValue: '/public/cfd-sample-distinct.csv',
+        },
+      },
+      {
+        title: '物理量',
+        name: 'field',
+        setter: {
+          componentName: 'SelectSetter',
+          props: {
+            options: [
+              { label: '速度', value: 'velocity' },
+              { label: '压力', value: 'pressure' },
+              { label: '温度', value: 'temperature' },
+              { label: '涡量', value: 'vorticity' },
+              { label: '马赫数', value: 'mach' },
+            ],
+          },
+          initialValue: 'pressure',
+        },
+      },
+      {
+        title: '视图模式',
+        name: 'viewMode',
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              { label: '2D', value: '2d' },
+              { label: '3D', value: '3d' },
+            ],
+          },
+          initialValue: '3d',
+        },
+      },
+      {
+        title: '展示模式',
+        name: 'displayMode',
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              { label: '表面', value: 'surface' },
+              { label: '切面', value: 'slice' },
+              { label: '等值面', value: 'isosurface' },
+            ],
+          },
+          initialValue: 'surface',
+        },
+      },
+      {
+        title: '色带',
+        name: 'colorMap',
+        setter: {
+          componentName: 'SelectSetter',
+          props: {
+            options: [
+              { label: 'Jet', value: 'jet' },
+              { label: 'Coolwarm', value: 'coolwarm' },
+              { label: 'Rainbow', value: 'rainbow' },
+              { label: 'Viridis', value: 'viridis' },
+            ],
+          },
+          initialValue: 'jet',
+        },
+      },
+      {
+        title: '透明度',
+        name: 'opacity',
+        setter: {
+          componentName: 'NumberSetter',
+          props: {
+            min: 0,
+            max: 1,
+            step: 0.1,
+          },
+          initialValue: 1,
+        },
+      },
+      {
+        title: '切面位置',
+        name: 'sliceOrigin',
+        setter: {
+          componentName: 'NumberSetter',
+          props: {
+            min: 0,
+            max: 1,
+            step: 0.05,
+          },
+          initialValue: 0.5,
+        },
+      },
+      {
+        title: '等值面值',
+        name: 'isoValue',
+        setter: {
+          componentName: 'NumberSetter',
+          props: {
+            min: 0,
+            max: 1,
+            step: 0.05,
+          },
+          initialValue: 0.5,
+        },
+      },
+      {
+        title: '背景色',
+        name: 'background',
+        setter: {
+          componentName: 'SelectSetter',
+          props: {
+            options: [
+              {
+                label: '黑色',
+                value: '#061526',
+              },
+              {
+                label: '白色',
+                value: '#ffffff',
+              },
+              {
+                label: '灰色',
+                value: '#878787',
+              },
+              {
+                label: '蓝色',
+                value: '#2a579a',
+              }
+            ]
+          },
+          isRequired: false,
+          initialValue: '#061526',
+        },
+      },
+    ],
+    supports: {
+      style: true,
+    },
+    component: {},
+  },
+};
+
+const snippets: IPublicTypeSnippet[] = [
+  {
+    title: '云图可视化',
+    screenshot: '',
+    schema: {
+      componentName: 'CloudVisualization',
+      props: {
+        field: 'pressure',
+        viewMode: '3d',
+        displayMode: 'surface',
+        colorMap: 'jet',
+        opacity: 1,
+        sliceOrigin: 0.5,
+        isoValue: 0.5,
+        style: {
+          width: '100%',
+          height: 360,
+        },
+      },
+    },
+  },
+];
+
+export default {
+  ...CloudVisualizationMeta,
+  snippets,
+};

package/lowcode/colorful-button/meta.ts

@@ -0,0 +1,102 @@
+
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const ColorfulButtonMeta: IPublicTypeComponentMetadata = {
+  "componentName": "ColorfulButton",
+  "title": "ColorfulButton",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "cfd-materials",
+    "version": "0.1.0",
+    "exportName": "ColorfulButton",
+    "main": "src/index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "type",
+            "zh-CN": "类型"
+          },
+          "tip": "type | 类型"
+        },
+        "name": "type",
+        "description": "类型",
+        "setter": {
+          "componentName": "RadioGroupSetter",
+          "props": {
+            "dataSource": [
+              {
+                "label": "primary",
+                "value": "primary"
+              },
+              {
+                "label": "secondary",
+                "value": "secondary"
+              },
+              {
+                "label": "normal",
+                "value": "normal"
+              }
+            ],
+            "options": [
+              {
+                "label": "primary",
+                "value": "primary"
+              },
+              {
+                "label": "secondary",
+                "value": "secondary"
+              },
+              {
+                "label": "normal",
+                "value": "normal"
+              }
+            ]
+          },
+          "initialValue": "primary"
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "color",
+            "zh-CN": "color"
+          }
+        },
+        "name": "color",
+        "setter": {
+          "componentName": "StringSetter",
+          "isRequired": false,
+          "initialValue": ""
+        }
+      }
+    ],
+    "supports": {
+      "style": true
+    },
+    "component": {}
+  }
+};
+const snippets: IPublicTypeSnippet[] = [
+  {
+    "title": "ColorfulButton",
+    "screenshot": "",
+    "schema": {
+      "componentName": "ColorfulButton",
+      "props": {}
+    }
+  }
+];
+
+export default {
+  ...ColorfulButtonMeta,
+  snippets
+};

package/lowcode/colorful-input/meta.ts

@@ -0,0 +1,56 @@
+
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const ColorfulInputMeta: IPublicTypeComponentMetadata = {
+  "componentName": "ColorfulInput",
+  "title": "ColorfulInput",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "cfd-materials",
+    "version": "0.1.0",
+    "exportName": "ColorfulInput",
+    "main": "src/index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "color",
+            "zh-CN": "color"
+          }
+        },
+        "name": "color",
+        "setter": {
+          "componentName": "StringSetter",
+          "isRequired": false,
+          "initialValue": ""
+        }
+      }
+    ],
+    "supports": {
+      "style": true
+    },
+    "component": {}
+  }
+};
+const snippets: IPublicTypeSnippet[] = [
+  {
+    "title": "ColorfulInput",
+    "screenshot": "",
+    "schema": {
+      "componentName": "ColorfulInput",
+      "props": {}
+    }
+  }
+];
+
+export default {
+  ...ColorfulInputMeta,
+  snippets
+};

package/lowcode/mesh-visualization/meta.ts

@@ -0,0 +1,278 @@
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const MeshVisualizationMeta: IPublicTypeComponentMetadata = {
+  componentName: 'MeshVisualization',
+  title: '网格前处理',
+  group: 'CFD可视化组件',
+  category: '可视化与网格前处理',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: 'cfd-materials',
+    version: '0.1.0',
+    exportName: 'MeshVisualization',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  configure: {
+    props: [
+      {
+        title: '数据来源',
+        name: 'sourceType',
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              { label: '示例数据', value: 'demo' },
+              { label: '静态地址', value: 'url' },
+              { label: '本地上传', value: 'local' },
+            ],
+          },
+          initialValue: 'demo',
+        },
+      },
+      {
+        title: '数据格式',
+        name: 'dataFormat',
+        setter: {
+          componentName: 'SelectSetter',
+          props: {
+            options: [
+              { label: '自定义 JSON', value: 'custom-json' },
+              { label: 'STL 几何', value: 'stl' },
+              { label: 'OBJ 几何', value: 'obj' },
+            ],
+          },
+          initialValue: 'custom-json',
+        },
+      },
+      {
+        title: '数据地址',
+        name: 'dataUrl',
+        setter: {
+          componentName: 'StringSetter',
+          isRequired: false,
+          initialValue: '/public/mesh-sample.json',
+        },
+      },
+      {
+        title: '网格类型',
+        name: 'meshType',
+        setter: {
+          componentName: 'SelectSetter',
+          props: {
+            options: [
+              { label: '结构化', value: 'structured' },
+              { label: '非结构化', value: 'unstructured' },
+            ],
+          },
+          initialValue: 'unstructured',
+        },
+      },
+      {
+        title: '目标尺寸',
+        name: 'targetSize',
+        setter: {
+          componentName: 'NumberSetter',
+          props: {
+            min: 0.01,
+            max: 1,
+            step: 0.01,
+          },
+          initialValue: 0.12,
+        },
+      },
+      {
+        title: '启用局部加密',
+        name: 'refineEnabled',
+        setter: {
+          componentName: 'BoolSetter',
+          initialValue: true,
+        },
+      },
+      {
+        title: '加密级别',
+        name: 'refinementLevel',
+        setter: {
+          componentName: 'NumberSetter',
+          props: {
+            min: 0,
+            max: 6,
+            step: 1,
+          },
+          initialValue: 2,
+        },
+      },
+      {
+        title: '启用边界层',
+        name: 'boundaryLayerEnabled',
+        setter: {
+          componentName: 'BoolSetter',
+          initialValue: true,
+        },
+      },
+      {
+        title: '边界层层数',
+        name: 'boundaryLayerCount',
+        setter: {
+          componentName: 'NumberSetter',
+          props: {
+            min: 0,
+            max: 24,
+            step: 1,
+          },
+          initialValue: 6,
+        },
+      },
+      {
+        title: '边界层厚度',
+        name: 'boundaryLayerThickness',
+        setter: {
+          componentName: 'NumberSetter',
+          props: {
+            min: 0,
+            max: 0.5,
+            step: 0.005,
+          },
+          initialValue: 0.02,
+        },
+      },
+      {
+        title: '显示模式',
+        name: 'displayMode',
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              { label: '表面', value: 'surface' },
+              { label: '线框', value: 'wireframe' },
+              { label: '表面+线框', value: 'surface-wireframe' },
+              { label: '质量着色', value: 'quality' },
+            ],
+          },
+          initialValue: 'surface-wireframe',
+        },
+      },
+      {
+        title: '质量指标',
+        name: 'qualityMode',
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              { label: '正交性', value: 'orthogonality' },
+              { label: '偏斜度', value: 'skewness' },
+              { label: '长宽比', value: 'aspectRatio' },
+            ],
+          },
+          initialValue: 'orthogonality',
+        },
+      },
+      {
+        title: '质量阈值',
+        name: 'qualityThreshold',
+        setter: {
+          componentName: 'NumberSetter',
+          props: {
+            min: 0,
+            max: 1,
+            step: 0.05,
+          },
+          initialValue: 0.58,
+        },
+      },
+      {
+        title: '显示节点',
+        name: 'showNodes',
+        setter: {
+          componentName: 'BoolSetter',
+          initialValue: false,
+        },
+      },
+      {
+        title: '显示边界提示',
+        name: 'showBoundaryHint',
+        setter: {
+          componentName: 'BoolSetter',
+          initialValue: true,
+        },
+      },
+      {
+        title: '自动旋转',
+        name: 'autoRotate',
+        setter: {
+          componentName: 'BoolSetter',
+          initialValue: false,
+        },
+      },
+      {
+        title: '允许本地上传',
+        name: 'allowLocalUpload',
+        setter: {
+          componentName: 'BoolSetter',
+          initialValue: true,
+        },
+      },
+      {
+        title: '背景色',
+        name: 'background',
+        setter: {
+          componentName: 'SelectSetter',
+          props: {
+            options: [
+              { label: '深海蓝', value: '#061526' },
+              { label: '石墨黑', value: '#101820' },
+              { label: '灰蓝', value: '#14263b' },
+              { label: '浅色', value: '#f5f8fc' },
+            ],
+          },
+          initialValue: '#061526',
+        },
+      },
+    ],
+    supports: {
+      style: true,
+    },
+    component: {},
+  },
+};
+
+const snippets: IPublicTypeSnippet[] = [
+  {
+    title: '网格前处理',
+    screenshot: '',
+    schema: {
+      componentName: 'MeshVisualization',
+      props: {
+        sourceType: 'demo',
+        dataFormat: 'custom-json',
+        dataUrl: '/public/mesh-sample.json',
+        meshType: 'unstructured',
+        targetSize: 0.12,
+        refineEnabled: true,
+        refinementLevel: 2,
+        boundaryLayerEnabled: true,
+        boundaryLayerCount: 6,
+        boundaryLayerThickness: 0.02,
+        displayMode: 'surface-wireframe',
+        qualityMode: 'orthogonality',
+        qualityThreshold: 0.58,
+        showNodes: false,
+        showBoundaryHint: true,
+        autoRotate: false,
+        allowLocalUpload: true,
+        style: {
+          width: '100%',
+          height: 520,
+        },
+      },
+    },
+  },
+];
+
+export default {
+  ...MeshVisualizationMeta,
+  snippets,
+};

package/lowcode_es/cloud-visualization/meta.d.ts

@@ -0,0 +1,22 @@
+import { IPublicTypeSnippet } from '@alilc/lowcode-types';
+declare const _default: {
+    snippets: IPublicTypeSnippet[];
+    componentName: string;
+    uri?: string;
+    title?: import("@alilc/lowcode-types").IPublicTypeTitleContent;
+    icon?: import("@alilc/lowcode-types").IPublicTypeIconType;
+    tags?: string[];
+    description?: string;
+    docUrl?: string;
+    screenshot?: string;
+    devMode?: "proCode" | "lowCode";
+    npm?: import("@alilc/lowcode-types").IPublicTypeNpmInfo;
+    props?: import("@alilc/lowcode-types").IPublicTypePropConfig[];
+    configure?: import("@alilc/lowcode-types").IPublicTypeFieldConfig[] | import("@alilc/lowcode-types").IPublicTypeConfigure;
+    experimental?: import("@alilc/lowcode-types").IPublicTypeAdvanced;
+    schema?: import("@alilc/lowcode-types").IPublicTypeComponentSchema;
+    group?: string | import("@alilc/lowcode-types").IPublicTypeI18nData;
+    category?: string | import("@alilc/lowcode-types").IPublicTypeI18nData;
+    priority?: number;
+};
+export default _default;