eoss-ui 0.5.59 → 0.5.61

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 (36) hide show
  1. package/CHANGELOG.md +929 -0
  2. package/lib/button-group.js +116 -40
  3. package/lib/calendar.js +43 -15
  4. package/lib/card.js +186 -186
  5. package/lib/eoss-ui.common.js +1364 -400
  6. package/lib/form.js +662 -2
  7. package/lib/icon.js +17 -5
  8. package/lib/index.js +1 -1
  9. package/lib/table-form.js +175 -5
  10. package/lib/theme-chalk/button.css +1 -1
  11. package/lib/theme-chalk/calendar.css +1 -0
  12. package/lib/theme-chalk/card.css +1 -1
  13. package/lib/theme-chalk/cascader.css +0 -1
  14. package/lib/theme-chalk/index.css +1 -1
  15. package/lib/theme-chalk/toolbar.css +1 -1
  16. package/lib/toolbar.js +43 -25
  17. package/package.json +2 -2
  18. package/packages/button-group/src/main.vue +47 -16
  19. package/packages/calendar/src/main.vue +26 -7
  20. package/packages/card/src/main.vue +72 -60
  21. package/packages/form/src/main.vue +129 -0
  22. package/packages/form/src/table.vue +33 -0
  23. package/packages/icon/src/main.vue +9 -3
  24. package/packages/theme-chalk/lib/button.css +1 -1
  25. package/packages/theme-chalk/lib/calendar.css +1 -0
  26. package/packages/theme-chalk/lib/card.css +1 -1
  27. package/packages/theme-chalk/lib/cascader.css +0 -1
  28. package/packages/theme-chalk/lib/index.css +1 -1
  29. package/packages/theme-chalk/lib/toolbar.css +1 -1
  30. package/packages/theme-chalk/src/button.scss +3 -0
  31. package/packages/theme-chalk/src/calendar.scss +110 -0
  32. package/packages/theme-chalk/src/card.scss +66 -22
  33. package/packages/theme-chalk/src/cascader.scss +0 -93
  34. package/packages/theme-chalk/src/toolbar.scss +8 -0
  35. package/packages/toolbar/src/main.vue +56 -32
  36. package/src/index.js +1 -1
