pb-sxp-ui 1.0.72 → 1.0.73

package/dist/index.js

@@ -5,6 +5,7 @@ import React, { useContext, useMemo, createContext, memo, useState, useRef, useE
 import qs from 'qs';
 import EventEmitter from 'eventemitter3';
 import { css } from '@emotion/css';
+import { BetaSchemaForm } from '@ant-design/pro-components';
 import * as ReactDOM from 'react-dom';
 
 /******************************************************************************
@@ -949,7 +950,7 @@ var defaultSetting = {
  * @Author: binruan@chatlabs.com
  * @Date: 2023-07-28 18:29:57
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-05-17 10:11:41
+ * @LastEditTime: 2024-05-27 11:48:04
  * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\AppointForm\settingRender.tsx
  *
  */
@@ -1054,11 +1055,6 @@ var settingRender$5 = [
                 type: 'TextAlign',
                 name: ['props', 'submitButtonStyle']
             },
-            {
-                label: '提交文本颜色',
-                type: 'Color',
-                name: ['props', 'submitColor']
-            },
             {
                 label: '提交按钮颜色',
                 type: 'Color',
@@ -1205,7 +1201,7 @@ const AppointForm$1 = (_a) => {
             key: '4'
         }
     ], []);
-    useMemo(() => {
+    const columnsData = useMemo(() => {
         if (layoutType === undefined) {
             const list = cloneDeep(columns) || defaultColumns;
             return list === null || list === void 0 ? void 0 : list.map((obj) => (Object.assign(Object.assign({}, obj), { title: undefined, fieldProps: { placeholder: obj === null || obj === void 0 ? void 0 : obj.title } })));
@@ -1248,7 +1244,8 @@ const AppointForm$1 = (_a) => {
     return (React.createElement("div", { className: 'pb-appoint-form' },
         React.createElement("div", { className: `pb-appoint-form-title ${css(Object.assign({}, textStyle))}` }, title),
         React.createElement("div", Object.assign({ className: css(Object.assign({}, style)) }, props),
-            React.createElement("div", { className: 'pb-appoint-form-container' })),
+            React.createElement("div", { className: 'pb-appoint-form-container' },
+                React.createElement(BetaSchemaForm, { columns: columnsData, submitter: false, layout: layoutType, autoFocusFirstInput: false, size: 'large', formRef: formRef, className: 'panel-reset' }))),
         React.createElement("div", { className: 'pb-appoint-form-btn-wrapper' },
             React.createElement("button", { onClick: handleSubmit, className: 'pb-appoint-form-btn', style: Object.assign({ color: submitColor, background: submitBgColor }, submitButtonStyle) }, loading ? React.createElement(React.Fragment, null, "loading...") : submitText))));
 };
@@ -1330,7 +1327,7 @@ var settingRender$4 = [
                         label: '居中垂直偏移',
                         type: 'Number',
                         name: ['props', 'swiper', 'translateY'],
-                        min: -100,
+                        min: -1000,
                         addonAfter: '%',
                         initialValue: 0
                     }
@@ -8423,21 +8420,26 @@ var ExpandableText$1 = memo(ExpandableText);
  * @Author: binruan@chatlabs.com
  * @Date: 2024-03-20 10:27:31
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-05-20 15:53:04
+ * @LastEditTime: 2024-05-27 09:47:19
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\FormatImage.tsx
  *
  */
 const FormatImage = forwardRef((props, ref) => {
     const { src, onLoad, style, className, loading } = props;
     const [imgSrc, setImgSrc] = useState();
+    const { swiperRef } = useSxpDataSource();
     useImperativeHandle(ref, () => ({
         setSrc: (v) => {
             setImgSrc(v);
         }
     }));
     useEffect(() => {
-        setImgSrc(src);
-    }, [src]);
+        var _a, _b;
+        // 首屏不加载第二屏之后的图片
+        const index = (_b = (_a = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.activeIndex;
+        if (index === 0 || index > 0)
+            setImgSrc(src);
+    }, [src, swiperRef]);
     useRef(null);
     // useEffect(() => {
     //   let observer: any = null;
@@ -8563,7 +8565,7 @@ const CommodityDetail$1 = (_a) => {
                                 width: '100%',
                                 objectFit: 'cover',
                                 display: 'block',
-                                transform: `translateY(${swiper === null || swiper === void 0 ? void 0 : swiper.translateY})%`
+                                objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? -(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
                             }, src: src }))));
             }))),
             !((_j = product === null || product === void 0 ? void 0 : product.homePage) === null || _j === void 0 ? void 0 : _j.length) && (React.createElement("div", { className: css({
@@ -8817,7 +8819,7 @@ var _a$2, _b$2;
  * @Author: binruan@chatlabs.com
  * @Date: 2024-03-26 16:50:25
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-04-12 17:37:19
+ * @LastEditTime: 2024-05-27 17:31:27
  * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\CommodityDetailDiroNew\settingRender.tsx
  *
  */
@@ -8852,7 +8854,7 @@ var settingRender$2 = [
                         label: '居中垂直偏移',
                         type: 'Number',
                         name: ['props', 'swiper', 'translateY'],
-                        min: -100,
+                        min: -1000,
                         addonAfter: '%',
                         initialValue: 0
                     }
@@ -9093,7 +9095,7 @@ Made in Italy` })));
                                 width: '100%',
                                 objectFit: 'cover',
                                 display: 'block',
-                                transform: `translateY(${swiper === null || swiper === void 0 ? void 0 : swiper.translateY})%`
+                                objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? -(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
                             }, src: src }))));
             }))),
             !((_j = product === null || product === void 0 ? void 0 : product.homePage) === null || _j === void 0 ? void 0 : _j.length) && (React.createElement("div", { className: css({
@@ -9301,7 +9303,7 @@ var settingRender$1 = [
                 label: '居中垂直偏移',
                 type: 'Number',
                 name: ['props', 'translateY'],
-                min: -100,
+                min: -1000,
                 addonAfter: '%',
                 initialValue: 0
             }
@@ -9520,7 +9522,7 @@ const Commodity$1 = (_a) => {
                     objectFit: 'cover',
                     height: '100%',
                     display: 'block',
-                    transform: `translateY(${translateY}%)`
+                    objectPosition: `50% ${translateY ? -translateY + 50 : 50}%`
                 }), src: src })),
         React.createElement("div", { className: css({
                 color: '#fff',
@@ -9769,7 +9771,7 @@ const CommodityDiro$1 = (_a) => {
                     objectFit: 'cover',
                     height: '100%',
                     display: 'block',
-                    transform: `translateY(${translateY}%)`
+                    objectPosition: `50% ${translateY ? -translateY + 50 : 50}%`
                 }), src: src })),
         React.createElement("div", { className: css({
                 color: '#fff',
@@ -9867,7 +9869,7 @@ const CommodityDiroNew$1 = (_a) => {
                     objectFit: 'cover',
                     height: '100%',
                     display: 'block',
-                    transform: `translateY(${translateY}%)`
+                    objectPosition: `50% ${translateY ? -translateY + 50 : 50}%`
                 }), src: src })),
         React.createElement("div", { className: css({
                 color: '#fff',
@@ -10011,7 +10013,7 @@ const MultiCommodityDiro$1 = (_a) => {
         return (React.createElement(SwiperSlide, Object.assign({ hidden: recData && !(item === null || item === void 0 ? void 0 : item.bindCta), key: item === null || item === void 0 ? void 0 : item.itemId, className: css(Object.assign(Object.assign({}, style), { display: 'flex', flexShrink: 0, marginLeft: 0, marginRight: '8px' })) }, props, { onClick: () => handleClick(item) }),
             React.createElement("div", { className: css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
                 React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, style: {
-                        transform: `translateY(${translateY}%)`
+                        objectPosition: `50% ${translateY ? -translateY + 50 : 50}%`
                     } })),
             React.createElement("div", { className: css({
                     color: '#000',
@@ -10126,7 +10128,7 @@ const MultiCommodity$1 = (_a) => {
         return (React.createElement(SwiperSlide, Object.assign({ hidden: recData && !(item === null || item === void 0 ? void 0 : item.bindCta), key: item.itemId, className: css(Object.assign(Object.assign({}, style), { display: 'flex', flexShrink: 0, marginLeft: 0, marginRight: '8px' })) }, props, { onClick: () => handleClick(item) }),
             React.createElement("div", { className: css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
                 React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, style: {
-                        transform: `translateY(${translateY}%)`
+                        objectPosition: `50% ${translateY ? -translateY + 50 : 50}%`
                     } })),
             React.createElement("div", { className: css({
                     color: '#fff',
@@ -10240,7 +10242,7 @@ const MultiCommodityDiroNew$1 = (_a) => {
         return (React.createElement(SwiperSlide, Object.assign({ hidden: recData && !(item === null || item === void 0 ? void 0 : item.bindCta), key: item === null || item === void 0 ? void 0 : item.itemId, className: css(Object.assign(Object.assign({}, style), { display: 'flex', flexShrink: 0, marginLeft: 0, marginRight: '8px' })) }, props, { onClick: () => handleClick(item) }),
             React.createElement("div", { className: css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
                 React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, style: {
-                        transform: `translateY(${translateY}%)`
+                        objectPosition: `50% ${translateY ? -translateY + 50 : 50}%`
                     } })),
             React.createElement("div", { className: css({
                     color: '#fff',
@@ -13776,7 +13778,7 @@ var index$1 = memo(DiyPortalPreview);
  * @Author: binruan@chatlabs.com
  * @Date: 2023-10-31 10:56:01
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-05-14 10:12:52
+ * @LastEditTime: 2024-05-27 18:19:31
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Popup\index.tsx
  *
  */
@@ -13822,14 +13824,14 @@ const Popup = () => {
     const renderPopupDetail = useMemo(() => {
         var _a, _b, _c;
         return (_c = (_b = (_a = schema === null || schema === void 0 ? void 0 : schema.sxpPageConf) === null || _a === void 0 ? void 0 : _a.globalConfig) === null || _b === void 0 ? void 0 : _b.popupList) === null || _c === void 0 ? void 0 : _c.map((value, index) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
             if ((value === null || value === void 0 ? void 0 : value.id) === (popup === null || popup === void 0 ? void 0 : popup.id)) {
                 const t = resolver[(_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type];
                 const Component = withBindDataSource(t);
                 const isExternalLink = ((_d = (_c = (_b = value === null || value === void 0 ? void 0 : value.item) === null || _b === void 0 ? void 0 : _b.event) === null || _c === void 0 ? void 0 : _c.onClick) === null || _d === void 0 ? void 0 : _d.linkType) === 'externalLink';
                 const isPopup = ((_g = (_f = (_e = value === null || value === void 0 ? void 0 : value.item) === null || _e === void 0 ? void 0 : _e.event) === null || _f === void 0 ? void 0 : _f.onClick) === null || _g === void 0 ? void 0 : _g.linkType) === 'popup';
                 const defaulSetting = (_h = t === null || t === void 0 ? void 0 : t.extend) === null || _h === void 0 ? void 0 : _h.defaulSetting;
-                return (React.createElement(Component, Object.assign({ key: index, style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), (_j = value === null || value === void 0 ? void 0 : value.item) === null || _j === void 0 ? void 0 : _j.style), { width: '100%', height: '80vh', overflow: 'auto' }), textStyle: Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.textStyle), (_k = value === null || value === void 0 ? void 0 : value.item) === null || _k === void 0 ? void 0 : _k.textStyle), bindDatas: (_m = (_l = value === null || value === void 0 ? void 0 : value.item) === null || _l === void 0 ? void 0 : _l.bindDatas) !== null && _m !== void 0 ? _m : [] }, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.props, (_o = value === null || value === void 0 ? void 0 : value.item) === null || _o === void 0 ? void 0 : _o.props, { event: ((_p = value === null || value === void 0 ? void 0 : value.item) === null || _p === void 0 ? void 0 : _p.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id, isExternalLink: isExternalLink, isPopup: isPopup, onClose: handleClose })));
+                return (React.createElement(Component, Object.assign({ key: index, style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), (_j = value === null || value === void 0 ? void 0 : value.item) === null || _j === void 0 ? void 0 : _j.style), { width: (_k = window.innerWidth) !== null && _k !== void 0 ? _k : '100vw', height: '80vh', overflow: 'auto' }), textStyle: Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.textStyle), (_l = value === null || value === void 0 ? void 0 : value.item) === null || _l === void 0 ? void 0 : _l.textStyle), bindDatas: (_o = (_m = value === null || value === void 0 ? void 0 : value.item) === null || _m === void 0 ? void 0 : _m.bindDatas) !== null && _o !== void 0 ? _o : [] }, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.props, (_p = value === null || value === void 0 ? void 0 : value.item) === null || _p === void 0 ? void 0 : _p.props, { event: ((_q = value === null || value === void 0 ? void 0 : value.item) === null || _q === void 0 ? void 0 : _q.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id, isExternalLink: isExternalLink, isPopup: isPopup, onClose: handleClose })));
             }
             else {
                 return React.createElement(React.Fragment, null);