@jetlinks-web/components 2.0.5 → 2.0.7

package/es/FullPage/FullPage.js

@@ -6,7 +6,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1713253708182"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1713344574942"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "full-page-warp-content" };
 import { ref } from 'vue';
 import { useElementBounding } from '@vueuse/core';

package/es/ProLayout/Basic/BasicLayout.js

@@ -5,14 +5,14 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 var _excluded = ["pure", "onCollapse", "onOpenKeys", "onSelect", "onMenuClick"];
 import SiderMenu, { siderMenuProps } from '../SiderMenu/SiderMenu';
 import { computed, defineComponent, provide, reactive, watchEffect, toRefs, h } from 'vue';
-import { defaultSettingProps } from '../defaultSettings';
+import { defaultSettingProps, LayoutType } from '../defaultSettings';
 import { baseHeaderProps } from '../TopHeader';
 import Header, { headerViewProps } from './Header';
 import useConfigInject from 'ant-design-vue/es/_util/hooks/useConfigInject';
 import { pick } from 'lodash-es';
 import { defaultRouteContext, routeContextInjectKey } from '../RouteContext';
 import { getMenuFirstChildren, getSlot } from '../util';
-import { Layout, LayoutContent } from 'ant-design-vue';
+import { Layout, LayoutContent, Breadcrumb, Tabs } from 'ant-design-vue';
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !_isVNode(s);
 }
