pds-dev-kit-web-test 2.7.629 → 2.7.631
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.
|
@@ -134,6 +134,8 @@ function Image(props) {
|
|
|
134
134
|
}
|
|
135
135
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
136
136
|
};
|
|
137
|
+
console.log('style', style);
|
|
138
|
+
console.log('boxStyle', boxStyle);
|
|
137
139
|
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)(Shape_1.default, { shape: "STAR_12", src: imgSrc() === 'ERROR'
|
|
138
140
|
? 'https://static.publ.site/pages-sample/img_cb_style_prop_bgmedia_spec_imageselector_01.png'
|
|
139
141
|
: imgSrc(), normalStyle: __assign(__assign({}, imgStyle.normal), style), hoverStyle: __assign(__assign({}, imgStyle.hover), hoverStyle) }), showDataNotFound()] })) })) }))] }));
|
|
@@ -85,13 +85,15 @@ var ALL_SQS_SHAPES = {
|
|
|
85
85
|
CROSS: 'M35,0 L65,0 L65,35 L100,35 L100,65 L65,65 L65,100 L35,100 L35,65 L0,65 L0,35 L35,35 Z',
|
|
86
86
|
HEART: 'M50,30 C50,10 20,10 20,40 C20,70 50,90 50,90 C50,90 80,70 80,40 C80,10 50,10 50,30 Z'
|
|
87
87
|
};
|
|
88
|
-
var S_ImageContainer = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n position: relative;\n width: 100%;\n\n ", ";\n ", "\n\n & img {\n height: 100%;\n object-fit: ", ";\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n ", "\n width: 100%;\n }\n\n /* Hover \uC2DC \uADF8\uB9BC\uC790 \uBC0F \uC2A4\uD0C0\uC77C \uBCC0\uD654 */\n &:hover {\n ", ";\n ", "\n }\n"], ["\n height: 100%;\n position: relative;\n width: 100%;\n\n ", ";\n ", "\n\n & img {\n height: 100%;\n object-fit: ", ";\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n ", "\n width: 100%;\n }\n\n /* Hover \uC2DC \uADF8\uB9BC\uC790 \uBC0F \uC2A4\uD0C0\uC77C \uBCC0\uD654 */\n &:hover {\n ", ";\n ", "\n }\n"])), function (_a) {
|
|
88
|
+
var S_ImageContainer = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n position: relative;\n width: 100%;\n\n ", ";\n\n ", "\n\n & img {\n height: 100%;\n object-fit: ", ";\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n ", "\n width: 100%;\n }\n\n /* Hover \uC2DC \uADF8\uB9BC\uC790 \uBC0F \uC2A4\uD0C0\uC77C \uBCC0\uD654 */\n &:hover {\n ", ";\n ", "\n }\n"], ["\n height: 100%;\n position: relative;\n width: 100%;\n\n ", ";\n\n ", "\n\n & img {\n height: 100%;\n object-fit: ", ";\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n ", "\n width: 100%;\n }\n\n /* Hover \uC2DC \uADF8\uB9BC\uC790 \uBC0F \uC2A4\uD0C0\uC77C \uBCC0\uD654 */\n &:hover {\n ", ";\n ", "\n }\n"])), function (_a) {
|
|
89
89
|
var normalStyle = _a.normalStyle;
|
|
90
90
|
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), normalStyle);
|
|
91
91
|
}, function (_a) {
|
|
92
92
|
var hasShape = _a.hasShape, normalStyle = _a.normalStyle;
|
|
93
|
-
|
|
94
|
-
|
|
93
|
+
var rawShadow = normalStyle.boxShadow || normalStyle.shadow;
|
|
94
|
+
if (hasShape && rawShadow) {
|
|
95
|
+
return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-shadow: none !important;\n /* \uC218\uC815\uB41C drop-shadow \uC801\uC6A9 */\n filter: ", ";\n "], ["\n box-shadow: none !important;\n /* \uC218\uC815\uB41C drop-shadow \uC801\uC6A9 */\n filter: ", ";\n "])), formatDropShadow(rawShadow));
|
|
96
|
+
}
|
|
95
97
|
}, function (_a) {
|
|
96
98
|
var normalStyle = _a.normalStyle;
|
|
97
99
|
return normalStyle.backgroundSize === 'contain' ? 'contain' : 'cover';
|
|
@@ -137,5 +139,20 @@ var ShapeImage = function (_a) {
|
|
|
137
139
|
objectPosition: "".concat(focalPoint.x * 100, "% ").concat(focalPoint.y * 100, "%")
|
|
138
140
|
} })] }))] })));
|
|
139
141
|
};
|
|
142
|
+
// boxShadow 문자열에서 spread-radius를 제거하는 유틸리티 함수
|
|
143
|
+
var formatDropShadow = function (shadowValue) {
|
|
144
|
+
if (!shadowValue || shadowValue === 'none')
|
|
145
|
+
return 'none';
|
|
146
|
+
// 공백으로 나눈 뒤 숫자+단위(px 등) 패턴인 것들 중 4번째 숫자를 찾아 제거
|
|
147
|
+
var parts = shadowValue.split(/\s+/);
|
|
148
|
+
// 보통 [x, y, blur, spread, color] 순서임
|
|
149
|
+
// 숫자가 4개인 경우 4번째(index 3)가 spread이므로 이를 제외하고 다시 합침
|
|
150
|
+
var filteredParts = parts.filter(function (part, index) {
|
|
151
|
+
var isDimension = /^-?\d+(\.\d+)?(px|em|rem|vh|vw|%)?$/.test(part);
|
|
152
|
+
// 첫 3개의 치수(x, y, blur)는 유지하고 4번째 치수(spread)는 버림
|
|
153
|
+
return !isDimension || index < 3;
|
|
154
|
+
});
|
|
155
|
+
return "drop-shadow(".concat(filteredParts.join(' '), ")");
|
|
156
|
+
};
|
|
140
157
|
exports.default = ShapeImage;
|
|
141
158
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|