package/lib/card.js CHANGED
@@ -199,214 +199,202 @@ function normalizeComponent(
199
199
  // ESM COMPAT FLAG
200
200
  __webpack_require__.r(__webpack_exports__);
201
201
 
202
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/card/src/main.vue?vue&type=template&id=46ef4fcd&
202
+ // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/card/src/main.vue?vue&type=template&id=1ead069c&
203
203
  var render = function () {
204
204
  var _vm = this
205
205
  var _h = _vm.$createElement
206
206
  var _c = _vm._self._c || _h
207
207
  return _c(
208
208
  "el-card",
209
- _vm._b({ staticClass: "es-card" }, "el-card", _vm.$attrs, false),
209
+ _vm._b(
210
+ { staticClass: "es-card", class: { "es-card-border-none": !_vm.border } },
211
+ "el-card",
212
+ _vm.$attrs,
213
+ false
214
+ ),
210
215
  [
211
- _c(
212
- "template",
213
- { slot: "header" },
214
- [
215
- _vm.header || _vm.tabs
216
- ? _c(
217
- "div",
218
- {
219
- staticClass: "es-card-header",
220
- class: { "es-card-ornament-hide": !_vm.show },
221
- },
222
- [
223
- _vm.header
224
- ? [
225
- _vm.isObject
226
- ? [
227
- _vm.header.icon
228
- ? _c("i", {
229
- staticClass: "es-header-icon",
230
- class: _vm.header.icon,
231
- })
232
- : _vm._e(),
233
- _vm.header.text
234
- ? _c(
235
- "span",
236
- { staticClass: "es-header-text" },
237
- [_vm._v(_vm._s(_vm.header.text))]
238
- )
239
- : _vm._e(),
240
- _vm.header.icons
241
- ? _c("i", {
242
- staticClass: "es-header-icons",
243
- class: _vm.header.icons,
244
- })
245
- : _vm._e(),
246
- _vm.header.tabs
247
- ? _c(
248
- "el-menu",
249
- {
250
- staticClass: "es-card-menu",
251
- attrs: {
252
- slot: "suffix",
253
- mode: "horizontal",
254
- "default-active": _vm.active,
255
- },
256
- on: { select: _vm.handleSelect },
257
- slot: "suffix",
258
- },
259
- [
260
- _vm._l(_vm.tabs, function (item, index) {
261
- return [
262
- typeof item === "string"
263
- ? _c(
264
- "el-menu-item",
216
+ _c("template", { slot: "header" }, [
217
+ _c(
218
+ "div",
219
+ { staticClass: "es-card-header", class: _vm.modeClass },
220
+ [
221
+ _vm._t("header", [
222
+ _vm.header
223
+ ? [
224
+ _vm.isObject
225
+ ? [
226
+ _vm.header.icon
227
+ ? _c("es-icon", {
228
+ staticClass: "es-header-icon",
229
+ attrs: { contents: _vm.header.icon },
230
+ })
231
+ : _vm._e(),
232
+ _vm.header.text
233
+ ? _c("span", { staticClass: "es-header-text" }, [
234
+ _vm._v(_vm._s(_vm.header.text)),
235
+ ])
236
+ : _vm._e(),
237
+ _vm.header.icons
238
+ ? _c("es-icon", {
239
+ staticClass: "es-header-icons",
240
+ attrs: { contents: _vm.header.icons },
241
+ })
242
+ : _vm._e(),
243
+ _vm.header.tabs
244
+ ? _c(
245
+ "el-menu",
246
+ {
247
+ staticClass: "es-card-menu",
248
+ attrs: {
249
+ slot: "suffix",
250
+ mode: "horizontal",
251
+ "default-active": _vm.active,
252
+ },
253
+ on: { select: _vm.handleSelect },
254
+ slot: "suffix",
255
+ },
256
+ [
257
+ _vm._l(_vm.tabs, function (item, index) {
258
+ return [
259
+ typeof item === "string"
260
+ ? _c(
261
+ "el-menu-item",
262
+ {
263
+ key: index,
264
+ attrs: { index: String(index) },
265
+ },
266
+ [
267
+ _vm._v(
268
+ "\n " +
269
+ _vm._s(item) +
270
+ "\n "
271
+ ),
272
+ ]
273
+ )
274
+ : _c(
275
+ "el-menu-item",
276
+ {
277
+ key: index,
278
+ attrs: {
279
+ index: item.id
280
+ ? item.id
281
+ : String(index),
282
+ },
283
+ },
284
+ [
285
+ _c(
286
+ "el-badge",
265
287
  {
266
- key: index,
267
288
  attrs: {
268
- index: String(index),
289
+ value: item.tips,
290
+ max: _vm.max,
291
+ "is-dot": _vm.isDot,
292
+ hidden:
293
+ !item.tips ||
294
+ item.tips == "0",
269
295
  },
270
296
  },
271
297
  [
272
298
  _vm._v(
273
- "\n " +
274
- _vm._s(item) +
275
- "\n "
299
+ "\n " +
300
+ _vm._s(
301
+ item.name || item.label
302
+ ) +
303
+ "\n "
276
304
  ),
277
305
  ]
278
- )
279
- : _c(
280
- "el-menu-item",
281
- {
282
- key: index,
283
- attrs: {
284
- index: item.id
285
- ? item.id
286
- : String(index),
287
- },
288
- },
289
- [
290
- _c(
291
- "el-badge",
292
- {
293
- attrs: {
294
- value: item.tips,
295
- max: _vm.max,
296
- "is-dot": _vm.isDot,
297
- hidden:
298
- !item.tips ||
299
- item.tips == "0",
300
- },
301
- },
302
- [
303
- _vm._v(
304
- "\n " +
305
- _vm._s(
306
- item.name ||
307
- item.label
308
- ) +
309
- "\n "
310
- ),
311
- ]
312
- ),
313
- ],
314
- 1
315
306
  ),
316
- ]
317
- }),
318
- ],
319
- 2
320
- )
321
- : _vm._e(),
322
- ]
323
- : _c("span", { staticClass: "es-header-text" }, [
324
- _vm._v(_vm._s(_vm.header)),
325
- ]),
326
- ]
327
- : _vm._e(),
328
- [
329
- _vm.tabs
330
- ? _c(
331
- "el-menu",
332
- {
333
- staticClass: "es-card-menu",
334
- attrs: {
335
- slot: "suffix",
336
- mode: "horizontal",
337
- "default-active": _vm.active,
338
- },
339
- on: { select: _vm.handleSelect },
340
- slot: "suffix",
341
- },
342
- [
343
- _vm._l(_vm.tabs, function (item, index) {
344
- return [
345
- typeof item === "string"
346
- ? _c(
347
- "el-menu-item",
348
- {
349
- key: index,
350
- attrs: { index: String(index) },
351
- },
352
- [
353
- _vm._v(
354
- "\n " +
355
- _vm._s(item) +
356
- "\n "
357
- ),
358
- ]
359
- )
360
- : _c(
361
- "el-menu-item",
307
+ ],
308
+ 1
309
+ ),
310
+ ]
311
+ }),
312
+ ],
313
+ 2
314
+ )
315
+ : _vm._e(),
316
+ ]
317
+ : _c("span", { staticClass: "es-header-text" }, [
318
+ _vm._v(_vm._s(_vm.header)),
319
+ ]),
320
+ ]
321
+ : _vm._e(),
322
+ [
323
+ _vm.tabs
324
+ ? _c(
325
+ "el-menu",
326
+ {
327
+ staticClass: "es-card-menu",
328
+ attrs: {
329
+ slot: "suffix",
330
+ mode: "horizontal",
331
+ "default-active": _vm.active,
332
+ },
333
+ on: { select: _vm.handleSelect },
334
+ slot: "suffix",
335
+ },
336
+ [
337
+ _vm._l(_vm.tabs, function (item, index) {
338
+ return [
339
+ typeof item === "string"
340
+ ? _c(
341
+ "el-menu-item",
342
+ {
343
+ key: index,
344
+ attrs: { index: String(index) },
345
+ },
346
+ [
347
+ _vm._v(
348
+ "\n " +
349
+ _vm._s(item) +
350
+ "\n "
351
+ ),
352
+ ]
353
+ )
354
+ : _c(
355
+ "el-menu-item",
356
+ {
357
+ key: index,
358
+ attrs: {
359
+ index: item.id ? item.id : String(index),
360
+ },
361
+ },
362
+ [
363
+ _c(
364
+ "el-badge",
362
365
  {
363
- key: index,
364
366
  attrs: {
365
- index: item.id
366
- ? item.id
367
- : String(index),
367
+ value: item.tips,
368
+ max: _vm.max,
369
+ "is-dot": _vm.isDot,
370
+ hidden:
371
+ !item.tips || item.tips == "0",
368
372
  },
369
373
  },
370
374
  [
371
- _c(
372
- "el-badge",
373
- {
374
- attrs: {
375
- value: item.tips,
376
- max: _vm.max,
377
- "is-dot": _vm.isDot,
378
- hidden:
379
- !item.tips || item.tips == "0",
380
- },
381
- },
382
- [
383
- _vm._v(
384
- "\n " +
385
- _vm._s(
386
- item.name || item.label
387
- ) +
388
- "\n "
389
- ),
390
- ]
375
+ _vm._v(
376
+ "\n " +
377
+ _vm._s(item.name || item.label) +
378
+ "\n "
391
379
  ),
392
- ],
393
- 1
380
+ ]
394
381
  ),
395
- ]
396
- }),
397
- ],
398
- 2
399
- )
400
- : _vm._e(),
401
- ],
402
- _vm._t("suffix"),
403
- ],
404
- 2
405
- )
406
- : _vm._t("header"),
407
- ],
408
- 2
409
- ),
382
+ ],
383
+ 1
384
+ ),
385
+ ]
386
+ }),
387
+ ],
388
+ 2
389
+ )
390
+ : _vm._e(),
391
+ ],
392
+ _vm._t("suffix"),
393
+ ]),
394
+ ],
395
+ 2
396
+ ),
397
+ ]),
410
398
  _vm._t("default"),
411
399
  ],
412
400
  2
@@ -416,7 +404,7 @@ var staticRenderFns = []
416
404
  render._withStripped = true
417
405
 
418
406
 
419
- // CONCATENATED MODULE: ./packages/card/src/main.vue?vue&type=template&id=46ef4fcd&
407
+ // CONCATENATED MODULE: ./packages/card/src/main.vue?vue&type=template&id=1ead069c&
420
408
 
421
409
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/card/src/main.vue?vue&type=script&lang=js&
422
410
  //
@@ -518,6 +506,7 @@ render._withStripped = true
518
506
  //
519
507
  //
520
508
  //
509
+ //
521
510
 
522
511
  /* harmony default export */ var mainvue_type_script_lang_js_ = ({
523
512
  name: 'EsCard',
@@ -527,6 +516,14 @@ render._withStripped = true
527
516
  type: Boolean,
528
517
  default: true
529
518
  },
519
+ mode: {
520
+ type: String,
521
+ default: 'bar'
522
+ },
523
+ border: {
524
+ type: Boolean,
525
+ default: true
526
+ },
530
527
  header: [String, Object],
531
528
  tabs: Array,
532
529
  defaultActive: String,
@@ -552,6 +549,9 @@ render._withStripped = true
552
549
  }
553
550
  return this.defaultActive;
554
551
  }
552
+ },
553
+ modeClass: function modeClass() {
554
+ return this.show ? 'es-card-ornament-' + this.mode : '';
555
555
  }
556
556
  },
557
557
  data: function data() {