eoss-ui 0.4.79 → 0.4.80

package/lib/label.js

@@ -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

@@ -206,27 +206,37 @@ function normalizeComponent(
 // 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=68e24f92&
+// 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", { staticClass: "es-layout" }, [_c("layout-item")], 1)
+  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=68e24f92&
+// 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=c06ad538&
-var itemvue_type_template_id_c06ad538_render = function () {
+// 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", style: _vm.defaultaStyle },
+    {
+      ref: "move",
+      staticClass: "es-layout-item",
+      class: _vm.defaultClasss,
+      style: _vm.defaultaStyle,
+    },
     [
       _c("es-card"),
       _c("div", { staticClass: "es-layout-resizable-width" }),
@@ -236,11 +246,11 @@ var itemvue_type_template_id_c06ad538_render = function () {
     1
   )
 }
-var itemvue_type_template_id_c06ad538_staticRenderFns = []
-itemvue_type_template_id_c06ad538_render._withStripped = true
+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=c06ad538&
+// CONCATENATED MODULE: ./packages/layout/src/item.vue?vue&type=template&id=4b100112&
 
 // EXTERNAL MODULE: external "interactjs"
 var external_interactjs_ = __webpack_require__(14);
@@ -255,6 +265,11 @@ var external_interactjs_default = /*#__PURE__*/__webpack_require__.n(external_in
 //
 //
 //
+//
+//
+//
+//
+//
 
 // import '@interactjs/auto-start';
 // import '@interactjs/auto-scroll';
@@ -280,9 +295,15 @@ var external_interactjs_default = /*#__PURE__*/__webpack_require__.n(external_in
       default: '100px'
     },
     left: String,
-    top: String
+    top: String,
+    index: Number
   },
   computed: {
+    defaultClasss: function defaultClasss() {
+      return {
+        'es-dragging': this.dragging
+      };
+    },
     defaultaStyle: function defaultaStyle() {
       return {
         width: this.width,
@@ -302,7 +323,8 @@ var external_interactjs_default = /*#__PURE__*/__webpack_require__.n(external_in
   data: function data() {
     return {
       position: { x: 0, y: 0 },
-      move: null
+      interaction: null,
+      dragging: false
     };
   },
   created: function created() {
@@ -315,21 +337,34 @@ var external_interactjs_default = /*#__PURE__*/__webpack_require__.n(external_in
   mounted: function mounted() {
     var _this = this;
 
-    console.log(external_interactjs_default.a, this.$refs.move);
-    this.move = external_interactjs_default()(this.$refs.move);
-    this.move.draggable({
+    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) {
-          console.log(event.type, event.target);
+          _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.move.resizable({
+    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) {
@@ -371,8 +406,8 @@ var componentNormalizer = __webpack_require__(2);
 
 var component = Object(componentNormalizer["a" /* default */])(
   src_itemvue_type_script_lang_js_,
-  itemvue_type_template_id_c06ad538_render,
-  itemvue_type_template_id_c06ad538_staticRenderFns,
+  itemvue_type_template_id_4b100112_render,
+  itemvue_type_template_id_4b100112_staticRenderFns,
   false,
   null,
   null,
@@ -387,6 +422,7 @@ var component = Object(componentNormalizer["a" /* default */])(
 //
 //
 //
+//
 
 
 /* harmony default export */ var mainvue_type_script_lang_js_ = ({

package/lib/table-form.js

@@ -3391,8 +3391,8 @@ module.exports = require("json-bigint");
 // 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/form/src/table.vue?vue&type=template&id=2be2a316&
-var tablevue_type_template_id_2be2a316_render = function () {
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/table.vue?vue&type=template&id=53078cb5&
+var tablevue_type_template_id_53078cb5_render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -3578,6 +3578,8 @@ var tablevue_type_template_id_2be2a316_render = function () {
                                           ? _c("es-label", {
                                               attrs: {
                                                 contents: item.label,
+                                                event: item.label.event,
+                                                events: item.label.events,
                                                 plain: item.plain,
                                                 rules: item.rules,
                                               },
@@ -3633,6 +3635,8 @@ var tablevue_type_template_id_2be2a316_render = function () {
                                                 ? _c("es-label", {
                                                     attrs: {
                                                       contents: item.text,
+                                                      event: item.label.event,
+                                                      events: item.label.events,
                                                     },
                                                   })
                                                 : _c(
@@ -6017,10 +6021,10 @@ var tablevue_type_template_id_2be2a316_render = function () {
   )
 }
 var staticRenderFns = []
-tablevue_type_template_id_2be2a316_render._withStripped = true
+tablevue_type_template_id_53078cb5_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/form/src/table.vue?vue&type=template&id=2be2a316&
+// CONCATENATED MODULE: ./packages/form/src/table.vue?vue&type=template&id=53078cb5&
 
 // EXTERNAL MODULE: ./src/utils/rules.js
 var rules = __webpack_require__(10);
@@ -7074,6 +7078,10 @@ var util = __webpack_require__(0);
 //
 //
 //
+//
+//
+//
+//
 
 
 
@@ -7373,7 +7381,7 @@ var componentNormalizer = __webpack_require__(2);
 
 var component = Object(componentNormalizer["a" /* default */])(
   src_tablevue_type_script_lang_js_,
-  tablevue_type_template_id_2be2a316_render,
+  tablevue_type_template_id_53078cb5_render,
   staticRenderFns,
   false,
   null,