zyf-model-engine 0.0.1 → 0.1.0

package/types/workbench/functionalComponent.d.ts

@@ -0,0 +1,127 @@
+import { default as Viewer } from '..';
+import { ComponentConfig } from '../libs/types';
+/**
+ * @description 模型预览工具面板容器（命令式 DOM），根据 ComponentConfig 配置
+ * 动态挂载 resetView / roaming / screenshot / cutting / measure / constructInfo / fullScreen
+ * / baseInfo / baseSetting 等子工具栏；子工具栏之间通过 _mouseupEvent 实现互斥切换
+ */
+export declare class FunctionalComponent {
+    viewer: Viewer;
+    content: HTMLDivElement;
+    classWrapper: {
+        [k: string]: any;
+    };
+    constructor(viewer: Viewer, options: ComponentConfig);
+    private _init;
+    private _mouseupEvent;
+}
+/** @description 「重置视角」按钮，点击后相机回到初始化位置与朝向 */
+export declare class resetView {
+    dom: HTMLDivElement;
+    constructor(viewer: Viewer, img?: string, text?: string);
+}
+/**
+ * @description 漫游控制器：根据 mode 切换 FlyControls（飞行）或 FirstPersonControls（第一人称），
+ * moveMax / rotateMax 控制移动和旋转速度上限
+ */
+export declare class roaming {
+    private viewer;
+    private typeBox;
+    private flyBox;
+    private personBox;
+    private flyControlBox;
+    private personControlBox;
+    private flyParams;
+    private personParams;
+    private floorData?;
+    private moveMax;
+    private rotateMax;
+    currentType: string;
+    dom: HTMLDivElement;
+    constructor(viewer: Viewer, img?: string, text?: string, moveMax?: number, rotateMax?: number);
+    set state(param: "fly" | "person" | "");
+    private selectFloor;
+    /**
+     * 显示所有的楼层
+     * @param key 楼层数据id
+     */
+    showAllModel(key: string): void;
+    private _initUI;
+    private _initFlyUI;
+    private _initPersonUI;
+    private _initFylControlUI;
+    private _initPersonControlUI;
+    private _changeParam;
+    private _getFloorData;
+    destory(): void;
+}
+/** @description 截图按钮：把 renderer.domElement 导出为 PNG dataURL，download=true 时直接触发浏览器下载 */
+export declare class screenShot {
+    dom: HTMLDivElement;
+    constructor(viewer: Viewer, img?: string, text?: string, download?: boolean, eventName?: string);
+}
+/** @description 剖切按钮（与 Clipping 类配合使用），负责切换 / 展示 / 关闭全局或局部剖切面板 */
+export declare class cutting {
+    private viewer;
+    private displayBox?;
+    private globalBox;
+    private localBox;
+    private localContent;
+    private clipping;
+    dom: HTMLDivElement;
+    constructor(viewer: Viewer, img?: string, text?: string);
+    private initBoxUI;
+    private initContentUI;
+    private changeMin;
+    private changeMax;
+    private addMoveEvent;
+    destory(): void;
+}
+/** @description 全屏切换按钮，点击时在 window 与 documentElement 之间切换 fullscreen 状态 */
+export declare class fullScreen {
+    dom: HTMLDivElement;
+    fullFlag: boolean;
+    constructor(img?: string, text?: string);
+}
+/** @description 构件信息面板：点击构件高亮 + 展示 mesh 的自定义属性，数据通过 information 类的 callback 回流 */
+export declare class constructInfo {
+    dom: HTMLDivElement;
+    boxFlag: boolean;
+    private viewer;
+    private clickInfo;
+    private infoBox;
+    private callback;
+    private color;
+    private opacity;
+    constructor(viewer: Viewer, callback: (guid: string, fileId: number) => Promise<any[]>, img?: string, text?: string, color?: number, opacity?: number);
+    private createBox;
+    private resultCallBack;
+    private flagBox;
+    private drawEvent;
+    destory(): void;
+}
+/**
+ * @description 模型预览测量面板（命令式 DOM），内嵌一个独立的测量逻辑实例，
+ * 支持距离 / 角度 / 面积，完成后高亮并在面板底部展示结果
+ */
+export declare class measureFun {
+    dom: HTMLDivElement;
+    private viewer;
+    private measureFlag;
+    private measureDio;
+    private unitDio;
+    private distanceMea;
+    private measureTextNum;
+    private measureTextX;
+    private measureTextY;
+    private measureUnit;
+    constructor(viewer: Viewer, img?: string, text?: string);
+    private createMeaDio;
+    private funButton;
+    private showMeaDio;
+    private clickSetting;
+    private unitAccuracy;
+    private selecChoose;
+    private meaCallBack;
+    destory(): void;
+}

