zyf-model-engine 0.0.2 → 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/build/getEnv.d.ts

@@ -1,13 +0,0 @@
-export declare function isDevFn(mode: string): boolean;
-export declare function isProdFn(mode: string): boolean;
-export declare function isTestFn(mode: string): boolean;
-/**
- * 是否生成包预览
- */
-export declare function isReportMode(): boolean;
-export declare function wrapperEnv(envConf: Recordable): ViteEnv;
-/**
- * 获取用户根目录
- * @param dir file path
- */
-export declare function getRootPath(...dir: string[]): string;

package/build/plugins.d.ts

@@ -1,7 +0,0 @@
-import { PluginOption } from 'vite';
-
-/**
- * 创建 vite 插件
- * @param viteEnv
- */
-export declare const createVitePlugins: (viteEnv: ViteEnv) => (PluginOption | PluginOption[])[];

package/build/proxy.d.ts

@@ -1,11 +0,0 @@
-import { ProxyOptions } from 'vite';
-
-declare type ProxyItem = [string, string];
-declare type ProxyList = ProxyItem[];
-declare type ProxyTargetList = Record<string, ProxyOptions>;
-/**
- * 创建代理，用于解析 .env.development 代理配置
- * @param list
- */
-export declare function createProxy(list?: ProxyList): ProxyTargetList;
-export {};

package/index.html

@@ -1,7 +0,0 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"><link rel="icon" type="image/svg+xml" href="./logo.png"><meta name="viewport" content="width=device-width,initial-scale=1"><title>模型引擎</title><script type="module" crossorigin src="./zyf-model-engine.umd.js"></script><link rel="stylesheet" href="./style.css"><link rel="manifest" href="./manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="./registerSW.js"></script></head><body><div id="app"><style>#app,body,html{width:100%;height:100%;padding:0;margin:0}.loading-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.loading-box .loading-wrap{display:flex;align-items:center;justify-content:center;padding:98px}.dot{position:relative;box-sizing:border-box;display:inline-block;width:32px;height:32px;font-size:32px;transform:rotate(45deg);animation:ant-rotate 1.2s infinite linear}.dot i{position:absolute;display:block;width:14px;height:14px;background-color:#409eff;border-radius:100%;opacity:.3;transform:scale(.75);transform-origin:50% 50%;animation:ant-spin-move 1s infinite linear alternate}.dot i:first-child{top:0;left:0}.dot i:nth-child(2){top:0;right:0;animation-delay:.4s}.dot i:nth-child(3){right:0;bottom:0;animation-delay:.8s}.dot i:nth-child(4){bottom:0;left:0;animation-delay:1.2s}@keyframes ant-rotate{to{transform:rotate(405deg)}}@keyframes ant-spin-move{to{opacity:1}}</style><div class="loading-box"><div class="loading-wrap"><span class="dot dot-spin"><i></i><i></i><i></i><i></i></span></div></div></div><script>const globalState = JSON.parse(window.localStorage.getItem("zyf_model_engine" + "global"));
-      if (globalState) {
-        const dot = document.querySelectorAll(".dot i");
-        const html = document.querySelector("html");
-        dot.forEach(item => (item.style.background = globalState.primary));
-        if (globalState.isDark) html.style.background = "#141414";
-      }</script></body></html>

package/manifest.webmanifest

@@ -1 +0,0 @@
-{"name":"模型引擎","short_name":"模型引擎","start_url":"./","display":"standalone","background_color":"#ffffff","lang":"en","scope":"./","theme_color":"#ffffff","icons":[{"src":"/logo.png","sizes":"192x192","type":"image/png"},{"src":"/logo.png","sizes":"512x512","type":"image/png"},{"src":"/logo.png","sizes":"512x512","type":"image/png","purpose":"any maskable"}]}

package/registerSW.js

@@ -1 +0,0 @@
-if('serviceWorker' in navigator) {window.addEventListener('load', () => {navigator.serviceWorker.register('./sw.js', { scope: './' })})}

package/src/api/config/servicePort.d.ts

@@ -1,2 +0,0 @@
-export declare const PORT = "/api/xcj";
-export declare const UploadUrl = "/basic/xcj_sys_file/upload";

package/src/api/enums/httpEnum.d.ts

