pds-dev-kit-web 2.2.297 → 2.2.299
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/src/sub/DynamicLayout/CompositionRenderer/createCompositions.d.ts +3 -2
- package/dist/src/sub/DynamicLayout/CompositionRenderer/createCompositions.js +3 -2
- package/dist/src/sub/DynamicLayout/mock_composition.d.ts +1 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +6 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +4 -3
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +4 -3
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +12 -8
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js +3 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +6 -0
- package/dist/src/sub/DynamicLayout/types.d.ts +1 -0
- package/package.json +1 -1
- package/release-note.md +2 -2
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { ComponentBlock } from '../sections/CustomSection/types';
|
|
3
3
|
import type { CB_VALUE_TYPE, CCB_VALUE_TYPE } from '../sections/CustomSection/util/types';
|
|
4
|
-
import type { IComposition, QueryData } from '../../DynamicLayout/types';
|
|
5
|
-
export declare function createCompositions({ valueType, queryPath, queryData, compositions, limit, componentBlockCode, device }: {
|
|
4
|
+
import type { DynamicLayoutProps, IComposition, QueryData } from '../../DynamicLayout/types';
|
|
5
|
+
export declare function createCompositions({ valueType, queryPath, queryData, compositions, limit, componentBlockCode, device, navigationHandler }: {
|
|
6
6
|
valueType: CCB_VALUE_TYPE | CB_VALUE_TYPE;
|
|
7
7
|
queryPath: string;
|
|
8
8
|
queryData: QueryData | undefined;
|
|
@@ -10,4 +10,5 @@ export declare function createCompositions({ valueType, queryPath, queryData, co
|
|
|
10
10
|
limit: number;
|
|
11
11
|
componentBlockCode: ComponentBlock['componentBlockCode'];
|
|
12
12
|
device: 'MOBILE' | 'DESKTOP';
|
|
13
|
+
navigationHandler: DynamicLayoutProps['navigationHandler'];
|
|
13
14
|
}): JSX.Element[];
|
|
@@ -20,7 +20,7 @@ var compositionQueryContext_1 = require("../compositionQueryContext");
|
|
|
20
20
|
var dynamicLayoutContext_1 = require("../dynamicLayoutContext");
|
|
21
21
|
var Composition_1 = __importDefault(require("./Composition"));
|
|
22
22
|
function createCompositions(_a) {
|
|
23
|
-
var valueType = _a.valueType, queryPath = _a.queryPath, queryData = _a.queryData, compositions = _a.compositions, limit = _a.limit, componentBlockCode = _a.componentBlockCode, device = _a.device;
|
|
23
|
+
var valueType = _a.valueType, queryPath = _a.queryPath, queryData = _a.queryData, compositions = _a.compositions, limit = _a.limit, componentBlockCode = _a.componentBlockCode, device = _a.device, navigationHandler = _a.navigationHandler;
|
|
24
24
|
var isQueryDataConnected = valueType === 'DATA' || valueType === 'DELEGATEDDATA';
|
|
25
25
|
// 직접 입력 유형인 경우
|
|
26
26
|
if (!isQueryDataConnected) {
|
|
@@ -36,7 +36,8 @@ function createCompositions(_a) {
|
|
|
36
36
|
return [(0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})];
|
|
37
37
|
return queryDataValue.slice(0, limit).map(function (query, index) { return ((0, jsx_runtime_1.jsx)(compositionQueryContext_1.CCBQueryPathContext.Provider, __assign({ value: { queryData: query } }, { children: (0, jsx_runtime_1.jsx)(dynamicLayoutContext_1.dynamicLayoutContext.Provider, __assign({ value: {
|
|
38
38
|
mode: 'PREVIEW',
|
|
39
|
-
device: device
|
|
39
|
+
device: device,
|
|
40
|
+
navigationHandler: navigationHandler
|
|
40
41
|
} }, { children: (0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, queryComposition, { ccbCode: componentBlockCode })) })) }), index)); });
|
|
41
42
|
}
|
|
42
43
|
exports.createCompositions = createCompositions;
|
|
@@ -107,6 +107,12 @@ function Button(props) {
|
|
|
107
107
|
CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE === 'DELEGATEDDATA';
|
|
108
108
|
if (isDataConnected) {
|
|
109
109
|
if (queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData) {
|
|
110
|
+
if (CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA === 'NONE') {
|
|
111
|
+
if (mode === 'EDIT') {
|
|
112
|
+
return (0, jsx_runtime_1.jsx)(DataNotFound_1.default, { stringKey: "str_10477" });
|
|
113
|
+
}
|
|
114
|
+
return '';
|
|
115
|
+
}
|
|
110
116
|
if (!Object.prototype.hasOwnProperty.call(queryContext.queryData, CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA)) {
|
|
111
117
|
if (mode === 'EDIT') {
|
|
112
118
|
return (0, jsx_runtime_1.jsx)(DataNotFound_1.default, { stringKey: "str_10478" });
|
|
@@ -68,7 +68,7 @@ var createComponent = function (type, getDesignType, getLocation, designType) {
|
|
|
68
68
|
};
|
|
69
69
|
function ContentsCarousel(props) {
|
|
70
70
|
var _a, _b, _c;
|
|
71
|
-
var _d = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _d.device, mode = _d.mode, queryData = _d.queryData;
|
|
71
|
+
var _d = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _d.device, mode = _d.mode, queryData = _d.queryData, navigationHandler = _d.navigationHandler;
|
|
72
72
|
var compositions = props.compositions, index = props.index, _e = props.CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS = _e.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS = _e.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MDISPLAYCOUNTS = _e.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MDISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE = _e.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA = _e.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATASORTING = _e.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATASORTING, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATAOFFSET = _e.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATAOFFSET, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS = _e.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS, CB_STYLE_PROP_CONTENTSCAROUSELDESIGN = props.CB_STYLE_PROP_CONTENTSCAROUSELDESIGN, CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD = props.CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD, CB_STYLE_PROP_CONTENTSCAROUSELBUTTON = props.CB_STYLE_PROP_CONTENTSCAROUSELBUTTON, CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR = props.CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_STYLE_PROP_BGMEDIA = props.CB_STYLE_PROP_BGMEDIA, CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE = props.CB_EFFECT_PROP_CONTENTSCAROUSEL.CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE;
|
|
73
73
|
var CB_STYLE_PROP_CONTENTSCAROUSEL = __assign(__assign(__assign(__assign({}, CB_STYLE_PROP_CONTENTSCAROUSELDESIGN), CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD), CB_STYLE_PROP_CONTENTSCAROUSELBUTTON), CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR);
|
|
74
74
|
var autoPlayEnabled = device === 'DESKTOP'
|
|
@@ -189,7 +189,8 @@ function ContentsCarousel(props) {
|
|
|
189
189
|
queryData: queryData,
|
|
190
190
|
compositions: compositions,
|
|
191
191
|
componentBlockCode: types_1.CB_ALL_CODES.CB_CONTENTSCAROUSEL,
|
|
192
|
-
device: device
|
|
192
|
+
device: device,
|
|
193
|
+
navigationHandler: navigationHandler
|
|
193
194
|
}) }), CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE +
|
|
194
195
|
CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE +
|
|
195
196
|
autoPlayEnabled +
|
|
@@ -204,7 +205,7 @@ function ContentsCarousel(props) {
|
|
|
204
205
|
return renderSwiper(compositions);
|
|
205
206
|
}
|
|
206
207
|
// 데이터 연결
|
|
207
|
-
if (
|
|
208
|
+
if (CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA === 'NONE' || !queryPath || !queryData) {
|
|
208
209
|
return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10477" }, "no-query");
|
|
209
210
|
}
|
|
210
211
|
var queryDataValue = queryData[queryPath];
|
|
@@ -66,7 +66,7 @@ var createComponent = function (type, getDesignType, getLocation, designType, si
|
|
|
66
66
|
};
|
|
67
67
|
function ContentsList(props) {
|
|
68
68
|
var _a, _b, _c, _d;
|
|
69
|
-
var _e = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _e.device, mode = _e.mode, queryData = _e.queryData;
|
|
69
|
+
var _e = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _e.device, mode = _e.mode, queryData = _e.queryData, navigationHandler = _e.navigationHandler;
|
|
70
70
|
var index = props.index, compositions = props.compositions, CB_CONTENT_PROP_CONTENTSLIST = props.CB_CONTENT_PROP_CONTENTSLIST, CB_STYLE_PROP_CONTENTSLISTDESIGN = props.CB_STYLE_PROP_CONTENTSLISTDESIGN, CB_STYLE_PROP_CONTENTSLISTPAGINATION = props.CB_STYLE_PROP_CONTENTSLISTPAGINATION, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_LAYOUT_PROP_PADDING = props.CB_LAYOUT_PROP_PADDING, CB_STYLE_PROP_BGMEDIA = props.CB_STYLE_PROP_BGMEDIA, CB_LAYOUT_PROP_HEIGHTADJUSTMENT = props.CB_LAYOUT_PROP_HEIGHTADJUSTMENT;
|
|
71
71
|
var CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_MDISPLAYCOUNTS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_MDISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE, CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA, CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING, CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAOFFSET = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAOFFSET, CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_MCOLUMNS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_MCOLUMNS;
|
|
72
72
|
var _f = (0, react_1.useState)(false), isHovered = _f[0], setIsHovered = _f[1];
|
|
@@ -193,7 +193,8 @@ function ContentsList(props) {
|
|
|
193
193
|
queryData: queryData,
|
|
194
194
|
compositions: compositions,
|
|
195
195
|
componentBlockCode: types_1.CB_ALL_CODES.CB_LIST,
|
|
196
|
-
device: device
|
|
196
|
+
device: device,
|
|
197
|
+
navigationHandler: navigationHandler
|
|
197
198
|
}).slice(startIndex, endIndex + 1) })) })));
|
|
198
199
|
};
|
|
199
200
|
var renderCompositions = function (compositions) {
|
|
@@ -204,7 +205,7 @@ function ContentsList(props) {
|
|
|
204
205
|
return renderList(compositions);
|
|
205
206
|
}
|
|
206
207
|
// 데이터 연결
|
|
207
|
-
if (
|
|
208
|
+
if (CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA === 'NONE' || !queryPath || !queryData) {
|
|
208
209
|
return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10477" }, "no-query");
|
|
209
210
|
}
|
|
210
211
|
var queryDataValue = queryData[queryPath];
|
|
@@ -111,28 +111,32 @@ function Image(props) {
|
|
|
111
111
|
};
|
|
112
112
|
var showDataNotFound = function () {
|
|
113
113
|
if (mode !== 'EDIT') {
|
|
114
|
-
return
|
|
114
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
115
115
|
}
|
|
116
116
|
if (CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_VALUETYPE === 'DATA' ||
|
|
117
117
|
CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_VALUETYPE === 'DELEGATEDDATA') {
|
|
118
118
|
if (!(queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData)) {
|
|
119
|
-
return
|
|
119
|
+
return (0, jsx_runtime_1.jsx)(DataNotFound_1.default, { stringKey: "str_10477" });
|
|
120
|
+
}
|
|
121
|
+
if (CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_CONNECTDATA === 'NONE') {
|
|
122
|
+
return (0, jsx_runtime_1.jsx)(DataNotFound_1.default, { stringKey: "str_10477" });
|
|
120
123
|
}
|
|
121
124
|
if (!Object.prototype.hasOwnProperty.call(queryContext.queryData, CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_CONNECTDATA)) {
|
|
122
125
|
if (mode === 'EDIT') {
|
|
123
|
-
return
|
|
126
|
+
return (0, jsx_runtime_1.jsx)(DataNotFound_1.default, { stringKey: "str_10597" });
|
|
124
127
|
}
|
|
125
|
-
return
|
|
128
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
126
129
|
}
|
|
127
|
-
|
|
128
|
-
|
|
130
|
+
var value = queryContext.queryData[CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_CONNECTDATA];
|
|
131
|
+
if (!value) {
|
|
132
|
+
return (0, jsx_runtime_1.jsx)(DataNotFound_1.default, { stringKey: "str_10478" });
|
|
129
133
|
}
|
|
130
134
|
}
|
|
131
|
-
return
|
|
135
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
132
136
|
};
|
|
133
137
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_ImageWrapper, __assign({ style: __assign({}, effectCssProperties) }, { children: (0, jsx_runtime_1.jsxs)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign({}, layout), { overflow: 'hidden' }), boxStyle.normal), { cursor: CLINKCursor }), hoverStyle: __assign({}, boxStyle.hover), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onClick: onClickCLINK }, { children: [(0, jsx_runtime_1.jsx)(S_Image, { src: imgSrc() === 'ERROR'
|
|
134
138
|
? 'https://static.publ.site/pages-sample/img_cb_style_prop_bgmedia_spec_imageselector_01.png'
|
|
135
|
-
: imgSrc(), normalStyle: __assign({}, imgStyle.normal), hoverStyle: __assign({}, imgStyle.hover) }), showDataNotFound()
|
|
139
|
+
: imgSrc(), normalStyle: __assign({}, imgStyle.normal), hoverStyle: __assign({}, imgStyle.hover) }), showDataNotFound()] })) })) }))] }));
|
|
136
140
|
}
|
|
137
141
|
function parseImageCBStyle(style, hoverStyle, mode) {
|
|
138
142
|
var boxStyle = {
|
|
@@ -71,7 +71,7 @@ size) {
|
|
|
71
71
|
};
|
|
72
72
|
function SlideBanner(props) {
|
|
73
73
|
var _a;
|
|
74
|
-
var _b = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _b.device, mode = _b.mode, queryData = _b.queryData;
|
|
74
|
+
var _b = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _b.device, mode = _b.mode, queryData = _b.queryData, navigationHandler = _b.navigationHandler;
|
|
75
75
|
var index = props.index, _c = props.CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS, CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE, CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA, CB_CONTENT_PROP_SLIDEBANNER_SPEC_DATASORTING = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_DATASORTING, CB_CONTENT_PROP_SLIDEBANNER_SPEC_DATAOFFSET = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_DATAOFFSET, CB_CONTENT_PROP_SLIDEBANNER_SPEC_MANUALITEMS = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_MANUALITEMS, CB_STYLE_PROP_SLIDEBANNERDESIGN = props.CB_STYLE_PROP_SLIDEBANNERDESIGN, CB_STYLE_PROP_SLIDEBANNERPAGINATION = props.CB_STYLE_PROP_SLIDEBANNERPAGINATION, CB_STYLE_PROP_SLIDEBANNERBUTTON = props.CB_STYLE_PROP_SLIDEBANNERBUTTON, CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD = props.CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD, CB_STYLE_PROP_SLIDEBANNERPROGRESSBAR = props.CB_STYLE_PROP_SLIDEBANNERPROGRESSBAR, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_STYLE_PROP_BGMEDIA = props.CB_STYLE_PROP_BGMEDIA, CB_EFFECT_PROP_SLIDEBANNER_SPEC_TRANSITIONTYPE = props.CB_EFFECT_PROP_SLIDEBANNER.CB_EFFECT_PROP_SLIDEBANNER_SPEC_TRANSITIONTYPE;
|
|
76
76
|
var compositions = props.compositions;
|
|
77
77
|
var CB_STYLE_PROP_SLIDEBANNER = __assign(__assign(__assign(__assign(__assign({}, CB_STYLE_PROP_SLIDEBANNERDESIGN), CB_STYLE_PROP_SLIDEBANNERPAGINATION), CB_STYLE_PROP_SLIDEBANNERBUTTON), CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD), CB_STYLE_PROP_SLIDEBANNERPROGRESSBAR);
|
|
@@ -169,6 +169,7 @@ function SlideBanner(props) {
|
|
|
169
169
|
queryData: queryData,
|
|
170
170
|
compositions: compositions,
|
|
171
171
|
componentBlockCode: types_1.CB_ALL_CODES.CB_SLIDEBANNER,
|
|
172
|
+
navigationHandler: navigationHandler,
|
|
172
173
|
device: device
|
|
173
174
|
}) }), CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE +
|
|
174
175
|
CB_EFFECT_PROP_SLIDEBANNER_SPEC_TRANSITIONTYPE +
|
|
@@ -184,7 +185,7 @@ function SlideBanner(props) {
|
|
|
184
185
|
return renderSwiper(compositions);
|
|
185
186
|
}
|
|
186
187
|
// 데이터 연결
|
|
187
|
-
if (
|
|
188
|
+
if (CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA === 'NONE' || !queryPath || !queryData) {
|
|
188
189
|
return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10477" }, "no-query");
|
|
189
190
|
}
|
|
190
191
|
var queryDataValue = queryData[queryPath];
|
|
@@ -95,6 +95,12 @@ function Text(props) {
|
|
|
95
95
|
CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE === 'DELEGATEDDATA';
|
|
96
96
|
if (isDataConnected) {
|
|
97
97
|
if (queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData) {
|
|
98
|
+
if (CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA === 'NONE') {
|
|
99
|
+
if (mode === 'EDIT') {
|
|
100
|
+
return (0, jsx_runtime_1.jsx)(DataNotFound_1.default, { stringKey: "str_10477" });
|
|
101
|
+
}
|
|
102
|
+
return '';
|
|
103
|
+
}
|
|
98
104
|
if (!Object.prototype.hasOwnProperty.call(queryContext.queryData, CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA)) {
|
|
99
105
|
if (mode === 'EDIT') {
|
|
100
106
|
return (0, jsx_runtime_1.jsx)(DataNotFound_1.default, { stringKey: "str_10478" });
|
package/package.json
CHANGED