package/types/workbench/modelTree.d.ts

@@ -0,0 +1,89 @@
+import { Object3D, Vector3 } from 'three';
+import { default as Viewer } from '..';
+import { TreeConfig } from '../libs/types';
+/**
+ * @description 模型目录树（命令式 DOM）：把加载后的 model Group 按
+ * 楼层 layer → category → model → component 四层递归展开，生成可勾选、
+ * 可点击高亮的树结构，挂载到指定 wrapper 元素
+ */
+export default class ModelTree {
+    private viewer;
+    private wrapper;
+    private model;
+    private floor;
+    private artifact;
+    private config;
+    mountTree: {
+        [k: string]: any;
+    };
+    selectName: string;
+    constructor(viewer: Viewer, params: {
+        wrapper: HTMLDivElement;
+        config?: TreeConfig;
+        eventName?: string;
+        triangleClickCallBack?: Function;
+        inputPointerupCallBack?: Function;
+    });
+    /**
+     * 添加模型树的头部dom
+     */
+    private appendHeader;
+    /**
+     * 创建模型树的内容部分
+     * @returns {model: HTMLDivElement, floor: HTMLDivElement, artifact: HTMLDivElement}
+     */
+    private appendContent;
+    private findIndex;
+    /**
+     * 创建节点数据
+     * @param object 树结构的数据
+     * @param data 对应的模型数据
+     * @param isModel 是否是对应的整体模型  默认不是
+     * @param isChecked 当前创建的节点是否选中  默认选中
+     * @returns HTMLElement 最外层的大盒子
+     */
+    private createNode;
+    /**
+     * 寻找当前父节点的所有子节点   并且更改复选框的选中状态
+     * @param wrapper 父节点
+     * @param visible 是否选中
+     */
+    private findAllChildNode;
+    /**
+     * 手动添加树结构
+     * @param category 分类数据
+     * @param floor 楼层数据
+     * @param models 模型数据
+     * @returns 楼层的id 数据
+     */
+    addTree(category: {
+        [k: string]: any;
+    }, floor: {
+        [k: string]: any;
+    }, models: {
+        [k: string]: any;
+    }): {
+        [k: string]: any;
+    };
+    /**
+     * 选择楼层  需要给楼层的id
+     * @param key 楼层数据id
+     * @param up 上方向
+     */
+    selectFloor(key: string, up: Vector3): void;
+    /**
+     * 显示所有的楼层
+     * @param key 楼层数据id
+     */
+    showAllModel(key: string): void;
+    /**
+     * 显示或隐藏部分模型
+     * @param data 结构树数据
+     * @param model 当前操作的模型
+     * @param visible 显示还是隐藏
+     */
+    showOrHideMeshs(data: {
+        [k: string]: any;
+    }, model: Object3D, visible: boolean): void;
+    private appendStretch;
+}

package/.editorconfig