@@ -1,29 +0,0 @@
-/**
- * @description：请求配置
- */
-export declare enum ResultEnum {
-    SUCCESS = 200,
-    ERROR = 500,
-    OVERDUE = 401,
-    TIMEOUT = 30000,
-    TYPE = "success"
-}
-/**
- * @description：请求方法
- */
-export declare enum RequestEnum {
-    GET = "GET",
-    POST = "POST",
-    PATCH = "PATCH",
-    PUT = "PUT",
-    DELETE = "DELETE"
-}
-/**
- * @description：常用的 contentTyp 类型
- */
-export declare enum ContentTypeEnum {
-    JSON = "application/json;charset=UTF-8",
-    TEXT = "text/plain;charset=UTF-8",
-    FORM_URLENCODED = "application/x-www-form-urlencoded;charset=UTF-8",
-    FORM_DATA = "multipart/form-data;charset=UTF-8"
-}

package/src/api/helper/axiosCancel.d.ts

@@ -1,21 +0,0 @@
-import { CustomAxiosRequestConfig } from '../index';
-
-export declare let pendingMap: Map<string, AbortController>;
-export declare const getPendingUrl: (config: CustomAxiosRequestConfig) => string;
-export declare class AxiosCanceler {
-    /**
-     * @description: 添加请求
-     * @param {Object} config
-     * @return void
-     */
-    addPending(config: CustomAxiosRequestConfig): void;
-    /**
-     * @description: 移除请求
-     * @param {Object} config
-     */
-    removePending(config: CustomAxiosRequestConfig): void;
-    /**
-     * @description: 清空所有pending
-     */
-    removeAllPending(): void;
-}

package/src/api/helper/axiosFileCancel.d.ts

@@ -1,27 +0,0 @@
-import { CustomAxiosRequestConfig } from '../index';
-
-export declare let pendingMap: Map<string, AbortController>;
-export declare const getPendingUrl: (config: CustomAxiosRequestConfig) => string;
-export declare class AxiosFileCancel {
-    size(): number;
-    /**
-     * @description: 添加请求
-     * @param {Object} config
-     * @return void
-     */
-    addPending(config: CustomAxiosRequestConfig): void;
-    /**
-     * @description: 移除请求
-     * @param {Object} config
-     */
-    removePending(config: CustomAxiosRequestConfig): void;
-    /**
-     * @description: 根据fileUid移除指定请求
-     * @param {number} fileUid
-     */
-    removeSpecifyPending(fileUid: number): void;
-    /**
-     * @description: 清空所有pending
-     */
-    removeAllPending(): void;
-}

package/src/api/helper/checkStatus.d.ts

@@ -1,6 +0,0 @@
-/**
- * @description: 校验网络请求状态码
- * @param {Number} status
- * @return void
- */
-export declare const checkStatus: (status: number) => void;

package/src/api/index.d.ts

@@ -1,26 +0,0 @@
-import { AxiosInstance, AxiosRequestConfig, InternalAxiosRequestConfig } from 'axios';
-import { AxiosCanceler } from './helper/axiosCancel';
-import { AxiosFileCancel } from './helper/axiosFileCancel';
-import { ResultData } from './interface';
-
-export interface CustomAxiosRequestConfig extends InternalAxiosRequestConfig {
-    noLoading?: boolean;
-    repeatRequestCancel?: boolean;
-    fileUid?: number;
-}
-declare class RequestHttp {
-    service: AxiosInstance;
-    constructor(config: AxiosRequestConfig);
-    /**
-     * @description 常用请求方法封装
-     */
-    get<T>(url: string, params?: object, _object?: {}): Promise<ResultData<T>>;
-    post<T>(url: string, params?: object | string, _object?: {}): Promise<ResultData<T>>;
-    put<T>(url: string, params?: object, _object?: {}): Promise<ResultData<T>>;
-    delete<T>(url: string, params?: any, _object?: {}): Promise<ResultData<T>>;
-    download(url: string, params?: object, _object?: {}): Promise<BlobPart>;
-}
-export declare const http: RequestHttp;
-export declare const axiosController: AxiosCanceler;
-export declare const axiosFileController: AxiosFileCancel;
-export {};

package/src/api/interface/index.d.ts

