@ithinkdt/jt-web3 0.0.1

package/CHANGELOG.md

@@ -0,0 +1,53 @@
+<!--
+ * @fileName:
+ * @Date: 2021-09-23 14:35:48
+ * @Author: manyao.zhu
+-->
+
+# [jt-web-3d Change log](https://codeup.aliyun.com/ithinkdt-code/nio-ndqs/jt-web/blob/master/CHANGELOG.md)
+
+## v0.0.1 (2021/9/23)
+
+- **feature** 测点右键支持测点重复问题
+- **fix** 统计图框拖拽模型是断掉的问题
+
+## v0.0.3 (2021/11/25)
+
+- **feature** 测点的 tips 信息（鼠标的移入移除事件） / 测点支持指定的点透视
+- **fix** 统计图框连线双击等操作，线条消失的问题
+
+## v0.0.4 (2022/03/17)
+
+- **feature** 测点添加双击功能
+
+## v0.0.5 (2022/04/14)
+
+- **feature** 测点点面模式添加重复 + 双击 + 移入移出 事件
+
+## v0.0.6/ v0.0.7 (2022/04/15)
+
+- **featrue** 直角面 + 三角面的重构， 支持单个设置透明度
+
+## v0.1.0 (2022/05/12)
+
+- **fix** 统计图框连线在重新渲染模型时， 底层操作模型断线问题
+
+## v0.1.2 (2022/10/27)
+
+- **feature** 添加移动端关于测点的操作（支持自动判定当前操作系统， 当移动端时， 添加新的 API 用于测点的单选、复选、操作等功能）
+
+## v0.1.5 (2023/02/01)
+
+- **fix** 解决老版本不支持 typescript 的问题 （vue3.0 + ts 中，老版本中的全局变量没有直接挂在 window 下）
+
+## v0.1.6 (2023/05/23)
+
+- **fix** 对引擎包添加域名白名单， 限制未授权的域名使用
+
+## v0.1.7 (2023/06/29)
+
+- **fix + feat** 对引擎包模型加载的缓存机制进行修改， 以及添加预加载缓存的功能
+
+## v0.1.8 (2023/07/03)
+
+- **fix + feat** 对引擎包模型加载的缓存机制进行修改， 以及添加预加载缓存的功能(修改之前定义的字段)

package/README.md

@@ -0,0 +1,98 @@
+<!--
+ * @fileName: 
+ * @Date: 2021-09-23 14:31:40
+ * @Author: manyao.zhu
+-->
+# @ithinkdt/jt-web-3d
+
+bom 3d模型的 jt数据在web端的展示工具
+
+## how to install
+
+#### For TypeScript such as Angular Vue React
+
+install
+
+```
+npm i @ithinkdt/jt-web-3d --save-dev
+```
+
+Import
+
+```
+import jt-web from '@ithinkdt/jt-web-3d';
+```
+
+## publish
+
+根目录运行
+
+```
+npm run build
+```
+
+修改package.json中的版本号后
+
+```
+npm publish
+```
+
+
+## How to use
+
+#### html
+
+```
+// 这里的 id 固定 JT_WEB, class 固定 siemens-app-container
+<div class="siemens-app-container" id="JT_WEB"></div>
+```
+
+#### js
+##### 初始化 （渲染配置）
+
+const jt_web = jt_web({
+    // 数据
+    data: {
+        title: '测试产品',  // 模型组件名称
+        psId: '122',  // 模型组件ID
+        "units": 5,  
+    }
+})
+
+
+## DATA 数据格式
+
+```
+Data {
+  bboxMax: number[];
+  bboxMin: number[];
+  mat64: string;
+  psId: string;
+  title: string;
+ children: NonleafNode[] | LeafNode[];
+}
+```
+
+```
+LeafNode {
+  b64data: string;
+  bboxMax: number[];
+  bboxMin: number[];
+  psId: string;
+  title: string;
+  units: 5;
+  xform: number[];
+}
+```
+
+```
+NonleafNode {
+  bboxMax: number[];
+  bboxMin: number[];
+  psId: string;
+  title: string;
+  children: NonleafNode[] | LeafNode[];
+}
+```
+
+## [Change log](/CHANGELOG.md)

package/dist/index.css

