create-bc-app 1.1.9 → 1.2.0

package/template-webcad/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/template-webcad/src/App.vue

@@ -0,0 +1,26 @@
+<template>
+  <div id="container"></div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref } from "vue";
+import { TemplateApp } from "./sdk";
+import { TemplateCanvas } from "./sdk/view/template_canvas";
+
+let app: TemplateApp;
+let view: TemplateCanvas;
+onMounted( async () => {
+  app = TemplateApp.getInstance();
+  ( window as any ).app = app;
+  let container = document.getElementById( 'container' );
+  view = await app.addTemplateView( container );
+
+} );
+</script>
+
+<style scoped>
+#container {
+  width: 100vw;
+  height: 100vh;
+}
+</style>

package/template-webcad/src/assets/vue.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

package/template-webcad/src/main.ts

@@ -0,0 +1,5 @@
+import { createApp } from 'vue'
+import './style.css'
+import App from './App.vue'
+
+createApp(App).mount('#app')

package/template-webcad/src/sdk/apis/api.ts

@@ -0,0 +1,111 @@
+import axios, { AxiosRequestConfig } from 'axios';
+
+/** API映射表 */
+export const apiMap = new Map();
+
+/**
+ * 注册API命令的装饰器
+ * @param cmdName - 命令名称
+ */
+export const registerApi = (cmdName: string) => {
+    return (target: any, propertyKey: string, descriptor: PropertyDescriptor) => {
+        apiMap.set(cmdName, descriptor.value);
+
+        return descriptor;
+    };
+};
+
+export class CADApi {
+    // axios请求实例
+    protected request = axios.create();
+    // 文档ID
+    protected _docId: number;
+    public baseUrl: string;
+
+    /**
+     * 构造函数
+     * @param baseUrl - 基础URL
+     */
+    constructor(baseUrl = '/') {
+        this.request.defaults.baseURL = baseUrl;
+        this.baseUrl = baseUrl;
+    }
+
+    public get docID(): number {
+        return this._docId;
+    }
+
+    /**
+     * 发送HTTP请求
+     * @param url - 请求URL
+     * @param param - 请求参数
+     * @param type - 请求类型（默认'post'）
+     * @param needDocId - 是否需要文档ID（默认需要）
+     * @param config - 请求配置
+     * @param isParamDocId - 是否将文档ID作为参数（默认不需要）
+     * @returns 返回响应数据
+     */
+    async httpRequest(url, param, type = 'post', needDocId = true, config = {}, isParamDocId = false) {
+        let docId = param.docId || this.docID;
+        // 如果需要文档ID且没有文档ID，创建新文档
+        if (needDocId && !docId) docId = await this.NewDocument();
+
+        if (!url.includes('docId') && needDocId) {
+            // 拼接文档ID到URL
+            if (url.includes('?')) {
+                url += `&docId=${docId}`;
+            } else {
+                url += `?docId=${docId}`;
+            }
+        }
+
+        // 如果文档ID作为参数，添加到参数对象中
+        if (isParamDocId && needDocId) {
+            param.docId = docId;
+        }
+        // 根据请求类型发送请求
+        const res = type === 'post' ? await this.request[type](url, param, config) : await this.request[type](url, config);
+
+        return res.data;
+    }
+
+    /**
+     * 创建新文档的方法（未实现）
+     * @param uniqueId - 可选的唯一ID
+     */
+    async NewDocument(uniqueId?: number) { }
+
+    async PostCADCmd<T>(cmd: any): Promise<T> { return; }
+    async GetCADShapeData(qryName: string, params: any, docId?): Promise<any> { return; }
+
+    // 预览
+    async getCmdPreview(params: any): Promise<any> { }
+
+    public getRegisterApi(apiName: string) {
+        return apiMap.get(apiName);
+    }
+
+    public async postApi(apiName, param) {
+        const api = apiMap.get(apiName);
+
+        if (!api) {
+            console.error('Api Not Found');
+
+            return;
+        }
+
+        return api.call(this, param);
+    }
+
+    /**
+     * 前端直接请求后台，只需要加个docId
+     */
+
+    requestDirectApi(config: AxiosRequestConfig, isAllResp?: boolean) {
+        const url = `doc/${config.url}`;
+
+        return this.httpRequest(config.url, config.data ?? {}, config.method ?? 'post').then((res) => {
+            return isAllResp ? res : res.data;
+        });
+    }
+}

