pb-sxp-ui 14.0.3 → 14.0.4

package/lib/materials/sxp/consentPopup/Click/settingRender.js

@@ -1,212 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = [
-    {
-        title: '全局设置',
-        child: [
-            {
-                type: 'Switch',
-                label: '弹窗开关',
-                name: ['props', 'open']
-            },
-            {
-                type: 'Color',
-                label: '背景色',
-                name: ['style', 'backgroundColor']
-            },
-            {
-                type: 'Number',
-                label: '内边距',
-                name: ['style', 'padding'],
-                addonAfter: 'px'
-            }
-        ]
-    },
-    {
-        title: '弹窗文本',
-        child: [
-            {
-                type: 'RichText',
-                name: ['props', 'content']
-            }
-        ]
-    },
-    {
-        title: '接受按钮样式',
-        child: [
-            {
-                type: 'Color',
-                label: '背景色',
-                name: ['props', 'acceptButton', 'style', 'backgroundColor']
-            },
-            {
-                type: 'Number',
-                label: '尺寸',
-                name: ['props', 'acceptButton', 'style', 'height'],
-                addonAfter: 'H'
-            },
-            {
-                type: 'Group',
-                label: '圆角',
-                child: [
-                    {
-                        type: 'Slider',
-                        name: ['props', 'acceptButton', 'style', 'borderRadius'],
-                        max: 100
-                    },
-                    {
-                        type: 'Number',
-                        name: ['props', 'acceptButton', 'style', 'borderRadius'],
-                        addonAfter: 'px',
-                        max: 100
-                    }
-                ]
-            },
-            {
-                type: 'TextMargin',
-                label: '边距',
-                name: ['props', 'acceptButton', 'style']
-            },
-            {
-                type: 'Group',
-                label: '字体',
-                child: [
-                    {
-                        type: 'Select',
-                        name: ['props', 'acceptButton', 'style', 'fontFamily-cn'],
-                        bottomText: '中文字体'
-                    },
-                    {
-                        type: 'Select',
-                        name: ['props', 'acceptButton', 'style', 'fontFamily-en'],
-                        bottomText: '英文/其他字体'
-                    }
-                ]
-            },
-            {
-                type: 'Group',
-                label: '',
-                child: [
-                    {
-                        type: 'Color',
-                        name: ['props', 'acceptButton', 'style', 'color']
-                    },
-                    {
-                        type: 'Number',
-                        name: ['props', 'acceptButton', 'style', 'fontSize'],
-                        addonAfter: 'px'
-                    }
-                ]
-            },
-            {
-                label: '样式',
-                type: 'TextStyle',
-                name: ['props', 'acceptButton', 'style']
-            },
-            {
-                label: '对齐',
-                type: 'TextAlign',
-                name: ['props', 'acceptButton', 'style']
-            },
-            {
-                label: '间距',
-                type: 'TextSpace',
-                name: ['props', 'acceptButton', 'style']
-            },
-            {
-                label: '文本',
-                type: 'TextArea',
-                name: ['props', 'acceptButton', 'text']
-            }
-        ]
-    },
-    {
-        title: '拒绝按钮样式',
-        child: [
-            {
-                type: 'Color',
-                label: '背景色',
-                name: ['props', 'rejectButton', 'style', 'backgroundColor']
-            },
-            {
-                type: 'Number',
-                label: '尺寸',
-                name: ['props', 'rejectButton', 'style', 'height'],
-                addonAfter: 'H'
-            },
-            {
-                type: 'Group',
-                label: '圆角',
-                child: [
-                    {
-                        type: 'Slider',
-                        name: ['props', 'rejectButton', 'style', 'borderRadius'],
-                        max: 100
-                    },
-                    {
-                        type: 'Number',
-                        name: ['props', 'rejectButton', 'style', 'borderRadius'],
-                        addonAfter: 'px',
-                        max: 100
-                    }
-                ]
-            },
-            {
-                type: 'TextMargin',
-                label: '边距',
-                name: ['props', 'acceptButton', 'style']
-            },
-            {
-                type: 'Group',
-                label: '字体',
-                child: [
-                    {
-                        type: 'Select',
-                        name: ['props', 'rejectButton', 'style', 'fontFamily-cn'],
-                        bottomText: '中文字体'
-                    },
-                    {
-                        type: 'Select',
-                        name: ['props', 'rejectButton', 'style', 'fontFamily-en'],
-                        bottomText: '英文/其他字体'
-                    }
-                ]
-            },
-            {
-                type: 'Group',
-                label: '',
-                child: [
-                    {
-                        type: 'Color',
-                        name: ['props', 'rejectButton', 'style', 'color']
-                    },
-                    {
-                        type: 'Number',
-                        name: ['props', 'rejectButton', 'style', 'fontSize'],
-                        addonAfter: 'px'
-                    }
-                ]
-            },
-            {
-                label: '样式',
-                type: 'TextStyle',
-                name: ['props', 'rejectButton', 'style']
-            },
-            {
-                label: '对齐',
-                type: 'TextAlign',
-                name: ['props', 'rejectButton', 'style']
-            },
-            {
-                label: '间距',
-                type: 'TextSpace',
-                name: ['props', 'rejectButton', 'style']
-            },
-            {
-                label: '文本',
-                type: 'TextArea',
-                name: ['props', 'rejectButton', 'text']
-            }
-        ]
-    }
-];

