pit-bimwin-react-ui

基于 tsdx, 整合 storybook, less, sass

基于 Typescript 语法, 创建 Npm 组件

目录说明

src                     # 源代码目录
|-assets                # 静态文件目录
|-hooks                 # 自定义钩子函数目录
|-components            # 内置的业务组件目录
|-core                  # 初始化bimwin-api
|-PitBimwinApp.tsx      # 主容器
|-index.config.ts       # ts配置文件
|-index.tsx             # 只有在该文件导出的组件,才能被用户引用
|-useBtnOpt.ts          # 操作按钮及其他配置项
stories                 # storybook目录
example                 # 自行调用实验目录(基于parcel)
main.ts                 # storybook配置文件
manager.js              # storybook配置文件
YourTheme.js            # storybook配置文件
tsdx.config.js          # tsdx配置文件
tsconfig.json           # ts配置文件

使用说明

运行

npm start # or yarn start

运行 dome

cd ./example

在 example>目录下运行

npm start # or yarn start

http://localhost:1234  // 3d
http://localhost:1234/2d // 2d
http://localhost:1234/two // 3d and 2d

全局属性

参数名	类型	描述	参数
options	object	属性配置（具体请看下表）
headers	object	1	1
visibleToolbar	array	-	-

options 属性字段说明

参数名	类型	描述	参数
url	string	主机地址	''
fileId	string	模型 id

命令说明

运行 tsdx 的监听

npm start # or yarn start

执行 tsdx 打包

npm build # or yarn build

运行 storybook

npm storybook # or yarn storybook

storybook 打包

npm build-storybook # or yarn build-storybook

将组件上传 npm

yarn build
npm login # npm登录
npm pub # 组件发布