pds-dev-kit-web-test 2.7.238 → 2.7.240
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/mock_slideBanner.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js +5 -3
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/elementPositions.d.ts +3 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/elementPositions.js +59 -56
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/useFlexGridLayout.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/useFlexGridLayout.js +4 -3
- package/package.json +1 -1
|
@@ -4535,7 +4535,7 @@ exports.SAMPLE_SLIDEBANNER_CB = {
|
|
|
4535
4535
|
'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
|
|
4536
4536
|
},
|
|
4537
4537
|
CB_STYLE_PROP_SLIDEBANNERBUTTON: {
|
|
4538
|
-
CB_STYLE_PROP_SLIDEBANNERBUTTON_SPEC_NEXTBTNLOCATION: '
|
|
4538
|
+
CB_STYLE_PROP_SLIDEBANNERBUTTON_SPEC_NEXTBTNLOCATION: 'OUTSET5',
|
|
4539
4539
|
'CB_STYLE_PROP_SLIDEBANNERBUTTON_SPEC_NEXTBTNLOCATION:MOBILE': null,
|
|
4540
4540
|
CB_STYLE_PROP_SLIDEBANNERBUTTON_SPEC_NEXTBTNPRIMARYCOLOR: '#7CEC0DFC',
|
|
4541
4541
|
'CB_STYLE_PROP_SLIDEBANNERBUTTON_SPEC_NEXTBTNPRIMARYCOLOR:HOVER': null,
|
|
@@ -4577,7 +4577,7 @@ exports.SAMPLE_SLIDEBANNER_CB = {
|
|
|
4577
4577
|
'CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONSECONDARYCOLOR:MOBILE': null,
|
|
4578
4578
|
CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONSIZE: 'LARGE',
|
|
4579
4579
|
'CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONSIZE:MOBILE': null,
|
|
4580
|
-
CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONSTYLE: '
|
|
4580
|
+
CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONSTYLE: 'DESIGN11',
|
|
4581
4581
|
'CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONSTYLE:MOBILE': null
|
|
4582
4582
|
},
|
|
4583
4583
|
CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD: {
|
|
@@ -42,7 +42,7 @@ var CustomNavigationNextBtn_1 = require("./components/CustomNavigationNextBtn");
|
|
|
42
42
|
var CustomNavigationPrevBtn_1 = require("./components/CustomNavigationPrevBtn");
|
|
43
43
|
var CustomPagination_1 = require("./components/CustomPagination");
|
|
44
44
|
var CustomProgressbar_1 = require("./components/CustomProgressbar");
|
|
45
|
-
|
|
45
|
+
require("./hooks/elementPositions");
|
|
46
46
|
var useFlexGridLayout_1 = require("./hooks/useFlexGridLayout");
|
|
47
47
|
var useSwiper_1 = require("./hooks/useSwiper");
|
|
48
48
|
var SlideBannerCore_1 = __importDefault(require("./SlideBannerCore"));
|
|
@@ -147,8 +147,10 @@ function SlideBanner(props) {
|
|
|
147
147
|
else {
|
|
148
148
|
delete positionRefs.current[position];
|
|
149
149
|
}
|
|
150
|
-
}, style: __assign(__assign({}, getPositionStyle(position, ccbInset, 'GROUP', 'GROUP')), { zIndex: 3 }) }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "cb-slidebanner-button-layout-box", style: getComponentGroupLayout(groupComponents, position) }, { children: groupComponents.map(function (component) {
|
|
151
|
-
return renderElements(component,
|
|
150
|
+
}, style: __assign(__assign({}, getPositionStyle(position, ccbInset, 'GROUP', 'GROUP', 'GROUP')), { zIndex: 3 }) }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "cb-slidebanner-button-layout-box", style: getComponentGroupLayout(groupComponents, position) }, { children: groupComponents.map(function (component) {
|
|
151
|
+
return renderElements(component,
|
|
152
|
+
// getPosition(position, component.designType, component.size, component.type)
|
|
153
|
+
getPositionStyle(position, ccbInset, component.designType, component.size, component.type));
|
|
152
154
|
}) })) }), position));
|
|
153
155
|
}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsxs)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box ccb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, style), layout), effectCssProperties), editModeStyle), { overflow: 'hidden' }), hoverStyle: __assign(__assign({}, hoverStyle), { overflow: 'hidden' }), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { children: [(0, jsx_runtime_1.jsx)(S_CustomBackgroundWrapper, __assign({ ref: backgroundRef, style: __assign(__assign({}, effect), { background: style.background }) }, { children: isBgMedia && CB_STYLE_PROP_BGMEDIA && ((0, jsx_runtime_1.jsx)(CustomSectionBackgroundMedia_1.CustomSectionBackgroundMedia, { specs: CB_STYLE_PROP_BGMEDIA, componentStyle: style, playerId: index, mediaType: mediaType || 'NONE', device: isMobile ? 'MOBILE' : 'DESKTOP', backgroundRef: backgroundRef })) })), (0, jsx_runtime_1.jsx)(S_Overlay, { style: overlayStyle }), (0, jsx_runtime_1.jsx)(S_SwiperLayout, __assign({ className: "cb-slidebanner-layout-box", ref: layoutRef }, { children: (0, jsx_runtime_1.jsx)(S_SwiperWrapper, __assign({ className: "cb-slidebanner-wrapper", ccbInset: ccbInset, customStyle: isHovered ? slideBannerHoverStyle === null || slideBannerHoverStyle === void 0 ? void 0 : slideBannerHoverStyle.customStyle : slideBannerNormalStyle === null || slideBannerNormalStyle === void 0 ? void 0 : slideBannerNormalStyle.customStyle }, { children: (0, jsx_runtime_1.jsx)(SlideBannerCore_1.default, __assign({ ref: swiperRef, className: "cb-slidebanner", onSwiper: onSwiper, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onAutoplayTimeLeft: onAutoplayTimeLeft, slidesPerView: 1, styles: isHovered ? slideBannerHoverStyle : slideBannerNormalStyle, effect: CB_EFFECT_PROP_SLIDEBANNER_SPEC_TRANSITIONTYPE.toLowerCase() }, { children: (0, createCompositions_1.createCompositions)({
|
|
154
156
|
valueType: CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE,
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import type { SlideBannerElementsProps } from '../SlideBanner';
|
|
2
2
|
import type { CSSProperties } from 'styled-components';
|
|
3
|
-
export declare function getPosition(position: string, designType: string, size: string, elementType: SlideBannerElementsProps['type'] | 'GROUP'
|
|
3
|
+
export declare function getPosition(position: string, designType: string, size: string, elementType: SlideBannerElementsProps['type'] | 'GROUP', { ccbWidth }: {
|
|
4
|
+
ccbWidth?: number;
|
|
5
|
+
}): CSSProperties;
|
|
4
6
|
export declare const POS_OUTSET_PAGINATION: Record<string, Record<string, Record<string, CSSProperties>>>;
|
|
5
7
|
export declare const POS_INSET: Record<string, Record<string, CSSProperties>>;
|
|
6
8
|
export declare const POS_OUTSET_NAVIGATION: Record<string, Record<string, CSSProperties>>;
|
|
@@ -10,22 +10,25 @@ var GAP = 8;
|
|
|
10
10
|
// DESIGN11
|
|
11
11
|
// DESIGN13
|
|
12
12
|
// DESIGN15
|
|
13
|
-
function getPosition(position, designType, size, elementType) {
|
|
14
|
-
var
|
|
13
|
+
function getPosition(position, designType, size, elementType, _a) {
|
|
14
|
+
var _b, _c;
|
|
15
|
+
var ccbWidth = _a.ccbWidth;
|
|
15
16
|
if (position.startsWith('OUTSET')) {
|
|
16
17
|
if (elementType === 'GROUP') {
|
|
17
18
|
return POS_OUTSET_GROUP[position];
|
|
18
19
|
}
|
|
19
20
|
if (elementType === 'PROGRESSBAR') {
|
|
20
|
-
return (
|
|
21
|
+
return (_b = exports.POS_INSET[position]) === null || _b === void 0 ? void 0 : _b.LARGE;
|
|
21
22
|
}
|
|
22
23
|
if (elementType === 'NEXT' || elementType === 'PREV') {
|
|
23
24
|
return exports.POS_OUTSET_NAVIGATION[position][size];
|
|
24
25
|
}
|
|
25
|
-
|
|
26
|
+
var val = exports.POS_OUTSET_PAGINATION[position][designType][size];
|
|
27
|
+
return val;
|
|
28
|
+
// return POS_OUTSET_PAGINATION[position][designType][size];
|
|
26
29
|
}
|
|
27
30
|
if (elementType === 'GROUP') {
|
|
28
|
-
return (
|
|
31
|
+
return (_c = exports.POS_INSET[position]) === null || _c === void 0 ? void 0 : _c.LARGE;
|
|
29
32
|
}
|
|
30
33
|
return {};
|
|
31
34
|
}
|
|
@@ -196,9 +199,9 @@ exports.POS_OUTSET_PAGINATION = {
|
|
|
196
199
|
SMALL: { top: 0, right: -45 }
|
|
197
200
|
},
|
|
198
201
|
DESIGN11: {
|
|
199
|
-
LARGE: { top: 0, left:
|
|
200
|
-
MEDIUM: { top: 0, left:
|
|
201
|
-
SMALL: { top: 0, left:
|
|
202
|
+
LARGE: { top: 0, left: 20 },
|
|
203
|
+
MEDIUM: { top: 0, left: 12 },
|
|
204
|
+
SMALL: { top: 0, left: 12 }
|
|
202
205
|
},
|
|
203
206
|
DESIGN13: {
|
|
204
207
|
LARGE: { top: 0, right: -40 },
|
|
@@ -206,9 +209,9 @@ exports.POS_OUTSET_PAGINATION = {
|
|
|
206
209
|
SMALL: { top: 0, right: -25 }
|
|
207
210
|
},
|
|
208
211
|
DESIGN15: {
|
|
209
|
-
LARGE: { top: 0, left:
|
|
210
|
-
MEDIUM: { top: 0, left:
|
|
211
|
-
SMALL: { top: 0, left:
|
|
212
|
+
LARGE: { top: 0, left: 20 },
|
|
213
|
+
MEDIUM: { top: 0, left: 12 },
|
|
214
|
+
SMALL: { top: 0, left: 12 }
|
|
212
215
|
}
|
|
213
216
|
},
|
|
214
217
|
//--------------------------------------------------
|
|
@@ -216,44 +219,44 @@ exports.POS_OUTSET_PAGINATION = {
|
|
|
216
219
|
//--------------------------------------------------
|
|
217
220
|
OUTSET5: {
|
|
218
221
|
DESIGN1: {
|
|
219
|
-
LARGE: {
|
|
220
|
-
MEDIUM: {
|
|
221
|
-
SMALL: {
|
|
222
|
+
LARGE: { right: -65 },
|
|
223
|
+
MEDIUM: { right: -60 },
|
|
224
|
+
SMALL: { right: -60 }
|
|
222
225
|
},
|
|
223
226
|
DESIGN3: {
|
|
224
|
-
LARGE: {
|
|
225
|
-
MEDIUM: {
|
|
226
|
-
SMALL: {
|
|
227
|
+
LARGE: { right: -65 },
|
|
228
|
+
MEDIUM: { right: -60 },
|
|
229
|
+
SMALL: { right: -60 }
|
|
227
230
|
},
|
|
228
231
|
DESIGN5: {
|
|
229
|
-
LARGE: {
|
|
230
|
-
MEDIUM: {
|
|
231
|
-
SMALL: {
|
|
232
|
+
LARGE: { right: -115 },
|
|
233
|
+
MEDIUM: { right: -110 },
|
|
234
|
+
SMALL: { right: -95 }
|
|
232
235
|
},
|
|
233
236
|
DESIGN7: {
|
|
234
|
-
LARGE: {
|
|
235
|
-
MEDIUM: {
|
|
236
|
-
SMALL: {
|
|
237
|
+
LARGE: { right: -115 },
|
|
238
|
+
MEDIUM: { right: -110 },
|
|
239
|
+
SMALL: { right: -95 }
|
|
237
240
|
},
|
|
238
241
|
DESIGN9: {
|
|
239
|
-
LARGE: {
|
|
240
|
-
MEDIUM: {
|
|
241
|
-
SMALL: {
|
|
242
|
+
LARGE: { right: -45 },
|
|
243
|
+
MEDIUM: { right: -45 },
|
|
244
|
+
SMALL: { right: -45 }
|
|
242
245
|
},
|
|
243
246
|
DESIGN11: {
|
|
244
|
-
LARGE: {
|
|
245
|
-
MEDIUM: {
|
|
246
|
-
SMALL: {
|
|
247
|
+
LARGE: { left: 20 },
|
|
248
|
+
MEDIUM: { left: 12 },
|
|
249
|
+
SMALL: { left: 12 }
|
|
247
250
|
},
|
|
248
251
|
DESIGN13: {
|
|
249
|
-
LARGE: {
|
|
250
|
-
MEDIUM: {
|
|
251
|
-
SMALL: {
|
|
252
|
+
LARGE: { right: -40 },
|
|
253
|
+
MEDIUM: { right: -30 },
|
|
254
|
+
SMALL: { right: -25 }
|
|
252
255
|
},
|
|
253
256
|
DESIGN15: {
|
|
254
|
-
LARGE: {
|
|
255
|
-
MEDIUM: {
|
|
256
|
-
SMALL: {
|
|
257
|
+
LARGE: { left: 20 },
|
|
258
|
+
MEDIUM: { left: 12 },
|
|
259
|
+
SMALL: { left: 12 }
|
|
257
260
|
}
|
|
258
261
|
},
|
|
259
262
|
//--------------------------------------------------
|
|
@@ -286,9 +289,9 @@ exports.POS_OUTSET_PAGINATION = {
|
|
|
286
289
|
SMALL: { bottom: 0, right: -45 }
|
|
287
290
|
},
|
|
288
291
|
DESIGN11: {
|
|
289
|
-
LARGE: { bottom: 0, left:
|
|
290
|
-
MEDIUM: { bottom: 0, left:
|
|
291
|
-
SMALL: { bottom: 0, left:
|
|
292
|
+
LARGE: { bottom: 0, left: 20 },
|
|
293
|
+
MEDIUM: { bottom: 0, left: 12 },
|
|
294
|
+
SMALL: { bottom: 0, left: 12 }
|
|
292
295
|
},
|
|
293
296
|
DESIGN13: {
|
|
294
297
|
LARGE: { bottom: 0, right: -40 },
|
|
@@ -296,9 +299,9 @@ exports.POS_OUTSET_PAGINATION = {
|
|
|
296
299
|
SMALL: { bottom: 0, right: -25 }
|
|
297
300
|
},
|
|
298
301
|
DESIGN15: {
|
|
299
|
-
LARGE: { bottom: 0, left:
|
|
300
|
-
MEDIUM: { bottom: 0, left:
|
|
301
|
-
SMALL: { bottom: 0, left:
|
|
302
|
+
LARGE: { bottom: 0, left: 20 },
|
|
303
|
+
MEDIUM: { bottom: 0, left: 12 },
|
|
304
|
+
SMALL: { bottom: 0, left: 12 }
|
|
302
305
|
}
|
|
303
306
|
},
|
|
304
307
|
//--------------------------------------------------
|
|
@@ -466,9 +469,9 @@ exports.POS_OUTSET_PAGINATION = {
|
|
|
466
469
|
SMALL: { bottom: 0, left: -45 }
|
|
467
470
|
},
|
|
468
471
|
DESIGN11: {
|
|
469
|
-
LARGE: { bottom: 0, right:
|
|
470
|
-
MEDIUM: { bottom: 0, right:
|
|
471
|
-
SMALL: { bottom: 0, right:
|
|
472
|
+
LARGE: { bottom: 0, right: 20 },
|
|
473
|
+
MEDIUM: { bottom: 0, right: 12 },
|
|
474
|
+
SMALL: { bottom: 0, right: 12 }
|
|
472
475
|
},
|
|
473
476
|
DESIGN13: {
|
|
474
477
|
LARGE: { bottom: 0, left: -40 },
|
|
@@ -476,9 +479,9 @@ exports.POS_OUTSET_PAGINATION = {
|
|
|
476
479
|
SMALL: { bottom: 0, left: -25 }
|
|
477
480
|
},
|
|
478
481
|
DESIGN15: {
|
|
479
|
-
LARGE: { bottom: 0, right:
|
|
480
|
-
MEDIUM: { bottom: 0, right:
|
|
481
|
-
SMALL: { bottom: 0, right:
|
|
482
|
+
LARGE: { bottom: 0, right: 20 },
|
|
483
|
+
MEDIUM: { bottom: 0, right: 12 },
|
|
484
|
+
SMALL: { bottom: 0, right: 12 }
|
|
482
485
|
}
|
|
483
486
|
},
|
|
484
487
|
//--------------------------------------------------
|
|
@@ -511,9 +514,9 @@ exports.POS_OUTSET_PAGINATION = {
|
|
|
511
514
|
SMALL: { left: -45 }
|
|
512
515
|
},
|
|
513
516
|
DESIGN11: {
|
|
514
|
-
LARGE: { right:
|
|
515
|
-
MEDIUM: { right:
|
|
516
|
-
SMALL: { right:
|
|
517
|
+
LARGE: { right: 20 },
|
|
518
|
+
MEDIUM: { right: 12 },
|
|
519
|
+
SMALL: { right: 12 }
|
|
517
520
|
},
|
|
518
521
|
DESIGN13: {
|
|
519
522
|
LARGE: { left: -40 },
|
|
@@ -521,9 +524,9 @@ exports.POS_OUTSET_PAGINATION = {
|
|
|
521
524
|
SMALL: { left: -25 }
|
|
522
525
|
},
|
|
523
526
|
DESIGN15: {
|
|
524
|
-
LARGE: { right:
|
|
525
|
-
MEDIUM: { right:
|
|
526
|
-
SMALL: { right:
|
|
527
|
+
LARGE: { right: 20 },
|
|
528
|
+
MEDIUM: { right: 12 },
|
|
529
|
+
SMALL: { right: 12 }
|
|
527
530
|
}
|
|
528
531
|
},
|
|
529
532
|
//--------------------------------------------------
|
|
@@ -556,7 +559,7 @@ exports.POS_OUTSET_PAGINATION = {
|
|
|
556
559
|
SMALL: { top: 0, left: -45 }
|
|
557
560
|
},
|
|
558
561
|
DESIGN11: {
|
|
559
|
-
LARGE: { top: 0, right:
|
|
562
|
+
LARGE: { top: 0, right: 20 },
|
|
560
563
|
MEDIUM: { top: 0, left: -105 },
|
|
561
564
|
SMALL: { top: 0, left: -85 }
|
|
562
565
|
},
|
|
@@ -566,7 +569,7 @@ exports.POS_OUTSET_PAGINATION = {
|
|
|
566
569
|
SMALL: { top: 0, left: -25 }
|
|
567
570
|
},
|
|
568
571
|
DESIGN15: {
|
|
569
|
-
LARGE: { top: 0, right:
|
|
572
|
+
LARGE: { top: 0, right: 20 },
|
|
570
573
|
MEDIUM: { top: 0, left: -105 },
|
|
571
574
|
SMALL: { top: 0, left: -85 }
|
|
572
575
|
}
|
|
@@ -699,7 +702,7 @@ var POS_OUTSET_GROUP = {
|
|
|
699
702
|
},
|
|
700
703
|
OUTSET5: {
|
|
701
704
|
top: '50%',
|
|
702
|
-
|
|
705
|
+
width: 0,
|
|
703
706
|
right: 0,
|
|
704
707
|
transform: 'translateY(-50%)'
|
|
705
708
|
},
|
|
@@ -13,6 +13,6 @@ export declare const useFlexGridLayout: ({ components }: {
|
|
|
13
13
|
left: string;
|
|
14
14
|
};
|
|
15
15
|
componentGroups: Record<string, SlideBannerElementsProps[]>;
|
|
16
|
-
getPositionStyle: (position: string, ccbInset: Record<string, string>, designType: string, size: 'LARGE' | 'MEDIUM' | 'SMALL' | 'GROUP') => CSSProperties;
|
|
16
|
+
getPositionStyle: (position: string, ccbInset: Record<string, string>, designType: string, size: 'LARGE' | 'MEDIUM' | 'SMALL' | 'GROUP', elementType: string) => CSSProperties;
|
|
17
17
|
getComponentGroupLayout: (components: SlideBannerElementsProps[], position: string) => CSSProperties;
|
|
18
18
|
};
|
|
@@ -61,7 +61,7 @@ var useFlexGridLayout = function (_a) {
|
|
|
61
61
|
return directions[position];
|
|
62
62
|
};
|
|
63
63
|
// 위치에 따른 스타일 결정 (CCB 크기를 고려)
|
|
64
|
-
var getPositionStyle = function (position, ccbInset, designType, size) {
|
|
64
|
+
var getPositionStyle = function (position, ccbInset, designType, size, elementType) {
|
|
65
65
|
var base = {
|
|
66
66
|
position: 'absolute',
|
|
67
67
|
display: 'flex',
|
|
@@ -104,7 +104,7 @@ var useFlexGridLayout = function (_a) {
|
|
|
104
104
|
INSET7: { bottom: ccbBottom + GAP, left: ccbLeft + GAP },
|
|
105
105
|
INSET8: { top: "".concat(ccbCenterY, "px"), left: ccbLeft + GAP, transform: 'translateY(-50%)' }
|
|
106
106
|
};
|
|
107
|
-
var pos = (0, elementPositions_1.getPosition)(position, designType, size,
|
|
107
|
+
var pos = (0, elementPositions_1.getPosition)(position, designType, size, elementType, { ccbWidth: ccbWidth });
|
|
108
108
|
return __assign(__assign({}, base), pos);
|
|
109
109
|
};
|
|
110
110
|
// 컴포넌트 그룹 레이아웃
|
|
@@ -132,7 +132,8 @@ var useFlexGridLayout = function (_a) {
|
|
|
132
132
|
display: 'flex',
|
|
133
133
|
flexDirection: isHorizontal ? 'row' : 'column',
|
|
134
134
|
gap: '8px',
|
|
135
|
-
alignItems: 'center'
|
|
135
|
+
alignItems: 'center',
|
|
136
|
+
width: 'inherit'
|
|
136
137
|
};
|
|
137
138
|
};
|
|
138
139
|
// ccbInset 계산
|