dld-vue-ui 0.0.6 → 0.0.9

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/README.md CHANGED
@@ -1,20 +1,52 @@
1
- # Vue 3 + TypeScript + Vite
2
-
3
- This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
4
-
5
- ## Recommended IDE Setup
6
-
7
- - [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
8
-
9
- ## Type Support For `.vue` Imports in TS
10
-
11
- Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's Take Over mode by following these steps:
12
-
13
- 1. Run `Extensions: Show Built-in Extensions` from VS Code's command palette, look for `TypeScript and JavaScript Language Features`, then right click and select `Disable (Workspace)`. By default, Take Over mode will enable itself if the default TypeScript extension is disabled.
14
- 2. Reload the VS Code window by running `Developer: Reload Window` from the command palette.
15
-
16
- You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/volar/discussions/471).
17
-
18
- ## List方法
19
- 仿.netcore的Linq
20
- 内置Where、First、Add、Remove、Any、Exist等方法
1
+ # 分割面板
2
+
3
+ ## Splitpanes
4
+
5
+ 属性
6
+
7
+ |属性名|说明|类型|默认值|
8
+ |-----|----|-----|----|
9
+ |`horizontal`|布局方向|`bool`|`false`|
10
+ |`styles`|样式|`ISplitPaneStyle`|`{ width: '100%', height: '100%' }`|
11
+
12
+ ```ts
13
+ interface ISplitPaneStyle {
14
+ [name: string]: string | number,
15
+ width: string,
16
+ height: string
17
+ }
18
+ ```
19
+
20
+ ## Pane
21
+
22
+ 属性
23
+
24
+ |属性名|说明|类型|默认值|
25
+ |-----|----|-----|----|
26
+ |`styles`|样式|`IPaneStyle`||
27
+
28
+ ```ts
29
+ interface IPaneStyle {
30
+ [name: string]: string | number
31
+ }
32
+ ```
33
+
34
+ ## UpLoadFile
35
+
36
+ 属性
37
+ |属性名|说明|类型|默认值|
38
+ |-----|----|-----|----|
39
+ |`size`|组件大小|`small | default | large`|`default`|
40
+ |`name`|上传按钮名称|`string`|上传文件|
41
+ |`icon`|自`@element-plus/icons-vue`导入的图标|`Component`|`Upload`|
42
+ |`type`|选择文件和上传文件的按钮类型|`ButtonType`|`success`|
43
+
44
+ 方法
45
+ |方法名|说明|类型|默认值|
46
+ |-----|----|-----|----|
47
+ |`upload`|上传文件方法,返回选中的File|`Function`|`(file: File): void`|
48
+
49
+ 暴露变量
50
+ |变量名|说明|类型|默认值|
51
+ |-----|----|-----|----|
52
+ |`Clear`|清空选中文件|`Function`||