@jetlinks-web/components 2.0.4 → 2.0.6

package/es/style/variable.less

@@ -1,2 +1,4 @@
-@text-color-title: #000;
-@text-color-subtitle: #263237;
+@import 'ant-design-vue/es/style/themes/index.less';
+
+@text-color-title: #000;
+@text-color-subtitle: #263237;

package/es/style.js

@@ -1,3 +1,5 @@
+import './Ellipsis/style';
+import './CheckButton/style';
 import './ProLayout/style';
 import './ProTable/style';
 import './Search/style';

package/lib/AMap/Map.js

@@ -37,6 +37,9 @@ import { MAPConfig } from "@jetlinks-web/constants";
 import Empty from '../Empty';
 import '@vuemap/vue-amap/dist/style.css';
 const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'JAMap'
+    },
     props: {
         ...MapProps(),
         style: Object,

package/lib/AMap/index.js

@@ -6,4 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _Map = _interopRequireDefault(require("./Map.js"));
+_Map.default.install = function (app) {
+  app.component(_Map.default.name, _Map.default);
+};
 var _default = exports.default = _Map.default;

package/lib/BadgeStatus/Badge.js

@@ -12,6 +12,9 @@ import { resolveComponent as _resolveComponent, openBlock as _openBlock, createB
 import { computed } from 'vue';
 import { getHexColor } from './color';
 const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'JBadgeStatus'
+    },
     props: {
         text: {
             type: String,

package/lib/BadgeStatus/index.js

@@ -19,4 +19,7 @@ Object.keys(_color).forEach(function (key) {
     }
   });
 });
+_Badge.default.install = function (app) {
+  app.component(_Badge.default.name, _Badge.default);
+};
 var _default = exports.default = _Badge.default;

package/lib/CardSelect/CardSelect.js

@@ -20,7 +20,9 @@ const _hoisted_2 = { class: "j-card-select-item-content" };
 const _hoisted_3 = { class: "j-card-select-title" };
 const _hoisted_4 = { class: "j-card-select-describe" };
 import { has } from 'lodash-es';
-const __sfc_main__ = {
+const __sfc_main__ = Object.assign({
+    name: 'JCardSelect'
+}, {
     props: {
         layout: {
             type: String,
@@ -119,5 +121,5 @@ const __sfc_main__ = {
             ], 4 /* STYLE */));
         };
     }
-};
+});
 export default __sfc_main__;

package/lib/CardSelect/index.js

@@ -6,4 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _CardSelect = _interopRequireDefault(require("./CardSelect.js"));
+_CardSelect.default.install = function (app) {
+  app.component(_CardSelect.default.name, _CardSelect.default);
+};
 var _default = exports.default = _CardSelect.default;

package/lib/CheckButton/CheckButton.js

@@ -19,12 +19,14 @@
   "selected": "setup-const"
 } */
 import { defineComponent as _defineComponent } from 'vue';
-import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1712901444786"), n = n(), _popScopeId(), n);
+import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle } from "vue";
 const _hoisted_1 = ["onClick"];
 import { computed, ref, watch } from 'vue';
 import { isArray } from '@jetlinks-web/utils';
 const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'JCheckButton'
