@hzab/sider 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG +2 -0
- package/README.md +61 -0
- package/lib/css/main.92f5a23dbd5c9e3ccf8f.css +1 -0
- package/lib/index.js +1 -0
- package/package.json +38 -0
- package/src/index.module.less +23 -0
- package/src/index.tsx +82 -0
package/CHANGELOG
ADDED
package/README.md
ADDED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
# @hzab/sider
|
|
2
|
+
|
|
3
|
+
组件模板
|
|
4
|
+
|
|
5
|
+
- node@14.21
|
|
6
|
+
|
|
7
|
+
# 组件
|
|
8
|
+
|
|
9
|
+
## 示例
|
|
10
|
+
|
|
11
|
+
```jsx
|
|
12
|
+
import Demo from "@hzab/sider";
|
|
13
|
+
|
|
14
|
+
<Demo />;
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
## API
|
|
18
|
+
|
|
19
|
+
### InfoPanel Attributes
|
|
20
|
+
|
|
21
|
+
| 参数 | 类型 | 必填 | 默认值 | 说明 |
|
|
22
|
+
| ------ | ------ | ---- | ------ | ----------------- | --- |
|
|
23
|
+
| schema | Object | 是 | - | 数据信息的 schema | |
|
|
24
|
+
|
|
25
|
+
# 组件开发流程
|
|
26
|
+
|
|
27
|
+
- 在 config/webpack.config.js 中按需修改 library 配置的文件名
|
|
28
|
+
- 在 config/webpack.config.js 中按需修改 alias 配置的包名，便于本地调试
|
|
29
|
+
- 在 src/typings.d.ts 中按需修改 declare module 配置的包名，解决 ts 报错问题
|
|
30
|
+
- npm run dev
|
|
31
|
+
|
|
32
|
+
## 文件目录
|
|
33
|
+
|
|
34
|
+
- example 本地开发测试代码
|
|
35
|
+
- src 组件源码
|
|
36
|
+
- lib 组件打包编译后的代码
|
|
37
|
+
|
|
38
|
+
## 命令
|
|
39
|
+
|
|
40
|
+
- 本地运行：npm run dev
|
|
41
|
+
- 打包编译：npm run build
|
|
42
|
+
|
|
43
|
+
## 发布
|
|
44
|
+
|
|
45
|
+
- 注意：示例代码生效，但发布之后未生效。确认是否执行了编译！！！
|
|
46
|
+
|
|
47
|
+
- 编译组件：npm run build
|
|
48
|
+
- 命令：npm publish --access public
|
|
49
|
+
- 发布目录：
|
|
50
|
+
- lib
|
|
51
|
+
- src
|
|
52
|
+
|
|
53
|
+
## 配置
|
|
54
|
+
|
|
55
|
+
### 配置文件
|
|
56
|
+
|
|
57
|
+
- 本地配置文件：config/config.js
|
|
58
|
+
|
|
59
|
+
### webpack 配置文件
|
|
60
|
+
|
|
61
|
+
- config/webpack.config.js
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sider-box_V6sF9{height:100%;overflow-x:hidden;overflow-y:auto}.sider-box_V6sF9::-webkit-scrollbar{height:4px;width:4px}.sider-box_V6sF9::-webkit-scrollbar-track{background:#efefef}.sider-box_V6sF9::-webkit-scrollbar-thumb{background:hsla(220,4%,58%,.3);border-radius:4px}.sider-box_V6sF9::-webkit-scrollbar-thumb:hover{background:hsla(220,4%,58%,.5)}
|