eoss-ui 0.4.79-beta.0 → 0.4.80

package/lib/input-number.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 70);
+/******/ 	return __webpack_require__(__webpack_require__.s = 71);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -3366,7 +3366,7 @@ module.exports = require("sm-crypto");
 
 /***/ }),
 
-/***/ 70:
+/***/ 71:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/lib/input.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 69);
+/******/ 	return __webpack_require__(__webpack_require__.s = 70);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -3384,7 +3384,14 @@ module.exports = require("json-bigint");
 
 /***/ }),
 
-/***/ 69:
+/***/ 7:
+/***/ (function(module, exports) {
+
+module.exports = require("sm-crypto");
+
+/***/ }),
+
+/***/ 70:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -3703,13 +3710,6 @@ main.install = function (Vue) {
 
 /* harmony default export */ var input = __webpack_exports__["default"] = (main);
 
-/***/ }),
-
-/***/ 7:
-/***/ (function(module, exports) {
-
-module.exports = require("sm-crypto");
-
 /***/ })
 
 /******/ });

package/lib/label.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 71);
+/******/ 	return __webpack_require__(__webpack_require__.s = 72);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -192,7 +192,7 @@ function normalizeComponent(
 
 /***/ }),
 
-/***/ 71:
+/***/ 72:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -247,7 +247,9 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
       type: String,
       default: '120px'
     },
-    plain: Boolean
+    plain: Boolean,
+    events: Object,
+    event: Function
   },
   computed: {
     isRequired: function isRequired() {
@@ -273,7 +275,27 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
     };
   },
   mounted: function mounted() {},