package/template-webcad/src/sdk/cmd/cmd_types.ts

@@ -0,0 +1,7 @@
+export const CMD_TYPES = {
+ 
+};
+
+export const CMD_ACTIONS = {
+
+};

package/template-webcad/src/sdk/cmd/index.ts

@@ -0,0 +1 @@
+export * from './cmd_types';

package/template-webcad/src/sdk/index.ts

@@ -0,0 +1,5 @@
+import '@fsdev/cadnginx/lib/style.css';
+export { TemplateApp } from './template_app';
+export * from './cmd';
+export * from './view/template_canvas';
+export { type CMD_TYPES } from './cmd/cmd_types';

package/template-webcad/src/sdk/template_app.ts

@@ -0,0 +1,53 @@
+import { CadApp } from '@fs/cadnginx';
+import { TemplateCanvas } from './view/template_canvas';
+
+export class TemplateApp extends CadApp {
+
+    protected static _instance: TemplateApp | null = null;
+    public static override getInstance() {
+        if (!this._instance) {
+            this._instance = new TemplateApp({
+                common: {
+                    background_opacity: 0,
+                    background_gradient: {
+                        enable: true,
+                        top_color: 0xD7D9E0,
+                        bottom_color: 0xF7F8FA
+                    }
+                },
+                CSSRender: {
+                    render_css_2d: true
+                },
+                OrthogonalCamera: {
+                    near: -100000,
+                    far: 100000,
+                    x: 1000,
+                    y: -500,
+                    z: 1000,
+                    up: [0, 0, 1]
+                },
+                OrbitControls: {
+                    autoUpdateRotateCenter: true,
+                    zoomSpeed: 0.3,
+                    rotateEasingTime: 200
+                },
+                ViewCube: {
+                    up: [0, 0, 1],
+                    dir: [1, 0, 0],
+                    position: {
+                        right: 100,
+                        top: 100
+                    }
+                }
+            });
+            (window as any).app = this._instance;
+            this;
+        }
+
+        return this._instance;
+    }
+
+    public async addTemplateView(container: HTMLElement) {
+        return await this.addView<TemplateCanvas>(container, TemplateCanvas, 'template');
+    }
+}

package/template-webcad/src/sdk/view/scene/template_scene_creator.ts

@@ -0,0 +1,9 @@
+import { FSApp, Scene } from '@fs/cadnginx';
+import * as THREE from 'three';
+
+export class TemplateSceneCreator extends Scene.SceneCreator3D {
+    public axes = new THREE.AxesHelper(100);
+    protected _createOthers(): void {
+        this.scene.add(this.axes);
+    }
+}

package/template-webcad/src/sdk/view/template_canvas.ts

@@ -0,0 +1,43 @@
+import { View, CadApp, FSCore, FSApp, Model, Display, Command } from '@fs/cadnginx';
+import { CMD_TYPES } from '../cmd/cmd_types';
+import { TemplateViewObserver } from './template_canvas_observer';
+import { TemplateSceneCreator } from './scene/template_scene_creator';
+
+export class TemplateCanvas extends View.Cad3DCanvas {
+
+    constructor(container: HTMLElement, app: CadApp) {
+        super(container, app);
+        this._registerDisplay();
+        this.registerCommands();
+
+        this.controller.signalCameraChange.listen(() => {
+            this.displayMap.forEach(display => {
+                if (display instanceof Display.LineDisplay) {
+                    display.entity.dirtyMaterial();
+                }
+            });
+        });
+    }
+
+    protected getDefaultSceneCreator(...args: any[]) {
+        return new TemplateSceneCreator(...args);
+    }
+
+    protected getViewObserver():any {
+        return new TemplateViewObserver(this);
+    }
+
+    protected _registerDisplay() {
+        this.registerDisplayType(Model.Line, e => this.createDisplay(e, Display.LineDisplay));
+        this.registerDisplayType(Model.MeasureLine, e => this.createDisplay(e, FSApp.View.Three.Group));
+        this.registerDisplayType(FSCore.Model.DomLabel, e => this.createDisplay(e, FSApp.View.Three.DomLabel));
+    }
+
+    private registerCommands() {
+        const cmdManager = this.app.cmdManager;
+        const cmdMap = new Map<string, any>();
+        cmdMap.forEach((cmd, cmdType) => {
+            cmdManager.register(cmdType, cmd);
+        });
+    }
+}

package/template-webcad/src/sdk/view/template_canvas_observer.ts