@@ -90,7 +90,7 @@ export default defineComponent({
   name: 'JProLayout',
   inheritAttrs: false,
   props: basicLayoutProps,
-  emits: ['update:collapsed', 'update:open-keys', 'update:selected-keys', 'collapse', 'openKeys', 'select', 'menuHeaderClick', 'menuClick', 'backClick'],
+  emits: ['update:collapsed', 'update:open-keys', 'update:selected-keys', 'update:active-key', 'collapse', 'openKeys', 'select', 'menuHeaderClick', 'menuClick', 'backClick', 'historyTabClick', 'historyTabEdit', 'appMenuClick'],
   setup: function setup(props, _ref) {
     var emit = _ref.emit,
       attrs = _ref.attrs,
@@ -133,6 +133,18 @@ export default defineComponent({
     var onBack = function onBack(args) {
       emit('backClick', args);
     };
+    var onTabClick = function onTabClick(args) {
+      emit('historyTabClick', args);
+    };
+    var onTabEdit = function onTabEdit(args) {
+      emit('historyTabEdit', args);
+    };
+    var onAppMenuClick = function onAppMenuClick(args) {
+      emit('appMenuClick', args);
+    };
+    var onTabChange = function onTabChange(key) {
+      emit('update:active-key', key);
+    };
     var baseClassName = computed(function () {
       return "".concat(props.prefixCls, "-basicLayout");
     });
@@ -171,12 +183,11 @@ export default defineComponent({
       hasSide: hasSide,
       back: onBack,
       hasHeader: true,
-      flatMenu: hasFlatMenu
+      flatMenu: hasFlatMenu,
+      layoutType: props.layoutType
     }));
     provide(routeContextInjectKey, routeContext);
     return function () {
-      var _slot;
-      var _slots$default, _slots$default2;
       var pure = props.pure,
         propsOnCollapse = props.onCollapse,
         propsOnOpenKeys = props.onOpenKeys,
@@ -193,6 +204,7 @@ export default defineComponent({
       var menuContentRender = getSlot(slots, props, 'menuContentRender');
       var menuItemRender = getSlot(slots, props, 'menuItemRender');
       var subMenuItemRender = getSlot(slots, props, 'subMenuItemRender');
+      var linksRender = getSlot(slots, props, 'linksRender');
       var headerDom = computed(function () {
         return headerRender(_objectSpread(_objectSpread({}, props), {}, {
           menuItemRender: menuItemRender,
@@ -217,43 +229,132 @@ export default defineComponent({
       var contentClassName = computed(function () {
         return _defineProperty(_defineProperty(_defineProperty({}, "".concat(baseClassName.value, "-content"), true), "".concat(baseClassName.value, "-has-header"), headerDom), "".concat(baseClassName.value, "-content-disable-margin"), props.disableContentMargin);
       });
-      return _createVNode(_Fragment, null, [pure ? (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots) : _createVNode("div", {
-        "class": className.value
-      }, [_createVNode(Layout, {
-        "style": _objectSpread({
-          minHeight: '100vh'
-        }, attrs.style || {})
-      }, {
-        default: function _default() {
-          return [headerDom.value, _createVNode(Layout, {
-            "style": genLayoutStyle,
-            "class": prefixCls.value
-          }, {
-            default: function _default() {
-              return [!isTop.value && _createVNode(SiderMenu, _objectSpread(_objectSpread({}, restProps), {}, {
-                "menuHeaderRender": menuHeaderRender,
-                "menuExtraRender": menuExtraRender,
-                "menuContentRender": menuContentRender,
-                "menuItemRender": menuItemRender,
-                "subMenuItemRender": subMenuItemRender,
-                "collapsedButtonRender": collapsedButtonRender,
-                "onCollapse": onCollapse,
-                "onSelect": onSelect,
-                "onOpenKeys": onOpenKeys,
-                "onMenuClick": onMenuClick
-              }), null), _createVNode(Layout, null, _isSlot(_slot = _createVNode(LayoutContent, null, {
-                default: function _default() {
-                  return [(_slots$default2 = slots.default) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots)];
-                }
-              })) ? _slot : {
-                default: function _default() {
-                  return [_slot];
-                }
-              })];
-            }
-          })];
-        }
-      })])]);
+      if (pure) {
+        var _slots$default;
+        return (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
+      }
+      if (props.layoutType === LayoutType.LIST) {
+        var _slot;
+        var _slots$default2;
+        return _createVNode(_Fragment, null, [_createVNode("div", {
+          "class": className.value
+        }, [_createVNode(Layout, {
+          "style": _objectSpread({
+            minHeight: '100vh'
+          }, attrs.style || {})
+        }, {
+          default: function _default() {
+            return [headerDom.value, _createVNode(Layout, {
+              "style": genLayoutStyle,
+              "class": prefixCls.value
+            }, {
+              default: function _default() {
+                return [!isTop.value && _createVNode(SiderMenu, _objectSpread(_objectSpread({}, restProps), {}, {
+                  "menuHeaderRender": menuHeaderRender,
+                  "menuExtraRender": menuExtraRender,
+                  "menuContentRender": menuContentRender,
+                  "menuItemRender": menuItemRender,
+                  "subMenuItemRender": subMenuItemRender,
+                  "collapsedButtonRender": collapsedButtonRender,
+                  "onCollapse": onCollapse,
+                  "onSelect": onSelect,
+                  "onOpenKeys": onOpenKeys,
+                  "onMenuClick": onMenuClick
+                }), null), _createVNode(Layout, null, _isSlot(_slot = _createVNode(LayoutContent, null, {
+                  default: function _default() {
+                    return [(_slots$default2 = slots.default) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots)];
+                  }
+                })) ? _slot : {
+                  default: function _default() {
+                    return [_slot];
+                  }
+                })];
+              }
+            })];
+          }
+        })])]);
+      } else {
+        var _slots$default3;
+        var _slot2, _slot3, _slot4;
+        return _createVNode(_Fragment, null, [_createVNode("div", {
+          "class": className.value
+        }, [_createVNode(Layout, null, {
+          default: function _default() {
+            return [_createVNode(SiderMenu, _objectSpread(_objectSpread({}, restProps), {}, {
+              "siderWidth": props.cardSiderWidth,
+              "headerHeight": 0,
+              "menuHeaderRender": menuHeaderRender,
+              "menuExtraRender": menuExtraRender,
+              "linksRender": linksRender,
+              "menuContentRender": menuContentRender,
+              "menuItemRender": menuItemRender,
+              "subMenuItemRender": subMenuItemRender,
+              "onCollapse": onCollapse,
+              "onSelect": onSelect,
+              "onOpenKeys": onOpenKeys,
+              "onMenuClick": onMenuClick,
+              "onAppMenuClick": onAppMenuClick
+            }), null), _createVNode(Layout, null, {
+              default: function _default() {
+                return [_createVNode(Layout.Header, {
+                  "style": {
+                    background: 'transparent',
+                    padding: 0,
+                    height: '40px'
+                  }
+                }, _isSlot(_slot3 = _createVNode(Tabs, {
+                  "hide-add": true,
+                  "type": "editable-card",
+                  "class": "history-tabs",
+                  "id": 'history-route-tabs',
+                  "tabBarStyle": {
+                    margin: 0
+                  },
+                  "onTabClick": onTabClick,
+                  "onEdit": onTabEdit,
+                  "activeKey": props.historyActive,
+                  "onChange": onTabChange
+                }, _isSlot(_slot2 = props.historyRoutes.map(function (item) {
+                  return _createVNode(Tabs.TabPane, {
+                    "key": item.name,
+                    "tab": item.label,
+                    "closable": true
+                  }, null);
+                })) ? _slot2 : {
+                  default: function _default() {
+                    return [_slot2];
+                  }
+                })) ? _slot3 : {
+                  default: function _default() {
+                    return [_slot3];
+                  }
+                }), _createVNode(LayoutContent, {
+                  "style": {
+                    height: "calc(100vh - 88px)"
+                  }
+                }, {
+                  default: function _default() {
+                    return [(_slots$default3 = slots.default) === null || _slots$default3 === void 0 ? void 0 : _slots$default3.call(slots)];
+                  }
+                }), _createVNode(Layout.Footer, {
+                  "style": {
+                    padding: '11px 24px'
+                  }
+                }, _isSlot(_slot4 = _createVNode("div", {
+                  "style": props.pageFooterStyle
+                }, [_createVNode(Breadcrumb, {
+                  "routes": props.breadcrumb.routes,
+                  "itemRender": props.breadcrumbRender
+                }, null)])) ? _slot4 : {
+                  default: function _default() {
+                    return [_slot4];
+                  }
+                })];
+              }
+            })];
+          }
+        })])]);
+      }
     };
   }
 });

package/es/ProLayout/PageContainer/index.js

@@ -13,7 +13,6 @@ import { useRouteContext } from '../RouteContext';
 import { getSlotVNode } from '../util';
 import 'ant-design-vue/es/_util/type';
 import PropTypes from 'ant-design-vue/es/_util/vue-types';
-import './index.less';
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !_isVNode(s);
 }

package/es/ProLayout/SiderMenu/SiderMenu.js

@@ -1,14 +1,15 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createVNode as _createVNode, isVNode as _isVNode, Fragment as _Fragment } from "vue";
+import { createVNode as _createVNode, resolveDirective as _resolveDirective, isVNode as _isVNode, Fragment as _Fragment } from "vue";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { LayoutSider as Sider, Menu } from 'ant-design-vue';
+import { LayoutSider as Sider, Menu, Tooltip } from 'ant-design-vue';
 import BaseMenu, { baseMenuProps } from './BaseMenu';
-import { defaultSettingProps } from '../defaultSettings';
+import { defaultSettingProps, LayoutType } from '../defaultSettings';
 import PropTypes from 'ant-design-vue/es/_util/vue-types';
 import IconFont from '../../Icon';
 import { useRouteContext } from '../RouteContext';
 import { computed, unref } from 'vue';
+import "../typings";
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !_isVNode(s);
 }
@@ -52,6 +53,12 @@ export var siderMenuProps = _objectSpread(_objectSpread(_objectSpread({}, defaul
       return undefined;
     }
   },
+  linksRender: {
+    type: [Function, Object, Boolean],
+    default: function _default() {
+      return undefined;
+    }
+  },
   breakpoint: {
     type: [Object, Boolean],
     default: function _default() {
@@ -103,12 +110,37 @@ export var defaultRenderLogoAndTitle = function defaultRenderLogoAndTitle(props)
     logo = _props$logo === void 0 ? 'http://demo.jetlinks.cn/static/logo.760eb65c.png' : _props$logo,
     logoStyle = props.logoStyle,
     title = props.title,
-    layout = props.layout;
+    layout = props.layout,
+    apps = props.apps,
+    baseClassName = props.baseClassName;
+  var logoDom = defaultRenderLogo(logo, logoStyle);
   var renderFunction = props[renderKey || ''];
+  if (props.layoutType === LayoutType.CARD) {
+    return _createVNode("a", null, [apps.length ? _createVNode(Tooltip, {
+      "placement": "rightTop",
+      "color": "#fff",
+      "arrowPointAtCenter": true
+    }, {
+      default: function _default() {
+        return [logoDom];
+      },
+      title: function title() {
+        return apps.map(function (item) {
+          return _createVNode("div", {
+            "class": "sider-app-menus"
+          }, [_createVNode("div", {
+            "class": "sider-app-menus-item",
+            "onClick": function onClick() {
+              return props.onAppMenuClick(item);
+            }
+          }, [item.label])]);
+        });
+      }
+    }) : logoDom]);
+  }
   if (layout === 'mix' && renderFunction === false) {
     return null;
   }
-  var logoDom = defaultRenderLogo(logo, logoStyle);
   var titleDom = _createVNode("h1", null, _isSlot(title) ? title : {
     default: function _default() {
       return [title];
@@ -151,6 +183,7 @@ var SiderMenu = function SiderMenu(props) {
     menuContentRender = _props$menuContentRen === void 0 ? false : _props$menuContentRen,
     _props$collapsedButto = props.collapsedButtonRender,
     collapsedButtonRender = _props$collapsedButto === void 0 ? defaultRenderCollapsedButton : _props$collapsedButto,
+    linksRender = props.linksRender,
     theme = props.theme;
   var context = useRouteContext();
   var getPrefixCls = context.getPrefixCls;
@@ -173,9 +206,11 @@ var SiderMenu = function SiderMenu(props) {
       props.onSelect($event);
     }
   };
-  var headerDom = defaultRenderLogoAndTitle(props);
+  var headerDom = defaultRenderLogoAndTitle(_objectSpread(_objectSpread({}, props), {}, {
+    baseClassName: baseClassName
+  }));
   var extraDom = menuExtraRender && menuExtraRender(props);
-  if (hasSplitMenu.value && unref(context.flatMenuData).length === 0) {
+  if (props.layoutType !== LayoutType.CARD && hasSplitMenu.value && unref(context.flatMenuData).length === 0) {
     return null;
   }
   var defaultMenuDom = _createVNode(BaseMenu, {
@@ -245,9 +280,9 @@ var SiderMenu = function SiderMenu(props) {
         }
       }), _createVNode("div", {
         "style": "flex: 1; overflow: hidden auto;"
-      }, [menuContentRender && menuContentRender(props, defaultMenuDom) || defaultMenuDom]), _createVNode("div", {
+      }, [props.layoutType === LayoutType.LIST ? menuContentRender && menuContentRender(props, defaultMenuDom) || defaultMenuDom : null]), _createVNode("div", {
         "class": "".concat(baseClassName, "-links")
-      }, [collapsedButtonRender !== false ? _createVNode(Menu, {
+      }, [linksRender ? linksRender() : collapsedButtonRender !== false ? _createVNode(Menu, {
         "class": "".concat(baseClassName, "-link-menu"),
         "inlineIndent": 16,
         "theme": theme,