@everchron/ec-shards 0.7.56 → 0.7.57
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/dist/ec-shards.common.js +206 -0
- package/dist/ec-shards.common.js.map +1 -1
- package/dist/ec-shards.css +1 -1
- package/dist/ec-shards.umd.js +206 -0
- package/dist/ec-shards.umd.js.map +1 -1
- package/dist/ec-shards.umd.min.js +2 -2
- package/dist/ec-shards.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/collection-control/collection-control.vue +199 -0
- package/src/components/index.js +2 -0
- package/src/stories/Introduction.stories.mdx +4 -4
- package/src/stories/collection-control/collection-control.stories.js +101 -0
- package/src/stories/collection-control/collection-control.stories.mdx +66 -0
package/dist/ec-shards.common.js
CHANGED
|
@@ -5199,6 +5199,13 @@ module.exports = {
|
|
|
5199
5199
|
|
|
5200
5200
|
/***/ }),
|
|
5201
5201
|
|
|
5202
|
+
/***/ "5b39":
|
|
5203
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
5204
|
+
|
|
5205
|
+
// extracted by mini-css-extract-plugin
|
|
5206
|
+
|
|
5207
|
+
/***/ }),
|
|
5208
|
+
|
|
5202
5209
|
/***/ "5bd8":
|
|
5203
5210
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
5204
5211
|
|
|
@@ -8257,6 +8264,32 @@ var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPO
|
|
|
8257
8264
|
var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
|
|
8258
8265
|
/* harmony default export */ __webpack_exports__["default"] = (symbol);
|
|
8259
8266
|
|
|
8267
|
+
/***/ }),
|
|
8268
|
+
|
|
8269
|
+
/***/ "a15b":
|
|
8270
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
8271
|
+
|
|
8272
|
+
"use strict";
|
|
8273
|
+
|
|
8274
|
+
var $ = __webpack_require__("23e7");
|
|
8275
|
+
var IndexedObject = __webpack_require__("44ad");
|
|
8276
|
+
var toIndexedObject = __webpack_require__("fc6a");
|
|
8277
|
+
var arrayMethodIsStrict = __webpack_require__("a640");
|
|
8278
|
+
|
|
8279
|
+
var nativeJoin = [].join;
|
|
8280
|
+
|
|
8281
|
+
var ES3_STRINGS = IndexedObject != Object;
|
|
8282
|
+
var STRICT_METHOD = arrayMethodIsStrict('join', ',');
|
|
8283
|
+
|
|
8284
|
+
// `Array.prototype.join` method
|
|
8285
|
+
// https://tc39.es/ecma262/#sec-array.prototype.join
|
|
8286
|
+
$({ target: 'Array', proto: true, forced: ES3_STRINGS || !STRICT_METHOD }, {
|
|
8287
|
+
join: function join(separator) {
|
|
8288
|
+
return nativeJoin.call(toIndexedObject(this), separator === undefined ? ',' : separator);
|
|
8289
|
+
}
|
|
8290
|
+
});
|
|
8291
|
+
|
|
8292
|
+
|
|
8260
8293
|
/***/ }),
|
|
8261
8294
|
|
|
8262
8295
|
/***/ "a15f":
|
|
@@ -9656,6 +9689,17 @@ module.exports = false;
|
|
|
9656
9689
|
/* unused harmony reexport * */
|
|
9657
9690
|
|
|
9658
9691
|
|
|
9692
|
+
/***/ }),
|
|
9693
|
+
|
|
9694
|
+
/***/ "c550":
|
|
9695
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
9696
|
+
|
|
9697
|
+
"use strict";
|
|
9698
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collection_control_vue_vue_type_style_index_0_id_f8b234b2_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5b39");
|
|
9699
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collection_control_vue_vue_type_style_index_0_id_f8b234b2_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_collection_control_vue_vue_type_style_index_0_id_f8b234b2_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
|
|
9700
|
+
/* unused harmony reexport * */
|
|
9701
|
+
|
|
9702
|
+
|
|
9659
9703
|
/***/ }),
|
|
9660
9704
|
|
|
9661
9705
|
/***/ "c5f9":
|
|
@@ -10604,6 +10648,29 @@ module.exports = function (KEY, exec, FORCED, SHAM) {
|
|
|
10604
10648
|
/* unused harmony reexport * */
|
|
10605
10649
|
|
|
10606
10650
|
|
|
10651
|
+
/***/ }),
|
|
10652
|
+
|
|
10653
|
+
/***/ "d81d":
|
|
10654
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
10655
|
+
|
|
10656
|
+
"use strict";
|
|
10657
|
+
|
|
10658
|
+
var $ = __webpack_require__("23e7");
|
|
10659
|
+
var $map = __webpack_require__("b727").map;
|
|
10660
|
+
var arrayMethodHasSpeciesSupport = __webpack_require__("1dde");
|
|
10661
|
+
|
|
10662
|
+
var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('map');
|
|
10663
|
+
|
|
10664
|
+
// `Array.prototype.map` method
|
|
10665
|
+
// https://tc39.es/ecma262/#sec-array.prototype.map
|
|
10666
|
+
// with adding support of @@species
|
|
10667
|
+
$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
|
|
10668
|
+
map: function map(callbackfn /* , thisArg */) {
|
|
10669
|
+
return $map(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
|
|
10670
|
+
}
|
|
10671
|
+
});
|
|
10672
|
+
|
|
10673
|
+
|
|
10607
10674
|
/***/ }),
|
|
10608
10675
|
|
|
10609
10676
|
/***/ "d82c":
|
|
@@ -14309,6 +14376,143 @@ var collapse_component = normalizeComponent(
|
|
|
14309
14376
|
)
|
|
14310
14377
|
|
|
14311
14378
|
/* harmony default export */ var collapse = (collapse_component.exports);
|
|
14379
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e1d4f608-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/collection-control/collection-control.vue?vue&type=template&id=f8b234b2&scoped=true&
|
|
14380
|
+
var collection_controlvue_type_template_id_f8b234b2_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-collection-control",class:[
|
|
14381
|
+
_vm.noBorder ? '' : 'bordered',
|
|
14382
|
+
_vm.isVisible ? '' : 'collapsed',
|
|
14383
|
+
_vm.size
|
|
14384
|
+
]},[_c('div',{staticClass:"ecs-collection-control-header",class:_vm.isVisible ? '' : 'collapsed',on:{"click":_vm.toggleCollapse}},[(_vm.icon)?_c('ecs-icon',{attrs:{"type":_vm.icon,"color":"#858E9E","width":_vm.iconSize,"height":_vm.iconSize}}):_vm._e(),_vm._v(" "),(_vm.label)?_c('div',{staticClass:"description"},[_vm._v(_vm._s(_vm.label))]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"collection",attrs:{"title":_vm.fullTooltip}},_vm._l((_vm.collection),function(item){return (item.value)?_c('span',{key:item.name},[_vm._v(_vm._s(item.name))]):_vm._e()}))],1),_vm._v(" "),_c('div',{staticClass:"collapse",class:_vm.isVisible ? 'collapse-show' : 'collapse-hide'},[_c('div',{staticClass:"ecs-collection-control-list scrollbar scrollbar-sml",style:(_vm.listMaxHeight)},[_vm._t("default")],2)])])}
|
|
14385
|
+
var collection_controlvue_type_template_id_f8b234b2_scoped_true_staticRenderFns = []
|
|
14386
|
+
|
|
14387
|
+
|
|
14388
|
+
// CONCATENATED MODULE: ./src/components/collection-control/collection-control.vue?vue&type=template&id=f8b234b2&scoped=true&
|
|
14389
|
+
|
|
14390
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.join.js
|
|
14391
|
+
var es_array_join = __webpack_require__("a15b");
|
|
14392
|
+
|
|
14393
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.map.js
|
|
14394
|
+
var es_array_map = __webpack_require__("d81d");
|
|
14395
|
+
|
|
14396
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/collection-control/collection-control.vue?vue&type=script&lang=js&
|
|
14397
|
+
|
|
14398
|
+
|
|
14399
|
+
|
|
14400
|
+
|
|
14401
|
+
|
|
14402
|
+
//
|
|
14403
|
+
//
|
|
14404
|
+
//
|
|
14405
|
+
//
|
|
14406
|
+
//
|
|
14407
|
+
//
|
|
14408
|
+
//
|
|
14409
|
+
//
|
|
14410
|
+
//
|
|
14411
|
+
//
|
|
14412
|
+
//
|
|
14413
|
+
//
|
|
14414
|
+
//
|
|
14415
|
+
//
|
|
14416
|
+
//
|
|
14417
|
+
//
|
|
14418
|
+
//
|
|
14419
|
+
//
|
|
14420
|
+
//
|
|
14421
|
+
//
|
|
14422
|
+
//
|
|
14423
|
+
|
|
14424
|
+
/* harmony default export */ var collection_controlvue_type_script_lang_js_ = ({
|
|
14425
|
+
components: {
|
|
14426
|
+
EcsIcon: icon
|
|
14427
|
+
},
|
|
14428
|
+
props: {
|
|
14429
|
+
icon: {
|
|
14430
|
+
type: String
|
|
14431
|
+
},
|
|
14432
|
+
size: {
|
|
14433
|
+
type: String,
|
|
14434
|
+
validator: function validator(v) {
|
|
14435
|
+
return ['md', 'lg'].includes(v);
|
|
14436
|
+
},
|
|
14437
|
+
default: 'lg'
|
|
14438
|
+
},
|
|
14439
|
+
visible: {
|
|
14440
|
+
type: Boolean,
|
|
14441
|
+
default: false
|
|
14442
|
+
},
|
|
14443
|
+
label: {
|
|
14444
|
+
type: String
|
|
14445
|
+
},
|
|
14446
|
+
noBorder: {
|
|
14447
|
+
type: Boolean,
|
|
14448
|
+
default: false
|
|
14449
|
+
},
|
|
14450
|
+
collection: {
|
|
14451
|
+
type: Array,
|
|
14452
|
+
required: true
|
|
14453
|
+
},
|
|
14454
|
+
maxHeight: {
|
|
14455
|
+
type: Number,
|
|
14456
|
+
default: null
|
|
14457
|
+
}
|
|
14458
|
+
},
|
|
14459
|
+
data: function data() {
|
|
14460
|
+
return {
|
|
14461
|
+
isVisible: this.visible
|
|
14462
|
+
};
|
|
14463
|
+
},
|
|
14464
|
+
computed: {
|
|
14465
|
+
iconSize: function iconSize() {
|
|
14466
|
+
return this.size === 'md' ? '24px' : '30px';
|
|
14467
|
+
},
|
|
14468
|
+
fullTooltip: function fullTooltip() {
|
|
14469
|
+
// FIX ME: should only join items that are value true
|
|
14470
|
+
return this.collection.map(function (item) {
|
|
14471
|
+
return item.name;
|
|
14472
|
+
}).join(', ');
|
|
14473
|
+
},
|
|
14474
|
+
listMaxHeight: function listMaxHeight() {
|
|
14475
|
+
return this.maxHeight ? "max-height: ".concat(this.maxHeight, "px") : null;
|
|
14476
|
+
}
|
|
14477
|
+
},
|
|
14478
|
+
methods: {
|
|
14479
|
+
toggleCollapse: function toggleCollapse() {
|
|
14480
|
+
this.isVisible = !this.isVisible;
|
|
14481
|
+
this.$emit('toggled', this.id, this.isVisible);
|
|
14482
|
+
}
|
|
14483
|
+
},
|
|
14484
|
+
watch: {
|
|
14485
|
+
visible: function visible() {
|
|
14486
|
+
this.isVisible = this.visible;
|
|
14487
|
+
}
|
|
14488
|
+
}
|
|
14489
|
+
});
|
|
14490
|
+
// CONCATENATED MODULE: ./src/components/collection-control/collection-control.vue?vue&type=script&lang=js&
|
|
14491
|
+
/* harmony default export */ var collection_control_collection_controlvue_type_script_lang_js_ = (collection_controlvue_type_script_lang_js_);
|
|
14492
|
+
// EXTERNAL MODULE: ./src/components/collection-control/collection-control.vue?vue&type=style&index=0&id=f8b234b2&lang=scss&scoped=true&
|
|
14493
|
+
var collection_controlvue_type_style_index_0_id_f8b234b2_lang_scss_scoped_true_ = __webpack_require__("c550");
|
|
14494
|
+
|
|
14495
|
+
// CONCATENATED MODULE: ./src/components/collection-control/collection-control.vue
|
|
14496
|
+
|
|
14497
|
+
|
|
14498
|
+
|
|
14499
|
+
|
|
14500
|
+
|
|
14501
|
+
|
|
14502
|
+
/* normalize component */
|
|
14503
|
+
|
|
14504
|
+
var collection_control_component = normalizeComponent(
|
|
14505
|
+
collection_control_collection_controlvue_type_script_lang_js_,
|
|
14506
|
+
collection_controlvue_type_template_id_f8b234b2_scoped_true_render,
|
|
14507
|
+
collection_controlvue_type_template_id_f8b234b2_scoped_true_staticRenderFns,
|
|
14508
|
+
false,
|
|
14509
|
+
null,
|
|
14510
|
+
"f8b234b2",
|
|
14511
|
+
null
|
|
14512
|
+
|
|
14513
|
+
)
|
|
14514
|
+
|
|
14515
|
+
/* harmony default export */ var collection_control = (collection_control_component.exports);
|
|
14312
14516
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e1d4f608-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/comment/comment.vue?vue&type=template&id=43788158&scoped=true&
|
|
14313
14517
|
var commentvue_type_template_id_43788158_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-comment"},[_c('div',{staticClass:"ecs-comment-header"},[_c('div',{staticClass:"ecs-comment-autor"},[_c('ecs-avatar',{attrs:{"name":_vm.userName,"image":_vm.userImage,"size":30,"rounded":""}}),_vm._v(" "),_c('div',{staticClass:"ecs-comment-meta"},[_c('span',{staticClass:"ecs-comment-meta-name"},[_vm._v(_vm._s(_vm.userName))]),_vm._v(" "),_c('span',{staticClass:"ecs-comment-meta-time"},[_vm._t("commentdate")],2)])],1),_vm._v(" "),(_vm.canEdit)?_c('div',{staticClass:"ecs-comment-actions"},[_c('ecs-button',{attrs:{"type":"secondary","size":"xsml","icon":"edit","icon-only":"","title":"Edit Comment"},on:{"click":function($event){_vm.$emit('edit', $event)}}}),_vm._v(" "),_c('ecs-button',{attrs:{"type":"danger","size":"xsml","icon":"delete","icon-only":"","title":"Delete Comment"},on:{"click":function($event){_vm.$emit('delete', $event)}}})],1):_vm._e()]),_vm._v(" "),(!_vm.$slots.editform)?_c('ecs-formatted',{staticClass:"ecs-comment-body"},[_vm._t("default")],2):_c('div',{staticClass:"ecs-comment-edit"},[_vm._t("editform")],2)],1)}
|
|
14314
14518
|
var commentvue_type_template_id_43788158_scoped_true_staticRenderFns = []
|
|
@@ -21268,6 +21472,7 @@ var video_component = normalizeComponent(
|
|
|
21268
21472
|
|
|
21269
21473
|
|
|
21270
21474
|
|
|
21475
|
+
|
|
21271
21476
|
|
|
21272
21477
|
|
|
21273
21478
|
//import EcsCommentForm from "./comment-form/comment-form.vue"
|
|
@@ -21376,6 +21581,7 @@ var Components = {
|
|
|
21376
21581
|
EcsCheckbox: checkbox_checkbox,
|
|
21377
21582
|
EcsCard: card,
|
|
21378
21583
|
EcsCollapse: collapse,
|
|
21584
|
+
EcsCollectionControl: collection_control,
|
|
21379
21585
|
EcsComment: comment,
|
|
21380
21586
|
// EcsCommentForm,
|
|
21381
21587
|
EcsCommentList: comment_list,
|