@@ -0,0 +1,5 @@
+import { FSApp, View } from '@fs/cadnginx';
+
+export class TemplateViewObserver extends View.ViewObserver {
+
+}

package/template-webcad/src/style.css

@@ -0,0 +1,77 @@
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+.card {
+  padding: 2em;
+}
+
+#app {
+  margin: 0;
+  padding: 0;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}

package/template-webcad/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/template-webcad/tsconfig.app.json

@@ -0,0 +1,14 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
+}

package/template-webcad/tsconfig.json

@@ -0,0 +1,46 @@
+{
+	"compilerOptions": {
+	  "jsx": "preserve",
+	  "target": "ES2020",
+	  "lib": [
+		"ES2020",
+		"dom",
+		"dom.iterable"
+	  ],
+	  "module": "ESNext",
+	  "moduleResolution": "bundler",
+	  "esModuleInterop": true,
+	  "outDir": "./dist",
+	  "allowSyntheticDefaultImports": true,
+	  "experimentalDecorators": true,
+	  "baseUrl": ".",
+	  "paths": {
+		"*": [
+		  "types/*"
+		],
+		"@/*":[
+		  "./src/*"
+		],
+		"@fs/*":["node_modules/@fsdev/*"],
+	  },
+	  "resolveJsonModule": true,
+	  "declaration": true,
+	  "declarationDir": "./dist"
+	},
+	"include": [
+	  "src/*.d.ts",
+	  "src/**/*.ts",
+	  "src/**/*.tsx",
+	  "src/core/test/**/*.ts",
+	  "src/**/*.worker.js",
+	  "src/**/*.ts",
+	  "src/**/**/*.vue",
+	  "src/*.ts",
+	  "src/**/*.ts"
+	],
+	"exclude": [
+	  "node_modules",
+	  "sdk"
+	]
+  }
+  

package/template-webcad/tsconfig.node.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/template-webcad/vite.config.ts

@@ -0,0 +1,61 @@
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { dirname } from 'path';
+import dts from 'vite-plugin-dts';
+import banner from 'vite-plugin-banner';
+import pkg from './package.json' assert { type: 'json' };
+
+// https://vite.dev/config/
+export default ({ mode }) => {
+    const isDev = mode === 'development';
+
+    return defineConfig({
+        plugins: [vue(), dts({ rollupTypes: true, entryRoot: './src/sdk' }),
+            banner({
+                content: e => {
+                    if(!e.endsWith('.js'))return '';
+
+                    return `console.info("${pkg.name} v${pkg.version} build time: ${new Date(Date.now() + 8 * 60 * 60 * 1000).toISOString()}");`;
+                    
+                },
+                verify: false
+            })
+        ],
+        build: {
+            lib: {
+                entry: isDev
+                    ? './src/main.ts'        // 开发模式：带UI的入口
+                    : './src/sdk/index.ts',  // 生产模式：SDK入口
+                name: 'cadnginx',
+                fileName: 'index',
+                formats: ['es']
+            },
+            sourcemap: true,
+            minify: false,
+            outDir: isDev ? 'dist' : 'lib',
+            reportCompressedSize: false,
+            rollupOptions: {
+                output: {
+                    sourcemapExcludeSources: false  // 包含源代码在 sourcemap 中
+                }
+            }
+        },
+        resolve: {
+            alias: {
+                '@': path.resolve(dirname(fileURLToPath(import.meta.url)), 'src'),
+                '@fs/cadnginx': path.resolve(dirname(fileURLToPath(import.meta.url)), `node_modules/${mode}/cadnginx`)
+                // '@fs/cadnginx': path.resolve(dirname(fileURLToPath(import.meta.url)), '../cadnginx/src'),
+                // '@fs/fscadweb': path.resolve(dirname(fileURLToPath(import.meta.url)), '../fscadweb/src'),
+                // '@core': path.resolve(dirname(fileURLToPath(import.meta.url)), '../fscadweb/src/core'),
+                // '@app': path.resolve(dirname(fileURLToPath(import.meta.url)), '../fscadweb/src/app'),
+                // '@math': path.resolve(dirname(fileURLToPath(import.meta.url)), '../fscadweb/src/math'),
+                // 'three': path.resolve(dirname(fileURLToPath(import.meta.url)), 'node_modules/three')
+            }
+        },
+        optimizeDeps: {
+            include: ['@fs/fscadweb']  // 列出需要包含 sourcemap 的依赖
+        }
+    });
+};