@cloudbase/weda-ui 3.27.3 → 3.28.0

package/dist/web/components/form/location/components/LocationH5/location.h5.js

@@ -72,6 +72,15 @@ export default function LocationH5(props) {
         }
     }, [locationType]);
     useEffect(() => {
+        if (!value) {
+            setLocation({
+                poiname: '',
+                detailedAddress: '',
+                latlng: { lat: 39.98410411, lng: 116.307503 },
+            });
+            setUserSelectStatus('');
+            return;
+        }
         if (checkCustomLocation(value)) {
             // 表单为新增时回传点位信息
             const { address, detailedAddress, geopoint } = value;
@@ -262,6 +271,9 @@ export default function LocationH5(props) {
     };
     const getIsShowMap = () => {
         let status = showMap;
+        if (!value) {
+            return false;
+        }
         if (locationType === 1 && location.locationType === 1) {
             status = false;
         }
@@ -302,7 +314,7 @@ export default function LocationH5(props) {
                                     'form-location-addr-vertical': layout === 'vertical',
                                     [`${classPrefix}-form-read-color`]: readOnly,
                                     'form-location-addr--disabled': disabled,
-                                }), children: [_jsx("div", { className: "form-location-con__icon" }), _jsxs("div", { className: "form-location-con__text", children: [location.poiname && (_jsx(WdText, { text: location.poiname, className: "form-location-addr-title wd-location__info" })), showLngLat && (_jsx("div", { className: "form-location-addr-lat", children: location.latlng ? `${location.latlng.lat}N,${location.latlng.lng}E` : '' }))] })] }))] })] }), getIsShowMap() && (_jsx("div", { className: "form-map-container", style: { height: '200px' }, children: _jsx(MapView, { APIKEY: APIKEY, drag: drag, zoom: zoom, latlng: location.latlng }) })), _jsx(SelectModal, { isSelectMapVisible: isSelectMapVisible, setIsSelectMapVisible: setIsSelectMapVisible, location: location, currentLocations: currentLocations.current, setLocation: setLocation, chooseLocation: onChangeLocation, APIKEY: APIKEY, locationRange: locationRange, customRange: customRange })] }));
+                                }), children: [_jsx("div", { className: "form-location-con__icon" }), _jsxs("div", { className: "form-location-con__text", children: [location.poiname && (_jsx(WdText, { text: location.poiname, maxLines: 2, overflow: true, className: "form-location-addr-title wd-location__info" })), showLngLat && (_jsx("div", { className: "form-location-addr-lat", children: location.latlng ? `${location.latlng.lat}N,${location.latlng.lng}E` : '' }))] })] }))] })] }), getIsShowMap() && (_jsx("div", { className: "form-map-container", style: { height: '200px' }, children: _jsx(MapView, { APIKEY: APIKEY, drag: drag, zoom: zoom, latlng: location.latlng }) })), _jsx(SelectModal, { isSelectMapVisible: isSelectMapVisible, setIsSelectMapVisible: setIsSelectMapVisible, location: location, currentLocations: currentLocations.current, setLocation: setLocation, chooseLocation: onChangeLocation, APIKEY: APIKEY, locationRange: locationRange, customRange: customRange })] }));
     return renderDecorator(LocationEl, decorator)({
         id,
         className: cls,

package/dist/web/components/form/location/components/LocationPC/location.PC.js

@@ -77,6 +77,15 @@ export default function LocationPC(props) {
         }
     }, [locationType]);
     useEffect(() => {
+        if (!value) {
+            setLocation({
+                poiname: '',
+                detailedAddress: '',
+                latlng: { lat: 39.98410411, lng: 116.307503 },
+            });
+            setUserSelectStatus('');
+            return;
+        }
         if (checkCustomLocation(value)) {
             // 表单为新增时回传点位信息
             const { address, detailedAddress, geopoint } = value;
@@ -180,6 +189,9 @@ export default function LocationPC(props) {
     }, [dataSource]);
     const getIsShowMap = () => {
         let status = showMap;
+        if (!value) {
+            return false;
+        }
         if (locationType === 1 && location.locationType === 1) {
             status = false;
         }

package/dist/web/components/form-date/index.d.ts

@@ -16,7 +16,7 @@ declare const FormDate: React.ForwardRefExoticComponent<CommonPropsType & {
     placeholder: string;
     end: string;
     start: string;
-    layout: "" | "vertical" | "horizontal";
+    layout: "" | "horizontal" | "vertical";
     mode: "datetime" | "year" | "month" | "day";
     clearable: boolean;
     labelVisible: boolean;

package/dist/web/components/form-depart-tree-select/index.d.ts

@@ -14,7 +14,7 @@ declare const FormDepartTreeSelect: React.ForwardRefExoticComponent<CommonPropsT
     size: "s" | "m" | "l" | "full";
     disabled: boolean;
     placeholder: string;
-    layout: "" | "vertical" | "horizontal";
+    layout: "" | "horizontal" | "vertical";
     multiple: boolean;
     labelVisible: boolean;
     departmentScope: string[];

package/dist/web/components/form-email/index.d.ts

@@ -16,7 +16,7 @@ declare const FormEmail: React.ForwardRefExoticComponent<CommonPropsType & {
     disabled: boolean;
     maxLength: number;
     placeholder: string;
-    layout: "" | "vertical" | "horizontal";
+    layout: "" | "horizontal" | "vertical";
     clearable: boolean;
     labelVisible: boolean;
     requiredFlag: boolean;

package/dist/web/components/form-image-uploader/index.d.ts

@@ -12,7 +12,7 @@ declare const FormImageUploader: React.ForwardRefExoticComponent<CommonPropsType
     value: string[];
     required: boolean;
     disabled: boolean;
-    layout: "" | "vertical" | "horizontal";
+    layout: "" | "horizontal" | "vertical";
     single: boolean;
     maxUploadCount: number;
     labelVisible: boolean;

package/dist/web/components/form-input/index.d.ts

@@ -17,7 +17,7 @@ declare const WdInput: React.ForwardRefExoticComponent<CommonPropsType & {
     disabled: boolean;
     maxLength: number;
     placeholder: string;
-    layout: "" | "vertical" | "horizontal";
+    layout: "" | "horizontal" | "vertical";
     clearable: boolean;
     labelVisible: boolean;
     isNickNameType: boolean;

package/dist/web/components/form-input-hooks/index.d.ts

@@ -43,7 +43,7 @@ export declare function useFormInputTrait<Value = unknown>(inputParams: FormInpu
     /**
      * @deprecated 在Wd组件中应该直接用输入的那个，通过css联动而不是js
      */
-    layout: "vertical" | "horizontal";
+    layout: "horizontal" | "vertical";
     initValidate: (validateState: any, validateErrorMsg: any) => void;
 };
 export {};

package/dist/web/components/form-location/index.d.ts

@@ -19,7 +19,7 @@ declare const FormLocation: React.ForwardRefExoticComponent<CommonPropsType & {
     };
     required: boolean;
     disabled: boolean;
-    layout: "" | "vertical" | "horizontal";
+    layout: "" | "horizontal" | "vertical";
     zoom: boolean;
     locationType: 2 | 1;
     labelVisible: boolean;

package/dist/web/components/form-multi-region/index.d.ts

@@ -14,7 +14,7 @@ declare const FormMultiRegion: React.ForwardRefExoticComponent<CommonPropsType &
     size: "s" | "m" | "l" | "full";
     disabled: boolean;
     placeholder: string;
-    layout: "" | "vertical" | "horizontal";
+    layout: "" | "horizontal" | "vertical";
     regionType: "levelThree" | "levelTwo" | "levelOne";
     labelVisible: boolean;
     requiredFlag: boolean;

package/dist/web/components/form-phone/index.d.ts

@@ -15,7 +15,7 @@ declare const FormPhone: React.ForwardRefExoticComponent<CommonPropsType & {
     size: "s" | "m" | "l" | "full";
     disabled: boolean;
     placeholder: string;
-    layout: "" | "vertical" | "horizontal";
+    layout: "" | "horizontal" | "vertical";
     clearable: boolean;
     labelVisible: boolean;
     requiredFlag: boolean;

package/dist/web/components/form-radio/index.d.ts

@@ -17,7 +17,7 @@ declare const FormRadio: React.ForwardRefExoticComponent<CommonPropsType & {
     value: string;
     required: boolean;
     disabled: boolean;
-    layout: "" | "vertical" | "horizontal";
+    layout: "" | "horizontal" | "vertical";
     range: {
         label: string;
         value: string;

package/dist/web/components/form-region/index.d.ts

@@ -15,7 +15,7 @@ declare const FormRegion: React.ForwardRefExoticComponent<CommonPropsType & {
     disabled: boolean;
     placeholder: string;
     separator: string;
-    layout: "" | "vertical" | "horizontal";
+    layout: "" | "horizontal" | "vertical";
     labelVisible: boolean;
     requiredFlag: boolean;
     requiredMsg: string;

package/dist/web/components/form-rich-text/index.d.ts

@@ -12,7 +12,7 @@ declare const FormRichText: React.ForwardRefExoticComponent<CommonPropsType & {
     value: string;
     required: boolean;
     disabled: boolean;
-    layout: "" | "vertical" | "horizontal";
+    layout: "" | "horizontal" | "vertical";
     readOnly: boolean;
     acceptTypes: ("image/*" | "image/jpeg" | "image/png" | "image/bmp" | "image/tif" | "image/tiff")[];
     maxSize: number;

package/dist/web/components/form-select/index.d.ts

@@ -15,7 +15,7 @@ declare const FormSelect: React.ForwardRefExoticComponent<CommonPropsType & {
     size: "s" | "m" | "l" | "full";
     disabled: boolean;
     placeholder: string;
-    layout: "" | "vertical" | "horizontal";
+    layout: "" | "horizontal" | "vertical";
     range: {
         label: string;
         value: string;

package/dist/web/components/form-select-multiple/index.d.ts

@@ -15,7 +15,7 @@ declare const FormSelectMultiple: React.ForwardRefExoticComponent<CommonPropsTyp
     size: "s" | "m" | "l" | "full";
     disabled: boolean;
     placeholder: string;
-    layout: "" | "vertical" | "horizontal";
+    layout: "" | "horizontal" | "vertical";
     range: {
         label: string;
         value: string;

package/dist/web/components/form-switch/index.d.ts

@@ -12,7 +12,7 @@ declare const FormSwitch: React.ForwardRefExoticComponent<CommonPropsType & {
     value: boolean;
     required: boolean;
     disabled: boolean;
-    layout: "" | "vertical" | "horizontal";
+    layout: "" | "horizontal" | "vertical";
     labelVisible: boolean;
     requiredFlag: boolean;
     requiredMsg: string;

package/dist/web/components/form-text-area/index.d.ts

@@ -16,7 +16,7 @@ declare const FormTextArea: React.ForwardRefExoticComponent<CommonPropsType & {
     disabled: boolean;
     maxLength: number;
     placeholder: string;
-    layout: "" | "vertical" | "horizontal";
+    layout: "" | "horizontal" | "vertical";
     labelVisible: boolean;
     counterVisible: boolean;
     requiredFlag: boolean;

package/dist/web/components/form-time/index.d.ts

@@ -16,7 +16,7 @@ declare const FormTime: React.ForwardRefExoticComponent<CommonPropsType & {
     placeholder: string;
     end: string;
     start: string;
-    layout: "" | "vertical" | "horizontal";
+    layout: "" | "horizontal" | "vertical";
     clearable: boolean;
     labelVisible: boolean;
     requiredFlag: boolean;

package/dist/web/components/form-upload-file/index.d.ts

@@ -12,7 +12,7 @@ declare const FormUploadFile: React.ForwardRefExoticComponent<CommonPropsType &
     value: string[];
     required: boolean;
     disabled: boolean;
-    layout: "" | "vertical" | "horizontal";
+    layout: "" | "horizontal" | "vertical";
     single: boolean;
     maxUploadCount: number;
     labelVisible: boolean;

package/dist/web/components/form-url/index.d.ts

@@ -16,7 +16,7 @@ declare const FormUrl: React.ForwardRefExoticComponent<CommonPropsType & {
     disabled: boolean;
     maxLength: number;
     placeholder: string;
-    layout: "" | "vertical" | "horizontal";
+    layout: "" | "horizontal" | "vertical";
     clearable: boolean;
     labelVisible: boolean;
     requiredFlag: boolean;

package/dist/web/components/form-user-tree-select/index.d.ts

@@ -14,7 +14,7 @@ declare const FormUserTreeSelect: React.ForwardRefExoticComponent<CommonPropsTyp
     size: "s" | "m" | "l" | "full";
     disabled: boolean;
     placeholder: string;
-    layout: "" | "vertical" | "horizontal";
+    layout: "" | "horizontal" | "vertical";
     multiple: boolean;
     where: any[];
     labelVisible: boolean;

package/dist/web/components/grid/col.d.ts

@@ -3,11 +3,11 @@ import type { CommonPropsType } from '../../types';
 import './style';
 declare const _default: React.ForwardRefExoticComponent<CommonPropsType & {
     alignSelf?: string;
-    widthType: ("fit-content" | "auto-fill" | (1 | "1") | (2 | "2") | (3 | "3") | (4 | "4") | (5 | "5") | (6 | "6") | (7 | "7") | (8 | "8") | ("9" | 9) | (10 | "10") | (11 | "11") | (12 | "12")) | {
+    widthType: ("fit-content" | "auto-fill" | (1 | "1") | (2 | "2") | (3 | "3") | (4 | "4") | (5 | "5") | (6 | "6") | (7 | "7") | (8 | "8") | (9 | "9") | (10 | "10") | (11 | "11") | (12 | "12")) | {
         type: string;
         value: string;
     };
-    lgWidthType: ("fit-content" | "auto-fill" | (1 | "1") | (2 | "2") | (3 | "3") | (4 | "4") | (5 | "5") | (6 | "6") | (7 | "7") | (8 | "8") | ("9" | 9) | (10 | "10") | (11 | "11") | (12 | "12")) | {
+    lgWidthType: ("fit-content" | "auto-fill" | (1 | "1") | (2 | "2") | (3 | "3") | (4 | "4") | (5 | "5") | (6 | "6") | (7 | "7") | (8 | "8") | (9 | "9") | (10 | "10") | (11 | "11") | (12 | "12")) | {
         type: string;
         value: string;
     };

package/dist/web/components/scrollView/index.d.ts

@@ -1,26 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/scrollView';
 import './style';
-export interface PropsType extends CommonPropsType {
-    scrollX?: boolean;
-    scrollY?: boolean;
-    scrollTop?: number;
-    scrollLeft?: number;
-    scrollIntoView?: string;
-    upperThreshold?: number;
-    lowerThreshold?: number;
+export interface PropsType extends CommonPropsType, DataType {
 }
-export default function ScrollView({ id, scrollX, scrollY, style, scrollTop, scrollLeft, scrollIntoView, className, children, upperThreshold, lowerThreshold, events, }: {
-    id: any;
-    scrollX?: boolean;
-    scrollY?: boolean;
-    style: any;
-    scrollTop: any;
-    scrollLeft: any;
-    scrollIntoView: any;
-    className: any;
-    children: any;
-    upperThreshold?: number;
-    lowerThreshold?: number;
-    events: any;
-}): JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<PropsType & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/dist/web/components/scrollView/index.js

@@ -1,38 +1,71 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
+import { useState, forwardRef, useEffect, useRef, useCallback } from 'react';
+import { useDebouncedCallback } from '@react-hookz/web';
 import classNames from '../../utils/classnames';
+import { useSetWidgetApi } from '../../utils/widget-api/use-set-widget-api';
 import './style';
-export default function ScrollView({ id, scrollX = false, scrollY = true, style, scrollTop, scrollLeft, scrollIntoView, className, children, upperThreshold = 50, lowerThreshold = 50, events, }) {
-    const [toUpper, setToUpper] = React.useState(false);
-    const [toLower, setToLower] = React.useState(false);
-    const [scrollLeftPos, setScrollLeftPos] = React.useState(0);
-    const [scrollTopPos, setScrollTopPos] = React.useState(0);
-    const scrollViewRef = React.useRef(null);
-    const handleOnScroll = function (e) {
+export default forwardRef(function ScrollView({ id, scrollX = false, scrollY = true, style, scrollTop, scrollLeft, scrollIntoView, className, children, upperThreshold = 50, lowerThreshold = 50, events, observerSelector = [], rootMargin, }, ref) {
+    const [ready, setReady] = useState(false);
+    const [toUpper, setToUpper] = useState(false);
+    const [toLower, setToLower] = useState(false);
+    const [scrollLeftPos, setScrollLeftPos] = useState(0);
+    const [scrollTopPos, setScrollTopPos] = useState(0);
+    const scrollViewRef = useRef(null);
+    const handleScrollToTarget = useDebouncedCallback((element, option) => {
+        const { onEnter = () => { } } = option;
+        const _rootMargin = ['top', 'right', 'bottom', 'left'].map((dir) => parseInt((rootMargin === null || rootMargin === void 0 ? void 0 : rootMargin[dir]) || 0)).join('px ') + 'px';
+        // eslint-disable-next-line compat/compat
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                if (entry.isIntersecting) {
+                    // 当元素进入视口时执行
+                    // 执行你的动作
+                    onEnter(entry);
+                }
+            });
+        }, {
+            threshold: 0.5,
+            rootMargin: _rootMargin,
+        });
+        [].concat(element).forEach((el) => {
+            var _a;
+            let selector = el === null || el === void 0 ? void 0 : el.replace(/^#/, '').replace(/^\./, '');
+            if (selector && scrollViewRef.current) {
+                if (el.startsWith('#')) {
+                    selector = document.getElementById(selector);
+                }
+                else {
+                    selector = (_a = scrollViewRef.current.getElementsByClassName(selector)) === null || _a === void 0 ? void 0 : _a[0];
+                }
+                selector && observer.observe(selector);
+            }
+        });
+    }, [scrollViewRef, rootMargin], 500);
+    const handleOnScroll = useCallback((e) => {
+        var _a;
+        const target = e.target;
         const detail = {
-            scrollLeft: e.target.scrollLeft,
-            scrollTop: e.target.scrollTop,
-            scrollHeight: e.target.scrollHeight,
-            scrollWidth: e.target.scrollWidth,
-            clientHeight: e.target.clientHeight,
-            clientWidth: e.target.clientWidth,
+            scrollLeft: target.scrollLeft,
+            scrollTop: target.scrollTop,
+            scrollHeight: target.scrollHeight,
+            scrollWidth: target.scrollWidth,
+            clientHeight: target.clientHeight,
+            clientWidth: target.clientWidth,
         };
-        const deltaY = scrollY ? e.target.scrollTop - scrollTopPos : 0;
-        const deltaX = scrollX ? e.target.scrollLeft - scrollLeftPos : 0;
+        const deltaY = scrollY ? target.scrollTop - scrollTopPos : 0;
+        const deltaX = scrollX ? target.scrollLeft - scrollLeftPos : 0;
         let delta;
         // 横向滚动
         if (Math.abs(deltaX) > Math.abs(deltaY)) {
             delta = deltaX;
-            setScrollLeftPos(e.target.scrollLeft);
-            if (scrollX && e.target.scrollLeft <= upperThreshold) {
+            setScrollLeftPos(target.scrollLeft);
+            if (scrollX && target.scrollLeft <= upperThreshold) {
                 delta < 0 && setToUpper(true);
             }
             else {
                 setToUpper(false);
             }
-            if (scrollX &&
-                e.target.scrollLeft + e.target.offsetWidth + lowerThreshold >=
-                    e.target.scrollWidth) {
+            if (scrollX && target.scrollLeft + target.offsetWidth + lowerThreshold >= target.scrollWidth) {
                 delta > 0 && setToLower(true);
             }
             else {
@@ -41,52 +74,104 @@ export default function ScrollView({ id, scrollX = false, scrollY = true, style,
         }
         else {
             delta = deltaY;
-            setScrollTopPos(e.target.scrollTop);
-            if (scrollY && e.target.scrollTop <= upperThreshold) {
+            setScrollTopPos(target.scrollTop);
+            if (scrollY && target.scrollTop <= upperThreshold) {
                 delta < 0 && setToUpper(true);
             }
             else {
                 setToUpper(false);
             }
-            if (scrollY &&
-                e.target.scrollTop + e.target.offsetHeight + lowerThreshold >=
-                    e.target.scrollHeight) {
+            if (scrollY && target.scrollTop + target.offsetHeight + lowerThreshold >= target.scrollHeight) {
                 delta > 0 && setToLower(true);
             }
             else {
                 setToLower(false);
             }
         }
-        events.scroll(detail, { originEvent: e });
-    };
-    React.useEffect(() => {
-        scrollViewRef.current.scrollTop = scrollTop;
+        if (observerSelector.length) {
+            handleScrollToTarget(observerSelector, {
+                onEnter: (element) => {
+                    if (typeof (events === null || events === void 0 ? void 0 : events.scrollToTarget) === 'function') {
+                        element.id = element.target.id;
+                        events.scrollToTarget(element);
+                    }
+                },
+            });
+        }
+        (_a = events === null || events === void 0 ? void 0 : events.scroll) === null || _a === void 0 ? void 0 : _a.call(events, detail, { originEvent: e });
+    }, [
+        scrollY,
+        scrollTopPos,
+        scrollX,
+        scrollLeftPos,
+        observerSelector,
+        events,
+        upperThreshold,
+        lowerThreshold,
+        handleScrollToTarget,
+    ]);
+    const handleScrollToView = useCallback((_scrollIntoView = scrollIntoView) => {
+        var _a;
+        let selector = _scrollIntoView !== null && _scrollIntoView !== void 0 ? _scrollIntoView : scrollIntoView;
+        selector = _scrollIntoView === null || _scrollIntoView === void 0 ? void 0 : _scrollIntoView.replace(/^#/, '').replace(/^\./, '');
+        if (selector && scrollViewRef.current) {
+            if (_scrollIntoView.startsWith('#') || selector === scrollIntoView) {
+                selector = document.getElementById(selector);
+            }
+            else {
+                selector = (_a = scrollViewRef.current.getElementsByClassName(selector)) === null || _a === void 0 ? void 0 : _a[0];
+            }
+            if (selector) {
+                scrollY &&
+                    scrollViewRef.current.scrollTo({
+                        top: selector.offsetTop || 0,
+                        behavior: 'smooth',
+                    });
+                scrollX &&
+                    scrollViewRef.current.scrollTo({
+                        left: selector.offsetLeft || 0,
+                        behavior: 'smooth',
+                    });
+            }
+        }
+    }, [scrollIntoView, scrollX, scrollY]);
+    useEffect(() => {
+        if (scrollViewRef.current && scrollTop !== undefined) {
+            scrollViewRef.current.scrollTop = scrollTop;
+        }
     }, [scrollTop]);
-    React.useEffect(() => {
-        scrollViewRef.current.scrollLeft = scrollLeft;
+    useEffect(() => {
+        if (scrollViewRef.current && scrollLeft !== undefined) {
+            scrollViewRef.current.scrollLeft = scrollLeft;
+        }
     }, [scrollLeft]);
-    React.useEffect(() => {
-        toUpper && events.scrolltoupper();
-    }, [toUpper]);
-    React.useEffect(() => {
-        toLower && events.scrolltolower();
-    }, [toLower]);
-    React.useEffect(() => {
-        if (scrollIntoView) {
-            const children = scrollViewRef.current.children;
-            const item = Array.from(children).find((item) => item && item.id === scrollIntoView);
-            scrollY && (scrollViewRef.current.scrollTop = (item === null || item === void 0 ? void 0 : item.offsetTop) || 0);
-            scrollX && (scrollViewRef.current.scrollLeft = (item === null || item === void 0 ? void 0 : item.offsetLeft) || 0);
-            // console.log('children', children, item)
+    useEffect(() => {
+        var _a;
+        toUpper && ((_a = events === null || events === void 0 ? void 0 : events.scrolltoupper) === null || _a === void 0 ? void 0 : _a.call(events));
+    }, [toUpper, events]);
+    useEffect(() => {
+        var _a;
+        toLower && ((_a = events === null || events === void 0 ? void 0 : events.scrolltolower) === null || _a === void 0 ? void 0 : _a.call(events));
+    }, [toLower, events]);
+    useEffect(() => {
+        if (ready) {
+            handleScrollToView();
+        }
+    }, [handleScrollToView, ready]);
+    useEffect(() => {
+        if ((scrollViewRef.current, !ready)) {
+            setReady(true);
+            if ((events === null || events === void 0 ? void 0 : events.onReady) && typeof (events === null || events === void 0 ? void 0 : events.onReady) === 'function') {
+                events.onReady({ scrollViewContext: scrollViewRef.current });
+            }
         }
-    }, [scrollIntoView]);
+    }, [events, ready]);
     const webStyles = {
         position: 'relative',
         width: '100%',
         height: '100%',
-        // whiteSpace: scroll === 'y' ? 'normal' : 'nowrap',
-        overflowX: `${scrollX ? 'auto' : 'hidden'}`,
-        overflowY: `${scrollY ? 'auto' : 'hidden'}`,
+        overflowX: scrollX ? 'auto' : 'hidden',
+        overflowY: scrollY ? 'auto' : 'hidden',
         ...style,
     };
     const cls = classNames({
@@ -94,5 +179,11 @@ export default function ScrollView({ id, scrollX = false, scrollY = true, style,
         'g-scroll-view': true,
         [className]: className,
     });
+    useSetWidgetApi(() => ({
+        scrollViewContext: scrollViewRef.current,
+        scrollIntoElement: ({ selector }) => {
+            handleScrollToView(selector);
+        },
+    }), [], ref);
     return (_jsx("div", { id: id, style: webStyles, ref: scrollViewRef, className: cls, onScrollCapture: handleOnScroll, children: children }));
-}
+});

package/dist/web/components/wd-member/wd-member.css

@@ -1,12 +1,11 @@
 /* h5 */
 .wd-form-item.wd-h5-member-root .weui-cell {
   padding: 0;
+  width: 100%;
 }
 
 /* pc */
-.wd-form-item.wd-pc-member-root
-  .weda-ui-user-selected
-  .wedatea2td-dropdown-btn.wedatea2td-dropdown__header {
+.wd-form-item.wd-pc-member-root .weda-ui-user-selected .wedatea2td-dropdown-btn.wedatea2td-dropdown__header {
   border: none;
   padding: 0;
   height: 100%;
@@ -14,10 +13,7 @@
   padding-right: 0 !important;
 }
 
-.wd-form-item.wd-pc-member-root
-  .weda-ui-user-selected
-  .wedatea2td-dropdown__header
-  .wedatea2td-icon-arrowdown {
+.wd-form-item.wd-pc-member-root .weda-ui-user-selected .wedatea2td-dropdown__header .wedatea2td-icon-arrowdown {
   display: none;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "3.27.3",
+  "version": "3.28.0",
   "main": "./dist/index.js",
   "module": "./dist/index",
   "miniprogram": "mpdist",
@@ -73,10 +73,8 @@
     "postpack": "pinst --enable",
     "test:icon": "node tools/publish-icon/test.mjs",
     "sync-icon": "node tools/publish-icon/sync-icon.mjs",
-    "deploy": "npm run use-node18 && node scripts/deploy.mjs && npm run release",
+    "deploy": "bash scripts/deploy.sh",
     "release": "node scripts/release.mjs",
-    "use-node18": "node scripts/use-node18.mjs",
-    "use-node20": "bash scripts/use-node20.sh",
     "scan": "tcb-i18n -c ./i18n/i18next-scanner.config.js",
     "dict:push": "lingo push",
     "dict:pull": "lingo pull"
@@ -91,7 +89,7 @@
   "description": "腾讯云微搭低代码组件库模板",
   "dependencies": {
     "@antv/g6": "^4.8.5",
-    "@cloudbase/weda-client": "^1.1.36",
+    "@cloudbase/weda-client": "^1.1.37",
     "@codemirror/autocomplete": "^6.16.0",
     "@codemirror/lang-javascript": "^6.2.2",
     "@codemirror/lang-json": "^6.0.1",
@@ -153,9 +151,9 @@
     "@babel/preset-env": "^7.22.15",
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.22.15",
-    "@cloudbase/cals": "^1.2.20",
-    "@cloudbase/lowcode-cli": "^0.22.4",
-    "@cloudbase/weda-cloud-sdk": "^1.0.107",
+    "@cloudbase/cals": "^1.2.22",
+    "@cloudbase/lowcode-cli": "^0.23.0",
+    "@cloudbase/weda-cloud-sdk": "^1.0.108",
     "@commitlint/cli": "^16.0.2",
     "@commitlint/config-conventional": "^17.7.0",
     "@craco/craco": "^7.1.0",