@bsgoal/common 0.1.0 → 1.0.3

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 (40) hide show
  1. package/dist/index.mjs +430 -420
  2. package/dist/index.mjs.map +1 -1
  3. package/dist/index.umd.js +1 -1
  4. package/dist/index.umd.js.map +1 -1
  5. package/dist/style.css +1 -1
  6. package/package.json +5 -3
  7. package/src/App.vue +9 -0
  8. package/src/combines/useComs.js +32 -0
  9. package/src/combines/useFetchs.js +48 -0
  10. package/src/components/bsgoal-base-dialog/demo.vue +50 -0
  11. package/src/components/bsgoal-base-dialog/index.vue +133 -0
  12. package/src/components/bsgoal-base-form/demo.vue +187 -0
  13. package/src/components/bsgoal-base-form/index.vue +499 -0
  14. package/src/components/bsgoal-base-frame/demo.vue +35 -0
  15. package/src/components/bsgoal-base-frame/index.vue +29 -0
  16. package/src/components/bsgoal-base-line/demo.vue +42 -0
  17. package/src/components/bsgoal-base-line/index.vue +54 -0
  18. package/src/components/bsgoal-base-search/demo.vue +197 -0
  19. package/src/components/bsgoal-base-search/index.vue +486 -0
  20. package/src/components/bsgoal-base-search-operation/index.vue +74 -0
  21. package/src/components/bsgoal-base-search-table/demo-table.vue +52 -0
  22. package/src/components/bsgoal-base-search-table/demo.vue +664 -0
  23. package/src/components/bsgoal-base-search-table/index.vue +159 -0
  24. package/src/components/bsgoal-base-table/demo.vue +270 -0
  25. package/src/components/bsgoal-base-table/index.vue +281 -0
  26. package/src/components/bsgoal-base-table-content/index.vue +42 -0
  27. package/src/components/bsgoal-base-table-pagination/index.vue +107 -0
  28. package/src/components/bsgoal-base-tree/demo.vue +113 -0
  29. package/src/components/bsgoal-base-tree/index.vue +213 -0
  30. package/src/components/bsgoal-base-tree-fold/index.vue +65 -0
  31. package/src/components/layout/layout-home.vue +60 -0
  32. package/src/components/layout/layout-left-menu.vue +48 -0
  33. package/src/components/layout/layout-right-container.vue +36 -0
  34. package/src/components/layout/layout-top-header.vue +40 -0
  35. package/src/directives/directiveBase.js +94 -0
  36. package/src/entry.js +35 -0
  37. package/src/enums/enumType.js +31 -0
  38. package/src/main.js +11 -0
  39. package/src/router/index.js +66 -0
  40. package/src/styles/index.css +14 -0
