@jetlinks-web/components 3.3.1 → 3.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -16,6 +16,12 @@ import { getMenuFirstChildren, getSlot } from '../util';
|
|
|
16
16
|
import { Layout, LayoutContent, Breadcrumb, Tabs } from 'ant-design-vue';
|
|
17
17
|
import useProLayoutStyle from '../style';
|
|
18
18
|
export var basicLayoutProps = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, defaultSettingProps), siderMenuProps), baseHeaderProps), headerViewProps), {}, {
|
|
19
|
+
classNames: {
|
|
20
|
+
type: Object,
|
|
21
|
+
default: function _default() {
|
|
22
|
+
return {};
|
|
23
|
+
}
|
|
24
|
+
},
|
|
19
25
|
pure: Boolean,
|
|
20
26
|
loading: Boolean,
|
|
21
27
|
locale: {
|
|
@@ -158,7 +164,8 @@ export default defineComponent({
|
|
|
158
164
|
return "".concat(props.prefixCls, "-basicLayout");
|
|
159
165
|
});
|
|
160
166
|
var className = computed(function () {
|
|
161
|
-
|
|
167
|
+
var isObject = isObject(props.classNames);
|
|
168
|
+
return _objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, baseClassName.value, true), "".concat(baseClassName.value, "-top-menu"), isTop.value), "".concat(baseClassName.value, "-is-children"), props.isChildrenLayout), "".concat(baseClassName.value, "-fix-siderbar"), props.fixSiderbar), "".concat(baseClassName.value, "-").concat(props.layout), props.layout), "".concat(baseClassName.value, "-").concat(props.layoutType), props.layoutType), hashId.value, true), isObject ? props.classNames || {} : {});
|
|
162
169
|
});
|
|
163
170
|
var genLayoutStyle = reactive({
|
|
164
171
|
position: 'relative'
|
|
@@ -10,7 +10,7 @@ var _vue = require("vue");
|
|
|
10
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
11
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
12
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
var
|
|
13
|
+
var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
14
14
|
var _SiderMenu = _interopRequireWildcard(require("../SiderMenu/SiderMenu"));
|
|
15
15
|
var _defaultSettings = require("../defaultSettings");
|
|
16
16
|
var _TopHeader = require("../TopHeader");
|
|
@@ -23,7 +23,13 @@ var _antDesignVue = require("ant-design-vue");
|
|
|
23
23
|
var _style = _interopRequireDefault(require("../style"));
|
|
24
24
|
var _excluded = ["pure", "onCollapse", "onOpenKeys", "onSelect", "onMenuClick"];
|
|
25
25
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
26
|
-
var basicLayoutProps = exports.basicLayoutProps = (0,
|
|
26
|
+
var basicLayoutProps = exports.basicLayoutProps = (0, _objectSpread3.default)((0, _objectSpread3.default)((0, _objectSpread3.default)((0, _objectSpread3.default)((0, _objectSpread3.default)({}, _defaultSettings.defaultSettingProps), _SiderMenu.siderMenuProps), _TopHeader.baseHeaderProps), _Header.headerViewProps), {}, {
|
|
27
|
+
classNames: {
|
|
28
|
+
type: Object,
|
|
29
|
+
default: function _default() {
|
|
30
|
+
return {};
|
|
31
|
+
}
|
|
32
|
+
},
|
|
27
33
|
pure: Boolean,
|
|
28
34
|
loading: Boolean,
|
|
29
35
|
locale: {
|
|
@@ -166,7 +172,8 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
|
|
|
166
172
|
return "".concat(props.prefixCls, "-basicLayout");
|
|
167
173
|
});
|
|
168
174
|
var className = (0, _vue.computed)(function () {
|
|
169
|
-
|
|
175
|
+
var isObject = isObject(props.classNames);
|
|
176
|
+
return (0, _objectSpread3.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, baseClassName.value, true), "".concat(baseClassName.value, "-top-menu"), isTop.value), "".concat(baseClassName.value, "-is-children"), props.isChildrenLayout), "".concat(baseClassName.value, "-fix-siderbar"), props.fixSiderbar), "".concat(baseClassName.value, "-").concat(props.layout), props.layout), "".concat(baseClassName.value, "-").concat(props.layoutType), props.layoutType), hashId.value, true), isObject ? props.classNames || {} : {});
|
|
170
177
|
});
|
|
171
178
|
var genLayoutStyle = (0, _vue.reactive)({
|
|
172
179
|
position: 'relative'
|
|
@@ -180,13 +187,13 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
|
|
|
180
187
|
if (p.headerRender === false || p.pure || p.layout === 'sider') {
|
|
181
188
|
return null;
|
|
182
189
|
}
|
|
183
|
-
return (0, _vue.h)(_Header.default, (0,
|
|
190
|
+
return (0, _vue.h)(_Header.default, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, p), {}, {
|
|
184
191
|
matchMenuKeys: matchMenuKeys || []
|
|
185
192
|
}));
|
|
186
193
|
// <Header {...p} matchMenuKeys={matchMenuKeys || []} />;
|
|
187
194
|
};
|
|
188
195
|
var breadcrumb = (0, _vue.computed)(function () {
|
|
189
|
-
return (0,
|
|
196
|
+
return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, props.breadcrumb), {}, {
|
|
190
197
|
itemRender: (0, _util.getSlot)(slots, props, 'breadcrumbRender')
|
|
191
198
|
});
|
|
192
199
|
});
|
|
@@ -196,7 +203,7 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
|
|
|
196
203
|
var layoutType = (0, _vue.computed)(function () {
|
|
197
204
|
return props.layoutType;
|
|
198
205
|
});
|
|
199
|
-
var routeContext = (0, _vue.reactive)((0,
|
|
206
|
+
var routeContext = (0, _vue.reactive)((0, _objectSpread3.default)((0, _objectSpread3.default)((0, _objectSpread3.default)({}, _RouteContext.defaultRouteContext), (0, _lodashEs.pick)((0, _vue.toRefs)(props), ['pure', 'locale', 'menuData', 'openKeys', 'selectedKeys', 'contentWidth', 'disableMobile', 'fixSiderbar', 'fixedHeader', 'headerHeight', 'collapsedWidth', 'headerLeftWidth'])), {}, {
|
|
200
207
|
siderWidth: siderWidth,
|
|
201
208
|
breadcrumb: breadcrumb,
|
|
202
209
|
flatMenuData: flatMenuData,
|
|
@@ -230,7 +237,7 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
|
|
|
230
237
|
var historyRender = (0, _util.getSlot)(slots, props, 'historyRender');
|
|
231
238
|
var topHeaderMenuRender = (0, _util.getSlot)(slots, props, 'topHeaderMenuRender');
|
|
232
239
|
var headerDom = (0, _vue.computed)(function () {
|
|
233
|
-
return headerRender((0,
|
|
240
|
+
return headerRender((0, _objectSpread3.default)((0, _objectSpread3.default)({}, props), {}, {
|
|
234
241
|
menuItemRender: menuItemRender,
|
|
235
242
|
subMenuItemRender: subMenuItemRender,
|
|
236
243
|
hasSiderMenu: hasSide.value,
|
|
@@ -271,7 +278,7 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
|
|
|
271
278
|
return (0, _vue.createVNode)(_vue.Fragment, null, [(0, _vue.createVNode)("div", {
|
|
272
279
|
"class": className.value
|
|
273
280
|
}, [(0, _vue.createVNode)(_antDesignVue.Layout, {
|
|
274
|
-
"style": (0,
|
|
281
|
+
"style": (0, _objectSpread3.default)({
|
|
275
282
|
minHeight: '100vh'
|
|
276
283
|
}, attrs.style || {})
|
|
277
284
|
}, {
|
|
@@ -281,7 +288,7 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
|
|
|
281
288
|
"class": prefixCls.value
|
|
282
289
|
}, {
|
|
283
290
|
default: function _default() {
|
|
284
|
-
return [!isTop.value && (0, _vue.createVNode)(_SiderMenu.default, (0,
|
|
291
|
+
return [!isTop.value && (0, _vue.createVNode)(_SiderMenu.default, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, restProps), {}, {
|
|
285
292
|
"logo": logoRender || restProps.logo,
|
|
286
293
|
"headerHeight": siderHeaderHeight.value,
|
|
287
294
|
"menuHeaderRender": menuHeaderRender,
|
|
@@ -313,12 +320,12 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
|
|
|
313
320
|
return (0, _vue.createVNode)("div", {
|
|
314
321
|
"class": className.value
|
|
315
322
|
}, [(0, _vue.createVNode)(_antDesignVue.Layout, {
|
|
316
|
-
"style": (0,
|
|
323
|
+
"style": (0, _objectSpread3.default)({
|
|
317
324
|
minHeight: '100vh'
|
|
318
325
|
}, attrs.style || {})
|
|
319
326
|
}, {
|
|
320
327
|
default: function _default() {
|
|
321
|
-
return [(0, _vue.createVNode)(_SiderMenu.default, (0,
|
|
328
|
+
return [(0, _vue.createVNode)(_SiderMenu.default, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, restProps), {}, {
|
|
322
329
|
"logo": logoRender || restProps.logo,
|
|
323
330
|
"collapsedWidth": 0,
|
|
324
331
|
"headerHeight": 0,
|
|
@@ -352,7 +359,7 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
|
|
|
352
359
|
"class": className.value
|
|
353
360
|
}, [(0, _vue.createVNode)(_antDesignVue.Layout, null, {
|
|
354
361
|
default: function _default() {
|
|
355
|
-
return [(0, _vue.createVNode)(_SiderMenu.default, (0,
|
|
362
|
+
return [(0, _vue.createVNode)(_SiderMenu.default, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, restProps), {}, {
|
|
356
363
|
"logo": logoRender || restProps.logo,
|
|
357
364
|
"siderWidth": props.cardSiderWidth,
|
|
358
365
|
"headerHeight": 0,
|
|
@@ -370,7 +377,7 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
|
|
|
370
377
|
}), null), (0, _vue.createVNode)(_antDesignVue.Layout, null, {
|
|
371
378
|
default: function _default() {
|
|
372
379
|
return [(0, _vue.createVNode)(_antDesignVue.Layout.Header, {
|
|
373
|
-
"style": (0,
|
|
380
|
+
"style": (0, _objectSpread3.default)({
|
|
374
381
|
background: 'transparent',
|
|
375
382
|
padding: 0,
|
|
376
383
|
height: '40px'
|
|
@@ -411,7 +418,7 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
|
|
|
411
418
|
return [(_slots$default4 = slots.default) === null || _slots$default4 === void 0 ? void 0 : _slots$default4.call(slots)];
|
|
412
419
|
}
|
|
413
420
|
}), (0, _vue.createVNode)(_antDesignVue.Layout.Footer, {
|
|
414
|
-
"style": (0,
|
|
421
|
+
"style": (0, _objectSpread3.default)({
|
|
415
422
|
padding: '11px 24px'
|
|
416
423
|
}, props.pageFooterStyle || {})
|
|
417
424
|
}, {
|