+
+  methods: {
+    handleClick: function handleClick(e, type, obj) {
+      e.stopPropagation();
+      e.preventDefault();
+      if (type) {
+        if (this.events && this.events[type] && typeof this.events[type] === 'function') {
+          var _events;
+
+          var params = obj ? [obj, e] : [e];
+          (_events = this.events)[type].apply(_events, params);
+        }
+      } else {
+        this.event && this.event(this, e);
+        this.$emit('click', this, e);
+      }
+    }
+  },
   render: function render(h) {
+    var _this = this;
+
     var i = 0;
     var doms = [];
     if (!this.hide) {
@@ -287,21 +309,43 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
         if (this.icon) {
           if (this.icon.indexOf('es-icon-') > -1 || this.icon.indexOf('el-icon-') > -1) {
             doms.push(h('i', {
-              class: this.icon
+              class: [this.icon, this.events && this.events['icon'] ? 'es-pointer' : ''],
+              on: {
+                click: function click(e) {
+                  _this.handleClick(e, 'icon');
+                }
+              }
             }));
           } else if (this.icon.indexOf('&#') > -1) {
-            doms.push(h('i', { class: 'es-label-icon es-icons' }, [this.icon]));
+            doms.push(h('i', {
+              class: ['es-label-icon', 'es-icons', this.events && this.events['icon'] ? 'es-pointer' : ''],
+              on: {
+                click: function click(e) {
+                  _this.handleClick(e, 'icon');
+                }
+              }
+            }, [this.icon]));
           } else {
             doms.push(h('el-icon', {
-              class: 'es-label-icon',
-              props: { name: this.icon }
+              class: ['es-label-icon', this.events && this.events['icon'] ? 'es-pointer' : ''],
+              props: { name: this.icon },
+              on: {
+                click: function click(e) {
+                  _this.handleClick(e, 'icon');
+                }
+              }
             }));
           }
         }
         if (this.image || this.img) {
           doms.push(h('img', {
-            class: 'es-label-img',
-            attrs: { src: this.image || this.img }
+            class: ['es-label-img', this.events && (this.events['image'] || this.events['img']) ? 'es-pointer' : ''],
+            attrs: { src: this.image || this.img },
+            on: {
+              click: function click(e) {
+                _this.handleClick(e, _this.image ? 'image' : 'img');
+              }
+            }
           }));
         }
         if (this.tips) {
@@ -338,27 +382,54 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
             case 'icon':
               if (this.contents[_i].indexOf('es-icon-') > -1 || this.contents[_i].indexOf('el-icon-') > -1) {
                 doms.push(h('i', {
-                  class: this.contents[_i]
+                  class: [this.contents[_i], this.events && this.events['icon'] ? 'es-pointer' : ''],
+                  on: {
+                    click: function click(e) {
+                      _this.handleClick(e, 'icon');
+                    }
+                  }
                 }));
               } else if (this.contents[_i].indexOf('&#') > -1) {
-                doms.push(h('i', { class: 'es-label-icon es-icons' }, [this.contents[_i]]));
+                doms.push(h('i', {
+                  class: ['es-label-icon', 'es-icons', this.events && this.events['icon'] ? 'es-pointer' : ''],
+                  on: {
+                    click: function click(e) {
+                      _this.handleClick(e, 'icon');
+                    }
+                  }
+                }, [this.contents[_i]]));
               } else {
                 doms.push(h('el-icon', {
-                  class: 'es-label-icon',
-                  props: { name: this.contents[_i] }
+                  class: ['es-label-icon', this.events && this.events['icon'] ? 'es-pointer' : ''],
+                  props: { name: this.contents[_i] },
+                  on: {
+                    click: function click(e) {
+                      _this.handleClick(e, 'icon');
+                    }
+                  }
                 }));
               }
               break;
             case 'img':
               doms.push(h('img', {
-                class: 'es-label-img',
-                attrs: { src: this.contents[_i] }
+                class: ['es-label-img', this.events && this.events['img'] ? 'es-pointer' : ''],
+                attrs: { src: this.contents[_i] },
+                on: {
+                  click: function click(e) {
+                    _this.handleClick(e, 'img');
+                  }
+                }
               }));
               break;
             case 'image':
               doms.push(h('img', {
-                class: 'es-label-img',
-                attrs: { src: this.contents[_i] }
+                class: ['es-label-img', this.events && this.events['image'] ? 'es-pointer' : ''],
+                attrs: { src: this.contents[_i] },
+                on: {
+                  click: function click(e) {
+                    _this.handleClick(e, 'img');
+                  }
+                }
               }));
               break;
             case 'tips':
@@ -399,7 +470,10 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
       if (this.plain) {
         doms.push('：');
       }
-      return h('span', { class: { 'es-label': true, 'es-is-required': this.isRequired } }, doms);
+      return h('span', {
+        class: { 'es-label': true, 'es-is-required': this.isRequired },
+        on: { click: this.handleClick }
+      }, doms);
     } else {
       return '';
     }

package/lib/layout.js

@@ -82,11 +82,18 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 46);
+/******/ 	return __webpack_require__(__webpack_require__.s = 32);
 /******/ })
 /************************************************************************/
 /******/ ({
 
+/***/ 14:
+/***/ (function(module, exports) {
+
+module.exports = require("interactjs");
+
+/***/ }),
+
 /***/ 2:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -192,32 +199,235 @@ function normalizeComponent(
 
 /***/ }),
 
-/***/ 46:
+/***/ 32:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/layout/src/main.vue?vue&type=template&id=32d774ac&
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/layout/src/main.vue?vue&type=template&id=6868aa00&
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div")
+  return _c(
+    "div",
+    { staticClass: "es-layout" },
+    [_c("layout-item"), _c("layout-item", { attrs: { top: "100px" } })],
+    1
+  )
 }
 var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/layout/src/main.vue?vue&type=template&id=32d774ac&
+// CONCATENATED MODULE: ./packages/layout/src/main.vue?vue&type=template&id=6868aa00&
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/layout/src/item.vue?vue&type=template&id=4b100112&
+var itemvue_type_template_id_4b100112_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      ref: "move",
+      staticClass: "es-layout-item",
+      class: _vm.defaultClasss,
+      style: _vm.defaultaStyle,
+    },
+    [
+      _c("es-card"),
+      _c("div", { staticClass: "es-layout-resizable-width" }),
+      _c("div", { staticClass: "es-layout-resizable-height" }),
+      _c("div", { staticClass: "es-layout-resizable" }),
+    ],
+    1
+  )
+}
+var itemvue_type_template_id_4b100112_staticRenderFns = []
+itemvue_type_template_id_4b100112_render._withStripped = true
+
 
