@jetlinks-web/components 2.0.4 → 2.0.6

package/es/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/es/AMap/index.js

@@ -1,2 +1,5 @@
 import Map from './Map.js';
+Map.install = function (app) {
+  app.component(Map.name, Map);
+};
 export default Map;

package/es/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/es/BadgeStatus/index.js

@@ -1,3 +1,6 @@
 import BadgeStatus from './Badge.js';
+BadgeStatus.install = function (app) {
+  app.component(BadgeStatus.name, BadgeStatus);
+};
 export * from './color';
 export default BadgeStatus;

package/es/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/es/CardSelect/index.js

@@ -1,2 +1,5 @@
 import CardSelect from "./CardSelect.js";
+CardSelect.install = function (app) {
+  app.component(CardSelect.name, CardSelect);
+};
 export default CardSelect;

package/es/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-1712901444819"), 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/es/CheckButton/index.js

@@ -1,2 +1,5 @@
 import CheckButton from './CheckButton.js';
+CheckButton.install = function (app) {
+  app.component(CheckButton.name, CheckButton);
+};
 export default CheckButton;

package/es/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/es/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/es/ConfigProvider/index.js

@@ -28,4 +28,7 @@ var JConfigProvider = defineComponent({
   }
 });
 JConfigProvider.config = ConfigProvider.config;
+JConfigProvider.install = function (app) {
+  app.component(JConfigProvider.name, JConfigProvider);
+};
 export default JConfigProvider;

package/es/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/es/Echarts/index.js

@@ -1,2 +1,5 @@
 import Echarts from './Echarts.js';
+Echarts.install = function (app) {
+  app.component(Echarts.name, Echarts);
+};
 export default Echarts;

package/es/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/es/Ellipsis/index.js

@@ -1,2 +1,5 @@
 import Ellipsis from './Ellipsis.js';
+Ellipsis.install = function (app) {
+  app.component(Ellipsis.name, Ellipsis);
+};
 export default Ellipsis;

package/es/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/es/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/es/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/es/Empty/index.js

@@ -1,2 +1,5 @@
 import Empty from './Empty.js';
+Empty.install = function (app) {
+  app.component(Empty.name, Empty);
+};
 export default Empty;

package/es/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-1712901447072"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1713333270029"), 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/es/FullPage/index.js

@@ -1,2 +1,5 @@
 import FullPage from './FullPage.js';
+FullPage.install = function (app) {
+  app.component(FullPage.name, FullPage);
+};
 export default FullPage;

package/es/Icon/index.js

@@ -1,2 +1,5 @@
 import AIcon from './icon';
+AIcon.install = function (app) {
+  app.component(AIcon.name, AIcon);
+};
 export default AIcon;

package/es/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/es/MonacoEditor/index.js

@@ -1,2 +1,5 @@
 import Monaco from './Monaco.js';
+Monaco.install = function (app) {
+  app.component(Monaco.name, Monaco);
+};
 export default Monaco;

package/es/PermissionButton/index.js

@@ -27,7 +27,7 @@ var definedProps = _objectSpread({
   }
 }, omit(buttonProps(), 'icon'));
 var PermissionButton = defineComponent({
-  name: 'PermissionButton',
+  name: 'JPermissionButton',
   // @ts-ignore
   slots: ['button', 'icon'],
   props: definedProps,
@@ -114,4 +114,7 @@ var PermissionButton = defineComponent({
     };
   }
 });
+PermissionButton.install = function (app) {
+  app.component(PermissionButton.name, PermissionButton);
+};
 export default PermissionButton;

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,
@@ -217,43 +228,131 @@ 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,
+              "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

@@ -12,7 +12,7 @@ import { pageHeaderProps } from 'ant-design-vue/es/page-header';
 import { useRouteContext } from '../RouteContext';
 import { getSlotVNode } from '../util';
 import 'ant-design-vue/es/_util/type';
-import './index.less';
+import PropTypes from 'ant-design-vue/es/_util/vue-types';
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !_isVNode(s);
 }
@@ -59,7 +59,7 @@ export var pageHeaderTabConfig = {
 export var pageContainerProps = _objectSpread(_objectSpread(_objectSpread({}, pageHeaderTabConfig), pageHeaderProps), {}, {
   prefixCls: {
     type: String,
-    default: 'ant-pro'
+    default: PropTypes.string.def('ant-pro')
   },
   title: {
     type: [Object, String, Boolean, Function],