mgacn-commonsdk 1.0.0 → 1.0.1
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 +53 -0
- package/dist/mgacn-commonsdk.js +1226 -304
- package/dist/mgacn-commonsdk.umd.cjs +1 -1
- package/dist/style.css +9 -9
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -119,6 +119,59 @@ if (this.$refs.upload.isUploading()) return
|
|
|
119
119
|
|
|
120
120
|
先 `app.use(MgacnCommonSdk, { tokenKey, baseURL })` 后，组件内部通过项目 `api.getOssSts` 获取凭证。
|
|
121
121
|
|
|
122
|
+
### 搜索栏 MgSearchForm
|
|
123
|
+
|
|
124
|
+
配置驱动，支持字段类型：
|
|
125
|
+
|
|
126
|
+
| type | 说明 |
|
|
127
|
+
| --- | --- |
|
|
128
|
+
| `input` / `text` | 文本输入 |
|
|
129
|
+
| `select` | 下拉选择 |
|
|
130
|
+
| `remoteSelect` / `remote` | 远程搜索下拉 |
|
|
131
|
+
| `numberRange` | 数字最小～最大区间 |
|
|
132
|
+
| `date` | 日期 |
|
|
133
|
+
| `dateRange` | 日期区间 |
|
|
134
|
+
| `slot` | 自定义插槽 |
|
|
135
|
+
|
|
136
|
+
```vue
|
|
137
|
+
<MgSearchForm
|
|
138
|
+
v-model="query"
|
|
139
|
+
:fields="[
|
|
140
|
+
{ type: 'input', prop: 'name', label: '姓名' },
|
|
141
|
+
{ type: 'select', prop: 'status', label: '状态', options: [{ label: '有效', value: 1 }] },
|
|
142
|
+
{ type: 'remoteSelect', prop: 'deptId', label: '部门', remoteMethod: searchDept },
|
|
143
|
+
{ type: 'numberRange', prop: 'age', label: '年龄', startProp: 'ageMin', endProp: 'ageMax' },
|
|
144
|
+
{ type: 'date', prop: 'birthday', label: '生日' },
|
|
145
|
+
{ type: 'dateRange', prop: 'createTime', label: '创建时间', startProp: 'start', endProp: 'end' },
|
|
146
|
+
]"
|
|
147
|
+
@search="onSearch"
|
|
148
|
+
@reset="onReset"
|
|
149
|
+
/>
|
|
150
|
+
```
|
|
151
|
+
|
|
152
|
+
### 表格 MgDataTable
|
|
153
|
+
|
|
154
|
+
列配置 + 具名插槽自定义单元格：
|
|
155
|
+
|
|
156
|
+
```vue
|
|
157
|
+
<MgDataTable
|
|
158
|
+
v-model:page="page"
|
|
159
|
+
v-model:page-size="pageSize"
|
|
160
|
+
:data="list"
|
|
161
|
+
:columns="[
|
|
162
|
+
{ prop: 'status', label: '状态', slot: 'status' },
|
|
163
|
+
{ prop: 'name', label: '姓名', minWidth: 120 },
|
|
164
|
+
]"
|
|
165
|
+
:total="total"
|
|
166
|
+
@page-change="load"
|
|
167
|
+
@size-change="load"
|
|
168
|
+
>
|
|
169
|
+
<template #status="{ row }">
|
|
170
|
+
<span>{{ row.status === 1 ? '有效' : '锁定' }}</span>
|
|
171
|
+
</template>
|
|
172
|
+
</MgDataTable>
|
|
173
|
+
```
|
|
174
|
+
|
|
122
175
|
## 本地开发 / 发布
|
|
123
176
|
|
|
124
177
|
```bash
|