@salesgenterp/ui-components 0.4.319 → 0.4.320
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.
- package/dist/index.js +15 -6
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +15 -6
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -7230,7 +7230,10 @@ var BannerImages = function BannerImages(_ref) {
|
|
|
7230
7230
|
var sliderImageList = sliderImages === null || sliderImages === void 0 ? void 0 : sliderImages.sliderImageList;
|
|
7231
7231
|
return /*#__PURE__*/React__default.createElement(BannerContainer$1, null, /*#__PURE__*/React__default.createElement(material.Grid, {
|
|
7232
7232
|
container: true,
|
|
7233
|
-
spacing: (config === null || config === void 0 ? void 0 : config.spaceBetweenCol) || 0
|
|
7233
|
+
spacing: (config === null || config === void 0 ? void 0 : config.spaceBetweenCol) || 0,
|
|
7234
|
+
style: {
|
|
7235
|
+
height: "calc(100% + " + ((config === null || config === void 0 ? void 0 : config.spaceBetweenCol) || 0) * 8 + "px)"
|
|
7236
|
+
}
|
|
7234
7237
|
}, sliderImageList === null || sliderImageList === void 0 ? void 0 : sliderImageList.map(function (v, i) {
|
|
7235
7238
|
return /*#__PURE__*/React__default.createElement(material.Grid, {
|
|
7236
7239
|
item: true,
|
|
@@ -7242,7 +7245,8 @@ var BannerImages = function BannerImages(_ref) {
|
|
|
7242
7245
|
key: i
|
|
7243
7246
|
}, /*#__PURE__*/React__default.createElement(material.Box, {
|
|
7244
7247
|
style: {
|
|
7245
|
-
overflow: 'hidden'
|
|
7248
|
+
overflow: 'hidden',
|
|
7249
|
+
height: '100%'
|
|
7246
7250
|
}
|
|
7247
7251
|
}, /*#__PURE__*/React__default.createElement("a", {
|
|
7248
7252
|
href: (v === null || v === void 0 ? void 0 : v.redirectPath) || ''
|
|
@@ -7263,8 +7267,8 @@ var BannerImages = function BannerImages(_ref) {
|
|
|
7263
7267
|
}))));
|
|
7264
7268
|
})));
|
|
7265
7269
|
};
|
|
7266
|
-
var Image$1 = styled__default.img(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose(["\n width: 100%;\n
|
|
7267
|
-
var BannerContainer$1 = styled__default.section(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n font-size: 0;\n"])));
|
|
7270
|
+
var Image$1 = styled__default.img(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose(["\n width: 100%;\n cursor: pointer;\n transition: all 0.5s;\n height: 100%;\n object-fit: cover;\n object-position: center;\n &:hover {\n transform: scale(1.02);\n }\n"])));
|
|
7271
|
+
var BannerContainer$1 = styled__default.section(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n font-size: 0;\n"])));
|
|
7268
7272
|
|
|
7269
7273
|
var _templateObject$y, _templateObject2$o, _templateObject3$h;
|
|
7270
7274
|
var LandingCarousel$1 = function LandingCarousel(_ref) {
|
|
@@ -7441,7 +7445,8 @@ var HomeBanner = function HomeBanner(_ref) {
|
|
|
7441
7445
|
xl: (config === null || config === void 0 ? void 0 : config.rowLg) || 12
|
|
7442
7446
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
7443
7447
|
style: {
|
|
7444
|
-
padding: ((config === null || config === void 0 ? void 0 : config.spaceBetweenRow) || 0) * 4 + "px"
|
|
7448
|
+
padding: ((config === null || config === void 0 ? void 0 : config.spaceBetweenRow) || 0) * 4 + "px",
|
|
7449
|
+
height: '100%'
|
|
7445
7450
|
}
|
|
7446
7451
|
}, /*#__PURE__*/React__default.createElement(AsyncDataLoadComponent, {
|
|
7447
7452
|
skeletonHeight: 220,
|
|
@@ -7454,7 +7459,11 @@ var HomeBanner = function HomeBanner(_ref) {
|
|
|
7454
7459
|
});
|
|
7455
7460
|
}
|
|
7456
7461
|
}, function (sliderImages) {
|
|
7457
|
-
return /*#__PURE__*/React__default.createElement("div",
|
|
7462
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
7463
|
+
style: {
|
|
7464
|
+
height: '100%'
|
|
7465
|
+
}
|
|
7466
|
+
}, config !== null && config !== void 0 && config.isSlider ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(LandingCarousel$1, {
|
|
7458
7467
|
config: config,
|
|
7459
7468
|
sliderImages: sliderImages
|
|
7460
7469
|
})) : /*#__PURE__*/React__default.createElement(BannerImages, {
|