@cloudbase/weda-ui 3.7.9 → 3.7.11

package/dist/web/components/form/select/dropdown-select/index.js

@@ -86,9 +86,6 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
             requestFatherRelated(searchPage, searchValue);
         }
     }, [searchPage]);
-    useEffect(() => {
-        recycleBack === null || recycleBack === void 0 ? void 0 : recycleBack(options);
-    }, [options]);
     const requestFatherRelated = (pageNo, searchValue) => {
         requestFatherRelatedOption(params, pageNo, RequestOptionType.SEARCH, searchValue)
             .then((value) => {
@@ -132,6 +129,9 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
         const option = isSearch && staticSearchable ? searchOptions : options;
         return platform === 'h5' ? option : transFormatTeaSelectKey(option);
     }, [isSearch, searchOptions, options, platform, staticSearchable]);
+    useEffect(() => {
+        recycleBack === null || recycleBack === void 0 ? void 0 : recycleBack(currentOption);
+    }, [currentOption]);
     const handleSearch = () => {
         // 本地搜索
         if (!isTurnPages || options.length < PAGE_SIZE) {

package/dist/web/components/form/uploaderFile/uploadFile.h5.js

@@ -48,7 +48,7 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
     // 两次默认值不同, 需要刷新
     const prevDefaultRef = React.useRef([]);
     const fileRef = React.useRef(fileIDList);
-    const maxSizeLimit = maxSize > 500 ? 500 : maxSize;
+    const maxSizeLimit = maxSize;
     const formType = ((_a = getParentForm($node)) === null || _a === void 0 ? void 0 : _a.formType) || 'create';
     const changeTypeRef = React.useRef('');
     React.useEffect(() => {

package/dist/web/components/form/uploaderFile/uploadFile.pc.js

@@ -51,7 +51,7 @@ acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPa
     // 两次默认值不同, 需要刷新
     const prevDefaultRef = React.useRef([]);
     const fileRef = React.useRef(fileIDList);
-    const maxSizeLimit = maxSize > 500 ? 500 : maxSize;
+    const maxSizeLimit = maxSize;
     const formType = ((_a = getParentForm($node)) === null || _a === void 0 ? void 0 : _a.formType) || 'create';
     const changeTypeRef = React.useRef(''); // 判断当前更新来自手动还是value变化
     React.useEffect(() => {

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

@@ -53,8 +53,13 @@ export default function RichTextView({ value = '', className, style, id, }) {
     useEffect(() => {
         if (richTextRef.current) {
             richTextRef.current.querySelectorAll('a').forEach((a) => {
+                const url = a.href;
+                // 若非同域 默认新页面打开
+                if (/https?:\/\//.test(url) &&
+                    !url.startsWith(window.location.origin)) {
+                    a.target = a.target || '_blank';
+                }
                 a.addEventListener('click', (e) => {
-                    const url = a.href;
                     getOnClick({ url })(e);
                 });
             });

package/dist/web/components/wd-cascader/cascader.h5.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /* eslint-disable @typescript-eslint/no-magic-numbers */
-import { useState, useRef, useEffect } from 'react';
+import { useState, useRef, useEffect, useMemo } from 'react';
 import { useConfig } from '../../utils/config-context';
 import { Modal } from '../wd-date/elements/Modal.h5';
 import { noop } from '../../utils/constant';
@@ -39,10 +39,12 @@ export function CascaderH5(props) {
     const focusRef = useRef();
     const [inputFocus, setInputFocus] = useState(false);
     const [searchValue, setSearchValue] = useState('');
-    const data = transformTabData(_data);
+    const data = useMemo(() => {
+        return transformTabData(_data);
+    }, [_data]);
     const [tabData, setTabData] = useState(initTabData(data, _value, placeholderItem));
     const [listOptions, setListOptions] = useState(initListOptions(data, _value));
-    const pickerValueRef = useRef(_value); // 弹窗中临时值
+    const pickerValueRef = useRef({ data, value: _value }); // 弹窗中临时值
     const handleOk = () => {
         const value = tabData
             .map((item) => item.value)
@@ -100,7 +102,7 @@ export function CascaderH5(props) {
             setListOptions(_listOptions);
         }
         // 更新tab数据
-        const newTabData = [...tabData.filter((i) => i.level < item.level), item];
+        const newTabData = [...tabData.filter((i) => (i === null || i === void 0 ? void 0 : i.level) < item.level), item];
         updateTabData(newTabData, item);
     };
     // 点击tab项，更新列表选项
@@ -116,8 +118,9 @@ export function CascaderH5(props) {
         setListOptions(listOptions);
     };
     useEffect(() => {
-        if (!isObjectEqual(pickerValueRef.current, _value)) {
-            pickerValueRef.current = _value;
+        if (!isObjectEqual(pickerValueRef.current.value, _value) ||
+            !isObjectEqual(pickerValueRef.current.data, data)) {
+            pickerValueRef.current = { value: _value, data };
             setTabData(initTabData(data, _value, placeholderItem));
             setListOptions(initListOptions(data, _value));
         }

package/dist/web/components/wd-cascader/cascader.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { forwardRef, useState, useCallback, useMemo } from 'react';
+import React, { forwardRef, useState, useCallback, useMemo, useEffect, } from 'react';
 import { Cascader, ConfigProvider } from 'tea-component';
 import { useHandleClear, useFixedIcon, SELECT_ICON_H5, SELECT_ICON_PC, } from '../../utils/hooks/useFormLegacy';
 import { useFormInputTrait } from '../../components/form-input-hooks';
@@ -39,8 +39,11 @@ export const WdCascader = forwardRef(function WdCascader(props, ref) {
         iconPc: SELECT_ICON_PC,
     });
     const delayEvents = useDelayEvents(events);
-    const [selectedOptions, setSelectedOptions] = useState(value === null || value === void 0 ? void 0 : value.map((i) => getSelectedOptions(data, i)));
-    const readValue = useMemo(() => { var _a; return ((_a = selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.map((i) => i === null || i === void 0 ? void 0 : i.label)) === null || _a === void 0 ? void 0 : _a.join(' / ')) || value; }, [selectedOptions, value]);
+    const [selectedOptions, setSelectedOptions] = useState(value === null || value === void 0 ? void 0 : value.map((i) => getSelectedOptions(data, i) || { label: i, value: i }));
+    useEffect(() => {
+        setSelectedOptions(value === null || value === void 0 ? void 0 : value.map((i) => getSelectedOptions(data, i) || { label: i, value: i }));
+    }, [data, value]);
+    const readValue = useMemo(() => { var _a; return (_a = selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.map((i) => (i === null || i === void 0 ? void 0 : i.label) || (i === null || i === void 0 ? void 0 : i.value))) === null || _a === void 0 ? void 0 : _a.join(' / '); }, [selectedOptions]);
     const onClearChange = useCallback((v) => {
         var _a;
         setSelectedOptions([]);
@@ -93,5 +96,5 @@ export const WdCascader = forwardRef(function WdCascader(props, ref) {
     };
     if (!visible)
         return null;
-    return (_jsx(WdFormItem, { ...formItemProps, children: _jsx(WdInputGroup, { ...inputGroupProps, children: _jsx(WdInputWrap, { ...inputWrapProps, children: _jsx(ConfigProvider, { classPrefix: "wd", children: platform === 'h5' ? (_jsx(CascaderH5, { inputId: inputId, name: props.name, data: data, multiple: multiple, onChange: handleChange, value: value !== null && value !== void 0 ? value : [], placeholder: placeholder, onSearch: onSearchValueInput, disabled: disabled || readOnly, readValue: readValue })) : (_jsx(Cascader, { clearable: true, className: sizeClassName, type: "menu", expandTrigger: "hover", data: data, multiple: multiple, onChange: handleChange, value: value !== null && value !== void 0 ? value : [], defaultValue: value !== null && value !== void 0 ? value : [], placeholder: placeholder, onSearch: onSearchValueInput, disabled: disabled || readOnly })) }) }) }) }));
+    return (_jsx(WdFormItem, { ...formItemProps, children: _jsx(WdInputGroup, { ...inputGroupProps, children: _jsx(WdInputWrap, { ...inputWrapProps, children: _jsx(ConfigProvider, { classPrefix: "wd", children: platform === 'h5' ? (_jsx(CascaderH5, { inputId: inputId, name: props.name, data: data, multiple: multiple, onChange: handleChange, value: value !== null && value !== void 0 ? value : [], placeholder: placeholder, onSearch: onSearchValueInput, disabled: disabled || readOnly, readValue: readValue })) : (_jsx(Cascader, { changeOnSelect: true, clearable: true, className: sizeClassName, type: "menu", expandTrigger: "hover", data: data, multiple: multiple, onChange: handleChange, value: value !== null && value !== void 0 ? value : [], defaultValue: value !== null && value !== void 0 ? value : [], placeholder: placeholder, onSearch: onSearchValueInput, disabled: disabled || readOnly })) }) }) }) }));
 });

package/dist/web/components/wd-cascader/utils.js

@@ -29,20 +29,24 @@ export const setSelectedValue = (data, value) => {
     if (!Array.isArray(data))
         return [];
     const _value = [].concat(value);
-    return data.map((item) => {
+    return data
+        .map((item) => {
+        if (!item)
+            return null;
         item.selected = !!_value.find((i) => i === (item === null || item === void 0 ? void 0 : item.value));
         if (item.children) {
             item.children = setSelectedValue(item.children, value);
         }
-        return item;
-    });
+        return { ...item };
+    })
+        .filter((i) => i);
 };
 export const initTabData = (data, value, placeholderItem) => {
     if (!Array.isArray(data))
         return [];
     let tabDataRes = [placeholderItem];
-    if (value.length) {
-        const selectedOptions = (value === null || value === void 0 ? void 0 : value.map((i) => getSelectedOptions(data, i))) || [];
+    const selectedOptions = (value === null || value === void 0 ? void 0 : value.map((i) => getSelectedOptions(data, i)).filter((i) => i)) || [];
+    if (value.length && selectedOptions.length) {
         const selectedItem = selectedOptions[selectedOptions.length - 1];
         tabDataRes = setSelectedValue(selectedOptions, selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value);
     }
@@ -53,11 +57,11 @@ export const initListOptions = (data, value) => {
     if (!Array.isArray(data))
         return [];
     let listOptionsRes = deepClone(data);
-    if (value.length) {
-        const selectedOptions = (value === null || value === void 0 ? void 0 : value.map((i) => getSelectedOptions(data, i))) || [];
+    const selectedOptions = (value === null || value === void 0 ? void 0 : value.map((i) => getSelectedOptions(data, i)).filter((i) => i)) || [];
+    if (value.length && selectedOptions.length) {
         const selectedItem = selectedOptions[selectedOptions.length - 1];
         listOptionsRes =
-            ((_a = getSelectedOptions(data, selectedItem.pid)) === null || _a === void 0 ? void 0 : _a.children) || data;
+            ((_a = getSelectedOptions(data, selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.pid)) === null || _a === void 0 ? void 0 : _a.children) || data;
     }
     return listOptionsRes;
 };

package/dist/web/components/wd-form-obj/base-form-obj.js

@@ -47,6 +47,7 @@ export const BaseFormObj = forwardRef(function BaseFormObj(props, ref) {
     const formItemProps = {
         ...props,
         classRoot,
+        className: classNames(props.className, `${classPrefix}-form-obj-item`),
         LabelContainer,
     };
     const initValue = { arr: [], obj: {} }[props.objType];
@@ -124,7 +125,7 @@ export const BaseFormObj = forwardRef(function BaseFormObj(props, ref) {
             value = deepClone(objValue);
             // 触发添加操作，则增加一个undefined值
             if (params.type === 'add') {
-                value.push(undefined);
+                value.push(props.addDefaultValue);
             }
             // 触发删除操作，则删除对应索引的值
             if (params.type === 'remove') {

package/dist/web/components/wd-input-number/wd-input-number.js

@@ -179,9 +179,11 @@ export const WdInputNumber = forwardRef(function WdInputNumber(props, ref) {
         const toShow = getShowValue(`${value}`, props.format);
         const toReal = getRealValue(toShow);
         setShowValue(toShow);
+        if (toReal === realValue)
+            return;
         setRealValue(toReal);
         changeForm(toReal);
-    }, [changeForm, getRealValue, getShowValue, props.format]);
+    }, [changeForm, getRealValue, getShowValue, props.format, realValue]);
     // 与计算值相关的配置变化时，去重新计算显示值和真实值
     useEffect(() => {
         dealValueChange(isNumber(value) ? value : props.inputValue);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "3.7.9",
+  "version": "3.7.11",
   "main": "./dist/index.js",
   "module": "./dist/index",
   "miniprogram": "mpdist",