@@ -1,15 +0,0 @@
-# @see: http://editorconfig.org
-
-root = true
-
-[*] # 表示所有文件适用
-charset = utf-8 # 设置文件字符集为 utf-8
-end_of_line = lf # 控制换行类型(lf | cr | crlf)
-insert_final_newline = true # 始终在文件末尾插入一个新行
-indent_style = space # 缩进风格（tab | space）
-indent_size = 2 # 缩进大小
-max_line_length = 130 # 最大行长度
-
-[*.md] # 表示仅对 md 文件适用以下规则
-max_line_length = off # 关闭最大行长度限制
-trim_trailing_whitespace = false # 关闭末尾空格修剪

package/.env

@@ -1,13 +0,0 @@
-# title
-VITE_GLOB_APP_TITLE = 模型引擎
-VITE_GLOB_DEMO_KEY = zyf_model_engine
-
-# 本地运行端口号
-VITE_PORT = 8822
-
-# 启动时自动打开浏览器
-VITE_OPEN = false
-
-# 打包后是否生成包分析文件
-VITE_REPORT = true
-

package/.env.development

@@ -1,20 +0,0 @@
-# 本地环境
-VITE_USER_NODE_ENV = development
-
-# 公共基础路径
-VITE_PUBLIC_PATH = /
-
-# 打包时是否删除 console
-VITE_DROP_CONSOLE = true
-
-# 是否开启 VitePWA
-VITE_PWA = false
-
-# 开发环境接口地址
-VITE_API_URL = /dev
-
-# 文件
-VITE_VIEWFILE_URL = ''
-
-# # 正式地址代理
-VITE_PROXY = [["/dev",""]]

package/.env.production

@@ -1,25 +0,0 @@
-# 线上环境
-VITE_USER_NODE_ENV = production
-
-# 公共基础路径
-VITE_PUBLIC_PATH = './'
-
-# 是否启用 gzip 或 brotli 压缩打包，如果需要多个压缩规则，可以使用 “,” 分隔
-# Optional: gzip | brotli | none
-VITE_BUILD_COMPRESS = none
-
-# 打包压缩后是否删除源文件
-VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false
-
-# 打包时是否删除 console
-VITE_DROP_CONSOLE = true
-
-# 是否开启 VitePWA
-VITE_PWA = true
-# 开发环境接口地址
-VITE_API_URL = ''
-
-VITE_VIEWFILE_URL = ''
-
-
-

package/.env.test

@@ -1,25 +0,0 @@
-# 线上环境
-VITE_USER_NODE_ENV = production
-
-# 公共基础路径
-VITE_PUBLIC_PATH = './'
-
-# 是否启用 gzip 或 brotli 压缩打包，如果需要多个压缩规则，可以使用 “,” 分隔
-# Optional: gzip | brotli | none
-VITE_BUILD_COMPRESS = none
-
-# 打包压缩后是否删除源文件
-VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false
-
-# 打包时是否删除 console
-VITE_DROP_CONSOLE = true
-
-# 是否开启 VitePWA
-VITE_PWA = true
-# 开发环境接口地址
-VITE_API_URL = ''
-
-VITE_VIEWFILE_URL = 'https://oss.xcj.zyfszkj.com:9998'
-
-
-

package/.eslintignore