package/src/components/bsgoal-base-search-table/demo.vue ADDED
@@ -0,0 +1,664 @@
1
+ <!--
2
+ * @Author: canlong.shen
3
+ * @Date: 2023-04-18 17:04:53
4
+ * @LastEditors: canlong.shen
5
+ * @LastEditTime: 2023-04-25 13:48:29
6
+ * @FilePath: \common\src\components\bsgoal-base-search-table\demo.vue
7
+ * @Description: 查询 + 表格 组合公共组件
8
+ *
9
+ -->
10
+
11
+ <script>
12
+ export default {
13
+ name: 'BsgoalSearchTableDemo'
14
+ }
15
+ </script>
16
+ <script setup>
17
+ /* setup模板
18
+ ---------------------------------------------------------------- */
19
+ import { ref ,unref } from 'vue'
20
+ import EnumType from '../../enums/enumType.js'
21
+ import BsgoalBaseSearchTable from './index.vue'
22
+ import DemoTable from './demo-table.vue'
23
+ // props
24
+ const props = defineProps({})
25
+
26
+ const configOptions = ref([
27
+ {
28
+ label: 'prop1',
29
+ // value: '111',
30
+ prop: 'prop1',
31
+ type: EnumType.INPUT,
32
+ width: '100px'
33
+ },
34
+ {
35
+ label: 'prop2',
36
+ value: 'select2',
37
+ type: EnumType.SELECT,
38
+ prop: 'prop2',
39
+ range: [
40
+ {
41
+ label: 'select1',
42
+ value: 'select1'
43
+ },
44
+ {
45
+ label: 'select2',
46
+ value: 'select2'
47
+ },
48
+ {
49
+ label: 'select3',
50
+ value: 'select3'
51
+ },
52
+ {
53
+ label: 'select4',
54
+ value: 'select5'
55
+ }
56
+ ]
57
+ },
58
+ {
59
+ label: 'prop3',
60
+ // value: '111',
61
+ type: EnumType.SLIDER,
62
+ prop: 'prop3'
63
+ },
64
+ {
65
+ label: 'prop4',
66
+ // value: '111',
67
+ type: EnumType.SWITCH,
68
+ prop: 'prop4'
69
+ },
70
+ {
71
+ label: 'prop5',
72
+ // value: '111',
73
+ type: EnumType.RADIO,
74
+ prop: 'prop5',
75
+ range: [
76
+ {
77
+ label: 'radio1',
78
+ value: 'radio1'
79
+ },
80
+ {
81
+ label: 'radio2',
82
+ value: 'radio2'
83
+ }
84
+ ]
85
+ },
86
+ {
87
+ label: 'prop6',
88
+ value: [],
89
+ type: EnumType.CHECKBOX,
90
+ prop: 'prop6',
91
+ range: [
92
+ {
93
+ label: 'checkbox1',
94
+ value: 'checkbox1'
95
+ },
96
+ {
97
+ label: 'checkbox2',
98
+ value: 'checkbox2'
99
+ }
100
+ ]
101
+ },
102
+ {
103
+ label: 'prop7',
104
+ // value: '111',
105
+ type: EnumType.DATE,
106
+ prop: 'prop7',
107
+ format: 'YYYY-MM-DD'
108
+ },
109
+ {
110
+ label: 'prop9',
111
+ // value: '111',
112
+ type: EnumType.MONTH,
113
+ prop: 'prop9'
114
+ },
115
+ {
116
+ label: 'prop10',
117
+ // value: '111',
118
+ type: EnumType.YEAR,
119
+ prop: 'prop10'
120
+ },
121
+ {
122
+ label: 'prop11',
123
+ // value: '111',
124
+ type: EnumType.DATE_RANGE,
125
+ prop: 'prop11',
126
+ range: ['startDate', 'endDate']
127
+ },
128
+ {
129
+ label: 'prop12',
130
+ // value: '111',
131
+ type: EnumType.MONTH_RANGE,
132
+ prop: 'prop12'
133
+ },
134
+ {
135
+ label: 'prop13',
136
+ // value: '111',
137
+ type: EnumType.TIME,
138
+ prop: 'prop13'
139
+ },
140
+ {
141
+ label: 'prop14',
142
+ // value: '111',
143
+ type: EnumType.TIME_RANGE,
144
+ prop: 'prop14'
145
+ },
146
+ {
147
+ label: 'prop15',
148
+ // value: '111',
149
+ type: EnumType.DATE_TIME,
150
+ prop: 'prop15'
151
+ },
152
+ {
153
+ label: 'prop16',
154
+ // value: '111',
155
+ type: EnumType.DATE_TIME_RANGE,
156
+ prop: 'prop16'
157
+ }
158
+ ])
159
+
160
+ const tableData = ref([
161
+ {
162
+ prop1: 'row1value',
163
+ prop2: 'row1value',
164
+ prop3: 'row1value',
165
+ prop4: 'row1value',
166
+ prop5: 'row1value',
167
+ prop6: 'row1value',
168
+ prop7: 'row1value',
169
+ prop8: 'row1value',
170
+ prop9: 'row1value',
171
+ prop10: 'row1value',
172
+ prop11: 'row1value',
173
+ prop12: 'row1value',
174
+ prop13: 'row1value',
175
+ prop14: 'row1value',
176
+ prop15: 'row1value',
177
+ prop16: 'row1value'
178
+ },
179
+ {
180
+ prop1: 'row2value',
181
+ prop2: 'row2value',
182
+ prop3: 'row2value',
183
+ prop4: 'row2value',
184
+ prop5: 'row2value',
185
+ prop6: 'row2value',
186
+ prop7: 'row2value',
187
+ prop8: 'row2value',
188
+ prop9: 'row2value',
189
+ prop10: 'row2value',
190
+ prop11: 'row2value',
191
+ prop12: 'row2value',
192
+ prop13: 'row2value',
193
+ prop14: 'row2value',
194
+ prop15: 'row2value',
195
+ prop16: 'row2value'
196
+ },
197
+ {
198
+ prop1: 'row2value',
199
+ prop2: 'row2value',
200
+ prop3: 'row2value',
201
+ prop4: 'row2value',
202
+ prop5: 'row2value',
203
+ prop6: 'row2value',
204
+ prop7: 'row2value',
205
+ prop8: 'row2value',
206
+ prop9: 'row2value',
207
+ prop10: 'row2value',
208
+ prop11: 'row2value',
209
+ prop12: 'row2value',
210
+ prop13: 'row2value',
211
+ prop14: 'row2value',
212
+ prop15: 'row2value',
213
+ prop16: 'row2value'
214
+ },
215
+ {
216
+ prop1: 'row2value',
217
+ prop2: 'row2value',
218
+ prop3: 'row2value',
219
+ prop4: 'row2value',
220
+ prop5: 'row2value',
221
+ prop6: 'row2value',
222
+ prop7: 'row2value',
223
+ prop8: 'row2value',
224
+ prop9: 'row2value',
225
+ prop10: 'row2value',
226
+ prop11: 'row2value',
227
+ prop12: 'row2value',
228
+ prop13: 'row2value',
229
+ prop14: 'row2value',
230
+ prop15: 'row2value',
231
+ prop16: 'row2value'
232
+ },
233
+ {
234
+ prop1: 'row2value',
235
+ prop2: 'row2value',
236
+ prop3: 'row2value',
237
+ prop4: 'row2value',
238
+ prop5: 'row2value',
239
+ prop6: 'row2value',
240
+ prop7: 'row2value',
241
+ prop8: 'row2value',
242
+ prop9: 'row2value',
243
+ prop10: 'row2value',
244
+ prop11: 'row2value',
245
+ prop12: 'row2value',
246
+ prop13: 'row2value',
247
+ prop14: 'row2value',
248
+ prop15: 'row2value',
249
+ prop16: 'row2value'
250
+ },
251
+ {
252
+ prop1: 'row2value',
253
+ prop2: 'row2value',
254
+ prop3: 'row2value',
255
+ prop4: 'row2value',
256
+ prop5: 'row2value',
257
+ prop6: 'row2value',
258
+ prop7: 'row2value',
259
+ prop8: 'row2value',
260
+ prop9: 'row2value',
261
+ prop10: 'row2value',
262
+ prop11: 'row2value',
263
+ prop12: 'row2value',
264
+ prop13: 'row2value',
265
+ prop14: 'row2value',
266
+ prop15: 'row2value',
267
+ prop16: 'row2value'
268
+ },
269
+ {
270
+ prop1: 'row2value',
271
+ prop2: 'row2value',
272
+ prop3: 'row2value',
273
+ prop4: 'row2value',
274
+ prop5: 'row2value',
275
+ prop6: 'row2value',
276
+ prop7: 'row2value',
277
+ prop8: 'row2value',
278
+ prop9: 'row2value',
279
+ prop10: 'row2value',
280
+ prop11: 'row2value',
281
+ prop12: 'row2value',
282
+ prop13: 'row2value',
283
+ prop14: 'row2value',
284
+ prop15: 'row2value',
285
+ prop16: 'row2value'
286
+ },
287
+ {
288
+ prop1: 'row2value',
289
+ prop2: 'row2value',
290
+ prop3: 'row2value',
291
+ prop4: 'row2value',
292
+ prop5: 'row2value',
293
+ prop6: 'row2value',
294
+ prop7: 'row2value',
295
+ prop8: 'row2value',
296
+ prop9: 'row2value',
297
+ prop10: 'row2value',
298
+ prop11: 'row2value',
299
+ prop12: 'row2value',
300
+ prop13: 'row2value',
301
+ prop14: 'row2value',
302
+ prop15: 'row2value',
303
+ prop16: 'row2value'
304
+ },
305
+ {
306
+ prop1: 'row2value',
307
+ prop2: 'row2value',
308
+ prop3: 'row2value',
309
+ prop4: 'row2value',
310
+ prop5: 'row2value',
311
+ prop6: 'row2value',
312
+ prop7: 'row2value',
313
+ prop8: 'row2value',
314
+ prop9: 'row2value',
315
+ prop10: 'row2value',
316
+ prop11: 'row2value',
317
+ prop12: 'row2value',
318
+ prop13: 'row2value',
319
+ prop14: 'row2value',
320
+ prop15: 'row2value',
321
+ prop16: 'row2value'
322
+ },
323
+ {
324
+ prop1: 'row2value',
325
+ prop2: 'row2value',
326
+ prop3: 'row2value',
327
+ prop4: 'row2value',
328
+ prop5: 'row2value',
329
+ prop6: 'row2value',
330
+ prop7: 'row2value',
331
+ prop8: 'row2value',
332
+ prop9: 'row2value',
333
+ prop10: 'row2value',
334
+ prop11: 'row2value',
335
+ prop12: 'row2value',
336
+ prop13: 'row2value',
337
+ prop14: 'row2value',
338
+ prop15: 'row2value',
339
+ prop16: 'row2value'
340
+ },
341
+ {
342
+ prop1: 'row2value',
343
+ prop2: 'row2value',
344
+ prop3: 'row2value',
345
+ prop4: 'row2value',
346
+ prop5: 'row2value',
347
+ prop6: 'row2value',
348
+ prop7: 'row2value',
349
+ prop8: 'row2value',
350
+ prop9: 'row2value',
351
+ prop10: 'row2value',
352
+ prop11: 'row2value',
353
+ prop12: 'row2value',
354
+ prop13: 'row2value',
355
+ prop14: 'row2value',
356
+ prop15: 'row2value',
357
+ prop16: 'row2value'
358
+ },
359
+ {
360
+ prop1: 'row2value',
361
+ prop2: 'row2value',
362
+ prop3: 'row2value',
363
+ prop4: 'row2value',
364
+ prop5: 'row2value',
365
+ prop6: 'row2value',
366
+ prop7: 'row2value',
367
+ prop8: 'row2value',
368
+ prop9: 'row2value',
369
+ prop10: 'row2value',
370
+ prop11: 'row2value',
371
+ prop12: 'row2value',
372
+ prop13: 'row2value',
373
+ prop14: 'row2value',
374
+ prop15: 'row2value',
375
+ prop16: 'row2value'
376
+ },
377
+ {
378
+ prop1: 'row2value',
379
+ prop2: 'row2value',
380
+ prop3: 'row2value',
381
+ prop4: 'row2value',
382
+ prop5: 'row2value',
383
+ prop6: 'row2value',
384
+ prop7: 'row2value',
385
+ prop8: 'row2value',
386
+ prop9: 'row2value',
387
+ prop10: 'row2value',
388
+ prop11: 'row2value',
389
+ prop12: 'row2value',
390
+ prop13: 'row2value',
391
+ prop14: 'row2value',
392
+ prop15: 'row2value',
393
+ prop16: 'row2value'
394
+ },
395
+ {
396
+ prop1: 'row2value',
397
+ prop2: 'row2value',
398
+ prop3: 'row2value',
399
+ prop4: 'row2value',
400
+ prop5: 'row2value',
401
+ prop6: 'row2value',
402
+ prop7: 'row2value',
403
+ prop8: 'row2value',
404
+ prop9: 'row2value',
405
+ prop10: 'row2value',
406
+ prop11: 'row2value',
407
+ prop12: 'row2value',
408
+ prop13: 'row2value',
409
+ prop14: 'row2value',
410
+ prop15: 'row2value',
411
+ prop16: 'row2value'
412
+ },
413
+ {
414
+ prop1: 'row2value',
415
+ prop2: 'row2value',
416
+ prop3: 'row2value',
417
+ prop4: 'row2value',
418
+ prop5: 'row2value',
419
+ prop6: 'row2value',
420
+ prop7: 'row2value',
421
+ prop8: 'row2value',
422
+ prop9: 'row2value',
423
+ prop10: 'row2value',
424
+ prop11: 'row2value',
425
+ prop12: 'row2value',
426
+ prop13: 'row2value',
427
+ prop14: 'row2value',
428
+ prop15: 'row2value',
429
+ prop16: 'row2value'
430
+ },
431
+ {
432
+ prop1: 'row2value',
433
+ prop2: 'row2value',
434
+ prop3: 'row2value',
435
+ prop4: 'row2value',
436
+ prop5: 'row2value',
437
+ prop6: 'row2value',
438
+ prop7: 'row2value',
439
+ prop8: 'row2value',
440
+ prop9: 'row2value',
441
+ prop10: 'row2value',
442
+ prop11: 'row2value',
443
+ prop12: 'row2value',
444
+ prop13: 'row2value',
445
+ prop14: 'row2value',
446
+ prop15: 'row2value',
447
+ prop16: 'row2value'
448
+ },
449
+ {
450
+ prop1: 'row2value',
451
+ prop2: 'row2value',
452
+ prop3: 'row2value',
453
+ prop4: 'row2value',
454
+ prop5: 'row2value',
455
+ prop6: 'row2value',
456
+ prop7: 'row2value',
457
+ prop8: 'row2value',
458
+ prop9: 'row2value',
459
+ prop10: 'row2value',
460
+ prop11: 'row2value',
461
+ prop12: 'row2value',
462
+ prop13: 'row2value',
463
+ prop14: 'row2value',
464
+ prop15: 'row2value',
465
+ prop16: 'row2value'
466
+ },
467
+ {
468
+ prop1: 'row2value',
469
+ prop2: 'row2value',
470
+ prop3: 'row2value',
471
+ prop4: 'row2value',
472
+ prop5: 'row2value',
473
+ prop6: 'row2value',
474
+ prop7: 'row2value',
475
+ prop8: 'row2value',
476
+ prop9: 'row2value',
477
+ prop10: 'row2value',
478
+ prop11: 'row2value',
479
+ prop12: 'row2value',
480
+ prop13: 'row2value',
481
+ prop14: 'row2value',
482
+ prop15: 'row2value',
483
+ prop16: 'row2value'
484
+ },
485
+ {
486
+ prop1: 'row2value',
487
+ prop2: 'row2value',
488
+ prop3: 'row2value',
489
+ prop4: 'row2value',
490
+ prop5: 'row2value',
491
+ prop6: 'row2value',
492
+ prop7: 'row2value',
493
+ prop8: 'row2value',
494
+ prop9: 'row2value',
495
+ prop10: 'row2value',
496
+ prop11: 'row2value',
497
+ prop12: 'row2value',
498
+ prop13: 'row2value',
499
+ prop14: 'row2value',
500
+ prop15: 'row2value',
501
+ prop16: 'row2value'
502
+ },
503
+ {
504
+ prop1: 'row2value',
505
+ prop2: 'row2value',
506
+ prop3: 'row2value',
507
+ prop4: 'row2value',
508
+ prop5: 'row2value',
509
+ prop6: 'row2value',
510
+ prop7: 'row2value',
511
+ prop8: 'row2value',
512
+ prop9: 'row2value',
513
+ prop10: 'row2value',
514
+ prop11: 'row2value',
515
+ prop12: 'row2value',
516
+ prop13: 'row2value',
517
+ prop14: 'row2value',
518
+ prop15: 'row2value',
519
+ prop16: 'row2value'
520
+ },
521
+ {
522
+ prop1: 'row2value',
523
+ prop2: 'row2value',
524
+ prop3: 'row2value',
525
+ prop4: 'row2value',
526
+ prop5: 'row2value',
527
+ prop6: 'row2value',
528
+ prop7: 'row2value',
529
+ prop8: 'row2value',
530
+ prop9: 'row2value',
531
+ prop10: 'row2value',
532
+ prop11: 'row2value',
533
+ prop12: 'row2value',
534
+ prop13: 'row2value',
535
+ prop14: 'row2value',
536
+ prop15: 'row2value',
537
+ prop16: 'row2value'
538
+ },
539
+ {
540
+ prop1: 'row2value',
541
+ prop2: 'row2value',
542
+ prop3: 'row2value',
543
+ prop4: 'row2value',
544
+ prop5: 'row2value',
545
+ prop6: 'row2value',
546
+ prop7: 'row2value',
547
+ prop8: 'row2value',
548
+ prop9: 'row2value',
549
+ prop10: 'row2value',
550
+ prop11: 'row2value',
551
+ prop12: 'row2value',
552
+ prop13: 'row2value',
553
+ prop14: 'row2value',
554
+ prop15: 'row2value',
555
+ prop16: 'row2value'
556
+ },
557
+ {
558
+ prop1: 'row2value',
559
+ prop2: 'row2value',
560
+ prop3: 'row2value',
561
+ prop4: 'row2value',
562
+ prop5: 'row2value',
563
+ prop6: 'row2value',
564
+ prop7: 'row2value',
565
+ prop8: 'row2value',
566
+ prop9: 'row2value',
567
+ prop10: 'row2value',
568
+ prop11: 'row2value',
569
+ prop12: 'row2value',
570
+ prop13: 'row2value',
571
+ prop14: 'row2value',
572
+ prop15: 'row2value',
573
+ prop16: 'row2value'
574
+ },
575
+ {
576
+ prop1: 'row2value',
577
+ prop2: 'row2value',
578
+ prop3: 'row2value',
579
+ prop4: 'row2value',
580
+ prop5: 'row2value',
581
+ prop6: 'row2value',
582
+ prop7: 'row2value',
583
+ prop8: 'row2value',
584
+ prop9: 'row2value',
585
+ prop10: 'row2value',
586
+ prop11: 'row2value',
587
+ prop12: 'row2value',
588
+ prop13: 'row2value',
589
+ prop14: 'row2value',
590
+ prop15: 'row2value',
591
+ prop16: 'row2value'
592
+ },
593
+ {
594
+ prop1: 'row2value',
595
+ prop2: 'row2value',
596
+ prop3: 'row2value',
597
+ prop4: 'row2value',
598
+ prop5: 'row2value',
599
+ prop6: 'row2value',
600
+ prop7: 'row2value',
601
+ prop8: 'row2value',
602
+ prop9: 'row2value',
603
+ prop10: 'row2value',
604
+ prop11: 'row2value',
605
+ prop12: 'row2value',
606
+ prop13: 'row2value',
607
+ prop14: 'row2value',
608
+ prop15: 'row2value',
609
+ prop16: 'row2value'
610
+ }
611
+ ])
612
+
613
+ const call = (state, data) => {
614
+ console.log('call state',state);
615
+ console.log('call data',data);
616
+ }
617
+
618
+ const tableDataVal = unref(tableData)
619
+
620
+ const fetch = (params) => {
621
+ return new Promise((resolve, reject) => {
622
+ setTimeout(() => {
623
+ resolve({
624
+ data: {
625
+ rows:tableDataVal,
626
+ total: tableDataVal.length
627
+ },
628
+ message: '获取数据成功'
629
+ })
630
+ }, 3000)
631
+ })
632
+ }
633
+ </script>
634
+ <template>
635
+ <div class="bsgoal-search-table-demo">
636
+ <div class="search_table_demo">
637
+ <!-- <DemoTable /> -->
638
+ <BsgoalBaseSearchTable
639
+ selection
640
+ operation
641
+ :call="call"
642
+ :fetch="fetch"
643
+ :config-options="configOptions"
644
+ :expression="75"
645
+ @on-search="triggerSearch"
646
+ >
647
+ <template v-slot:menu>
648
+ <el-button type="primary">操作按钮</el-button>
649
+ </template>
650
+ <template v-slot:operation>
651
+ <el-button type="primary">编辑</el-button>
652
+ </template>
653
+ </BsgoalBaseSearchTable>
654
+ </div>
655
+ </div>
656
+ </template>
657
+ <style lang="scss" scoped>
658
+ /* 自定义样式
659
+ ---------------------------------------------------------------- */
660
+ </style>
661
+ <style lang="scss">
662
+ /* 覆盖样式
663
+ ---------------------------------------------------------------- */
664
+ </style>