package/lib/materials/sxp/consentPopup/Swipe/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface ISwipeProps {
-    open?: boolean;
-    content?: string;
-    style?: Record<string, any>;
-    isTel?: boolean;
-    consentPopupCate?: string;
-    swipeIcon?: string;
-}
-declare const _default: React.NamedExoticComponent<ISwipeProps>;
-export default _default;

package/lib/materials/sxp/consentPopup/Swipe/index.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-require("./index.less");
-const tel_png_1 = tslib_1.__importDefault(require("./tel.png"));
-const ConsentDetail_1 = tslib_1.__importDefault(require("../../popup/ConsentDetail"));
-const closeIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=';
-const Swipe = (_a) => {
-    var { isTel, open, content, style, consentPopupCate, swipeIcon } = _a, props = tslib_1.__rest(_a, ["isTel", "open", "content", "style", "consentPopupCate", "swipeIcon"]);
-    const touchInfo = (0, react_1.useRef)();
-    const threshold = 50;
-    const handleTouchStart = (event) => {
-        const touch = event.touches[0];
-        touchInfo.current = { y: touch.clientY, d: 0 };
-    };
-    const handleTouchMove = (event) => {
-        var _a;
-        if (!touchInfo.current)
-            return;
-        const touch = event.touches[0];
-        const dy = touch.clientY - ((_a = touchInfo === null || touchInfo === void 0 ? void 0 : touchInfo.current) === null || _a === void 0 ? void 0 : _a.y);
-        const currentDistance = Math.abs(dy);
-        touchInfo.current = Object.assign(Object.assign({}, touchInfo.current), { d: currentDistance });
-    };
-    const handleTouchEnd = () => {
-        if (!touchInfo.current)
-            return;
-        const { d } = touchInfo.current || {};
-        if (d > threshold) {
-        }
-        touchInfo.current = {};
-    };
-    const handleClickReject = () => { };
-    const visivle = (0, react_1.useMemo)(() => {
-        return consentPopupCate || (open && style);
-    }, [consentPopupCate, open]);
-    return (react_1.default.createElement(react_1.default.Fragment, null, isTel ? (react_1.default.createElement("img", { src: tel_png_1.default, style: { objectFit: 'cover', width: '100%', height: '100%' } })) : (react_1.default.createElement(react_1.default.Fragment, null, visivle && (react_1.default.createElement("div", { className: 'consentPopupSwipe', onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd },
-        react_1.default.createElement("div", { className: 'consentPopupSwipe-container', style: style },
-            react_1.default.createElement(ConsentDetail_1.default, { content: content, style: { padding: 0 } }),
-            react_1.default.createElement("button", { "aria-label": 'close', className: 'consentPopupSwipe-container-close', onClick: handleClickReject },
-                react_1.default.createElement("img", { src: closeIcon, alt: 'close' })),
-            swipeIcon && (react_1.default.createElement("div", { className: 'consentPopupSwipe-container-swipeIcon', onClick: handleClickReject },
-                react_1.default.createElement("img", { src: swipeIcon, alt: 'Swipe Icon' }))))))))));
-};
-exports.default = (0, react_1.memo)(Swipe);