@@ -1,15 +0,0 @@
-*.sh
-node_modules
-*.md
-*.woff
-*.ttf
-.vscode
-.idea
-dist
-/public
-/docs
-.husky
-.local
-/bin
-/src/mock/*
-stats.html

package/.eslintrc-auto-import.json

@@ -1,65 +0,0 @@
-{
-  "globals": {
-    "EffectScope": true,
-    "ElMessage": true,
-    "ElMessageBox": true,
-    "ElNotification": true,
-    "axiosController": true,
-    "axiosFileController": true,
-    "computed": true,
-    "createApp": true,
-    "customRef": true,
-    "defineAsyncComponent": true,
-    "defineComponent": true,
-    "effectScope": true,
-    "getCurrentInstance": true,
-    "getCurrentScope": true,
-    "h": true,
-    "http": true,
-    "inject": true,
-    "is": true,
-    "isProxy": true,
-    "isReactive": true,
-    "isReadonly": true,
-    "isRef": true,
-    "markRaw": true,
-    "nextTick": true,
-    "onActivated": true,
-    "onBeforeMount": true,
-    "onBeforeUnmount": true,
-    "onBeforeUpdate": true,
-    "onDeactivated": true,
-    "onErrorCaptured": true,
-    "onMounted": true,
-    "onRenderTracked": true,
-    "onRenderTriggered": true,
-    "onScopeDispose": true,
-    "onServerPrefetch": true,
-    "onUnmounted": true,
-    "onUpdated": true,
-    "provide": true,
-    "reactive": true,
-    "readonly": true,
-    "ref": true,
-    "resolveComponent": true,
-    "resolveDirective": true,
-    "serviceDict": true,
-    "shallowReactive": true,
-    "shallowReadonly": true,
-    "shallowRef": true,
-    "toRaw": true,
-    "toRef": true,
-    "toRefs": true,
-    "triggerRef": true,
-    "unref": true,
-    "useAttrs": true,
-    "useCssModule": true,
-    "useCssVars": true,
-    "useSlots": true,
-    "validate": true,
-    "watch": true,
-    "watchEffect": true,
-    "watchPostEffect": true,
-    "watchSyncEffect": true
-  }
-}

package/.eslintrc.cjs

@@ -1,66 +0,0 @@
-// @see: http://eslint.cn
-
-module.exports = {
-  root: true,
-  env: {
-    browser: true,
-    node: true,
-    es6: true
-  },
-  // 指定如何解析语法
-  parser: "vue-eslint-parser",
-  // 优先级低于 parse 的语法解析配置
-  parserOptions: {
-    parser: "@typescript-eslint/parser",
-    ecmaVersion: 2020,
-    sourceType: "module",
-    jsxPragma: "React",
-    ecmaFeatures: {
-      jsx: true
-    }
-  },
-  // 继承某些已有的规则
-  extends: [
-    "plugin:vue/vue3-recommended",
-    "plugin:@typescript-eslint/recommended",
-    "plugin:prettier/recommended",
-    "./.eslintrc-auto-import.json"
-  ],
-  /**
-   * "off" 或 0    ==>  关闭规则
-   * "warn" 或 1   ==>  打开的规则作为警告（不影响代码执行）
-   * "error" 或 2  ==>  规则作为一个错误（代码不能执行，界面报错）
-   */
-  rules: {
-    // eslint (http://eslint.cn/docs/rules)
-    "no-var": "error", // 要求使用 let 或 const 而不是 var
-    "no-multiple-empty-lines": ["error", { max: 1 }], // 不允许多个空行
-    "prefer-const": "off", // 使用 let 关键字声明但在初始分配后从未重新分配的变量，要求使用 const
-    "no-use-before-define": "off", // 禁止在 函数/类/变量 定义之前使用它们
-
-    // typeScript (https://typescript-eslint.io/rules)
-    "@typescript-eslint/no-unused-vars": "off", // 禁止定义未使用的变量
-    "@typescript-eslint/prefer-ts-expect-error": "error", // 禁止使用 @ts-ignore
-    "@typescript-eslint/ban-ts-comment": "error", // 禁止 @ts-<directive> 使用注释或要求在指令后进行描述
-    "@typescript-eslint/no-inferrable-types": "off", // 可以轻松推断的显式类型可能会增加不必要的冗长
-    "@typescript-eslint/no-namespace": "off", // 禁止使用自定义 TypeScript 模块和命名空间
-    "@typescript-eslint/no-explicit-any": "off", // 禁止使用 any 类型
-    "@typescript-eslint/ban-types": "off", // 禁止使用特定类型
-    "@typescript-eslint/no-var-requires": "off", // 允许使用 require() 函数导入模块
-    "@typescript-eslint/no-empty-function": "off", // 禁止空函数
-    "@typescript-eslint/no-non-null-assertion": "off", // 不允许使用后缀运算符的非空断言(!)
-
-    // vue (https://eslint.vuejs.org/rules)
-    "vue/script-setup-uses-vars": "error", // 防止<script setup>使用的变量<template>被标记为未使用，此规则仅在启用该no-unused-vars规则时有效
-    "vue/v-slot-style": "error", // 强制执行 v-slot 指令样式
-    "vue/no-mutating-props": "error", // 不允许改变组件 prop
-    "vue/custom-event-name-casing": "error", // 为自定义事件名称强制使用特定大小写
-    "vue/html-closing-bracket-newline": "error", // 在标签的右括号之前要求或禁止换行
-    "vue/attribute-hyphenation": "error", // 对模板中的自定义组件强制执行属性命名样式：my-prop="prop"
-    "vue/attributes-order": "off", // vue api使用顺序，强制执行属性顺序
-    "vue/no-v-html": "off", // 禁止使用 v-html
-    "vue/require-default-prop": "off", // 此规则要求为每个 prop 为必填时，必须提供默认值
-    "vue/multi-word-component-names": "off", // 要求组件名称始终为 “-” 链接的单词
-    "vue/no-setup-props-destructure": "off" // 禁止解构 props 传递给 setup
-  }
-};

