"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = exports.RouteMenuProps = void 0;

var _vueTypes = _interopRequireDefault(require("ant-design-vue/es/_util/vue-types"));

require("ant-design-vue/es/menu/style");

var _menu = _interopRequireDefault(require("ant-design-vue/es/menu"));

require("ant-design-vue/es/icon/style");

var _icon = _interopRequireDefault(require("ant-design-vue/es/icon"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

var MenuItem = _menu["default"].Item,
    SubMenu = _menu["default"].SubMenu;
var RouteMenuProps = {
  menus: _vueTypes["default"].array,
  theme: _vueTypes["default"].string.def('dark'),
  mode: _vueTypes["default"].string.def('inline'),
  collapsed: _vueTypes["default"].bool.def(false),
  collapsedWidth: _vueTypes["default"].oneOfType([_vueTypes["default"].string, _vueTypes["default"].number]).def(80),
  openKeys: _vueTypes["default"].array.def(undefined),
  selectedKeys: _vueTypes["default"].array.def(undefined),
  openOnceKey: _vueTypes["default"].bool.def(true),
  i18nRender: _vueTypes["default"].oneOfType([_vueTypes["default"].func, _vueTypes["default"].bool]).def(false)
};
exports.RouteMenuProps = RouteMenuProps;
var httpReg = /(http|https|ftp):\/\/([\w.]+\/?)\S*/;

var renderMenu = function renderMenu(h, item, i18nRender, collapsed, collapsedWidth) {
  if (item && !item.hidden) {
    var bool = item.children && !item.hideChildrenInMenu;
    return bool ? renderSubMenu(h, item, i18nRender, collapsed, collapsedWidth) : renderMenuItem(h, item, i18nRender, collapsed, collapsedWidth);
  }

  return null;
};

var renderSubMenu = function renderSubMenu(h, item, i18nRender, collapsed, collapsedWidth) {
  return h(SubMenu, {
    key: item.path,
    style: {
      marginLeft: calcMarginLeft(collapsed, collapsedWidth)
    },
    attrs: {
      title: h("span", [renderIcon(h, item.meta.icon), h("span", [renderTitle(h, item.meta.title, i18nRender)])])
    }
  }, [!item.hideChildrenInMenu && item.children.map(function (cd) {
    return renderMenu(h, cd, i18nRender);
  })]);
};

var renderMenuItem = function renderMenuItem(h, item, i18nRender, collapsed, collapsedWidth) {
  var meta = _extends({}, item.meta);

  var target = meta.target || null;
  var hasRemoteUrl = httpReg.test(item.path);
  var CustomTag = target && 'a' || 'router-link';
  var props = {
    to: {
      name: item.name
    }
  };
  var attrs = hasRemoteUrl || target ? {
    href: item.path,
    target: target
  } : {};

  if (item.children && item.hideChildrenInMenu) {
    // 把有子菜单的 并且 父菜单是要隐藏子菜单的
    // 都给子菜单增加一个 hidden 属性
    // 用来给刷新页面时， selectedKeys 做控制用
    item.children.forEach(function (cd) {
      cd.meta = _extends(cd.meta || {}, {
        hidden: true
      });
    });
  }

  return h(MenuItem, {
    key: item.path,
    style: {
      marginLeft: calcMarginLeft(collapsed, collapsedWidth)
    }
  }, [h(CustomTag, {
    props: props,
    attrs: attrs
  }, [renderIcon(h, meta.icon), renderTitle(h, meta.title, i18nRender)])]);
};

var calcMarginLeft = function calcMarginLeft(collapsed, collapsedWidth) {
  if (collapsed) {
    return "-".concat(collapsedWidth ? Math.abs(32 - (collapsedWidth - 16) / 2) : 0, "px");
  }

  return 0;
};

var renderIcon = function renderIcon(h, icon) {
  if (icon === undefined || icon === 'none' || icon === null) {
    return null;
  }

  var props = {};
  typeof icon === 'object' ? props.component = icon : props.type = icon;
  return h(_icon["default"], {
    props: props
  });
};

var renderTitle = function renderTitle(h, title, i18nRender) {
  return h("span", [i18nRender && i18nRender(title) || title]);
};

var RouteMenu = {
  name: 'RouteMenu',
  props: RouteMenuProps,
  data: function data() {
    return {
      sOpenKeys: [],
      sSelectedKeys: [],
      cachedOpenKeys: [],
      cachedSelectedKeys: []
    };
  },
  render: function render(h, ctx) {
    var _this = this;

    var mode = this.mode,
        theme = this.theme,
        menus = this.menus,
        i18nRender = this.i18nRender,
        openOnceKey = this.openOnceKey,
        collapsed = this.collapsed,
        collapsedWidth = this.collapsedWidth;

    var handleOpenChange = function handleOpenChange(openKeys) {
      // 在水平模式下时，不再执行后续
      if (mode === 'horizontal') {
        _this.sOpenKeys = openKeys;
        return;
      } // const latestOpenKey = openKeys.find(key => !this.sOpenKeys.includes(key))


      _this.sOpenKeys = openKeys;

      _this.$emit('openChange', openKeys);
    };

    var calcWidth = function calcWidth(collapsed, collapsedWidth) {
      if (collapsed) {
        return "".concat(collapsedWidth ? collapsedWidth : 80, "px");
      }

      return '100%';
    };

    var dynamicProps = {
      props: {
        mode: mode,
        theme: theme,
        openKeys: this.openKeys || this.sOpenKeys,
        selectedKeys: this.selectedKeys || this.sSelectedKeys
      },
      on: {
        select: function select(args) {
          _this.$emit('select', args.selectedKeys);

          if (!httpReg.test(args.key)) {
            _this.sSelectedKeys = args.selectedKeys;
          }
        },
        click: function click(args) {
          _this.$emit('click', args);
        },
        openChange: handleOpenChange
      },
      style: {
        width: calcWidth(collapsed, collapsedWidth)
      }
    };
    var menuItems = menus.map(function (item) {
      if (item.hidden) {
        return null;
      }

      return renderMenu(h, item, i18nRender, collapsed, collapsedWidth);
    });
    return h(_menu["default"], dynamicProps, [menuItems]);
  },
  methods: {
    updateMenu: function updateMenu() {
      var routes = this.$route.matched.concat();

      if (this.selectedKeys === undefined) {
        var hidden = this.$route.meta.hidden;

        if (routes.length >= 3 && hidden) {
          routes.pop();
          this.sSelectedKeys = [routes[routes.length - 1].path];
        } else {
          this.sSelectedKeys = [routes.pop().path];
        }
      }

      var openKeys = [];

      if (this.mode === 'inline') {
        routes.forEach(function (item) {
          item.path && openKeys.push(item.path);
        });
      }

      if (!this.openOnceKey) {
        this.sOpenKeys.forEach(function (item) {
          openKeys.push(item);
        });
      }

      this.collapsed ? this.cachedOpenKeys = openKeys : this.sOpenKeys = openKeys;
    }
  },
  computed: {
    rootSubmenuKeys: function rootSubmenuKeys(vm) {
      var keys = vm.menus.map(function (item) {
        return item.path;
      }) || [];
      return keys;
    }
  },
  created: function created() {
    var _this2 = this;

    this.$watch('$route', function () {
      _this2.updateMenu();
    });
    this.$watch('collapsed', function (val) {
      if (val) {
        _this2.cachedOpenKeys = _this2.sOpenKeys.concat();
        _this2.sOpenKeys = [];
      } else {
        _this2.sOpenKeys = _this2.cachedOpenKeys;
      }
    });

    if (this.selectedKeys !== undefined) {
      this.sSelectedKeys = this.selectedKeys;
    }

    if (this.openKeys !== undefined) {
      this.sOpenKeys = this.openKeys;
    }
  },
  mounted: function mounted() {
    this.updateMenu();
  }
};
var _default = RouteMenu;
exports["default"] = _default;