+    },
     props: {
         value: {
             type: [String, Array],

package/lib/CheckButton/index.js

@@ -6,4 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _CheckButton = _interopRequireDefault(require("./CheckButton.js"));
+_CheckButton.default.install = function (app) {
+  app.component(_CheckButton.default.name, _CheckButton.default);
+};
 var _default = exports.default = _CheckButton.default;

package/lib/CheckButton/style/index.css

@@ -0,0 +1,37 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.j-check-button {
+  display: flex;
+  gap: 16px;
+  width: 100%;
+}
+.j-check-button .j-check-button-item {
+  flex: 1;
+  min-width: 0;
+  padding: 8px;
+  border-radius: 2px;
+  background-color: #f2f3f5;
+  transition: all 0.3s;
+  color: #333;
+  text-align: center;
+  cursor: pointer;
+}
+.j-check-button .j-check-button-item:hover {
+  background-color: #1890ff;
+  opacity: 0.85;
+  color: #fff;
+}
+.j-check-button .j-check-button-item.selected {
+  background-color: #1890ff;
+  color: #fff;
+}
+.j-check-button .j-check-button-item.disabled {
+  cursor: not-allowed;
+  color: #00000060;
+}
+.j-check-button .j-check-button-item.disabled:hover {
+  background-color: #f2f3f5;
+  color: #00000060;
+}

package/lib/CheckButton/style/index.less

@@ -0,0 +1,40 @@
+@import 'ant-design-vue/es/style/themes/index.less';
+
+.j-check-button {
+  display: flex;
+  gap: 16px;
+  width: 100%;
+
+  .j-check-button-item {
+    flex: 1;
+    min-width: 0;
+    padding: 8px;
+    border-radius: @border-radius-base;
+    background-color: #f2f3f5;
+    transition: all 0.3s;
+    color: #333;
+    text-align: center;
+    cursor: pointer;
+
+    &:hover {
+      background-color: @primary-color;
+      opacity: 0.85;
+      color: #fff;
+    }
+
+    &.selected {
+      background-color: @primary-color;
+      color: #fff;
+    }
+
+    &.disabled {
+      cursor: not-allowed;
+      color: #00000060;
+
+      &:hover {
+        background-color: #f2f3f5;
+        color: #00000060;
+      }
+    }
+  }
+}

package/lib/ConfigProvider/index.js

@@ -34,4 +34,7 @@ var JConfigProvider = (0, _vue.defineComponent)({
   }
 });
 JConfigProvider.config = _antDesignVue.ConfigProvider.config;
+JConfigProvider.install = function (app) {
+  app.component(JConfigProvider.name, JConfigProvider);
+};
 var _default = exports.default = JConfigProvider;

package/lib/Echarts/Echarts.js

@@ -16,6 +16,9 @@ import { normalizeStyle as _normalizeStyle, openBlock as _openBlock, createEleme
 import { nextTick, ref, watch, } from 'vue';
 import { useECharts } from '@jetlinks-web/hooks';
 const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'JEcharts'
+    },
     props: {
         options: {
             type: Object,

package/lib/Echarts/index.js

@@ -6,4 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _Echarts = _interopRequireDefault(require("./Echarts.js"));
+_Echarts.default.install = function (app) {
+  app.component(_Echarts.default.name, _Echarts.default);
+};
 var _default = exports.default = _Echarts.default;

package/lib/Ellipsis/Ellipsis.js

@@ -25,14 +25,14 @@
   "syncCursorStyle": "setup-const",
   "getTooltipDisabled": "setup-const"
 } */
-import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, mergeProps as _mergeProps, createElementVNode as _createElementVNode, unref as _unref, withCtx as _withCtx, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, mergeProps as _mergeProps, unref as _unref, withCtx as _withCtx, createSlots as _createSlots, openBlock as _openBlock, createBlock as _createBlock } from "vue";
 import { Tooltip } from 'ant-design-vue';
 import { computed, mergeProps, ref, useAttrs } from 'vue';
 const jEllipsis = 'j-ellipsis';
 const jEllipsisCursorClass = 'j-ellipsis-cursor';
 const jEllipsisLineClampClass = 'j-ellipsis-line-clamp';
 const __sfc_main__ = Object.assign({
-    name: 'Ellipsis',
+    name: 'JEllipsis',
 }, {
     props: {
         expandTrigger: {
@@ -154,17 +154,8 @@ const __sfc_main__ = Object.assign({
                 ref_key: "tooltipRef",
                 ref: tooltipRef,
                 placement: "top"
-            }, __props.tooltip, { visible: visible.value }), {
+            }, __props.tooltip, { visible: visible.value }), _createSlots({
                 default: _withCtx(() => [
-                    (__props.tooltip)
-                        ? (_openBlock(), _createElementBlock("div", {
-                            key: 0,
-                            class: _normalizeClass([jEllipsisLineClampClass, jEllipsis, 'j-ellipsis-deep'])
-                        }, [
-                            _renderSlot(_ctx.$slots, "default"),
-                            _renderSlot(_ctx.$slots, "tooltip")
-                        ], 2 /* CLASS */))
-                        : _createCommentVNode("v-if", true),
                     _createElementVNode("span", _mergeProps({
                         ref_key: "triggerRef",
                         ref: triggerRef
@@ -174,10 +165,27 @@ const __sfc_main__ = Object.assign({
                         onMouseenter: _cache[2] || (_cache[2] = $event => (props.expandTrigger === 'click'
                             ? getTooltipDisabled()
                             : showTooltip()))
-                    }), null, 16 /* FULL_PROPS */)
+                    }), [
+                        _renderSlot(_ctx.$slots, "default")
+                    ], 16 /* FULL_PROPS */)
                 ]),
-                _: 3 /* FORWARDED */
-            }, 16 /* FULL_PROPS */, ["visible"]));
+                _: 2 /* DYNAMIC */
+            }, [
+                (__props.tooltip)
+                    ? {
+                        name: "title",
+                        fn: _withCtx(() => [
+                            _createElementVNode("div", {
+                                class: _normalizeClass([jEllipsisLineClampClass, jEllipsis, 'j-ellipsis-deep'])
+                            }, [
+                                _renderSlot(_ctx.$slots, "default"),
+                                _renderSlot(_ctx.$slots, "tooltip")
+                            ], 2 /* CLASS */)
+                        ]),
+                        key: "0"
+                    }
+                    : undefined
+            ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["visible"]));
         };
     }
 });

