eoss-ui 0.5.59 → 0.5.60

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 (34) hide show
  1. package/CHANGELOG.md +929 -0
  2. package/lib/calendar.js +42 -14
  3. package/lib/card.js +186 -186
  4. package/lib/eoss-ui.common.js +1083 -225
  5. package/lib/form.js +662 -2
  6. package/lib/index.js +1 -1
  7. package/lib/table-form.js +175 -5
  8. package/lib/theme-chalk/base.css +1 -1
  9. package/lib/theme-chalk/card.css +1 -1
  10. package/lib/theme-chalk/cascader.css +1 -1
  11. package/lib/theme-chalk/icon.css +1 -1
  12. package/lib/theme-chalk/index.css +1 -1
  13. package/lib/theme-chalk/main.css +1 -1
  14. package/lib/theme-chalk/menu.css +1 -1
  15. package/lib/theme-chalk/sizer.css +1 -1
  16. package/lib/theme-chalk/upload.css +1 -1
  17. package/package.json +2 -2
  18. package/packages/calendar/src/main.vue +25 -6
  19. package/packages/card/src/main.vue +72 -60
  20. package/packages/form/src/main.vue +129 -0
  21. package/packages/form/src/table.vue +33 -0
  22. package/packages/theme-chalk/lib/base.css +1 -1
  23. package/packages/theme-chalk/lib/card.css +1 -1
  24. package/packages/theme-chalk/lib/cascader.css +1 -1
  25. package/packages/theme-chalk/lib/icon.css +1 -1
  26. package/packages/theme-chalk/lib/index.css +1 -1
  27. package/packages/theme-chalk/lib/main.css +1 -1
  28. package/packages/theme-chalk/lib/menu.css +1 -1
  29. package/packages/theme-chalk/lib/sizer.css +1 -1
  30. package/packages/theme-chalk/lib/upload.css +1 -1
  31. package/packages/theme-chalk/src/card.scss +63 -22
  32. package/packages/theme-chalk/src/cascader.scss +21 -5
  33. package/packages/theme-chalk/src/icon.scss +0 -1
  34. package/src/index.js +1 -1
package/lib/calendar.js CHANGED
@@ -199,7 +199,7 @@ 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/calendar/src/main.vue?vue&type=template&id=9b8c6630&
202
+ // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/calendar/src/main.vue?vue&type=template&id=16d22569&
203
203
  var render = function () {
204
204
  var _vm = this
205
205
  var _h = _vm.$createElement
@@ -225,18 +225,27 @@ var render = function () {
225
225
  }),
226
226
  _c(
227
227
  "div",
228
- { staticClass: "es-title", on: { click: _vm.resetDate } },
228
+ { staticClass: "es-title" },
229
229
  [
230
230
  _vm._t(
231
231
  "title",
232
232
  [
233
- _vm._v(
234
- "\n " +
235
- _vm._s(_vm.year) +
236
- "年" +
237
- _vm._s(_vm.month) +
238
- "月\n "
239
- ),
233
+ _c("es-date-picker", {
234
+ staticClass: "es-calendar-picker",
235
+ attrs: {
236
+ type: "month",
237
+ placeholder: "选择日期时间",
238
+ format: "yyyy年M月",
239
+ },
240
+ on: { change: _vm.handleChange },
241
+ model: {
242
+ value: _vm.value,
243
+ callback: function ($$v) {
244
+ _vm.value = $$v
245
+ },
246
+ expression: "value",
247
+ },
248
+ }),
240
249
  ],
241
250
  { year: _vm.year, month: _vm.month }
242
251
  ),
@@ -343,7 +352,7 @@ var staticRenderFns = []
343
352
  render._withStripped = true
344
353
 
345
354
 
346
- // CONCATENATED MODULE: ./packages/calendar/src/main.vue?vue&type=template&id=9b8c6630&
355
+ // CONCATENATED MODULE: ./packages/calendar/src/main.vue?vue&type=template&id=16d22569&
347
356
 
348
357
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/calendar/src/main.vue?vue&type=script&lang=js&
349
358
  //
@@ -398,6 +407,14 @@ render._withStripped = true
398
407
  //
399
408
  //
400
409
  //
410
+ //
411
+ //
412
+ //
413
+ //
414
+ //
415
+ //
416
+ //
417
+ //
401
418
 
402
419
  /* harmony default export */ var mainvue_type_script_lang_js_ = ({
403
420
  name: 'esCalendar',
@@ -457,8 +474,9 @@ render._withStripped = true
457
474
  },
458
475
  data: function data() {
459
476
  return {
477
+ value: '',
460
478
  year: '',
461
- _month: '',
479
+ month: '',
462
480
  weeks: ['日', '一', '二', '三', '四', '五', '六'],
463
481
  weekDate: [],
464
482
  week7: '',
@@ -504,9 +522,10 @@ render._withStripped = true
504
522
  this.daysList = daysList;
505
523
  this.year = year;
506
524
  this.month = month;
507
- if (!this.weekDate.length) {
508
- this.weekDate = weekDate;
509
- }
525
+ this.value = year + '\u5E74' + month + '\u6708';
526
+ //if (!this.weekDate.length) {
527
+ this.weekDate = weekDate;
528
+ //}
510
529
  this.$emit('init', dates);
511
530
  return dates;
512
531
  },
@@ -584,6 +603,15 @@ render._withStripped = true
584
603
  var res = this.init(year + '/' + month + '/' + date);
585
604
  this.$emit('next', res, 'month');
586
605
  },
606
+ handleChange: function handleChange(val) {
607
+ var dates = val.replace('月', '').split('年');
608
+ var year = dates[0];
609
+ var month = dates[1];
610
+ month = month.padStart(2, '0');
611
+ var date = '01';
612
+ var res = this.init(year + '/' + month + '/' + date);
613
+ this.$emit('change', res);
614
+ },
587
615
 
588
616
  //获取当月或指定日期所在月天数
589
617
  getDays: function getDays(res) {
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=4bbf6102&
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("i", {
228
+ staticClass: "es-header-icon",
229
+ class: _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("i", {
239
+ staticClass: "es-header-icons",
240
+ class: _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=4bbf6102&
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() {