pb-sxp-ui 1.0.66 → 1.0.68

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';
 
 /******************************************************************************
@@ -1159,7 +1160,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 } })));
@@ -1202,7 +1203,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: {
                     color: submitColor,
@@ -8366,7 +8368,7 @@ var ExpandableText$1 = memo(ExpandableText);
  * @Author: binruan@chatlabs.com
  * @Date: 2024-03-20 10:27:31
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-05-17 16:53:11
+ * @LastEditTime: 2024-05-20 15:53:04
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\FormatImage.tsx
  *
  */
@@ -8378,32 +8380,34 @@ const FormatImage = forwardRef((props, ref) => {
             setImgSrc(v);
         }
     }));
-    // useEffect(() => {
-    //   setImgSrc(src);
-    // }, [src]);
-    const imgRef = useRef(null);
     useEffect(() => {
-        let observer = null;
-        const { current } = imgRef;
-        if (current) {
-            observer = new IntersectionObserver((entries) => {
-                entries.forEach((entry) => {
-                    if (entry.isIntersecting) {
-                        setImgSrc(src);
-                        observer.unobserve(current);
-                    }
-                });
-            }, { threshold: 0.1 } // 触发阈值，可根据需要调整
-            );
-            observer.observe(current);
-        }
-        return () => {
-            if (observer && current) {
-                observer.unobserve(current);
-            }
-        };
+        setImgSrc(src);
     }, [src]);
-    return (React.createElement("div", { ref: imgRef }, (imgSrc === null || imgSrc === void 0 ? void 0 : imgSrc.includes('.avif')) ? (React.createElement("picture", null,
+    useRef(null);
+    // useEffect(() => {
+    //   let observer: any = null;
+    //   const { current } = imgRef;
+    //   if (current) {
+    //     observer = new IntersectionObserver(
+    //       (entries) => {
+    //         entries.forEach((entry) => {
+    //           if (entry.isIntersecting) {
+    //             setImgSrc(src);
+    //             observer.unobserve(current);
+    //           }
+    //         });
+    //       },
+    //       { threshold: 0.1 } // 触发阈值，可根据需要调整
+    //     );
+    //     observer.observe(current);
+    //   }
+    //   return () => {
+    //     if (observer && current) {
+    //       observer.unobserve(current);
+    //     }
+    //   };
+    // }, [src]);
+    return (React.createElement(React.Fragment, null, (imgSrc === null || imgSrc === void 0 ? void 0 : imgSrc.includes('.avif')) ? (React.createElement("picture", null,
         React.createElement("source", { type: 'image/avif', srcSet: imgSrc }),
         React.createElement("source", { type: 'image/webp', srcSet: `${imgSrc}?imageMogr2/format/webp` }),
         React.createElement("source", { type: 'image/jpeg', srcSet: `${imgSrc}?imageMogr2/format/jpg` }),