@jetlinks-web/components 3.3.0 → 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.
Files changed (3) hide show
  1. package/es/ProLayout/Basic/BasicLayout.js +9 -1
  2. package/lib/ProLayout/Basic/BasicLayout.js +22 -14
  3. package/package.json +1 -1
package/es/ProLayout/Basic/BasicLayout.js CHANGED
@@ -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
- return _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);
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'
@@ -279,6 +286,7 @@ export default defineComponent({
279
286
  "menuHeaderRender": menuHeaderRender,
280
287
  "menuExtraRender": menuExtraRender,
281
288
  "menuContentRender": menuContentRender,
289
+ "linksRender": linksRender,
282
290
  "menuItemRender": menuItemRender,
283
291
  "subMenuItemRender": subMenuItemRender,
284
292
  "collapsedButtonRender": collapsedButtonRender,
package/lib/ProLayout/Basic/BasicLayout.js CHANGED
@@ -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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
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, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _defaultSettings.defaultSettingProps), _SiderMenu.siderMenuProps), _TopHeader.baseHeaderProps), _Header.headerViewProps), {}, {
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
- return (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);
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, _objectSpread2.default)((0, _objectSpread2.default)({}, p), {}, {
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, _objectSpread2.default)((0, _objectSpread2.default)({}, props.breadcrumb), {}, {
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, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _RouteContext.defaultRouteContext), (0, _lodashEs.pick)((0, _vue.toRefs)(props), ['pure', 'locale', 'menuData', 'openKeys', 'selectedKeys', 'contentWidth', 'disableMobile', 'fixSiderbar', 'fixedHeader', 'headerHeight', 'collapsedWidth', 'headerLeftWidth'])), {}, {
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, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
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, _objectSpread2.default)({
281
+ "style": (0, _objectSpread3.default)({
275
282
  minHeight: '100vh'
276
283
  }, attrs.style || {})
277
284
  }, {
@@ -281,12 +288,13 @@ 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, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
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,
288
295
  "menuExtraRender": menuExtraRender,
289
296
  "menuContentRender": menuContentRender,
297
+ "linksRender": linksRender,
290
298
  "menuItemRender": menuItemRender,
291
299
  "subMenuItemRender": subMenuItemRender,
292
300
  "collapsedButtonRender": collapsedButtonRender,
@@ -312,12 +320,12 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
312
320
  return (0, _vue.createVNode)("div", {
313
321
  "class": className.value
314
322
  }, [(0, _vue.createVNode)(_antDesignVue.Layout, {
315
- "style": (0, _objectSpread2.default)({
323
+ "style": (0, _objectSpread3.default)({
316
324
  minHeight: '100vh'
317
325
  }, attrs.style || {})
318
326
  }, {
319
327
  default: function _default() {
320
- return [(0, _vue.createVNode)(_SiderMenu.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
328
+ return [(0, _vue.createVNode)(_SiderMenu.default, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, restProps), {}, {
321
329
  "logo": logoRender || restProps.logo,
322
330
  "collapsedWidth": 0,
323
331
  "headerHeight": 0,
@@ -351,7 +359,7 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
351
359
  "class": className.value
352
360
  }, [(0, _vue.createVNode)(_antDesignVue.Layout, null, {
353
361
  default: function _default() {
354
- return [(0, _vue.createVNode)(_SiderMenu.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
362
+ return [(0, _vue.createVNode)(_SiderMenu.default, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, restProps), {}, {
355
363
  "logo": logoRender || restProps.logo,
356
364
  "siderWidth": props.cardSiderWidth,
357
365
  "headerHeight": 0,
@@ -369,7 +377,7 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
369
377
  }), null), (0, _vue.createVNode)(_antDesignVue.Layout, null, {
370
378
  default: function _default() {
371
379
  return [(0, _vue.createVNode)(_antDesignVue.Layout.Header, {
372
- "style": (0, _objectSpread2.default)({
380
+ "style": (0, _objectSpread3.default)({
373
381
  background: 'transparent',
374
382
  padding: 0,
375
383
  height: '40px'
@@ -410,7 +418,7 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
410
418
  return [(_slots$default4 = slots.default) === null || _slots$default4 === void 0 ? void 0 : _slots$default4.call(slots)];
411
419
  }
412
420
  }), (0, _vue.createVNode)(_antDesignVue.Layout.Footer, {
413
- "style": (0, _objectSpread2.default)({
421
+ "style": (0, _objectSpread3.default)({
414
422
  padding: '11px 24px'
415
423
  }, props.pageFooterStyle || {})
416
424
  }, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jetlinks-web/components",
3
- "version": "3.3.0",
3
+ "version": "3.3.2",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",