package/lib/Ellipsis/index.js

@@ -6,4 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _Ellipsis = _interopRequireDefault(require("./Ellipsis.js"));
+_Ellipsis.default.install = function (app) {
+  app.component(_Ellipsis.default.name, _Ellipsis.default);
+};
 var _default = exports.default = _Ellipsis.default;

package/lib/Ellipsis/style/index.css

@@ -0,0 +1,17 @@
+.j-ellipsis {
+  overflow: hidden;
+  vertical-align: bottom;
+}
+.j-ellipsis-cursor {
+  cursor: pointer;
+}
+.j-ellipsis-line-clamp {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  word-break: break-all;
+}
+.j-ellipsis-deep {
+  max-height: 380px;
+  -webkit-line-clamp: 17;
+  text-overflow: ellipsis;
+}

package/lib/Ellipsis/style/index.less

@@ -0,0 +1,20 @@
+.j-ellipsis {
+  overflow: hidden;
+  vertical-align: bottom;
+}
+
+.j-ellipsis-cursor {
+  cursor: pointer;
+}
+
+.j-ellipsis-line-clamp {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  word-break: break-all;
+}
+
+.j-ellipsis-deep {
+  max-height: 380px;
+  -webkit-line-clamp: 17;
+  text-overflow: ellipsis;
+}

package/lib/Empty/Empty.js

@@ -18,6 +18,9 @@ import { useSlots } from 'vue';
 import NoData from './image';
 import { omit } from 'lodash-es';
 const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'JEmpty'
+    },
     props: {
         description: {
             type: String,

package/lib/Empty/index.js

@@ -6,4 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _Empty = _interopRequireDefault(require("./Empty.js"));
+_Empty.default.install = function (app) {
+  app.component(_Empty.default.name, _Empty.default);
+};
 var _default = exports.default = _Empty.default;

package/lib/FullPage/FullPage.js

@@ -6,11 +6,14 @@
 } */
 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-1712901447064"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1713333270022"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "full-page-warp-content" };
 import { ref } from 'vue';
 import { useElementBounding } from '@vueuse/core';
 const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'JFullPage'
