dld-vue-ui 0.1.0 → 0.1.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.
Files changed (6) hide show
  1. package/README.md +21 -15
  2. package/dist/dld-vue-ui.js +285 -258
  3. package/dist/dld-vue-ui.umd.cjs +1 -1
  4. package/dist/packages/TableForm/index.vue.d.ts +49 -1
  5. package/dist/style.css +1 -1
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -58,7 +58,7 @@ interface IPaneStyle {
58
58
 
59
59
  |属性名|说明|类型|默认值|
60
60
  |-----|----|-----|----|
61
- |`size`|组件大小|`small | default | large`|`default`|
61
+ |`size`|组件大小|`'small' \| 'default' \| 'large'`|`default`|
62
62
  |`name`|上传按钮名称|`string`|上传文件|
63
63
  |`icon`|自`@element-plus/icons-vue`导入的图标|`Component`|`Upload`|
64
64
  |`type`|选择文件和上传文件的按钮类型|`ButtonType`|`success`|
@@ -82,25 +82,29 @@ interface IPaneStyle {
82
82
  |属性名|说明|类型|默认值|
83
83
  |-----|----|-----|----|
84
84
  |`maxHeight`|表格的最大高度|`string`|`550`|
85
- |`size`|表格的大小|`'large' | 'default' | 'small'`|`default`|
85
+ |`size`|表格的大小|`'large' \| 'default' \| 'small'`|`default`|
86
86
  |`tableData`|表格的数据|`Array<ITableData>`|`-`|
87
87
  |`tableColumn`|表格的列配置|`Array<ITableColumn>`|`-`|
88
88
  |`stripe`|是否为斑马纹|`boolean`|`true`|
89
89
  |`border`|是否带有纵向边框|`boolean`|`false`|
90
90
  |`highLight`|是否高亮当前行|`boolean`|`false`|
91
- |`type`|是否有索引、展开、多选框|`'selection' | 'index' | 'expand'`|`-`|
91
+ |`type`|是否有索引、展开、多选框|`'selection' \| 'index' \| 'expand'`|`-`|
92
92
  |`typeLabel`|索引、展开时的列名，`type == 'index'`和`type == 'expand'`时有效|`string`|`序号`|
93
93
  |`typeWidth`|索引、展开、多选框的宽度|`number`|`60`|
94
94
  |`typeIsFixed`|索引、展开、多选框是否固定在左侧|`typeIsFixed`|`false`|
95
95
  |`operate`|是否有操作列|`boolean`|`false`|
96
96
  |`operateLabel`|操作列列名|`string`|`''`|
97
- |`operateWidth`|操作列的宽度|`number`|`220`|
97
+ |`operateWidth`|操作列的宽度|`number`|`''`|
98
98
  |`operateIsFixed`|操作列是否固定在右侧|`boolean`|`false`|
99
99
  |`search`|是否显示搜索按钮|`boolean`|`false`|
100
100
  |`clear`|是否显示清空按钮|`boolean`|`false`|
101
101
  |`edit`|是否显示行内修改按钮|`boolean`|`false`|
102
102
  |`delete`|是否显示行内删除按钮|`boolean`|`false`|
103
103
  |`deleteTitle`|删除按钮的提示信息|`string`|`是否要删除当前行？`|
104
+ |`pagination`|是否有分页|`boolean`|`false`|
105
+ |`small`|分页是否使用小型分页|`boolean`|`false`|
106
+ |`total`|数据数量|`number`|`0`|
107
+ |`hideOnSinglePage`|只有一页时是否隐藏|`boolean`|`false`|
104
108
 
105
109
  ### 表格的列配置属性(ITableColumn)
106
110
 
@@ -108,15 +112,15 @@ interface IPaneStyle {
108
112
  |-----|----|-----|----|
109
113
  |`prop`|列绑定的字段，必填|`string`|`-`|
110
114
  |`label`|列的名称，必填|`string`|`-`|
111
- |`width`|列宽|`number`|`180`|
112
- |`fixed`|是否固定|`'left' | 'right'`|`false`|
113
- |`align`|对齐方式|`'left' | 'center' | 'right'`|`left`|
115
+ |`width`|列宽|`number`|`''`|
116
+ |`fixed`|是否固定|`'left' \| 'right'`|`false`|
117
+ |`align`|对齐方式|`'left' \| 'center' \| 'right'`|`left`|
114
118
  |`search`|是否支持搜索|`boolean`|`false`|
115
119
  |`disabled`|是否禁用搜索框，`search=true`时有效|`boolean`|`false`|
116
- |`size`|搜索框大小，`search=true`时有效|`'large' | 'default' | 'small'`|`default`|
120
+ |`size`|搜索框大小，`search=true`时有效|`'large' \| 'default' \| 'small'`|`default`|
117
121
  |`searchWidth`|搜索框的宽度，`search=true`时有效|`number`|`92%`|
118
122
  |`placeholder`|自定义搜索提示，多项用&&分割，`search=true`时有效|`string`|`请输入{label}或请选择{label}`|
119
- |`type`|搜索框类型，text=文本框、select=单选/多选框、number=数字框、date=日期框、time=时间框、datetime=日期时间框、daterange=日期范围选择框、timerange=时间范围选择框，datetimerange=日期时间范围选择框、switch=开关按钮，`search=true`时有效|`'text' | 'select' | 'number' | 'date' | 'datetime' | 'time' | 'daterange' | 'timerange' | 'datetimerange' | 'switch'`|`text`|
123
+ |`type`|搜索框类型，text=文本框、select=单选/多选框、number=数字框、date=日期框、time=时间框、datetime=日期时间框、daterange=日期范围选择框、timerange=时间范围选择框，datetimerange=日期时间范围选择框、switch=开关按钮，`search=true`时有效|`'text' \| 'select' \| 'number' \| 'date' \| 'datetime' \| 'time' \| 'daterange' \| 'timerange' \| 'datetimerange' \| 'switch'`|`text`|
120
124
  |`options`|搜索框的下拉列表，`search=true&&type='select'`时有效|`IOptions`|`-`|
121
125
  |`multiple`|是否支持多选，`search=true&&type='select'`时有效|`boolean`|`false`|
122
126
  |`omit`|多选时省略，`search=true&&type='select'`时有效|`boolean`|`false`|
@@ -131,12 +135,14 @@ interface IPaneStyle {
131
135
  |方法名|说明|参数|
132
136
  |-----|----|-----|
133
137
  |`row-click`|行点击事件|`(e: 'row-click', item: ITableData): void;`|
134
- |`row-dblclick`|行双击事件|`(e: 'row-click', item: ITableData): void;`|
135
- |`selection-change`|选中行改变事件|`(e: 'row-click', item: ITableData[]): void;`|
136
- |`search`|搜索按钮点击事件|`(e: 'row-click', item: ITableData): void;`|
137
- |`clear`|清空按钮点击事件|`(e: 'row-click'): void;`|
138
- |`delete`|删除按钮点击事件|`(e: 'row-click', item: ITableData): void;`|
139
- |`edit`|修改按钮点击事件|`(e: 'row-click', item: ITableData): void;`|
138
+ |`row-dblclick`|行双击事件|`(e: 'row-dblclick', item: ITableData): void;`|
139
+ |`selection-change`|选中行改变事件|`(e: 'selection-change', item: ITableData[]): void;`|
140
+ |`search`|搜索按钮点击事件|`(e: 'search', item: ITableData): void;`|
141
+ |`clear`|清空按钮点击事件|`(e: 'clear'): void;`|
142
+ |`delete`|删除按钮点击事件|`(e: 'delete', item: ITableData): void;`|
143
+ |`edit`|修改按钮点击事件|`(e: 'edit', item: ITableData): void;`|
144
+ |`page-index`|页码变化事件|`(e: 'page-index', newValue: number, oldValue: number): void;`|
145
+ |`page-size`|每页数量变化事件|`(e: 'page-size', newValue: number, oldValue: number: void;`|
140
146
 
141
147
  ### 插槽
142
148