pb-sxp-ui 1.0.66 → 1.0.68

package/dist/pb-ui.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('lodash'), require('uuid'), require('pako'), require('react'), require('qs'), require('eventemitter3'), require('@emotion/css'), require('react-dom')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'lodash', 'uuid', 'pako', 'react', 'qs', 'eventemitter3', '@emotion/css', 'react-dom'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PUI = {}, global.lodash, global.uuid$1, global.pako, global.React, global.qs, global.EventEmitter, global.css, global.ReactDOM));
-})(this, (function (exports, lodash, uuid$1, pako, React, qs, EventEmitter, css, ReactDOM) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('lodash'), require('uuid'), require('pako'), require('react'), require('qs'), require('eventemitter3'), require('@emotion/css'), require('@ant-design/pro-components'), require('react-dom')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'lodash', 'uuid', 'pako', 'react', 'qs', 'eventemitter3', '@emotion/css', '@ant-design/pro-components', 'react-dom'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PUI = {}, global.lodash, global.uuid$1, global.pako, global.React, global.qs, global.EventEmitter, global.css, global.proComponents, global.ReactDOM));
+})(this, (function (exports, lodash, uuid$1, pako, React, qs, EventEmitter, css, proComponents, ReactDOM) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -1175,7 +1175,7 @@
                 key: '4'
             }
         ], []);
-        React.useMemo(() => {
+        const columnsData = React.useMemo(() => {
             if (layoutType === undefined) {
                 const list = lodash.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 } })));
@@ -1218,7 +1218,8 @@
         return (React.createElement("div", { className: 'pb-appoint-form' },
             React.createElement("div", { className: `pb-appoint-form-title ${css.css(Object.assign({}, textStyle))}` }, title),
             React.createElement("div", Object.assign({ className: css.css(Object.assign({}, style)) }, props),
-                React.createElement("div", { className: 'pb-appoint-form-container' })),
+                React.createElement("div", { className: 'pb-appoint-form-container' },
+                    React.createElement(proComponents.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,
@@ -8382,7 +8383,7 @@
      * @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
      *
      */
@@ -8394,32 +8395,34 @@
                 setImgSrc(v);
             }
         }));
-        // useEffect(() => {
-        //   setImgSrc(src);
-        // }, [src]);
-        const imgRef = React.useRef(null);
         React.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,
+        React.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` }),