package/.husky/commit-msg

@@ -1,4 +0,0 @@
-#!/usr/bin/env sh
-# . "$(dirname -- "$0")/_/husky.sh"
-
-# npx --no-install commitlint --edit $1

package/.husky/pre-commit

@@ -1,5 +0,0 @@
-#!/usr/bin/env sh
-# . "$(dirname -- "$0")/_/husky.sh"
-
-# npm run lint:lint-staged
-# npm run lint:lint-staged

package/.prettierignore

@@ -1,9 +0,0 @@
-/dist/*
-.local
-/node_modules/**
-
-**/*.svg
-**/*.sh
-
-/public/*
-stats.html

package/.prettierrc.cjs

@@ -1,41 +0,0 @@
-// @see: https://www.prettier.cn
-
-module.exports = {
-  // 指定最大换行长度
-  printWidth: 130,
-  // 缩进制表符宽度 | 空格数
-  tabWidth: 2,
-  // 使用制表符而不是空格缩进行 (true：制表符，false：空格)
-  useTabs: false,
-  // 结尾不用分号 (true：有，false：没有)
-  semi: true,
-  // 使用单引号 (true：单引号，false：双引号)
-  singleQuote: false,
-  // 在对象字面量中决定是否将属性名用引号括起来 可选值 "<as-needed|consistent|preserve>"
-  quoteProps: "as-needed",
-  // 在JSX中使用单引号而不是双引号 (true：单引号，false：双引号)
-  jsxSingleQuote: false,
-  // 多行时尽可能打印尾随逗号 可选值"<none|es5|all>"
-  trailingComma: "none",
-  // 在对象，数组括号与文字之间加空格 "{ foo: bar }" (true：有，false：没有)
-  bracketSpacing: true,
-  // 将 > 多行元素放在最后一行的末尾，而不是单独放在下一行 (true：放末尾，false：单独一行)
-  bracketSameLine: false,
-  // (x) => {} 箭头函数参数只有一个时是否要有小括号 (avoid：省略括号，always：不省略括号)
-  arrowParens: "avoid",
-  // 指定要使用的解析器，不需要写文件开头的 @prettier
-  requirePragma: false,
-  // 可以在文件顶部插入一个特殊标记，指定该文件已使用 Prettier 格式化
-  insertPragma: false,
-  // 用于控制文本是否应该被换行以及如何进行换行
-  proseWrap: "preserve",
-  // 在html中空格是否是敏感的 "css" - 遵守 CSS 显示属性的默认值， "strict" - 空格被认为是敏感的 ，"ignore" - 空格被认为是不敏感的
-  htmlWhitespaceSensitivity: "css",
-  // 控制在 Vue 单文件组件中 <script> 和 <style> 标签内的代码缩进方式
-  vueIndentScriptAndStyle: false,
-  // 换行符使用 lf 结尾是 可选值 "<auto|lf|crlf|cr>"
-  endOfLine: "auto",
-  // 这两个选项可用于格式化以给定字符偏移量（分别包括和不包括）开始和结束的代码 (rangeStart：开始，rangeEnd：结束)
-  rangeStart: 0,
-  rangeEnd: Infinity
-};

package/.stylelintignore

@@ -1,4 +0,0 @@
-/dist/*
-/public/*
-public/*
-stats.html

package/.stylelintrc.cjs

@@ -1,40 +0,0 @@
-// @see: https://stylelint.io
-
-module.exports = {
-  root: true,
-  // 继承某些已有的规则
-  extends: [
-    "stylelint-config-standard", // 配置 stylelint 拓展插件
-    "stylelint-config-html/vue", // 配置 vue 中 template 样式格式化
-    "stylelint-config-standard-scss", // 配置 stylelint scss 插件
-    "stylelint-config-recommended-vue/scss", // 配置 vue 中 scss 样式格式化
-    "stylelint-config-recess-order" // 配置 stylelint css 属性书写顺序插件,
-  ],
-  overrides: [
-    // 扫描 .vue/html 文件中的 <style> 标签内的样式
-    {
-      files: ["**/*.{vue,html}"],
-      customSyntax: "postcss-html"
-    }
-  ],
-  rules: {
-    "function-url-quotes": "always", // URL 的引号 "always(必须加上引号)"|"never(没有引号)"
-    "color-hex-length": "long", // 指定 16 进制颜色的简写或扩写 "short(16进制简写)"|"long(16进制扩写)"
-    "rule-empty-line-before": "never", // 要求或禁止在规则之前的空行 "always(规则之前必须始终有一个空行)"|"never(规则前绝不能有空行)"|"always-multi-line(多行规则之前必须始终有一个空行)"|"never-multi-line(多行规则之前绝不能有空行)"
-    "font-family-no-missing-generic-family-keyword": null, // 禁止在字体族名称列表中缺少通用字体族关键字
-    "scss/at-import-partial-extension": null, // 解决不能使用 @import 引入 scss 文件
-    "property-no-unknown": null, // 禁止未知的属性
-    "no-empty-source": null, // 禁止空源码
-    "selector-class-pattern": null, // 强制选择器类名的格式
-    "value-no-vendor-prefix": null, // 关闭 vendor-prefix (为了解决多行省略 -webkit-box)
-    "no-descending-specificity": null, // 不允许较低特异性的选择器出现在覆盖较高特异性的选择器
-    "value-keyword-case": null, // 解决在 scss 中使用 v-bind 大写单词报错
-    "selector-pseudo-class-no-unknown": [
-      true,
-      {
-        ignorePseudoClasses: ["global", "v-deep", "deep"]
-      }
-    ]
-  },
-  ignoreFiles: ["**/*.js", "**/*.jsx", "**/*.tsx", "**/*.ts"]
-};

package/.vscode/extensions.json

@@ -1,14 +0,0 @@
-{
-  "recommendations": [
-    "vue.volar",
-    "vue.vscode-typescript-vue-plugin",
-    "hollowtree.vue-snippets",
-    "dbaeumer.vscode-eslint",
-    "stylelint.vscode-stylelint",
-    "esbenp.prettier-vscode",
-    "editorconfig.editorconfig",
-    "streetsidesoftware.code-spell-checker",
-    "syler.sass-indented",
-    "mikestead.dotenv"
-  ]
-}