@@ -1,18 +0,0 @@
-export declare type fetchType = "get" | "post" | "put" | "delete" | "download";
-export interface Result {
-    code: string;
-    msg: string;
-}
-export interface ResultData<T = any> extends Result {
-    data: T;
-}
-export interface ResPage<T> {
-    list: T[];
-    page: number;
-    limit: number;
-    total: number;
-}
-export interface ReqPage {
-    page: number;
-    limit: number;
-}

package/src/components/CTree/interface/index.d.ts

@@ -1,6 +0,0 @@
-export interface treeDataProps {
-    id: string;
-    name: string;
-    children?: treeDataProps[];
-    [key: string]: any;
-}

package/src/components/Grid/interface/index.d.ts

@@ -1,5 +0,0 @@
-export declare type BreakPoint = "xs" | "sm" | "md" | "lg" | "xl";
-export declare type Responsive = {
-    span?: number;
-    offset?: number;
-};

package/src/components/ProTable/interface/index.d.ts

@@ -1,66 +0,0 @@
-import { VNode, ComponentPublicInstance } from 'vue';
-import { BreakPoint, Responsive } from '../../Grid/interface';
-import { TableColumnCtx } from 'element-plus/es/components/table/src/table-column/defaults';
-import { ProTableProps, default as ProTable } from '../index.vue';
-
-export interface tableTreeProps {
-    hasChildren: string;
-    children: string;
-}
-export interface EnumProps {
-    label?: string;
-    value?: string | number | boolean | any[];
-    disabled?: boolean;
-    tagType?: string;
-    children?: EnumProps[];
-    [key: string]: any;
-}
-export declare type TypeProps = "index" | "selection" | "expand";
-export declare type SearchType = "input" | "input-number" | "select" | "select-v2" | "tree-select" | "cascader" | "date-picker" | "time-picker" | "time-select" | "switch" | "slider";
-export declare type SearchRenderScope = {
-    searchParam: {
-        [key: string]: any;
-    };
-    placeholder: string;
-    clearable: boolean;
-    options: EnumProps[];
-    data: EnumProps[];
-};
-export declare type SearchProps = {
-    el?: SearchType;
-    props?: any;
-    key?: string;
-    order?: number;
-    span?: number;
-    offset?: number;
-    defaultValue?: string | number | boolean | any[];
-    render?: (scope: SearchRenderScope) => VNode;
-} & Partial<Record<BreakPoint, Responsive>>;
-export declare type FieldNamesProps = {
-    label: string;
-    value: string;
-    children?: string;
-};
-export declare type RenderScope<T> = {
-    row: T;
-    $index: number;
-    column: TableColumnCtx<T>;
-    [key: string]: any;
-};
-export declare type HeaderRenderScope<T> = {
-    $index: number;
-    column: TableColumnCtx<T>;
-    [key: string]: any;
-};
-export interface ColumnProps<T = any> extends Partial<Omit<TableColumnCtx<T>, "children" | "renderCell" | "renderHeader">> {
-    tag?: boolean;
-    isShow?: boolean;
-    search?: SearchProps | undefined;
-    enum?: EnumProps[] | ((params?: any) => Promise<any>);
-    isFilterEnum?: boolean;
-    fieldNames?: FieldNamesProps;
-    headerRender?: (scope: HeaderRenderScope<T>) => VNode;
-    render?: (scope: RenderScope<T>) => VNode | string;
-    _children?: ColumnProps<T>[];
-}
-export declare type ProTableInstance = Omit<InstanceType<typeof ProTable>, keyof ComponentPublicInstance | keyof ProTableProps>;

package/src/config/index.d.ts

@@ -1,5 +0,0 @@
-export declare const DEMO_KEY: string;
-export declare const TITLE: string;
-export declare const DEFAULT_PRIMARY: string;
-export declare const ROUTER_WHITE_LIST: string[];
-export declare const USE_LOCAL_FILE_ROUTER = true;

package/src/config/nprogress.d.ts

@@ -1,3 +0,0 @@
-import { default as NProgress } from 'nprogress';
-
-export default NProgress;

package/src/config/piniaPersist.d.ts

@@ -1,10 +0,0 @@
-import { PersistedStateOptions } from 'pinia-plugin-persistedstate';
-
-/**
- * @description pinia 持久化参数配置
- * @param {String} key 存储到持久化的 name
- * @param {Array} paths 需要持久化的 state name
- * @return persist
- * */
-declare const piniaPersistConfig: (key: string, paths?: string[]) => PersistedStateOptions;
-export default piniaPersistConfig;

