br-dionysus 0.1.5 → 0.3.0

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 (47) hide show
  1. package/README.md +167 -0
  2. package/dist/br-dionysus.es.js +469 -203
  3. package/dist/br-dionysus.umd.js +2 -2
  4. package/dist/index.css +1 -1
  5. package/dist/packages/MInline/index.d.ts +4 -0
  6. package/dist/packages/MInline/src/index.vue.d.ts +51 -0
  7. package/dist/packages/MInputNumber/src/index.vue.d.ts +1 -1
  8. package/dist/packages/SkinConfig/index.d.ts +4 -0
  9. package/dist/packages/SkinConfig/src/index.vue.d.ts +5 -0
  10. package/dist/packages/SkinConfig/src/useSkin.d.ts +27 -0
  11. package/dist/packages/index.d.ts +2 -5
  12. package/docs/assets/{README-Bl8a9IdO.js → README-2bS-4nd4.js} +1 -1
  13. package/docs/assets/README-B3Pyzos9.js +1 -0
  14. package/docs/assets/{README-ZNXeYQtQ.js → README-D4fGT9yW.js} +1 -1
  15. package/docs/assets/{README-sYrBn0RB.js → README-DO4IY6Rf.js} +1 -1
  16. package/docs/assets/README-d3ICIq7F.css +1 -0
  17. package/docs/assets/{README-BX7dVhz-.js → README-z6UvlN6s.js} +1 -1
  18. package/docs/assets/index-BcY8G_WD.js +66 -0
  19. package/docs/assets/{index-CRsvsbl-.css → index-CPncmr0K.css} +1 -1
  20. package/docs/index.html +2 -2
  21. package/docs/packages/MInline/docs/README.md +25 -0
  22. package/docs/packages/MInline/docs/demo.vue +138 -0
  23. package/docs/packages/MInline/index.ts +10 -0
  24. package/docs/packages/MInline/src/index.vue +219 -0
  25. package/docs/packages/TabPage/docs/demo.vue +0 -1
  26. package/docs/packages/index.ts +3 -5
  27. package/docs/packages/list.json +6 -0
  28. package/package.json +1 -1
  29. package/packages/MInline/docs/README.md +25 -0
  30. package/packages/MInline/docs/demo.vue +138 -0
  31. package/packages/MInline/index.ts +10 -0
  32. package/packages/MInline/src/index.vue +219 -0
  33. package/packages/MInputNumber/docs/README.md +1 -1
  34. package/packages/MInputNumber/index.ts +6 -6
  35. package/packages/SkinConfig/docs/README.md +29 -0
  36. package/packages/SkinConfig/docs/demo.vue +599 -0
  37. package/packages/SkinConfig/index.ts +10 -0
  38. package/packages/SkinConfig/src/index.vue +243 -0
  39. package/packages/SkinConfig/src/useSkin.ts +150 -0
  40. package/packages/TabPage/docs/demo.vue +0 -1
  41. package/packages/index.ts +6 -5
  42. package/packages/list.json +12 -0
  43. package/script/genNewComp/tplReplacer.js +0 -2
  44. package/src/App.vue +0 -2
  45. package/src/assets/theme.scss +22 -0
  46. package/src/router.ts +12 -9
  47. package/docs/assets/index-D63_wKRG.js +0 -66
package/README.md CHANGED
@@ -6,6 +6,7 @@
6
6
 