+// CONCATENATED MODULE: ./packages/layout/src/item.vue?vue&type=template&id=4b100112&
+
+// EXTERNAL MODULE: external "interactjs"
+var external_interactjs_ = __webpack_require__(14);
+var external_interactjs_default = /*#__PURE__*/__webpack_require__.n(external_interactjs_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/layout/src/item.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+// import '@interactjs/auto-start';
+// import '@interactjs/auto-scroll';
+// import '@interactjs/actions/drag';
+// import '@interactjs/actions/resize';
+// import '@interactjs/modifiers';
+// import '@interactjs/dev-tools';
+
+/* harmony default export */ var itemvue_type_script_lang_js_ = ({
+  name: 'LayoutItem',
+  components: {},
+  props: {
+    redact: {
+      type: Boolean,
+      default: true
+    },
+    width: {
+      type: String,
+      default: '100%'
+    },
+    height: {
+      type: String,
+      default: '100px'
+    },
+    left: String,
+    top: String,
+    index: Number
+  },
+  computed: {
+    defaultClasss: function defaultClasss() {
+      return {
+        'es-dragging': this.dragging
+      };
+    },
+    defaultaStyle: function defaultaStyle() {
+      return {
+        width: this.width,
+        height: this.height,
+        left: this.left,
+        top: this.top
+      };
+    },
+    cardStyle: function cardStyle() {
+      return {
+        width: this.width,
+        height: this.height
+      };
+    }
+  },
+  watch: {},
+  data: function data() {
+    return {
+      position: { x: 0, y: 0 },
+      interaction: null,
+      dragging: false
+    };
+  },
+  created: function created() {
+    this.position = {
+      x: parseInt(this.left) || 0,
+      y: parseInt(this.top) || 0
+    };
+    console.log(this.position);
+  },
+  mounted: function mounted() {
+    var _this = this;
+
+    console.log(this.$parent.$el.offsetWidth);
+    this.interaction = external_interactjs_default()(this.$refs.move);
+    this.interaction.draggable({
+      modifiers: [external_interactjs_default.a.modifiers.restrictRect({
+        restriction: 'parent',
+        endOnly: false
+      })],
+      listeners: {
+        start: function start(event) {
+          _this.dragging = true;
+          console.log(event.type, event.target, 111);
+        },
+        move: function move(event) {
+          _this.position.x += event.dx;
+          _this.position.y += event.dy;
+          event.target.style.transform = 'translate(' + _this.position.x + 'px, ' + _this.position.y + 'px)';
+        },
+        end: function end(event) {
+          _this.dragging = false;
+          console.log(event.type, event.target, 222);
+        }
+      }
+    });
+    this.interaction.resizable({
+      modifiers: [external_interactjs_default.a.modifiers.restrictSize({
+        min: { width: 100, height: 100 },
+        max: { width: this.$parent.$el.offsetWidth }
+      })],
+      edges: { top: true, left: true, bottom: true, right: true },
+      listeners: {
+        move: function move(event) {
+          var _event$target$dataset = event.target.dataset,
+              x = _event$target$dataset.x,
+              y = _event$target$dataset.y;
+
+
+          x = (parseFloat(x) || 0) + event.deltaRect.left;
+          y = (parseFloat(y) || 0) + event.deltaRect.top;
+
+          Object.assign(event.target.style, {
+            width: event.rect.width + 'px',
+            height: event.rect.height + 'px',
+            transform: 'translate(' + x + 'px, ' + y + 'px)'
+          });
+
+          Object.assign(event.target.dataset, { x: x, y: y });
+        }
+      }
+    });
+  },
+
+  methods: {},
+  beforeDestroy: function beforeDestroy() {}
+});
+// CONCATENATED MODULE: ./packages/layout/src/item.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_itemvue_type_script_lang_js_ = (itemvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(2);
+
+// CONCATENATED MODULE: ./packages/layout/src/item.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  src_itemvue_type_script_lang_js_,
+  itemvue_type_template_id_4b100112_render,
+  itemvue_type_template_id_4b100112_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var item = (component.exports);
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/layout/src/main.vue?vue&type=script&lang=js&
 //
+//
+//
+//
+//
+//
+
 
 /* harmony default export */ var mainvue_type_script_lang_js_ = ({
   name: 'EsLayout',
-  components: {},
+  components: { layoutItem: item },
   props: {},
   computed: {},
   watch: {},
@@ -232,9 +442,6 @@ render._withStripped = true
 });
 // CONCATENATED MODULE: ./packages/layout/src/main.vue?vue&type=script&lang=js&
  /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(2);
-
 // CONCATENATED MODULE: ./packages/layout/src/main.vue
 
 
@@ -243,7 +450,7 @@ var componentNormalizer = __webpack_require__(2);
 
 /* normalize component */
 
-var component = Object(componentNormalizer["a" /* default */])(
+var main_component = Object(componentNormalizer["a" /* default */])(
   src_mainvue_type_script_lang_js_,
   render,
   staticRenderFns,
@@ -254,7 +461,7 @@ var component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var main = (component.exports);
+/* harmony default export */ var main = (main_component.exports);
 // CONCATENATED MODULE: ./packages/layout/index.js
 
 

package/lib/login.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 31);
+/******/ 	return __webpack_require__(__webpack_require__.s = 33);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -3429,7 +3429,9 @@ var bankCard = { pattern: new RegExp('^([1-9]{1})(\\d{14}|\\d{18})$'), message:
 /* 28 */,
 /* 29 */,
 /* 30 */,
-/* 31 */
+/* 31 */,
+/* 32 */,
+/* 33 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/lib/main.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 28);
+/******/ 	return __webpack_require__(__webpack_require__.s = 29);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -3397,25 +3397,25 @@ module.exports = require("babel-runtime/regenerator");
 /* 14 */,
 /* 15 */,
 /* 16 */,
-/* 17 */
+/* 17 */,
+/* 18 */
 /***/ (function(module, exports) {
 
 module.exports = require("runtime-import");
 
 /***/ }),
-/* 18 */
+/* 19 */
 /***/ (function(module, exports) {
 
 module.exports = require("sockjs-client");
 
 /***/ }),
-/* 19 */
+/* 20 */
 /***/ (function(module, exports) {
 
 module.exports = require("stompjs");
 
 /***/ }),
-/* 20 */,
 /* 21 */,
 /* 22 */,
 /* 23 */,
@@ -3423,7 +3423,8 @@ module.exports = require("stompjs");
 /* 25 */,
 /* 26 */,
 /* 27 */,
-/* 28 */
+/* 28 */,
+/* 29 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -5510,7 +5511,7 @@ var regenerator_ = __webpack_require__(9);
 var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator_);
 
 // EXTERNAL MODULE: external "runtime-import"
-var external_runtime_import_ = __webpack_require__(17);
+var external_runtime_import_ = __webpack_require__(18);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/main/src/async-component/index.vue?vue&type=script&lang=js&
 
@@ -5662,11 +5663,11 @@ var async_component_component = Object(componentNormalizer["a" /* default */])(
 
 /* harmony default export */ var async_component = (async_component_component.exports);
 // EXTERNAL MODULE: external "sockjs-client"
-var external_sockjs_client_ = __webpack_require__(18);
+var external_sockjs_client_ = __webpack_require__(19);
 var external_sockjs_client_default = /*#__PURE__*/__webpack_require__.n(external_sockjs_client_);
 
 // EXTERNAL MODULE: external "stompjs"
-var external_stompjs_ = __webpack_require__(19);
+var external_stompjs_ = __webpack_require__(20);
 var external_stompjs_default = /*#__PURE__*/__webpack_require__.n(external_stompjs_);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/main/src/main.vue?vue&type=script&lang=js&

package/lib/menu.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 72);
+/******/ 	return __webpack_require__(__webpack_require__.s = 73);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -192,7 +192,7 @@ function normalizeComponent(
 
 /***/ }),
 
-/***/ 72:
+/***/ 73:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/lib/nav.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 47);
+/******/ 	return __webpack_require__(__webpack_require__.s = 48);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -3345,7 +3345,7 @@ module.exports = require("axios");
 
 /***/ }),
 
-/***/ 47:
+/***/ 48:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/lib/notify.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 48);
+/******/ 	return __webpack_require__(__webpack_require__.s = 49);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -532,7 +532,7 @@ function normalizeComponent(
 
 /***/ }),
 
-/***/ 48:
+/***/ 49:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";