mcdis-vue-ui-library 1.1.219 → 1.1.221

package/dist/vue-ui-lib.common.js

@@ -161,6 +161,17 @@ module.exports = function (fn, that, length) {
 };
 
 
+/***/ }),
+
+/***/ "03b8":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Select_vue_vue_type_style_index_0_id_4878bade_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b97f");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Select_vue_vue_type_style_index_0_id_4878bade_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Select_vue_vue_type_style_index_0_id_4878bade_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "04d1":
@@ -4277,6 +4288,20 @@ if (PATCH) {
 module.exports = patchedExec;
 
 
+/***/ }),
+
+/***/ "938a":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".select[data-v-4878bade]{z-index:1}.select[data-v-4878bade],.select__selected[data-v-4878bade]{width:100%;position:relative}.select__selected[data-v-4878bade]{height:40px;background-color:var(--back90);box-shadow:0 0 0 1px rgba(0,0,0,.1);border-radius:5px;overflow:hidden;display:flex;align-items:center;padding:0 40px 0 10px;cursor:pointer}.select__selected[data-v-4878bade]:hover{box-shadow:0 0 3px 1px rgba(0,0,0,.1)}.select__selected p[data-v-4878bade]{font-size:.875em;color:var(--text100)}.select__arrowicon[data-v-4878bade]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;position:absolute;top:10px;right:10px}.select__arrowicon_visible[data-v-4878bade]{transform:rotate(180deg)}.select__arrowicon svg[data-v-4878bade]{width:12px;fill:var(--text100)}.select__dropdown[data-v-4878bade]{width:100%;height:290px;background-color:var(--back90);box-shadow:0 0 3px 1px rgba(0,0,0,.1);border-radius:5px;overflow:hidden;position:absolute}.select__dropdown[data-v-4878bade]:not(.select__dropdown_top){top:calc(100% + 10px)}.select__dropdown_top[data-v-4878bade]{bottom:calc(100% + 10px)}.select__substrate[data-v-4878bade]{width:100%;padding:10px 20px 10px 10px;position:absolute;top:0;left:0}.select__item[data-v-4878bade]{width:100%;height:30px;border-radius:5px;overflow:hidden;display:flex;align-items:center;padding:0 40px 0 10px;cursor:pointer;position:relative}.select__item_selected[data-v-4878bade]{background-color:var(--back60)}.select__item[data-v-4878bade]:not(.select__item_selected):hover{background-color:var(--back80)}.select__item[data-v-4878bade]:not(:first-child){margin-top:10px}.select__item p[data-v-4878bade]{white-space:nowrap;font-size:.875em;color:var(--text100)}.select__item_selected .select__check[data-v-4878bade]{opacity:1}.select__check[data-v-4878bade]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:0;position:absolute;top:5px;right:10px}.select__check svg[data-v-4878bade]{fill:var(--primary100)}.select__scroll[data-v-4878bade]{width:4px;height:calc(100% - 20px);overflow:hidden;position:absolute;top:10px;right:6px}.select__current[data-v-4878bade]{width:4px;height:50px;background-color:var(--back60);border-radius:2px;position:absolute;top:0;left:0}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "94ca":
@@ -5760,6 +5785,22 @@ module.exports = exports;
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "b97f":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("938a");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("57832269", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "bb2f":
@@ -7139,6 +7180,7 @@ __webpack_require__.d(components_namespaceObject, "Combobox", function() { retur
 __webpack_require__.d(components_namespaceObject, "DataGrid", function() { return SimpleDataGrid; });
 __webpack_require__.d(components_namespaceObject, "McLazyObserver", function() { return components_LazyObserver; });
 __webpack_require__.d(components_namespaceObject, "PopupTooltip", function() { return components_PopupTooltip; });
+__webpack_require__.d(components_namespaceObject, "Select", function() { return components_Select; });
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
 // This file is imported into lib/wc client bundles.
@@ -12959,6 +13001,182 @@ const PopupTooltip_exports_ = /*#__PURE__*/exportHelper_default()(PopupTooltipvu
 // CONCATENATED MODULE: ./src/components/PopupTooltip/index.js
 
 /* harmony default export */ var components_PopupTooltip = (PopupTooltip);
+// 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/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Select/Select.vue?vue&type=template&id=4878bade&scoped=true
+
+
+var Selectvue_type_template_id_4878bade_scoped_true_withScopeId = function _withScopeId(n) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-4878bade"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
+};
+
+var Selectvue_type_template_id_4878bade_scoped_true_hoisted_1 = {
+  key: 0,
+  class: "select"
+};
+var Selectvue_type_template_id_4878bade_scoped_true_hoisted_2 = ["onClick"];
+var Selectvue_type_template_id_4878bade_scoped_true_hoisted_3 = ["title"];
+var Selectvue_type_template_id_4878bade_scoped_true_hoisted_4 = {
+  class: "select__check"
+};
+var Selectvue_type_template_id_4878bade_scoped_true_hoisted_5 = {
+  key: 0,
+  ref: "scroll",
+  class: "select__scroll"
+};
+var Selectvue_type_template_id_4878bade_scoped_true_hoisted_6 = {
+  key: 1
+};
+function Selectvue_type_template_id_4878bade_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _$props$selected, _$props$selected2;
+
+  var _component_ArrowDownIcon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ArrowDownIcon");
+
+  var _component_CheckIcon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("CheckIcon");
+
+  return $props.isHaveAccess !== false ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", Selectvue_type_template_id_4878bade_scoped_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    class: "select__selected",
+    onClick: _cache[0] || (_cache[0] = function () {
+      return $options.switchVisible && $options.switchVisible.apply($options, arguments);
+    })
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.selected ? (_$props$selected = $props.selected) === null || _$props$selected === void 0 ? void 0 : _$props$selected.value : "Not choosen"), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["select__arrowicon", {
+      select__arrowicon_visible: _ctx.isVisible
+    }])
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ArrowDownIcon)], 2)]), _ctx.isVisible ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+    key: 0,
+    ref: "dropdown",
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["select__dropdown", {
+      select__dropdown_top: _ctx.isTopPosition
+    }]),
+    onMousewheel: _cache[1] || (_cache[1] = function () {
+      return $options.scrollSubstrate && $options.scrollSubstrate.apply($options, arguments);
+    })
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    ref: "substrate",
+    class: "select__substrate",
+    style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
+      top: "".concat(_ctx.offsetSubstrate, "px")
+    })
+  }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($props.list, function (item) {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+      key: item,
+      class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["select__item", {
+        select__item_selected: item === $props.selected
+      }]),
+      onClick: function onClick($event) {
+        return $options.choose(item);
+      }
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", {
+      title: item === null || item === void 0 ? void 0 : item.value
+    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item === null || item === void 0 ? void 0 : item.value), 9, Selectvue_type_template_id_4878bade_scoped_true_hoisted_3), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", Selectvue_type_template_id_4878bade_scoped_true_hoisted_4, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_CheckIcon)])], 10, Selectvue_type_template_id_4878bade_scoped_true_hoisted_2);
+  }), 128))], 4), _ctx.isVisibleScroll ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", Selectvue_type_template_id_4878bade_scoped_true_hoisted_5, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    class: "select__current",
+    style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
+      top: "".concat(_ctx.offsetScroll, "px")
+    })
+  }, null, 4)], 512)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 34)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("p", Selectvue_type_template_id_4878bade_scoped_true_hoisted_6, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.selected ? (_$props$selected2 = $props.selected) === null || _$props$selected2 === void 0 ? void 0 : _$props$selected2.value : "Not choosen"), 1));
+}
+// CONCATENATED MODULE: ./src/components/Select/Select.vue?vue&type=template&id=4878bade&scoped=true
+
+// 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/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Select/Select.vue?vue&type=script&lang=js
+
+
+/* harmony default export */ var Selectvue_type_script_lang_js = ({
+  name: "Select",
+  components: {
+    ArrowDownIcon: arrow_down,
+    CheckIcon: check
+  },
+  props: ["list", "selected", "isHaveAccess"],
+  emits: ["update:choose"],
+  data: function data() {
+    return {
+      isVisible: false,
+      isVisibleScroll: false,
+      isTopPosition: false,
+      offsetSubstrate: 0,
+      offsetScroll: 0
+    };
+  },
+  watch: {
+    isVisible: function isVisible(_isVisible) {
+      var _this = this;
+
+      if (_isVisible) {
+        this.$nextTick(function () {
+          var _this$$refs = _this.$refs,
+              dropdown = _this$$refs.dropdown,
+              substrate = _this$$refs.substrate;
+
+          var _dropdown$getBounding = dropdown === null || dropdown === void 0 ? void 0 : dropdown.getBoundingClientRect(),
+              bottom = _dropdown$getBounding.bottom;
+
+          _this.isTopPosition = bottom > document.documentElement.clientHeight;
+          _this.isVisibleScroll = substrate.clientHeight > dropdown.clientHeight;
+        });
+      } else {
+        this.isTopPosition = false;
+      }
+    }
+  },
+  mounted: function mounted() {
+    document.addEventListener("click", this.clickOutside);
+  },
+  beforeUnmount: function beforeUnmount() {
+    document.removeEventListener("click", this.clickOutside);
+  },
+  methods: {
+    switchVisible: function switchVisible() {
+      this.isVisible = !this.isVisible;
+    },
+    scrollSubstrate: function scrollSubstrate(e) {
+      e.preventDefault();
+      var step = 30;
+      var _this$$refs2 = this.$refs,
+          dropdown = _this$$refs2.dropdown,
+          substrate = _this$$refs2.substrate,
+          scroll = _this$$refs2.scroll;
+      if (substrate.clientHeight < dropdown.clientHeight) return;
+      var maxOffsetScroll = scroll.clientHeight - 50;
+      var maxOffsetSubstrate = dropdown.clientHeight - substrate.clientHeight;
+      var positionScroll = maxOffsetScroll / (Math.abs(maxOffsetSubstrate) / step);
+
+      if (e.deltaY >= 0) {
+        this.offsetSubstrate = this.offsetSubstrate > maxOffsetSubstrate ? this.offsetSubstrate - step : maxOffsetSubstrate;
+        this.offsetScroll = this.offsetScroll < maxOffsetScroll ? this.offsetScroll + positionScroll : maxOffsetScroll;
+      } else {
+        this.offsetSubstrate = this.offsetSubstrate < 0 ? this.offsetSubstrate + step : 0;
+        this.offsetScroll = this.offsetScroll > 0 ? this.offsetScroll - positionScroll : 0;
+      }
+    },
+    choose: function choose(value) {
+      this.$emit("update:choose", value);
+    },
+    clickOutside: function clickOutside(_ref) {
+      var target = _ref.target;
+      var isSelect = target.closest(".select");
+      if (!isSelect && this.isVisible) this.isVisible = false;
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/Select/Select.vue?vue&type=script&lang=js
+ 
+// EXTERNAL MODULE: ./src/components/Select/Select.vue?vue&type=style&index=0&id=4878bade&lang=scss&scoped=true
+var Selectvue_type_style_index_0_id_4878bade_lang_scss_scoped_true = __webpack_require__("03b8");
+
+// CONCATENATED MODULE: ./src/components/Select/Select.vue
+
+
+
+
+
+
+
+const Select_exports_ = /*#__PURE__*/exportHelper_default()(Selectvue_type_script_lang_js, [['render',Selectvue_type_template_id_4878bade_scoped_true_render],['__scopeId',"data-v-4878bade"]])
+
+/* harmony default export */ var Select = (Select_exports_);
+// CONCATENATED MODULE: ./src/components/Select/index.js
+
+/* harmony default export */ var components_Select = (Select);
 // CONCATENATED MODULE: ./src/components/index.js
 
 
@@ -12989,6 +13207,7 @@ const PopupTooltip_exports_ = /*#__PURE__*/exportHelper_default()(PopupTooltipvu
 
 
 
+
 // CONCATENATED MODULE: ./lib/main.js
 
  //import EvtBus from "../src/EventBus";