@@ -0,0 +1,408 @@
+/*****************************************************************/
+/********************** Office CSS library ***********************/
+/********************** Version: 1.0.2.0 *************************/
+/*****************************************************************/
+
+/* Basic Font and Background Colors for text */
+.office-docTheme-primary-fontColor { color:#000000; }
+.office-docTheme-primary-bgColor { background-color:#ffffff; }
+.office-docTheme-secondary-fontColor { color: #000000; }
+.office-docTheme-secondary-bgColor { background-color: #ffffff; }
+
+
+/* Accent color definitions for fonts */
+.office-contentAccent1-color { color:#5b9bd5; }
+.office-contentAccent2-color { color:#ed7d31; }
+.office-contentAccent3-color { color:#a5a5a5; }
+.office-contentAccent4-color { color:#ffc000; }
+.office-contentAccent5-color { color:#4472c4; }
+.office-contentAccent6-color { color:#70ad47; }
+
+/* Accent color for backgrounds */
+.office-contentAccent1-bgColor { background-color:#5b9bd5; }
+.office-contentAccent2-bgColor { background-color:#ed7d31; }
+.office-contentAccent3-bgColor { background-color:#a5a5a5; }
+.office-contentAccent4-bgColor { background-color:#ffc000; }
+.office-contentAccent5-bgColor { background-color:#4472c4; }
+.office-contentAccent6-bgColor { background-color:#70ad47; }
+
+/* Accent color for borders */
+.office-contentAccent1-borderColor { border-color:#5b9bd5; }
+.office-contentAccent2-borderColor { border-color:#ed7d31; }
+.office-contentAccent3-borderColor { border-color:#a5a5a5; }
+.office-contentAccent4-borderColor { border-color:#ffc000; }
+.office-contentAccent5-borderColor { border-color:#4472c4; }
+.office-contentAccent6-borderColor { border-color:#70ad47; }
+
+/* links */
+.office-a {color: #0563c1; }
+.office-a:visited { color: #954f72; }
+
+/* Body Fonts */
+.office-bodyFont-latin     { font-family:"Calibri"; }    /* Latin  name of the Font */
+.office-bodyFont-localized { font-family:"Calibri"; }   /* Localized name of the Font. contains the default font name according to the culture currently used in Office */ 
+
+/* Headers Font */
+.office-headerFont-latin     { font-family:"Calibri Light"; }
+.office-headerFont-localized { font-family:"Calibri Light"; }
+
+
+
+/* The following classes define the Office themes. This classes make sense for the taskpane apps */
+
+/* Basic Font and Background Colors for PPT */
+.office-officeTheme-primary-fontColor   { color:#b83b1d; }
+.office-officeTheme-primary-bgColor     { background-color:#dedede; }
+.office-officeTheme-secondary-fontColor { color:#262626; }
+.office-officeTheme-secondary-bgColor   { background-color:#ffffff; }
+
+/* Basic Font and Background Colors for Outlook Web Access */
+/* remove comments and delete other apps officeTheme classes to get OWA defaults
+.office-officeTheme-primary-fontColor   { color:#ea4400; }
+.office-officeTheme-primary-bgColor     { background-color:#ffffff; }
+.office-officeTheme-secondary-fontColor { color:#ffffff; }
+.office-officeTheme-secondary-bgColor   { background-color:#ea4400; }
+*/
+/* Page-specific styling */
+
+#contentBlock, #viewerHost {
+    height: 100%;
+    width: 100%;
+ 
+}
+
+
+/* viewer color.*/
+#component {
+    /*background: #009999;*/
+    height: auto;
+    width: auto;
+}
+
+
+#modelViews {
+    display: none;
+}
+
+.siemens-app-container {
+    height: 100%;
+    width: 100%;
+    /* padding: 5px; */
+}
+
+.siemens-inner-app-container {
+    height: 100%;
+    width: 100%;
+}
+
+.siemens-Icon--pan {
+    display: inline-block;
+    vertical-align: middle;
+    height: 24px;
+    width: 24px;
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAkUlEQVRIS7WU0Q2FIBAEqY46LM2S7OjkEk0E50DM8jHJY253E39eMrOloFSCUglKJSiVoMw5b4WdboRnvUO3l7jGLSoQvU716AVHRN1hYAbaCA9/abek4zfPTX/4j2Ws/4JWtOFZ2q3w8AfaGAa+EnWrkBMFe/Q61ePmKhx0I0r2+3+RGpRKUCpBqQSlEpQ6LJ334TErwy345wAAAABJRU5ErkJggg==');
+}
+
+.siemens-Icon--rotate {
+    display: inline-block;
+    vertical-align: middle;
+    height: 24px;
+    width: 24px;
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAABpUlEQVRIS7WUu3HDMBBEVYJKUAkswRFjlaASXIJLcAkqQSU4VaYSVILHiUN6HwbHwWcJWTN28Ahi73AADgfslmX5V6zomOd5L97FIt7oO78WK7Yo2El8ig/xklv6J+dfYsUgB7uJO//Gho69spVYETToKr7Eq7MH2LPf1dk7IdAAcj3MN3q2J9/WDp0Q5EEHYfNNP+vY8ZNcx4BOCMoB+j8K8k0wAtPSPzr/kk4I3ABppOOb1tjU1BpUHTmRU1a4ueVn9fVHDqyOnF7EtDVgpAsqqjorDKyaWoZDM6Crb3SjcSfw56zi3kzYMJ7FxQwqd1RNXPyTSuz4reeif3aCNqUBYg1QIp3dsYAUIPfxj/pHx97dE2lMco8Jhg+X7JxJlCb+tPRTGrbAlw+OXdk55Bf3Ya3/LeSTdhurY6s8xY92YlPZQhzB2ZxDYJI4fXLncpruhhg+0bLHC0xm9q0xngECsQIOkgFpQrXY7STZjwXCaq+cAjmwWoKRNiYkhQQuqc5BfbLQnU3V+Q0KEmU7rKDAils8Gxys6FBQKuNh7bdY8e9Ydj8vG5GuuH3iBQAAAABJRU5ErkJggg==');
+}
+
+.siemens-Icon--zoom {
+    display: inline-block;
+    vertical-align: middle;
+    height: 24px;
+    width: 24px;
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsSAAALEgHS3X78AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKBJREFUSEvtlLENwCAMBDMdc2S0jJSNHF4KkWUOQ5OO4gQc+L/jMLNlSilnxbTSPYGScOGNpRKUERferfTeg9ITw7QnPwJlg0J0zu4jKMVoWC6c05JONOrATUMKA6eSK3rRiRlUkIEyYxdM2QVTdsFHDboq/30V79B/n52gYZ2z+whKTwzRnvwIlBEfFld670FJuNDGNFygHOFKlsLN7HgAtSUxK38xc24AAAAASUVORK5CYII=');
+}
+
+/* .siemens-Icon--snapshot {
+    display: inline-block;
+    vertical-align: middle;
+    height: 24px;
+    width: 24px;
+    background-image: url('Images/snapshot24.png');
+}
+
+.siemens-Icon--open {
+    display: inline-block;
+    vertical-align: middle;
+    height: 24px;
+    width: 24px;
+    background-image: url('../Images/open24.png');
+}
+
+.siemens-Icon--settings {
+    display: inline-block;
+    vertical-align: middle;
+    height: 24px;
+    width: 24px;
+    background-image: url('Images/settings24.png');
+} */
+
+.siemens-Icon--modelViews {
+    display: inline-block;
+    vertical-align: middle;
+    height: 24px;
+    width: 24px;
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAABa0lEQVRIS72Uy3XCMBBFKYESKIESWHlNCZRCKZTAkmVKSAk5rLJM0oDyro9GGUnjYDucLK5H89EbM5bYpJRWMQzDVpzFW7bbqK4LzEFipyz8ktdY/GNbWzkt2iBT+fspMfm+6d7ipSBChTJlfROfYnIcxHOeuhuxrsijIpmftfgSZ4tFkM91cpc3OIipER1znDx1Ci9s4NZTH/nU1hexCCtq19m3efPLuu9CHFsCEVbUrj2P4l3C8+8NRDnfPh7EuC9jvEq0+M1aM+cPcRFl3k0N34U8deNxLmJz0KaduHoBWZnqBcjvbE8nYuTCbiQ5xzl/FRxNRofFP7S1lePJG3mjsAkoxx14x0Z5CIOgTTRA4Ncmj6gchASj4WMpVN6yNCE+B2qhFUeIa88878JvulrtEsaHNpv4OEtZjhpNwr/lJXTihnxGteqtPQgxkosPyg+brqETa/2/Mj6cqN3Gp4hDWbgmTxNPKW2+AfJEtANTGDs9AAAAAElFTkSuQmCC');
+}
+
+.siemens-is-disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+/* .siemens-Icon--onedrive {
+    display: inline-block;
+    vertical-align: middle;
+    height: 25px;
+    width: 33px;
+    background-image: url('./images/skydriveicon_blue.png');
+} */
+
+siemens-commandBar-Icon {
+    height: 24px;
+    width: 24px;
+}
+
+.siemens-sideCommands, .siemens-commandBarItem-link, .siemens-commandBarItem-linkWrapper, .siemens-commandBarItem {
+    height: 32px;
+}
+
+.siemens-commandBar {
+    height: 32px;
+}
+
+.siemens-commandBarItem {
+    margin-right: 4px;
+}
+
+.siemens-sideCommands {
+    padding-right: 30px;
+}
+
+.ms-CommandBarItem-link:before{
+   content: none !important;
+}
+
+.siemens-commandBarItem-link:before{
+   content: none !important;
+}
+
+.siemens-commandBarItem-link {
+    line-height: 32px;
+    padding-right: 3px;
+    padding-left: 3px;
+}
+
+.siemens-commandBar-mainArea {
+    padding-left: 0px;
+    overflow-y: hidden;
+    line-height: 32px;
+}
+
+
+.siemens-spinner-container {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 99;
+
+}
+
+.siemens-spinner {
+    height: 48px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    color: #333333;
+}
+
+.siemens-spinner-label {
+    text-align: left;
+    color: #333333;
+}
+
+.siemens-spinner-circle {
+    background-color: #333333;
+}
+
+.siemens-Dropdown {
+    padding-left: 20px;
+    padding-top: 5px;
+    font-size: 16px;
+}
+
+.siemens-messagebanner {
+    min-width: 239px;
+    margin-top: 10px;
+}
+
+.siemens-hidden {
+    display: none;
+}
+
+.siemens-visible {
+    display: block;
+}
+
+.siemens-settings-pane {
+    overflow-y: visible;
+}
+
+.siemens-setting-commands {
+    margin-top: -40px;
+}
+
+.siemens-commandBar-mainArea-Settings {
+    width: 300px;
+}
+
+.siemens-panel-main {
+    padding-right: 15px;
+    margin-top: 8px;
+    margin-right: 8px;
+}
+
+.siemens-viewer-title{
+    text-align: center;
+}
+
+.siemens-viewer-label{
+    text-align: left;
+}
+
+.siemens-callout{
+    top: 0px;
+    position: absolute;
+    margin-top: 35px;
+    margin-left: 30px;
+}
+
+
+.ms-MessageBanner-text {
+    min-width: 159px;
+}
+
+.ms-Panel-main .ms-CommandBar {
+    display: block;
+}
+
+.siemens-commandBarItem-link.is-selected {
+    font-family: 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
+    border-bottom: 2px solid #0078d7;
+  }
+
+.structureLabel.strusel {
+    background-color: lightblue;
+}
+html,
+body {
+  height: 100%;
+}
+.sel {
+  color: white!important;
+  background-color: #3389FA !important;
+}
+.head {
+  color: #3389FA;
+  position: absolute;
+  z-index: 9999;
+  width: 100%;
+}
+.head .groupDiv {
+  text-align: center;
+  display: inline-block;
+  border: 1px dotted gray;
+}
+.head i {
+  font-size: 20px;
+  cursor: pointer;
+  border: 2px solid #3389FA;
+  background-color: white;
+  padding: 1px;
+  margin: 2px;
+  width: 22px;
+  text-align: center;
+}
+.head input[type="color"] {
+  height: 22px;
+  width: 22px;
+  padding: 0px;
+  margin: 0px;
+  cursor: pointer;
+  line-height: 40px;
+  border: 2px solid #3389FA;
+}
+.head select {
+  color: #3389FA;
+  height: 27px;
+  margin: 1px;
+  float: left;
+  border: 2px solid #3389FA;
+}
+.head .right {
+  float: right;
+}
+.head .right i {
+  float: left;
+}
+.uploadArea {
+  display: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 9999;
+}
+.uploadArea textarea {
+  width: 100%;
+  height: calc(100% - 50px);
+}
+.uploadArea div {
+  text-align: center;
+}
+.uploadArea div i {
+  color: #3389FA;
+  font-size: 30px;
+  cursor: pointer;
+  border: 2px solid #3389FA;
+  padding: 1px;
+  margin: 2px;
+  text-align: center;
+}
+.floatArea {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+}
+.floatArea div {
+  width: 177px;
+  height: 157px;
+  position: absolute;
+  z-index: 8000;
+  background-image: url(b40724dee8e713eae84fa7d84e61a744.jpg);
+  background-size: contain;
+}
+#contextMenu {
+  position: absolute;
+  background: white;
+  border: 1px black solid;
+  width: 200px;
+  height: 200px;
+  display: none;
+  z-index: 9000;
+}
+#contextMenu.visible {
+  display: block;
+}
+