+    },
     setup(__props) {
         const fullPage = ref(null);
         const { y } = useElementBounding(fullPage);

package/lib/FullPage/index.js

@@ -6,4 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _FullPage = _interopRequireDefault(require("./FullPage.js"));
+_FullPage.default.install = function (app) {
+  app.component(_FullPage.default.name, _FullPage.default);
+};
 var _default = exports.default = _FullPage.default;

package/lib/Icon/index.js

@@ -6,4 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _icon = _interopRequireDefault(require("./icon"));
+_icon.default.install = function (app) {
+  app.component(_icon.default.name, _icon.default);
+};
 var _default = exports.default = _icon.default;

package/lib/MonacoEditor/Monaco.js

@@ -51,7 +51,9 @@ import { openBlock as _openBlock, createElementBlock as _createElementBlock } fr
 import { ref, onMounted, watch, onUnmounted, toRaw, nextTick } from 'vue';
 import * as monaco from 'monaco-editor';
 import { omit } from 'lodash-es';
-const __sfc_main__ = {
+const __sfc_main__ = Object.assign({
+    name: 'JMonacoEditor'
+}, {
     props: {
         modelValue: [String, Number],
         theme: { type: String, default: 'vs-dark' },
@@ -234,5 +236,5 @@ const __sfc_main__ = {
             }, null, 512 /* NEED_PATCH */));
         };
     }
-};
+});
 export default __sfc_main__;

package/lib/MonacoEditor/index.js

@@ -6,4 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _Monaco = _interopRequireDefault(require("./Monaco.js"));
+_Monaco.default.install = function (app) {
+  app.component(_Monaco.default.name, _Monaco.default);
+};
 var _default = exports.default = _Monaco.default;

package/lib/PermissionButton/index.js

@@ -34,7 +34,7 @@ var definedProps = (0, _objectSpread2.default)({
   }
 }, (0, _lodashEs.omit)((0, _button.buttonProps)(), 'icon'));
 var PermissionButton = (0, _vue.defineComponent)({
-  name: 'PermissionButton',
+  name: 'JPermissionButton',
   // @ts-ignore
   slots: ['button', 'icon'],
   props: definedProps,
@@ -121,4 +121,7 @@ var PermissionButton = (0, _vue.defineComponent)({
     };
   }
 });
+PermissionButton.install = function (app) {
+  app.component(PermissionButton.name, PermissionButton);
+};
 var _default2 = exports.default = PermissionButton;

package/lib/ProLayout/Basic/BasicLayout.js

@@ -99,7 +99,7 @@ var _default2 = exports.default = (0, _vue.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,
@@ -142,6 +142,18 @@ var _default2 = exports.default = (0, _vue.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 = (0, _vue.computed)(function () {
       return "".concat(props.prefixCls, "-basicLayout");
     });
@@ -180,12 +192,11 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
       hasSide: hasSide,
       back: onBack,
       hasHeader: true,
-      flatMenu: hasFlatMenu
+      flatMenu: hasFlatMenu,
+      layoutType: props.layoutType
     }));
     (0, _vue.provide)(_RouteContext.routeContextInjectKey, routeContext);
     return function () {
-      var _slot;
-      var _slots$default, _slots$default2;
       var pure = props.pure,
         propsOnCollapse = props.onCollapse,
         propsOnOpenKeys = props.onOpenKeys,
@@ -226,43 +237,131 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
       var contentClassName = (0, _vue.computed)(function () {
         return (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(baseClassName.value, "-content"), true), "".concat(baseClassName.value, "-has-header"), headerDom), "".concat(baseClassName.value, "-content-disable-margin"), props.disableContentMargin);
       });