package/src/config/serviceLoading.d.ts

@@ -1,5 +0,0 @@
-export declare const showFullScreenLoading: () => void;
-/**
- * @description 隐藏全屏加载
- * */
-export declare const tryHideFullScreenLoading: () => void;

package/src/enums/httpEnum.d.ts

@@ -1,19 +0,0 @@
-/**
- * @description：请求方法
- */
-export declare enum RequestEnum {
-    GET = "GET",
-    POST = "POST",
-    PATCH = "PATCH",
-    PUT = "PUT",
-    DELETE = "DELETE"
-}
-/**
- * @description：常用的 contentTyp 类型
- */
-export declare enum ContentTypeEnum {
-    JSON = "application/json;charset=UTF-8",
-    TEXT = "text/plain;charset=UTF-8",
-    FORM_URLENCODED = "application/x-www-form-urlencoded;charset=UTF-8",
-    FORM_DATA = "multipart/form-data;charset=UTF-8"
-}

package/src/hooks/interface/index.d.ts

@@ -1,30 +0,0 @@
-export declare namespace Table {
-    interface Pageable {
-        page: number;
-        limit: number;
-        total: number;
-    }
-    interface StateProps {
-        tableData: any[];
-        pageable: Pageable;
-        searchParam: {
-            [key: string]: any;
-        };
-        searchInitParam: {
-            [key: string]: any;
-        };
-        totalParam: {
-            [key: string]: any;
-        };
-        icon?: {
-            [key: string]: any;
-        };
-    }
-}
-export declare namespace HandleData {
-    type MessageType = "" | "success" | "warning" | "info" | "error";
-}
-export declare namespace Theme {
-    type ThemeType = "light" | "inverted" | "dark";
-    type GreyOrWeakType = "grey" | "weak";
-}

package/src/hooks/useOnline.d.ts

@@ -1,6 +0,0 @@
-/**
- * @description 网络是否可用
- * */
-export declare const useOnline: () => {
-    online: import('vue').Ref<boolean, boolean>;
-};

package/src/hooks/useTable.d.ts

@@ -1,47 +0,0 @@
-import { fetchType } from '../api/interface/index';
-
-/**
- * @description table 页面操作方法封装
- * @param {Function} api 获取表格数据 api 方法 (必传)
- * @param {Object} initParam 获取数据初始化参数 (非必传，默认为{})
- * @param {Boolean} isPageable 是否有分页 (非必传，默认为true)
- * @param {Function} dataCallBack 对后台返回的数据进行处理的方法 (非必传)
- * */
-export declare const useTable: (initParam: object, isPageable: boolean, fetchType: fetchType, tableLimit?: number, api?: string | ((params: any) => Promise<any>), dataCallBack?: (data: any) => any, requestError?: (error: any) => void) => {
-    getTableList: () => Promise<void>;
-    search: () => void;
-    reset: () => void;
-    handleSizeChange: (val: number) => void;
-    handleCurrentChange: (val: number) => void;
-    updatedTotalParam: () => void;
-    tableData: import('vue').Ref<any[], any[]>;
-    pageable: import('vue').Ref<{
-        page: number;
-        limit: number;
-        total: number;
-    }, {
-        page: number;
-        limit: number;
-        total: number;
-    }>;
-    searchParam: import('vue').Ref<{
-        [key: string]: any;
-    }, {
-        [key: string]: any;
-    }>;
-    searchInitParam: import('vue').Ref<{
-        [key: string]: any;
-    }, {
-        [key: string]: any;
-    }>;
-    totalParam: import('vue').Ref<{
-        [key: string]: any;
-    }, {
-        [key: string]: any;
-    }>;
-    icon?: import('vue').Ref<{
-        [key: string]: any;
-    }, {
-        [key: string]: any;
-    }>;
-};

package/src/main.d.ts

@@ -1 +0,0 @@
-

package/src/stores/commonStore.d.ts

@@ -1,2 +0,0 @@
-declare let store: Record<string, any>;
-export default store;

package/src/stores/index.d.ts

@@ -1,2 +0,0 @@
-declare const pinia: import('pinia').Pinia;
-export default pinia;

package/src/stores/interface/index.d.ts

@@ -1 +0,0 @@
-export declare type AssemblySizeType = "large" | "default" | "small";