mcrm-mobile 1.9.9 → 2.0.1

package/es/biz/index.js

@@ -54,14 +54,18 @@ export default create({
             "row": _vm.row,
             "custom-event-list": _vm.customEventList,
             "route-list": _vm.routeList,
-            "hide-header-list": _vm.hideHeaderList
+            "hide-header-list": _vm.hideHeaderList,
+            "draggable": _vm.draggable
           },
           on: {
             "click": _vm.onClick,
             "more": _vm.onMore,
             "close": _vm.onClose,
             "success": _vm.onSuccess,
-            "fail": _vm.onFail
+            "fail": _vm.onFail,
+            "change": function change(newMenus) {
+              return _vm.onChange(newMenus, biz);
+            }
           },
           scopedSlots: _vm._u([{
             key: "menu",
@@ -111,14 +115,18 @@ export default create({
             "row": _vm.row,
             "custom-event-list": _vm.customEventList,
             "route-list": _vm.routeList,
-            "hide-header-list": _vm.hideHeaderList
+            "hide-header-list": _vm.hideHeaderList,
+            "draggable": _vm.draggable
           },
           on: {
             "click": _vm.onClick,
             "more": _vm.onMore,
             "close": _vm.onClose,
             "success": _vm.onSuccess,
-            "fail": _vm.onFail
+            "fail": _vm.onFail,
+            "change": function change(newMenus) {
+              return _vm.onChange(newMenus, biz);
+            }
           },
           scopedSlots: _vm._u([{
             key: "menu",
@@ -158,6 +166,10 @@ export default create({
     offsetTop: {
       type: [Number, String],
       default: 0
+    },
+    draggable: {
+      type: Boolean,
+      default: false
     }
   },
   methods: {
@@ -175,6 +187,9 @@ export default create({
     },
     onFail: function onFail(data) {
       this.$emit("fail", data);
+    },
+    onChange: function onChange(newMenus, biz) {
+      this.$emit("change", newMenus, biz);
     }
   },
   data: function data() {

package/es/index.js

@@ -92,7 +92,7 @@ import Tag from './tag';
 import Toast from './toast';
 import TreeSelect from './tree-select';
 import Uploader from './uploader';
-var version = '1.9.9';
+var version = '2.0.1';
 var components = [ActionSheet, AddressPicker, Api, Badge, Biz, Button, Calendar, Card, Cell, CellGroup, Checkbox, CheckboxGroup, Circle, Col, Collapse, CollapseItem, CommonUtils, CountDown, DataProcess, DatePicker, DatetimePicker, Dialog, Directive, Divider, Drag, DropdownItem, DropdownMenu, Empty, Field, GoodsAction, GoodsActionButton, GoodsActionIcon, Grid, GridItem, Http, Icon, Image, ImagePreview, IndexAnchor, IndexBar, Info, List, Loading, Local, Menu, MenuIcon, MenuJump, Menus, NavBar, NoticeBar, Notify, Overlay, Pagination, Panel, PasswordInput, Picker, Popover, Popup, Progress, PullRefresh, Radio, RadioGroup, Rank, Rate, Row, SafeKeyboard, Search, Session, ShareSheet, Sidebar, SidebarItem, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, System, Tab, Tabbar, TabbarItem, Table, TableColumn, Tabs, Tag, Toast, TreeSelect, Uploader];
 
 var install = function install(Vue) {

package/es/menu-jump/index.js

@@ -854,7 +854,7 @@ var spliceUrl = /*#__PURE__*/function () {
             }
 
             if (isSecret) {
-              url += "&isSecret=" + isSecret;
+              url += "&isSecrect=" + isSecret;
             }
 
             url = url.replace("?&", "?");

package/es/menus/index.js

@@ -1,5 +1,6 @@
 import create from "../utils/create";
-import mcrm from "mcrm-jsapi"; // Components
+import mcrm from "mcrm-jsapi";
+import mmDraggable from "vuedraggable"; // Components
 
 import Session from "../session";
 import MenuIcon from "../menu-icon";
@@ -16,9 +17,9 @@ export default create({
 
     return _c('div', {
       class: _vm.b()
-    }, [_c('div', {
+    }, [!_vm.draggable ? _c('div', {
       class: _vm.b('multiple')
-    }, [_vm._l(_vm.menus, function (menu) {
+    }, [_vm._l(_vm.sortedMenus, function (menu) {
       return _c('Menu', {
         key: menu[_vm.menuKey],
         class: [_vm.b('multiple-cell')],
@@ -64,7 +65,7 @@ export default create({
       })], 2);
     }), _vm._t("more", function () {
       return [_vm.showMore ? _c('div', {
-        class: _vm.b('multiple-cell'),
+        class: [_vm.b('multiple-cell'), _vm.b('multiple-cell--more')],
         style: _vm.style,
         on: {
           "click": _vm.onMore
@@ -76,14 +77,98 @@ export default create({
           "text": "更多业务"
         }
       })], 1) : _vm._e()];
-    })], 2)]);
+    })], 2) : _c('mm-draggable', {
+      class: _vm.b('multiple'),
+      attrs: {
+        "value": _vm.sortedMenus,
+        "tag": "div",
+        "animation": 150,
+        "move": _vm.onMove
+      },
+      on: {
+        "input": _vm.onSortChange
+      }
+    }, [_vm._l(_vm.sortedMenus, function (menu) {
+      return _c('Menu', {
+        key: menu[_vm.menuKey],
+        class: [_vm.b('multiple-cell')],
+        style: _vm.style,
+        attrs: {
+          "gray": _vm.gray || menu.gray,
+          "syb-info": _vm.sybInfo,
+          "menu": menu,
+          "disabled": _vm.disabled,
+          "disabled-text": _vm.disabledText,
+          "custom-event": _vm.isCustomEvent(menu.menuPageCode),
+          "is-route": _vm.routeList.includes(menu.menuPageCode),
+          "hide-header": _vm.hideHeaderList.includes(menu.menuPageCode)
+        },
+        on: {
+          "click": _vm.onClick,
+          "close": _vm.onClose,
+          "success": _vm.onSuccess,
+          "fail": _vm.onFail
+        }
+      }, [_vm._t("menu", function () {
+        return [_c('div', {
+          class: _vm.b('multiple-cell--div')
+        }, [_c('MenuIcon', {
+          class: _vm.b('multiple-cell-icon'),
+          attrs: {
+            "dot": menu.dot,
+            "badge": _vm.badgeText(_vm.showHot, menu),
+            "name": menu.iconUrl,
+            "text": menu.menuName,
+            "system": menu.system
+          }
+        }, [_vm._t("extra-icon", null, {
+          "slot": "extra-icon",
+          "menu": menu
+        })], 2), _c('span', {
+          class: _vm.b('multiple-cell-content')
+        }, [_vm._t("assist", null, {
+          "menu": menu
+        })], 2)], 1)];
+      }, {
+        "menu": menu
+      })], 2);
+    }), _vm._t("more", function () {
+      return [_vm.showMore ? _c('div', {
+        class: [_vm.b('multiple-cell'), _vm.b('multiple-cell--more')],
+        style: _vm.style,
+        on: {
+          "click": _vm.onMore
+        }
+      }, [_c('MenuIcon', {
+        class: _vm.b('multiple-cell-icon'),
+        attrs: {
+          "name": "mcrm-icon-more.svg",
+          "text": "更多业务"
+        }
+      })], 1) : _vm._e()];
+    })], 2)], 1);
   },
   components: {
     MenuIcon: MenuIcon,
-    Menu: Menu
+    Menu: Menu,
+    mmDraggable: mmDraggable
   },
   name: "menus",
   mixins: [menus],
+  data: function data() {
+    return {
+      // 本地维护顺序副本，避免直接修改 props.menus
+      sortedMenus: Array.isArray(this.menus) ? this.menus.slice() : []
+    };
+  },
+  watch: {
+    // 外部 menus 引用变化时同步本地副本
+    menus: {
+      handler: function handler(val) {
+        this.sortedMenus = Array.isArray(val) ? val.slice() : [];
+      }
+    }
+  },
   methods: {
     isCustomEvent: function isCustomEvent(pageCode) {
       var customEvent = this.customEvent,
@@ -110,6 +195,25 @@ export default create({
     onFail: function onFail(data) {
       this.$emit("fail", data);
     },
+    onSortChange: function onSortChange(newMenus) {
+      // 更新本地副本
+      this.sortedMenus = newMenus; // 拖拽完成后抛出最新顺序
+
+      this.$emit("change", newMenus);
+    },
+    // 阻止将菜单拖到「更多业务」cell 附近，保持更多业务位置固定
+    // 同时阻止「更多业务」被拖拽
+    onMove: function onMove(evt) {
+      var dragged = evt && evt.dragged;
+      var related = evt && evt.related;
+      var moreClass = this.b("multiple-cell--more");
+
+      if (dragged && dragged.classList && dragged.classList.contains(moreClass) || related && related.classList && related.classList.contains(moreClass)) {
+        return false;
+      }
+
+      return true;
+    },
     // 菜单头标处理
     badgeText: function badgeText(show, menu) {
       if (show) {

package/es/mixins/menus.js

@@ -61,6 +61,11 @@ export default {
       default: function _default() {
         return [];
       }
+    },
+    // 是否启用拖拽排序
+    draggable: {
+      type: Boolean,
+      default: false
     }
   }
 };

package/lib/biz/index.js

@@ -66,14 +66,18 @@ var _default = (0, _create.default)({
             "row": _vm.row,
             "custom-event-list": _vm.customEventList,
             "route-list": _vm.routeList,
-            "hide-header-list": _vm.hideHeaderList
+            "hide-header-list": _vm.hideHeaderList,
+            "draggable": _vm.draggable
           },
           on: {
             "click": _vm.onClick,
             "more": _vm.onMore,
             "close": _vm.onClose,
             "success": _vm.onSuccess,
-            "fail": _vm.onFail
+            "fail": _vm.onFail,
+            "change": function change(newMenus) {
+              return _vm.onChange(newMenus, biz);
+            }
           },
           scopedSlots: _vm._u([{
             key: "menu",
@@ -123,14 +127,18 @@ var _default = (0, _create.default)({
             "row": _vm.row,
             "custom-event-list": _vm.customEventList,
             "route-list": _vm.routeList,
-            "hide-header-list": _vm.hideHeaderList
+            "hide-header-list": _vm.hideHeaderList,
+            "draggable": _vm.draggable
           },
           on: {
             "click": _vm.onClick,
             "more": _vm.onMore,
             "close": _vm.onClose,
             "success": _vm.onSuccess,
-            "fail": _vm.onFail
+            "fail": _vm.onFail,
+            "change": function change(newMenus) {
+              return _vm.onChange(newMenus, biz);
+            }
           },
           scopedSlots: _vm._u([{
             key: "menu",
@@ -170,6 +178,10 @@ var _default = (0, _create.default)({
     offsetTop: {
       type: [Number, String],
       default: 0
+    },
+    draggable: {
+      type: Boolean,
+      default: false
     }
   },
   methods: {
@@ -187,6 +199,9 @@ var _default = (0, _create.default)({
     },
     onFail: function onFail(data) {
       this.$emit("fail", data);
+    },
+    onChange: function onChange(newMenus, biz) {
+      this.$emit("change", newMenus, biz);
     }
   },
   data: function data() {

package/lib/index.js

@@ -377,7 +377,7 @@ var _uploader = _interopRequireDefault(require("./uploader"));
 
 exports.Uploader = _uploader.default;
 // This file is auto generated by build/build-entry.js
-var version = '1.9.9';
+var version = '2.0.1';
 exports.version = version;
 var components = [_actionSheet.default, _addressPicker.default, _api.default, _badge.default, _biz.default, _button.default, _calendar.default, _card.default, _cell.default, _cellGroup.default, _checkbox.default, _checkboxGroup.default, _circle.default, _col.default, _collapse.default, _collapseItem.default, _commonUtils.default, _countDown.default, _dataProcess.default, _datePicker.default, _datetimePicker.default, _dialog.default, _directive.default, _divider.default, _drag.default, _dropdownItem.default, _dropdownMenu.default, _empty.default, _field.default, _goodsAction.default, _goodsActionButton.default, _goodsActionIcon.default, _grid.default, _gridItem.default, _http.default, _icon.default, _image.default, _imagePreview.default, _indexAnchor.default, _indexBar.default, _info.default, _list.default, _loading.default, _local.default, _menu.default, _menuIcon.default, _menuJump.default, _menus.default, _navBar.default, _noticeBar.default, _notify.default, _overlay.default, _pagination.default, _panel.default, _passwordInput.default, _picker.default, _popover.default, _popup.default, _progress.default, _pullRefresh.default, _radio.default, _radioGroup.default, _rank.default, _rate.default, _row.default, _safeKeyboard.default, _search.default, _session.default, _shareSheet.default, _sidebar.default, _sidebarItem.default, _slider.default, _step.default, _stepper.default, _steps.default, _sticky.default, _swipe.default, _swipeCell.default, _swipeItem.default, _switch.default, _switchCell.default, _system.default, _tab.default, _tabbar.default, _tabbarItem.default, _table.default, _tableColumn.default, _tabs.default, _tag.default, _toast.default, _treeSelect.default, _uploader.default];