-      return (0, _vue.createVNode)(_vue.Fragment, null, [pure ? (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots) : (0, _vue.createVNode)("div", {
-        "class": className.value
-      }, [(0, _vue.createVNode)(_antDesignVue.Layout, {
-        "style": (0, _objectSpread2.default)({
-          minHeight: '100vh'
-        }, attrs.style || {})
-      }, {
-        default: function _default() {
-          return [headerDom.value, (0, _vue.createVNode)(_antDesignVue.Layout, {
-            "style": genLayoutStyle,
-            "class": prefixCls.value
-          }, {
-            default: function _default() {
-              return [!isTop.value && (0, _vue.createVNode)(_SiderMenu.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
-                "menuHeaderRender": menuHeaderRender,
-                "menuExtraRender": menuExtraRender,
-                "menuContentRender": menuContentRender,
-                "menuItemRender": menuItemRender,
-                "subMenuItemRender": subMenuItemRender,
-                "collapsedButtonRender": collapsedButtonRender,
-                "onCollapse": onCollapse,
-                "onSelect": onSelect,
-                "onOpenKeys": onOpenKeys,
-                "onMenuClick": onMenuClick
-              }), null), (0, _vue.createVNode)(_antDesignVue.Layout, null, _isSlot(_slot = (0, _vue.createVNode)(_antDesignVue.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 === _defaultSettings.LayoutType.LIST) {
+        var _slot;
+        var _slots$default2;
+        return (0, _vue.createVNode)(_vue.Fragment, null, [(0, _vue.createVNode)("div", {
+          "class": className.value
+        }, [(0, _vue.createVNode)(_antDesignVue.Layout, {
+          "style": (0, _objectSpread2.default)({
+            minHeight: '100vh'
+          }, attrs.style || {})
+        }, {
+          default: function _default() {
+            return [headerDom.value, (0, _vue.createVNode)(_antDesignVue.Layout, {
+              "style": genLayoutStyle,
+              "class": prefixCls.value
+            }, {
+              default: function _default() {
+                return [!isTop.value && (0, _vue.createVNode)(_SiderMenu.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
+                  "menuHeaderRender": menuHeaderRender,
+                  "menuExtraRender": menuExtraRender,
+                  "menuContentRender": menuContentRender,
+                  "menuItemRender": menuItemRender,
+                  "subMenuItemRender": subMenuItemRender,
+                  "collapsedButtonRender": collapsedButtonRender,
+                  "onCollapse": onCollapse,
+                  "onSelect": onSelect,
+                  "onOpenKeys": onOpenKeys,
+                  "onMenuClick": onMenuClick
+                }), null), (0, _vue.createVNode)(_antDesignVue.Layout, null, _isSlot(_slot = (0, _vue.createVNode)(_antDesignVue.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 (0, _vue.createVNode)(_vue.Fragment, null, [(0, _vue.createVNode)("div", {
+          "class": className.value
+        }, [(0, _vue.createVNode)(_antDesignVue.Layout, null, {
+          default: function _default() {
+            return [(0, _vue.createVNode)(_SiderMenu.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
+              "siderWidth": props.cardSiderWidth,
+              "headerHeight": 0,
+              "menuHeaderRender": menuHeaderRender,
+              "menuExtraRender": menuExtraRender,
+              "menuContentRender": menuContentRender,
+              "menuItemRender": menuItemRender,
+              "subMenuItemRender": subMenuItemRender,
+              "onCollapse": onCollapse,
+              "onSelect": onSelect,
+              "onOpenKeys": onOpenKeys,
+              "onMenuClick": onMenuClick,
+              "onAppMenuClick": onAppMenuClick
+            }), null), (0, _vue.createVNode)(_antDesignVue.Layout, null, {
+              default: function _default() {
+                return [(0, _vue.createVNode)(_antDesignVue.Layout.Header, {
+                  "style": {
+                    background: 'transparent',
+                    padding: 0,
+                    height: '40px'
+                  }
+                }, _isSlot(_slot3 = (0, _vue.createVNode)(_antDesignVue.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 (0, _vue.createVNode)(_antDesignVue.Tabs.TabPane, {
+                    "key": item.name,
+                    "tab": item.label,
+                    "closable": true
+                  }, null);
+                })) ? _slot2 : {
+                  default: function _default() {
+                    return [_slot2];
+                  }
+                })) ? _slot3 : {
+                  default: function _default() {
+                    return [_slot3];
+                  }
+                }), (0, _vue.createVNode)(_antDesignVue.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)];
+                  }
+                }), (0, _vue.createVNode)(_antDesignVue.Layout.Footer, {
+                  "style": {
+                    padding: '11px 24px'
+                  }
+                }, _isSlot(_slot4 = (0, _vue.createVNode)("div", {
+                  "style": props.pageFooterStyle
+                }, [(0, _vue.createVNode)(_antDesignVue.Breadcrumb, {
+                  "routes": props.breadcrumb.routes,
+                  "itemRender": props.breadcrumbRender
+                }, null)])) ? _slot4 : {
+                  default: function _default() {
+                    return [_slot4];
+                  }
+                })];
+              }
+            })];
+          }
+        })])]);
+      }
     };
   }
 });