open-index/open-npm huggingface dataset:
npm package: @ithinkdt/jt-web
Description: a javascript jt-web
Author: zy
Latest version: 0.17.5

# @ithinkdt/jt-web

bom 3d模型的 jt数据在web端的展示工具

## how to install

#### For TypeScript such as Angular Vue React

install

```
npm i @ithinkdt/jt-web --save-dev
```

Import

```
import jt-web from '@ithinkdt/jt-web';
```

## 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)
npm package: @ithinkdt/jt-web-3d
Description: a javascript jt-web-3d
Author: zmy
Latest version: 0.1.9

<!--
 * @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)
npm package: @ithinkdt/jt-web3
Description: a javascript jt-web3
Author: zmy
Latest version: 0.0.11

<!--
 * @fileName: 
 * @Date: 2021-09-23 14:31:40
 * @Author: manyao.zhu
-->
# @ithinkdt/jt-web3

bom 3d模型的 jt数据在web端的展示工具

## how to install

#### For TypeScript such as Angular Vue React

install

```
npm i @ithinkdt/jt-web3 --save-dev
```

Import

```
import jt-web from '@ithinkdt/jt-web3';
```

## 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)
npm package: @ithinkdt/lint
Description: iThinkDT 项目的 ESLint、StyleLint 配置
Latest version: 4.0.4

# @ithinkdt/lint

安装 `npm i -D @ithinkdt/lint`

- 集成 `@eslint/js` 的 `recommended` 推荐规则；
- 集成 `typescript-eslint` 的 `recommendedTypeChecked`，启用 `Type Aware Rules 类型感知规则`，检查 ts、vue 文件的类型错误；
- 集成 `eslint-plugin-vue`的`flat/recommended` 推荐规则；
- 集成 `eslint-plugin-unicorn` 的 `flat/recommended` 推荐规则；
- 集成 `@unocss/eslint-config` 的 `flat` 推荐规则；
- 集成 `eslint-plugin-tsdoc` 规则；
- 集成 `eslint-plugin-import-x` 规则;
- 集成 `eslint-plugin-playwright`、`@vitest/eslint-plugin` 测试代码规则；
- 支持 `StyleLint` 配置。

> 由于启用了类型感知规则，原则上 typescript 会在整个项目上执行，推测 `lint-staged` 效果不佳。

## ESLint

安装 `npm i -D eslint`

```js
// eslint.config.js

import ithinkdt from '@ithinkdt/lint'

/**
 * @type {import("eslint").Linter.FlatConfig[]}
 */
export default [
    ...ithinkdt,
    // 其他配置
]
```

## StyleLint

安装 `npm i -D stylelint`

```js
// stylelint.config.js

import ithinkdt from '@ithinkdt/lint/stylelint'

/**
 * @type {import('stylelint').Config}
 */
export default {
    extends: [ithinkdt],
    rules: {
        // 覆盖配置
    },
}
```