package/lib/materials/sxp/consentPopup/Swipe/material.d.ts

@@ -1,2 +0,0 @@
-declare const Swipe: import("../../../../core/create").MaterialComponet<import(".").ISwipeProps>;
-export { Swipe };

package/lib/materials/sxp/consentPopup/Swipe/material.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Swipe = void 0;
-const tslib_1 = require("tslib");
-const settingRender_1 = tslib_1.__importDefault(require("./settingRender"));
-const _1 = tslib_1.__importDefault(require("."));
-const create_1 = require("../../../../core/create");
-const Swipe = (0, create_1.createMaterial)(_1.default, {
-    displayName: 'Swipe Consent',
-    icon: '',
-    category: 'consentPopup',
-    type: 'Swipe',
-    related: {
-        settingRender: settingRender_1.default,
-        bindableProps: []
-    },
-    defaulSetting: {
-        props: {
-            content: '<p><span style="font- size: 14px"><strong><span style="line - height: 3">Your Cookie Preferences</span></strong></span></p><p><span style="line- height: 1"><span style="font- size: 12px">We use cookie, including third-party cookies, to</span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">ensure the proper functioning and security of</span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">this site, to analyse its use, and to show you</span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">personalised content.</span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">You can authorise the use of all cookies by</span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">clicking on &#x27;Accept all cookies&#x27;. If you click on</span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">&#x27;Reject all cookies&#x27;, we will only use cookies</span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">necessary for the proper functioning and </span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">security of this site. To personalise or adjust</span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">your preferences at any time, click on &#x27;Cookies</span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">Settings&#x27; below or at the bottom of any</span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">Fendi.com webpage.</span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">For more information, <u>read our Cookie Policy</u>.</span></span></p>'
-        },
-        style: {
-            backgroundColor: '#fff',
-            padding: 18
-        }
-    },
-    sort: 3
-});
-exports.Swipe = Swipe;

package/lib/materials/sxp/consentPopup/Swipe/settingRender.d.ts

@@ -1,29 +0,0 @@
-declare const _default: ({
-    title: string;
-    child: ({
-        type: string;
-        label: string;
-        name: string[];
-        addonAfter?: undefined;
-    } | {
-        type: string;
-        label: string;
-        name: string[];
-        addonAfter: string;
-    })[];
-} | {
-    title: string;
-    child: {
-        type: string;
-        name: string[];
-    }[];
-} | {
-    title: string;
-    child: {
-        type: string;
-        label: string;
-        name: string[];
-        text: string;
-    }[];
-})[];
-export default _default;

package/lib/materials/sxp/consentPopup/Swipe/settingRender.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = [
-    {
-        title: '全局设置',
-        child: [
-            {
-                type: 'Switch',
-                label: '弹窗开关',
-                name: ['props', 'open']
-            },
-            {
-                type: 'Color',
-                label: '背景色',
-                name: ['style', 'backgroundColor']
-            },
-            {
-                type: 'Number',
-                label: '内边距',
-                name: ['style', 'padding'],
-                addonAfter: 'px'
-            }
-        ]
-    },
-    {
-        title: '弹窗文本',
-        child: [
-            {
-                type: 'RichText',
-                name: ['props', 'content']
-            }
-        ]
-    },
-    {
-        title: '滑动图标',
-        child: [
-            {
-                type: 'Upload',
-                label: '滑动图标',
-                name: ['props', 'swipeIcon'],
-                text: '建议尺寸：252 * 185'
-            }
-        ]
-    }
-];