@jetlinks-web/components 2.0.23 → 2.0.25

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.
@@ -6,7 +6,7 @@
6
6
  } */
7
7
  import { defineComponent as _defineComponent } from 'vue';
8
8
  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";
9
- const _withScopeId = n => (_pushScopeId("data-v-1715243377989"), n = n(), _popScopeId(), n);
9
+ const _withScopeId = n => (_pushScopeId("data-v-1715250764327"), n = n(), _popScopeId(), n);
10
10
  const _hoisted_1 = { class: "full-page-warp-content" };
11
11
  import { ref } from 'vue';
12
12
  import { useElementBounding } from '@vueuse/core';
@@ -1,4 +1,4 @@
1
- import { Fragment as _Fragment, createVNode as _createVNode, isVNode as _isVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives } from "vue";
1
+ import { Fragment as _Fragment, createVNode as _createVNode, isVNode as _isVNode, resolveDirective as _resolveDirective } from "vue";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
3
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
4
4
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
@@ -208,6 +208,7 @@ export default defineComponent({
208
208
  var menuItemRender = getSlot(slots, props, 'menuItemRender');
209
209
  var subMenuItemRender = getSlot(slots, props, 'subMenuItemRender');
210
210
  var linksRender = getSlot(slots, props, 'linksRender');
211
+ var logoRender = getSlot(slots, props, 'logoRender');
211
212
  var headerDom = computed(function () {
212
213
  return headerRender(_objectSpread(_objectSpread({}, props), {}, {
213
214
  menuItemRender: menuItemRender,
@@ -253,6 +254,7 @@ export default defineComponent({
253
254
  }, {
254
255
  default: function _default() {
255
256
  return [!isTop.value && _createVNode(SiderMenu, _objectSpread(_objectSpread({}, restProps), {}, {
257
+ "logo": logoRender || restProps.logo,
256
258
  "menuHeaderRender": menuHeaderRender,
257
259
  "menuExtraRender": menuExtraRender,
258
260
  "menuContentRender": menuContentRender,
@@ -284,6 +286,7 @@ export default defineComponent({
284
286
  }, [_createVNode(Layout, null, {
285
287
  default: function _default() {
286
288
  return [_createVNode(SiderMenu, _objectSpread(_objectSpread({}, restProps), {}, {
289
+ "logo": logoRender || restProps.logo,
287
290
  "siderWidth": props.cardSiderWidth,
288
291
  "headerHeight": 0,
289
292
  "menuHeaderRender": menuHeaderRender,
@@ -344,7 +347,11 @@ export default defineComponent({
344
347
  "style": _objectSpread({
345
348
  padding: '11px 24px'
346
349
  }, props.pageFooterStyle || {})
347
- }, _isSlot(_slot4 = _withDirectives(_createVNode(Breadcrumb, null, null), [[_resolveDirective("bind"), breadcrumb]])) ? _slot4 : {
350
+ }, _isSlot(_slot4 = _createVNode(Breadcrumb, {
351
+ "routes": breadcrumb.value.routes
352
+ }, {
353
+ itemRender: breadcrumb.value.itemRender
354
+ })) ? _slot4 : {
348
355
  default: function _default() {
349
356
  return [_slot4];
350
357
  }
@@ -237,7 +237,6 @@ var ProPageHeader = function ProPageHeader(props) {
237
237
  (_value$back = value.back) === null || _value$back === void 0 ? void 0 : _value$back.call(value);
238
238
  };
239
239
  }
240
- console.log(props, pageHeaderTitle, value, tabList);
241
240
  var styles = value.layoutType === LayoutType.CARD ? {
242
241
  padding: props.extra || props.subTitle || pageHeaderTitle || tabList || props.extraContent || props.showBack || props.title ? '16px 24px' : '0px'
243
242
  } : {};
@@ -87,10 +87,15 @@ export var siderMenuProps = _objectSpread(_objectSpread(_objectSpread({}, defaul
87
87
  type: Function
88
88
  }
89
89
  });
90
- export var defaultRenderLogo = function defaultRenderLogo(logo, logoStyle, application, onAppMenuClick) {
90
+ export var defaultRenderLogo = function defaultRenderLogo(logo, logoStyle, application, props, logoRender) {
91
91
  if (!logo) {
92
92
  return null;
93
93
  }
94
+ console.log('logo', logo);
95
+ if (typeof logo === 'function') {
96
+ // @ts-ignore
97
+ return logo();
98
+ }
94
99
  if (typeof logo === 'string') {
95
100
  return application.length ? _createVNode(Tooltip, {
96
101
  "placement": "rightTop",
@@ -111,7 +116,7 @@ export var defaultRenderLogo = function defaultRenderLogo(logo, logoStyle, appli
111
116
  }, [_createVNode("div", {
112
117
  "class": "sider-app-menus-item",
113
118
  "onClick": function onClick() {
114
- return onAppMenuClick(item);
119
+ return props.onAppMenuClick(item);
115
120
  }
116
121
  }, [item.label])]);
117
122
  });
@@ -122,14 +127,11 @@ export var defaultRenderLogo = function defaultRenderLogo(logo, logoStyle, appli
122
127
  "style": logoStyle
123
128
  }, null);
124
129
  }
125
- if (typeof logo === 'function') {
126
- // @ts-ignore
127
- return logo();
128
- }
129
130
  return logo;
130
131
  };
131
132
  export var defaultRenderLogoAndTitle = function defaultRenderLogoAndTitle(props) {
132
133
  var renderKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'menuHeaderRender';
134
+ var logoRender = arguments.length > 2 ? arguments[2] : undefined;
133
135
  var _props$logo = props.logo,
134
136
  logo = _props$logo === void 0 ? 'http://demo.jetlinks.cn/static/logo.760eb65c.png' : _props$logo,
135
137
  logoStyle = props.logoStyle,
@@ -137,7 +139,7 @@ export var defaultRenderLogoAndTitle = function defaultRenderLogoAndTitle(props)
137
139
  layout = props.layout,
138
140
  apps = props.apps,
139
141
  baseClassName = props.baseClassName;
140
- var logoDom = defaultRenderLogo(logo, logoStyle, apps, props.onAppMenuClick);
142
+ var logoDom = defaultRenderLogo(logo, logoStyle, apps, props, logoRender);
141
143
  if (props.layoutType === LayoutType.CARD) {
142
144
  return _createVNode("a", null, [_createTextVNode(" "), logoDom]);
143
145
  }
@@ -97,7 +97,7 @@ export var TopNavHeader = function TopNavHeader(props) {
97
97
  // REMARK:: Any time render header title
98
98
  // layout === 'mix' ? 'headerTitleRender' : undefined,
99
99
  // layout !== 'side' ? 'headerTitleRender' : undefined,
100
- 'headerTitleRender');
100
+ 'headerTitleRender', context.logoRender);
101
101
  //
102
102
  var MenusData = props.layout === 'side' ? [] : menuData;
103
103
  if (props.layout === 'mix' && props.splitMenus) {
@@ -21,7 +21,7 @@
21
21
  } */
22
22
  import { defineComponent as _defineComponent } from 'vue';
23
23
  import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
24
- const _withScopeId = n => (_pushScopeId("data-v-1715243381666"), n = n(), _popScopeId(), n);
24
+ const _withScopeId = n => (_pushScopeId("data-v-1715250765671"), n = n(), _popScopeId(), n);
25
25
  const _hoisted_1 = {
26
26
  key: 0,
27
27
  style: { "width": "240px" }
package/es/Search/Item.js CHANGED
@@ -78,7 +78,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
78
78
  } */
79
79
  import { defineComponent as _defineComponent } from 'vue';
80
80
  import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
81
- const _withScopeId = n => (_pushScopeId("data-v-1715243380662"), n = n(), _popScopeId(), n);
81
+ const _withScopeId = n => (_pushScopeId("data-v-1715250765086"), n = n(), _popScopeId(), n);
82
82
  const _hoisted_1 = { class: "JSearch-item" };
83
83
  const _hoisted_2 = {
84
84
  key: 0,
@@ -36,7 +36,7 @@
36
36
  } */
37
37
  import { defineComponent as _defineComponent } from 'vue';
38
38
  import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createVNode as _createVNode, unref as _unref, withCtx as _withCtx, createBlock as _createBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
39
- const _withScopeId = n => (_pushScopeId("data-v-1715243380830"), n = n(), _popScopeId(), n);
39
+ const _withScopeId = n => (_pushScopeId("data-v-1715250765229"), n = n(), _popScopeId(), n);
40
40
  const _hoisted_1 = { class: "JSearch-content simple" };
41
41
  const _hoisted_2 = { class: "JSearch-items" };
42
42
  import { Button, Row, Col, Form, FormItemRest, } from 'ant-design-vue';
@@ -6,7 +6,7 @@
6
6
  } */
7
7
  import { defineComponent as _defineComponent } from 'vue';
8
8
  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";
9
- const _withScopeId = n => (_pushScopeId("data-v-1715243377966"), n = n(), _popScopeId(), n);
9
+ const _withScopeId = n => (_pushScopeId("data-v-1715250764340"), n = n(), _popScopeId(), n);
10
10
  const _hoisted_1 = { class: "full-page-warp-content" };
11
11
  import { ref } from 'vue';
12
12
  import { useElementBounding } from '@vueuse/core';
@@ -217,6 +217,7 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
217
217
  var menuItemRender = (0, _util.getSlot)(slots, props, 'menuItemRender');
218
218
  var subMenuItemRender = (0, _util.getSlot)(slots, props, 'subMenuItemRender');
219
219
  var linksRender = (0, _util.getSlot)(slots, props, 'linksRender');
220
+ var logoRender = (0, _util.getSlot)(slots, props, 'logoRender');
220
221
  var headerDom = (0, _vue.computed)(function () {
221
222
  return headerRender((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
222
223
  menuItemRender: menuItemRender,
@@ -262,6 +263,7 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
262
263
  }, {
263
264
  default: function _default() {
264
265
  return [!isTop.value && (0, _vue.createVNode)(_SiderMenu.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
266
+ "logo": logoRender || restProps.logo,
265
267
  "menuHeaderRender": menuHeaderRender,
266
268
  "menuExtraRender": menuExtraRender,
267
269
  "menuContentRender": menuContentRender,
@@ -293,6 +295,7 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
293
295
  }, [(0, _vue.createVNode)(_antDesignVue.Layout, null, {
294
296
  default: function _default() {
295
297
  return [(0, _vue.createVNode)(_SiderMenu.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
298
+ "logo": logoRender || restProps.logo,
296
299
  "siderWidth": props.cardSiderWidth,
297
300
  "headerHeight": 0,
298
301
  "menuHeaderRender": menuHeaderRender,
@@ -353,7 +356,11 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
353
356
  "style": (0, _objectSpread2.default)({
354
357
  padding: '11px 24px'
355
358
  }, props.pageFooterStyle || {})
356
- }, _isSlot(_slot4 = (0, _vue.withDirectives)((0, _vue.createVNode)(_antDesignVue.Breadcrumb, null, null), [[(0, _vue.resolveDirective)("bind"), breadcrumb]])) ? _slot4 : {
359
+ }, _isSlot(_slot4 = (0, _vue.createVNode)(_antDesignVue.Breadcrumb, {
360
+ "routes": breadcrumb.value.routes
361
+ }, {
362
+ itemRender: breadcrumb.value.itemRender
363
+ })) ? _slot4 : {
357
364
  default: function _default() {
358
365
  return [_slot4];
359
366
  }
@@ -240,7 +240,6 @@ var ProPageHeader = function ProPageHeader(props) {
240
240
  (_value$back = value.back) === null || _value$back === void 0 ? void 0 : _value$back.call(value);
241
241
  };
242
242
  }
243
- console.log(props, pageHeaderTitle, value, tabList);
244
243
  var styles = value.layoutType === _defaultSettings.LayoutType.CARD ? {
245
244
  padding: props.extra || props.subTitle || pageHeaderTitle || tabList || props.extraContent || props.showBack || props.title ? '16px 24px' : '0px'
246
245
  } : {};
@@ -96,10 +96,15 @@ var siderMenuProps = exports.siderMenuProps = (0, _objectSpread2.default)((0, _o
96
96
  type: Function
97
97
  }
98
98
  });
99
- var defaultRenderLogo = exports.defaultRenderLogo = function defaultRenderLogo(logo, logoStyle, application, onAppMenuClick) {
99
+ var defaultRenderLogo = exports.defaultRenderLogo = function defaultRenderLogo(logo, logoStyle, application, props, logoRender) {
100
100
  if (!logo) {
101
101
  return null;
102
102
  }
103
+ console.log('logo', logo);
104
+ if (typeof logo === 'function') {
105
+ // @ts-ignore
106
+ return logo();
107
+ }
103
108
  if (typeof logo === 'string') {
104
109
  return application.length ? (0, _vue.createVNode)(_antDesignVue.Tooltip, {
105
110
  "placement": "rightTop",
@@ -120,7 +125,7 @@ var defaultRenderLogo = exports.defaultRenderLogo = function defaultRenderLogo(l
120
125
  }, [(0, _vue.createVNode)("div", {
121
126
  "class": "sider-app-menus-item",
122
127
  "onClick": function onClick() {
123
- return onAppMenuClick(item);
128
+ return props.onAppMenuClick(item);
124
129
  }
125
130
  }, [item.label])]);
126
131
  });
@@ -131,14 +136,11 @@ var defaultRenderLogo = exports.defaultRenderLogo = function defaultRenderLogo(l
131
136
  "style": logoStyle
132
137
  }, null);
133
138
  }
134
- if (typeof logo === 'function') {
135
- // @ts-ignore
136
- return logo();
137
- }
138
139
  return logo;
139
140
  };
140
141
  var defaultRenderLogoAndTitle = exports.defaultRenderLogoAndTitle = function defaultRenderLogoAndTitle(props) {
141
142
  var renderKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'menuHeaderRender';
143
+ var logoRender = arguments.length > 2 ? arguments[2] : undefined;
142
144
  var _props$logo = props.logo,
143
145
  logo = _props$logo === void 0 ? 'http://demo.jetlinks.cn/static/logo.760eb65c.png' : _props$logo,
144
146
  logoStyle = props.logoStyle,
@@ -146,7 +148,7 @@ var defaultRenderLogoAndTitle = exports.defaultRenderLogoAndTitle = function def
146
148
  layout = props.layout,
147
149
  apps = props.apps,
148
150
  baseClassName = props.baseClassName;
149
- var logoDom = defaultRenderLogo(logo, logoStyle, apps, props.onAppMenuClick);
151
+ var logoDom = defaultRenderLogo(logo, logoStyle, apps, props, logoRender);
150
152
  if (props.layoutType === _defaultSettings.LayoutType.CARD) {
151
153
  return (0, _vue.createVNode)("a", null, [(0, _vue.createTextVNode)(" "), logoDom]);
152
154
  }
@@ -102,7 +102,7 @@ var TopNavHeader = exports.TopNavHeader = function TopNavHeader(props) {
102
102
  // REMARK:: Any time render header title
103
103
  // layout === 'mix' ? 'headerTitleRender' : undefined,
104
104
  // layout !== 'side' ? 'headerTitleRender' : undefined,
105
- 'headerTitleRender');
105
+ 'headerTitleRender', context.logoRender);
106
106
  //
107
107
  var MenusData = props.layout === 'side' ? [] : menuData;
108
108
  if (props.layout === 'mix' && props.splitMenus) {
@@ -21,7 +21,7 @@
21
21
  } */
22
22
  import { defineComponent as _defineComponent } from 'vue';
23
23
  import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
24
- const _withScopeId = n => (_pushScopeId("data-v-1715243381700"), n = n(), _popScopeId(), n);
24
+ const _withScopeId = n => (_pushScopeId("data-v-1715250765689"), n = n(), _popScopeId(), n);
25
25
  const _hoisted_1 = {
26
26
  key: 0,
27
27
  style: { "width": "240px" }
@@ -78,7 +78,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
78
78
  } */
79
79
  import { defineComponent as _defineComponent } from 'vue';
80
80
  import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
81
- const _withScopeId = n => (_pushScopeId("data-v-1715243380478"), n = n(), _popScopeId(), n);
81
+ const _withScopeId = n => (_pushScopeId("data-v-1715250765161"), n = n(), _popScopeId(), n);
82
82
  const _hoisted_1 = { class: "JSearch-item" };
83
83
  const _hoisted_2 = {
84
84
  key: 0,
@@ -36,7 +36,7 @@
36
36
  } */
37
37
  import { defineComponent as _defineComponent } from 'vue';
38
38
  import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createVNode as _createVNode, unref as _unref, withCtx as _withCtx, createBlock as _createBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
39
- const _withScopeId = n => (_pushScopeId("data-v-1715243380880"), n = n(), _popScopeId(), n);
39
+ const _withScopeId = n => (_pushScopeId("data-v-1715250765257"), n = n(), _popScopeId(), n);
40
40
  const _hoisted_1 = { class: "JSearch-content simple" };
41
41
  const _hoisted_2 = { class: "JSearch-items" };
42
42
  import { Button, Row, Col, Form, FormItemRest, } from 'ant-design-vue';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jetlinks-web/components",
3
- "version": "2.0.23",
3
+ "version": "2.0.25",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",