eoss-mobiles 0.2.45 → 0.2.46

package/lib/grid.js

@@ -206,7 +206,7 @@ module.exports = require("vuedraggable");
 // 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/grid/src/main.vue?vue&type=template&id=3fb10550&
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/grid/src/main.vue?vue&type=template&id=1f9590ec&
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -255,7 +255,7 @@ var render = function () {
                       staticClass: "menu-list-draggable-item",
                       staticStyle: { width: "100%" },
                     },
-                    _vm._l(_vm.newData, function (item, index) {
+                    _vm._l(_vm.newData, function (item) {
                       return _c(
                         "div",
                         {
@@ -266,9 +266,13 @@ var render = function () {
                             100 / _vm.columnNum +
                             "%",
                           on: {
-                            click: function ($event) {
+                            mousedown: function ($event) {
+                              $event.stopPropagation()
+                              _vm.onMouseDown(item)
+                            },
+                            mouseup: function ($event) {
                               $event.stopPropagation()
-                              _vm.goView($event, item)
+                              _vm.onMouseUp($event, item)
                             },
                           },
                         },
@@ -296,14 +300,6 @@ var render = function () {
                                           _vm.$attrs["icon-size"]
                                         : "",
                                   },
-                                  on: {
-                                    touchstart: function ($event) {
-                                      _vm.touchstart(item, index)
-                                    },
-                                    touchend: function ($event) {
-                                      _vm.touchend(item, index)
-                                    },
-                                  },
                                 },
                                 [
                                   item.icon.startsWith("http") ||
@@ -357,7 +353,7 @@ var render = function () {
                                     },
                                     [
                                       _vm._v(
-                                        "\n          " +
+                                        "\n                " +
                                           _vm._s(
                                             _vm.maxBadge &&
                                               !isNaN(item.badge) &&
@@ -366,12 +362,27 @@ var render = function () {
                                               ? _vm.maxBadge + "+"
                                               : item.badge
                                           ) +
-                                          "\n        "
+                                          "\n              "
                                       ),
                                     ]
                                   ),
                                 ]
                               ),
+                              _c("em-popover", {
+                                attrs: {
+                                  placement: _vm.placement,
+                                  theme: _vm.popoverTheme,
+                                  actions: _vm.popoverActions,
+                                },
+                                on: { select: _vm.popoverSelect },
+                                model: {
+                                  value: item.showPopover,
+                                  callback: function ($$v) {
+                                    _vm.$set(item, "showPopover", $$v)
+                                  },
+                                  expression: "item.showPopover",
+                                },
+                              }),
                               _c(
                                 "span",
                                 { staticClass: "van-grid-item__text" },
@@ -417,151 +428,172 @@ var render = function () {
                 1
               )
             : _vm._e(),
-          _vm._l(_vm.newData, function (item, index) {
+          _vm._l(_vm.newData, function (item) {
             return _c(
-              "van-grid-item",
-              _vm._b(
-                {
-                  directives: [
-                    {
-                      name: "show",
-                      rawName: "v-show",
-                      value:
-                        _vm.newData && _vm.newData.length > 0 && !_vm.draggable,
-                      expression: "newData && newData.length > 0 && !draggable",
-                    },
-                  ],
-                  key: index,
-                  class: { "em-grid-ellipsis": _vm.textEllipsis },
-                  style: "width:" + 100 / _vm.columnNum + "%;",
-                  on: {
-                    click: function ($event) {
-                      $event.stopPropagation()
-                      _vm.goView($event, item)
-                    },
+              "div",
+              {
+                directives: [
+                  {
+                    name: "show",
+                    rawName: "v-show",
+                    value:
+                      _vm.newData && _vm.newData.length > 0 && !_vm.draggable,
+                    expression: "newData && newData.length > 0 && !draggable",
+                  },
+                ],
+                key: item.id,
+                staticClass: "van-grid-item",
+                style:
+                  "display: inline-block;width:" + 100 / _vm.columnNum + "%",
+                on: {
+                  mousedown: function ($event) {
+                    $event.stopPropagation()
+                    _vm.onMouseDown(item)
+                  },
+                  mouseup: function ($event) {
+                    $event.stopPropagation()
+                    _vm.onMouseUp($event, item)
                   },
                 },
-                "van-grid-item",
-                item,
-                false
-              ),
+              },
               [
                 _c(
-                  "i",
+                  "div",
                   {
-                    staticClass: "van-icon  van-grid-item__icon",
-                    class:
-                      item.icon.startsWith("http") &&
-                      item.icon.indexOf("/") != -1
-                        ? ""
-                        : "van-icon-" + item.icon,
-                    style: {
-                      fontSize:
-                        item.iconSize || _vm.$attrs["icon-size"]
-                          ? item.iconSize || _vm.$attrs["icon-size"]
-                          : "",
-                    },
-                    on: {
-                      touchstart: function ($event) {
-                        _vm.touchstart(item, index)
-                      },
-                      touchend: function ($event) {
-                        _vm.touchend(item, index)
-                      },
-                    },
+                    staticClass:
+                      "van-grid-item__content van-grid-item__content--center van-hairline",
                   },
                   [
-                    item.icon.startsWith("http") || item.icon.indexOf("/") != -1
-                      ? _c("img", {
-                          staticClass: "van-icon__image",
-                          style: {
-                            width:
-                              item.iconSize || _vm.$attrs["icon-size"]
-                                ? item.iconSize || _vm.$attrs["icon-size"]
-                                : "",
-                            height:
-                              item.iconSize || _vm.$attrs["icon-size"]
-                                ? item.iconSize || _vm.$attrs["icon-size"]
-                                : "",
-                          },
-                          attrs: { src: item.icon },
-                        })
-                      : _vm._e(),
-                    _c("div", {
-                      directives: [
-                        {
-                          name: "show",
-                          rawName: "v-show",
-                          value: item.dot,
-                          expression: "item.dot",
-                        },
-                      ],
-                      staticClass: "van-info van-info--dot",
-                      style: { background: item.dotColor || "" },
-                    }),
                     _c(
-                      "div",
+                      "i",
                       {
-                        directives: [
-                          {
-                            name: "show",
-                            rawName: "v-show",
-                            value: item.badge,
-                            expression: "item.badge",
-                          },
-                        ],
-                        staticClass: "van-info",
-                        style: { background: _vm.badgeColor || "" },
+                        staticClass: "van-icon  van-grid-item__icon",
+                        class:
+                          item.icon.startsWith("http") &&
+                          item.icon.indexOf("/") != -1
+                            ? ""
+                            : "van-icon-" + item.icon,
+                        style: {
+                          fontSize:
+                            item.iconSize || _vm.$attrs["icon-size"]
+                              ? item.iconSize || _vm.$attrs["icon-size"]
+                              : "",
+                        },
                       },
                       [
-                        _vm._v(
-                          "\n          " +
-                            _vm._s(
-                              _vm.maxBadge &&
-                                !isNaN(item.badge) &&
-                                Number(_vm.maxBadge) < Number(item.badge)
-                                ? _vm.maxBadge + "+"
-                                : item.badge
-                            ) +
-                            "\n        "
+                        item.icon.startsWith("http") ||
+                        item.icon.indexOf("/") != -1
+                          ? _c("img", {
+                              staticClass: "van-icon__image",
+                              style: {
+                                width:
+                                  item.iconSize || _vm.$attrs["icon-size"]
+                                    ? item.iconSize || _vm.$attrs["icon-size"]
+                                    : "",
+                                height:
+                                  item.iconSize || _vm.$attrs["icon-size"]
+                                    ? item.iconSize || _vm.$attrs["icon-size"]
+                                    : "",
+                              },
+                              attrs: { src: item.icon },
+                            })
+                          : _vm._e(),
+                        _c("div", {
+                          directives: [
+                            {
+                              name: "show",
+                              rawName: "v-show",
+                              value: item.dot,
+                              expression: "item.dot",
+                            },
+                          ],
+                          staticClass: "van-info van-info--dot",
+                          style: { background: item.dotColor || "" },
+                        }),
+                        _c(
+                          "div",
+                          {
+                            directives: [
+                              {
+                                name: "show",
+                                rawName: "v-show",
+                                value: item.badge,
+                                expression: "item.badge",
+                              },
+                            ],
+                            staticClass: "van-info",
+                            style: { background: _vm.badgeColor || "" },
+                          },
+                          [
+                            _vm._v(
+                              "\n            " +
+                                _vm._s(
+                                  _vm.maxBadge &&
+                                    !isNaN(item.badge) &&
+                                    Number(_vm.maxBadge) < Number(item.badge)
+                                    ? _vm.maxBadge + "+"
+                                    : item.badge
+                                ) +
+                                "\n          "
+                            ),
+                          ]
                         ),
                       ]
                     ),
-                  ]
-                ),
-                _c("span", { staticClass: "van-grid-item__text" }, [
-                  _vm._v(_vm._s(item.text)),
-                ]),
-                _vm.showHide && item.menuType != "add"
-                  ? _c("van-icon", {
-                      staticClass: "em-grid-del",
-                      attrs: { name: "clear", size: "20px" },
+                    _c("em-popover", {
+                      attrs: {
+                        placement: _vm.placement,
+                        theme: _vm.popoverTheme,
+                        actions: _vm.popoverActions,
+                      },
                       on: {
-                        click: function ($event) {
-                          $event.stopPropagation()
-                          _vm.handleHide(item)
+                        select: function ($event) {
+                          _vm.popoverSelect($event, item)
                         },
                       },
-                    })
-                  : _vm._e(),
-                item.showMenu
-                  ? _c(
-                      "div",
-                      { staticClass: "em-grid-select-box" },
-                      [
-                        _c("van-icon", {
-                          attrs: {
-                            size: "30px",
-                            color: "#fff",
-                            name: "success",
+                      model: {
+                        value: item.showPopover,
+                        callback: function ($$v) {
+                          _vm.$set(item, "showPopover", $$v)
+                        },
+                        expression: "item.showPopover",
+                      },
+                    }),
+                    _c("span", { staticClass: "van-grid-item__text" }, [
+                      _vm._v(_vm._s(item.text)),
+                    ]),
+                    _vm.showHide && item.menuType != "add"
+                      ? _c("van-icon", {
+                          staticClass: "em-grid-del",
+                          attrs: { name: "clear", size: "20px" },
+                          on: {
+                            click: function ($event) {
+                              $event.stopPropagation()
+                              _vm.handleHide(item)
+                            },
                           },
-                        }),
-                      ],
-                      1
-                    )
-                  : _vm._e(),
-              ],
-              1
+                        })
+                      : _vm._e(),
+                    item.showMenu
+                      ? _c(
+                          "div",
+                          { staticClass: "em-grid-select-box" },
+                          [
+                            _c("van-icon", {
+                              attrs: {
+                                size: "30px",
+                                color: "#fff",
+                                name: "success",
+                              },
+                            }),
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                  ],
+                  1
+                ),
+              ]
             )
           }),
           _vm._t("default"),
@@ -649,7 +681,7 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/grid/src/main.vue?vue&type=template&id=3fb10550&
+// CONCATENATED MODULE: ./packages/grid/src/main.vue?vue&type=template&id=1f9590ec&
 
 // EXTERNAL MODULE: external "vuedraggable"
 var external_vuedraggable_ = __webpack_require__(10);
@@ -810,6 +842,68 @@ var external_vuedraggable_default = /*#__PURE__*/__webpack_require__.n(external_
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 /* harmony default export */ var mainvue_type_script_lang_js_ = ({
@@ -868,15 +962,34 @@ var external_vuedraggable_default = /*#__PURE__*/__webpack_require__.n(external_
     draggable: {
       type: Boolean,
       default: false
+    },
+    popoverActions: {
+      type: Array,
+      default: function _default() {
+        return [{ text: '隐藏菜单', type: 'hideMenu' }];
+      }
+    },
+    isTouch: {
+      type: Boolean,
+      default: false
+    },
+    placement: {
+      type: String,
+      default: 'top'
+    },
+    popoverTheme: {
+      type: String,
+      default: 'dark'
     }
   },
   data: function data() {
     return {
-      lastTapTime: 0,
       timer: null,
       showHide: false,
+      isLongPress: false,
       newData: [],
       show: false,
+      showPopover: false,
       selectMenuArr: [],
       hideMenuList: []
     };
@@ -902,31 +1015,56 @@ var external_vuedraggable_default = /*#__PURE__*/__webpack_require__.n(external_
     }
   },
   methods: {
-    touchstart: function touchstart(val, inexd) {
-      console.log('点击了了');
+    popoverSelect: function popoverSelect(val, item) {
+      if (val.type == 'hideMenu') {
+        this.handleHide(item);
+      } else {
+        this.$emit('touchSelect', { action: val, data: item });
+      }
     },
-    touchend: function touchend(val, a) {
-      console.log('松开了');
+    onMouseDown: function onMouseDown(item) {
+      var _this = this;
+
+      // this.showPopover = true
+      if (this.draggable || !this.isTouch) return;
+      this.isLongPress = false;
+      this.timer = setTimeout(function () {
+        if (_this.isLongPress === false) {
+          _this.isLongPress = true;
+          _this.lastTapTime = new Date().getTime();
+          _this.$set(item, 'showPopover', true);
+        }
+      }, 500);
+    },
+    onMouseUp: function onMouseUp($event, item) {
+      if (this.isLongPress === false) {
+        this.lastTapTime = new Date().getTime();
+        this.$set(item, 'showPopover', false);
+        this.goView($event, item);
+        // 执行相应的操作
+      }
+      this.isLongPress = false;
+      clearTimeout(this.timer);
     },
     hideDelIcon: function hideDelIcon() {
       this.showHide = false;
     },
     handleShowMenu: function handleShowMenu() {
-      var _this = this;
+      var _this2 = this;
 
       var str = this.selectMenuArr;
       // let str = this.selectMenuArr.join(',');
       if (Array.isArray(this.hideMenu)) {
         var hideArr = this.hideMenuList.filter(function (x) {
-          return str.indexOf(x[_this.hideMenuKey]) == -1;
+          return str.indexOf(x[_this2.hideMenuKey]) == -1;
         });
         this.$emit('hide', hideArr);
       } else {
         var hide = this.hideMenuList.filter(function (x) {
-          return str.indexOf(x[_this.hideMenuKey]) == -1;
+          return str.indexOf(x[_this2.hideMenuKey]) == -1;
         });
         hide = hide.map(function (x) {
-          return x[_this.hideMenuKey];
+          return x[_this2.hideMenuKey];
         });
         this.$emit('hide', hide.join(','));
       }
@@ -934,11 +1072,11 @@ var external_vuedraggable_default = /*#__PURE__*/__webpack_require__.n(external_
       this.show = false;
     },
     selectMenu: function selectMenu(val) {
-      var _this2 = this;
+      var _this3 = this;
 
       if (val.showMenu) {
         this.selectMenuArr = this.selectMenuArr.filter(function (x) {
-          return x != val[_this2.hideMenuKey];
+          return x != val[_this3.hideMenuKey];
         });
       } else {
         this.selectMenuArr.push(val[this.hideMenuKey]);
@@ -946,7 +1084,7 @@ var external_vuedraggable_default = /*#__PURE__*/__webpack_require__.n(external_
       this.$set(val, 'showMenu', !val.showMenu);
     },
     defaultHide: function defaultHide(val) {
-      var _this3 = this;
+      var _this4 = this;
 
       if (this.isHideMenu && val != undefined) {
         if (Array.isArray(val)) {
@@ -955,18 +1093,18 @@ var external_vuedraggable_default = /*#__PURE__*/__webpack_require__.n(external_
           });
           // let menuKey = val.map(x => x.id).join(',');
           this.newData = this.data.filter(function (x) {
-            return menuKey.indexOf(x[_this3.hideMenuKey]) == -1;
+            return menuKey.indexOf(x[_this4.hideMenuKey]) == -1;
           });
           this.hideMenuList = this.data.filter(function (x) {
-            return menuKey.indexOf(x[_this3.hideMenuKey]) != -1;
+            return menuKey.indexOf(x[_this4.hideMenuKey]) != -1;
           });
         } else {
           val = val + '';
           this.newData = this.data.filter(function (x) {
-            return val.indexOf(x[_this3.hideMenuKey]) == -1;
+            return val.indexOf(x[_this4.hideMenuKey]) == -1;
           });
           this.hideMenuList = this.data.filter(function (x) {
-            return val.indexOf(x[_this3.hideMenuKey]) != -1;
+            return val.indexOf(x[_this4.hideMenuKey]) != -1;
           });
         }
       }
@@ -979,44 +1117,45 @@ var external_vuedraggable_default = /*#__PURE__*/__webpack_require__.n(external_
       }
     },
     handleHide: function handleHide(item) {
-      var _this4 = this;
+      var _this5 = this;
 
       this.$dialog.confirm({
         message: '\u786E\u5B9A\u8981\u9690\u85CF<span style="color:red;font-weight:bold;margin:0px 5px">' + item.text + '</span>\u83DC\u5355\u5417\uFF1F'
       }).then(function () {
-        if (Array.isArray(_this4.hideMenu)) {
-          var hideArr = [].concat(_this4.hideMenu, [item]);
-          _this4.$emit('hide', hideArr);
+        if (Array.isArray(_this5.hideMenu)) {
+          var hideArr = [].concat(_this5.hideMenu, [item]);
+          _this5.$emit('hide', hideArr);
         } else {
-          var hideStr = _this4.hideMenu ? _this4.hideMenu + ',' + item[_this4.hideMenuKey] : item[_this4.hideMenuKey];
-          _this4.$emit('hide', hideStr);
+          var hideStr = _this5.hideMenu ? _this5.hideMenu + ',' + item[_this5.hideMenuKey] : item[_this5.hideMenuKey];
+          _this5.$emit('hide', hideStr);
         }
       });
     },
     goView: function goView(event, val) {
-      var _this5 = this;
-
       if (val.menuType === 'add') {
         this.show = true;
         return;
       }
-      var currentTime = new Date().getTime();
-      var tapLength = currentTime - this.lastTapTime;
-      this.lastTapTime = currentTime;
+      // const currentTime = new Date().getTime();
+      // const tapLength = currentTime - this.lastTapTime;
+      // this.lastTapTime = currentTime;
+      // if (tapLength > 300) {
+      //   return;
+      // }
       if (this.isHideMenu) {
-        if (tapLength < 300) {
-          this.handleDoubleClick(val);
-          clearTimeout(this.timer);
-          return;
-        }
-        if (this.showHide) {
-          this.showHide = false;
-          return;
-        }
-        this.timer = setTimeout(function () {
-          _this5.$emit('click', val, event);
-          _this5.targetStop && event.stopPropagation();
-        }, 300);
+        // if (tapLength < 300) {
+        //   this.handleDoubleClick(val);
+        //   clearTimeout(this.timer);
+        //   return;
+        // }
+        // if (this.showHide) {
+        //   this.showHide = false;
+        //   return;
+        // }
+        // this.timer = setTimeout(() => {
+        this.$emit('click', val, event);
+        this.targetStop && event.stopPropagation();
+        // }, 300);
       } else {
         this.$emit('click', val, event);
         this.targetStop && event.stopPropagation();