7
7
  + TaBPage([标签页组件](#tabpage标签页组件))
8
8
  + MInputNumber([数值输入框组件](#minputnumber数值输入框组件))
9
+ + MInline([筛选组件](#minline筛选组件))
9
10
  ---
10
11
 
11
12
  ### TaBPage(标签页组件)
@@ -60,5 +61,171 @@ export default {
60
61
  | focus | 当 input 获得焦点时触发 | (event: Event) |
61
62
  | blur | 当 input 失去焦点时触发 | (event: Event) |
62
63
 
64
+ ---
65
+ ### MInline(筛选组件)
66
+
67
+ <script setup>
68
+ import demo from './demo.vue'
69
+ </script>
70
+
71
+ 筛选
72
+ =================
73
+
74
+ #### 1) 基础用法
75
+
76
+ ```
77
+ <template>
78
+ <div class="g-demo-m-inline-box">
79
+ <m-inline>
80
+ <template #inlineBtn>
81
+ <el-button
82
+ type="primary"
83
+ size="small"
84
+ icon="Plus"
85
+ >
86
+ 新增
87
+ </el-button>
88
+ <el-button
89
+ type="success"
90
+ size="small"
91
+ icon="Edit"
92
+ >
93
+ 编辑
94
+ </el-button>
95
+ <el-button
96
+ type="warning"
97
+ size="small"
98
+ icon="Delete"
99
+ >
100
+ 删除
101
+ </el-button>
102
+ </template>
103
+ <template #default>
104
+ <el-form
105
+ :model="formInline"
106
+ labelWidth="80px"
107
+ :showMessage="false"
108
+ @submit.prevent
109
+ size="small"
110
+ data-box
111
+ >
112
+ <el-form-item
113
+ label="编码"
114
+ prop="code"
115
+ data-item
116
+ >
117
+ <el-input
118
+ v-model="formInline.code"
119
+ clearable
120
+ placeholder="请输入编码"
121
+ >
122
+ </el-input>
123
+ </el-form-item>
124
+ <el-form-item
125
+ label="角色名"
126
+ prop="name"
127
+ data-item
128
+ >
129
+ <el-input
130
+ v-model="formInline.name"
131
+ clearable
132
+ placeholder="请输入角色名"
133
+ >
134
+ </el-input>
135
+ </el-form-item>
136
+ <el-form-item
137
+ label="时间"
138
+ prop="time"
139
+ data-item
140
+ >
141
+ <el-input
142
+ v-model="formInline.time"
143
+ clearable
144
+ placeholder="请输入时间"
145
+ >
146
+ </el-input>
147
+ </el-form-item>
148
+ <el-form-item
149
+ label="编码"
150
+ prop="code"
151
+ data-item
152
+ >
153
+ <el-input
154
+ v-model="formInline.code"
155
+ clearable
156
+ placeholder="请输入编码"
157
+ >
158
+ </el-input>
159
+ </el-form-item>
160
+ <el-form-item
161
+ label="角色名"
162
+ prop="name"
163
+ data-item
164
+ >
165
+ <el-input
166
+ v-model="formInline.name"
167
+ clearable
168
+ placeholder="请输入角色名"
169
+ >
170
+ </el-input>
171
+ </el-form-item>
172
+ <el-form-item
173
+ label="时间"
174
+ prop="time"
175
+ data-item
176
+ >
177
+ <el-input
178
+ v-model="formInline.time"
179
+ clearable
180
+ placeholder="请输入时间"
181
+ >
182
+ </el-input>
183
+ </el-form-item>
184
+ </el-form>
185
+ </template>
186
+ <template #submitBtn>
187
+ <el-button
188
+ type="primary"
189
+ icon="Search"
190
+ size="small"
191
+ >
192
+ 搜索
193
+ </el-button>
194
+ </template>
195
+ </m-inline>
196
+ </div>
197
+ </template>
198
+
199
+ <script setup lang="ts">
200
+ import { reactive } from 'vue'
201
+
202
+ // 列表过滤条件表单
203
+ const formInline = reactive({
204
+ name: '',
205
+ code: '',
206
+ time: ''
207
+ })
208
+ </script>
209
+
210
+ <style scoped>
211
+ .g-demo-m-inline-box {
212
+ max-width: 1000px;
213
+ }
214
+ </style>
215
+ ```
216
+
217
+ #### 2) Attributes
218
+
219
+ | 参数 | 说明 | 类型 | 可选值 | 默认值 |
220
+ |----------|:-----:|:------:|:---:|:-------:|
221
+ | minWidth | 列最小宽度 | string | - | '200px' |
222
+ | maxWidth | 列最大宽度 | string | - | '300px' |
223
+
224
+ #### 2) Events
225
+
226
+ | 方法名 | 说明 | 参数 |
227
+ |--------|:----------------------:|:---------------:|
228
+ | switch | 当切换展开与折叠模式时触发,返回当前展开状态 | unfold(boolean) |
229
+
63
230
 
64
231
  ---