@cloudbase/weda-ui 3.15.7 → 3.16.0

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

@@ -69,7 +69,7 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
         }
     }, [defaultValue]);
     React.useEffect(() => {
-        var _a, _b;
+        var _a;
         if (isObjectEqual(fileRef.current, fileIDList))
             return;
         // 外部 onChange 事件
@@ -79,10 +79,6 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
         if (changeTypeRef.current) {
             (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value });
         }
-        if (changeTypeRef.current === 'add') {
-            const files = pureFileIDList.map((d) => { var _a; return (_a = fileSizeObj[d]) === null || _a === void 0 ? void 0 : _a.file; });
-            (_b = events === null || events === void 0 ? void 0 : events.success) === null || _b === void 0 ? void 0 : _b.call(events, { value: pureFileIDList, file: files });
-        }
         fileRef.current = fileIDList;
     }, [fileIDList]);
     // 外层组件类
@@ -99,11 +95,13 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
     }, [acceptTypes]);
     // 上传后文件列表 fileIDList 改变事件，'add'|'delete'
     const handleChange = ({ fileID, uuid, type, size, file }) => {
+        var _a;
         if (fileID) {
             changeTypeRef.current = type;
             if (type === 'add') {
                 setFileSizeObj((obj) => ({ ...obj, [fileID]: { size, file } }));
                 setfileIDList((fileIDList) => [...fileIDList, fileID]);
+                (_a = events === null || events === void 0 ? void 0 : events.success) === null || _a === void 0 ? void 0 : _a.call(events, { value: fileID, file });
             }
             else {
                 setfileIDList((fileIDList) => fileIDList.filter((f) => f !== fileID));

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

@@ -71,7 +71,7 @@ acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPa
         }
     }, [defaultValue]);
     React.useEffect(() => {
-        var _a, _b;
+        var _a;
         if (isObjectEqual(fileRef.current, fileIDList))
             return;
         // 外部 onChange 事件
@@ -81,10 +81,6 @@ acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPa
         if (changeTypeRef.current) {
             (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value });
         }
-        if (changeTypeRef.current === 'add') {
-            const files = pureFileIDList.map((d) => { var _a; return (_a = fileSizeObj[d]) === null || _a === void 0 ? void 0 : _a.file; });
-            (_b = events === null || events === void 0 ? void 0 : events.success) === null || _b === void 0 ? void 0 : _b.call(events, { value: pureFileIDList, file: files });
-        }
         fileRef.current = fileIDList;
     }, [fileIDList]);
     // 外层组件类
@@ -168,11 +164,13 @@ acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPa
     };
     // 上传后文件列表 fileIDList 改变事件，'add'|'delete'
     const handleChange = ({ fileID, uuid, type, size, file }) => {
+        var _a;
         if (fileID) {
             changeTypeRef.current = type;
             if (type === 'add') {
                 setFileSizeObj((obj) => ({ ...obj, [fileID]: { size, file } }));
                 setfileIDList((list) => [...list, fileID]);
+                (_a = events === null || events === void 0 ? void 0 : events.success) === null || _a === void 0 ? void 0 : _a.call(events, { value: fileID, file });
             }
             else {
                 setfileIDList((list) => list.filter((d) => d !== fileID));

package/dist/web/components/wd-select/relationSelect/relationSelect.js

@@ -52,7 +52,7 @@ const defaultSize = 50;
 const defaultPage = 1;
 export function RelationSelect(props) {
     var _a, _b;
-    const { placeholder, size, disabled, onChange, value, onSearch, addRelationButton, childRef, dataSourceName, selectFields, selectFieldType, primaryField, setRefreshStatus, mode, onRelationOptionJump, enableRelationOptionJump, listWidth = 700, ignoreCase = true, where, queryCondition, supportManyRelated, sorter, } = props;
+    const { placeholder, size, disabled, onChange, value, onSearch, addRelationButton, childRef, dataSourceName, selectFields, selectFieldType, primaryField, setRefreshStatus, mode, onRelationOptionJump, enableRelationOptionJump, listWidth = 700, ignoreCase = true, where, queryCondition, supportManyRelated, sorter, searchable, } = props;
     const selectFieldsLength = selectFieldType === 'custom' ? selectFields === null || selectFields === void 0 ? void 0 : selectFields.length : 0;
     // 设置下拉列表与下拉按钮同宽
     // 以传入为准，未传入，在自定义展示字段少于2个时设置为 true，否则设置为false，宽度设置为700，
@@ -151,7 +151,7 @@ export function RelationSelect(props) {
         searchOptionListWithWhere(filter);
         onSearch(keyword);
     };
-    return (_jsx(Select, { ...props, overlayClassName: isRelationSelectOption ? 'wd-relation-select-overlay' : '', searchable: true, listWidth: listWidth, listHeight: _listHeight, matchButtonWidth: _matchButtonWidth, placeholder: placeholder, appearance: 'button', filter: () => true, size: size, disabled: disabled, autoClearSearchValue: true, options: customOptions, value: value, onChange: onChange, onSearch: searchHandle, bottomTips: isLoading ? _jsx(LoadingTip, {}) : undefined, onScrollBottom: () => {
+    return (_jsx(Select, { ...props, overlayClassName: isRelationSelectOption ? 'wd-relation-select-overlay' : '', searchable: searchable, listWidth: listWidth, listHeight: _listHeight, matchButtonWidth: _matchButtonWidth, placeholder: placeholder, appearance: 'button', filter: () => true, size: size, disabled: disabled, autoClearSearchValue: true, options: customOptions, value: value, onChange: onChange, onSearch: searchHandle, bottomTips: isLoading ? _jsx(LoadingTip, {}) : undefined, onScrollBottom: () => {
             if (!isLoading && customOptions.length < total) {
                 setQuery((query) => ({
                     ...query,

package/dist/web/components/wd-select/select/index.js

@@ -3,6 +3,7 @@ import { ConfigProvider } from 'tea-component';
 import { CustomSelect } from '../relationSelect/index';
 import { SelectUI as Select } from './selectUI';
 export function SelectCom(props) {
-    const { isRelation } = props;
-    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: isRelation ? _jsx(CustomSelect, { ...props }) : _jsx(Select, { ...props }) }));
+    const { isRelation, filterable = false } = props;
+    const filter = filterable ? () => true : undefined;
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: isRelation ? _jsx(CustomSelect, { ...props }) : _jsx(Select, { ...props, filter: filter }) }));
 }

package/dist/web/components/wd-select/select/selectUI.js

@@ -29,7 +29,7 @@ const getSelectedItem = (options = [], value) => {
     return options === null || options === void 0 ? void 0 : options.filter((i) => selectedVal.find((j) => j === i.value) !== undefined);
 };
 function SelectH5(props) {
-    const { placeholder, name, disabled, footer, options = [], value, onChange, overlayClassName, searchable, bottomTips, onSearch, onOpen, onScrollBottom, mode, readValue, popupContainer, searchPlaceholder, } = props;
+    const { placeholder, name, disabled, footer, options = [], value, onChange, overlayClassName, searchable, bottomTips, onSearch, onOpen, onScrollBottom, mode, readValue, popupContainer, searchPlaceholder, filterable, onBlur, onFocus, } = props;
     const isMultiple = mode === 'multiple';
     const customPickerCls = classNames('weda-ui-custom-picker__cloumns', {
         'weda-ui-custom-picker__cloumns--select-multiple': isMultiple,
@@ -49,7 +49,7 @@ function SelectH5(props) {
         return options.filter((i) => String(i === null || i === void 0 ? void 0 : i.label).toLowerCase().includes(searchValue.toLowerCase()));
     };
     // 前端查询
-    const customOptions = isSearch && searchValue ? getOptionList() : options;
+    const customOptions = isSearch && searchValue && !filterable ? getOptionList() : options;
     const handleZhStart = () => {
         // 判断是否输入中文,则停止搜索
         setIsSearch(false);
@@ -124,7 +124,7 @@ function SelectH5(props) {
             setCurrentSelected(dealSelectedItem(item));
         }
     };
-    return (_jsxs(_Fragment, { children: [_jsx("input", { "data-testid": "form-item-select", className: inputCls, type: "text", name: name, placeholder: placeholder, autoComplete: "off", disabled: disabled, readOnly: true, value: readValue || '', onClick: handleClick }), _jsxs(Modal, { visible: visible, onClose: () => {
+    return (_jsxs(_Fragment, { children: [_jsx("input", { "data-testid": "form-item-select", className: inputCls, type: "text", name: name, placeholder: placeholder, autoComplete: "off", disabled: disabled, readOnly: true, value: readValue || '', onClick: handleClick, onFocus: onFocus, onBlur: onBlur }), _jsxs(Modal, { visible: visible, onClose: () => {
                     if (inputFocus) {
                         // 聚焦在搜索框
                         setInputFocus(false);

package/dist/web/components/wd-select/wd-select.d.ts

@@ -13,4 +13,6 @@ export interface WdSelectProps extends CommonPropsType, DataType {
     viewId?: string;
     dataSourceName?: string;
     popupContainer?: AttachContainer;
+    ignoreCase?: boolean;
+    staticSearchable?: boolean;
 }

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

@@ -20,7 +20,7 @@ import { SelectProvider } from './contexts/selectContext';
  */
 export const WdSelect = forwardRef(function WsSelect(props, ref) {
     const { classRoot = 'select', clearable = X_RUNTIME_DEFAULT.clearable, placeholder, range, format, tipBlock = X_RUNTIME_DEFAULT.tipBlock, where = X_RUNTIME_DEFAULT.where, enumName, primaryField, viewId, dataSourceName, events = emptyObject, ignoreCase = X_RUNTIME_DEFAULT.ignoreCase, staticSearchable = X_RUNTIME_DEFAULT.staticSearchable, enableRelationalSetting = X_RUNTIME_DEFAULT.enableRelationalSetting, enableRelationalRefresh = X_RUNTIME_DEFAULT.enableRelationalRefresh, addRelationButtonText = X_RUNTIME_DEFAULT.addRelationButtonText, enableAddRelationButton = X_RUNTIME_DEFAULT.enableAddRelationButton, enableRelationOptionJump = X_RUNTIME_DEFAULT.enableRelationOptionJump, popupContainer, selectFields: customFields = [], // 自定义展示字段
-    selectFieldType = 'primary', searchPlaceholder, } = props;
+    selectFieldType = 'primary', searchPlaceholder, searchable = X_RUNTIME_DEFAULT.searchable, filterable = X_RUNTIME_DEFAULT.filterable, } = props;
     const childRef = useRef(null);
     const [options, setOptions] = useSyncValue(range, isObjectEqual);
     const [innerHandle, setInnerHandle] = useState({});
@@ -54,6 +54,12 @@ export const WdSelect = forwardRef(function WsSelect(props, ref) {
         disabled,
         value,
     });
+    const onFocus = (e) => {
+        events.focus(null, { originEvent: e });
+    };
+    const onBlur = (e) => {
+        events.blur(null, { originEvent: e });
+    };
     const isRelation = isFormatWithRelation(format);
     const LabelAdornment = isRelation && (_jsx(RelationalSetting, { size: props.size, refresh: () => {
             var _a;
@@ -105,11 +111,11 @@ export const WdSelect = forwardRef(function WsSelect(props, ref) {
     }, [debouncedTriggerSearchEvent]);
     if (!visible)
         return null;
-    return (_jsx(SelectProvider, { options: options, setOptions: setOptions, children: _jsx(WdFormItem, { ...formItemProps, children: _jsxs(_Fragment, { children: [_jsx(WdInputGroup, { ...inputGroupProps, children: _jsx(WdInputWrap, { ...inputWrapProps, children: _jsx(Select, { ...props, style: undefined, className: undefined, onRelationTagClick: (item) => {
+    return (_jsx(SelectProvider, { options: options, setOptions: setOptions, children: _jsx(WdFormItem, { ...formItemProps, children: _jsxs(_Fragment, { children: [_jsx(WdInputGroup, { ...inputGroupProps, children: _jsx(WdInputWrap, { ...inputWrapProps, children: _jsx(Select, { ...props, onBlur: onBlur, onFocus: onFocus, filterable: filterable, style: undefined, className: undefined, onRelationTagClick: (item) => {
                                     var _a;
                                     (_a = delayEvents === null || delayEvents === void 0 ? void 0 : delayEvents.onRelationTagClick) === null || _a === void 0 ? void 0 : _a.call(delayEvents, item);
                                 }, enableRelationOptionJump: enableRelationOptionJump, onRelationOptionJump: (item) => {
                                     var _a;
                                     (_a = delayEvents === null || delayEvents === void 0 ? void 0 : delayEvents.onRelationOptionJump) === null || _a === void 0 ? void 0 : _a.call(delayEvents, item);
-                                }, selectFieldType: selectFieldType, selectFields: customFields, isRelation: isRelation, addRelationButtonText: addRelationButtonText, enableAddRelationButton: enableAddRelationButton, childRef: childRef, events: delayEvents, labelVisible: false, value: value, enumName: enumName, format: format, placeholder: placeholder, primaryField: primaryField, options: options, size: "full", tipBlock: tipBlock, viewId: viewId, where: where, dataSourceName: dataSourceName, readOnly: readOnly, disabled: disabled, mode: "selector", decorator: null, ignoreCase: ignoreCase, staticSearchable: staticSearchable, onChange: handleChange, onSearch: onSearchValueInput, popupContainer: popupContainer, searchable: true, searchPlaceholder: searchPlaceholder }) }) }), layout === 'horizontal' && LabelAdornment] }) }) }));
+                                }, selectFieldType: selectFieldType, selectFields: customFields, isRelation: isRelation, addRelationButtonText: addRelationButtonText, enableAddRelationButton: enableAddRelationButton, childRef: childRef, events: delayEvents, labelVisible: false, value: value, enumName: enumName, format: format, placeholder: placeholder, primaryField: primaryField, options: options, size: "full", tipBlock: tipBlock, viewId: viewId, where: where, dataSourceName: dataSourceName, readOnly: readOnly, disabled: disabled, mode: "selector", decorator: null, ignoreCase: ignoreCase, staticSearchable: staticSearchable, onChange: handleChange, onSearch: onSearchValueInput, popupContainer: popupContainer, searchable: searchable, searchPlaceholder: searchPlaceholder }) }) }), layout === 'horizontal' && LabelAdornment] }) }) }));
 });

package/dist/web/components/wd-select-multiple/wd-select-multiple.d.ts

@@ -18,4 +18,6 @@ export interface WdSelectMultipleProps extends CommonPropsType, DataType {
     enableAddRelationButton?: boolean;
     addRelationButtonText?: string;
     popupContainer?: AttachContainer;
+    ignoreCase?: boolean;
+    staticSearchable?: boolean;
 }

package/dist/web/components/wd-select-multiple/wd-select-multiple.js

@@ -21,7 +21,7 @@ import { SelectProvider } from '../wd-select/contexts/selectContext';
  */
 export const WdSelectMultiple = forwardRef(function WdSelectMultiple(props, ref) {
     const { classRoot = 'select-multiple', clearable = X_RUNTIME_DEFAULT.clearable, placeholder, range, enumName, format, primaryField, tipBlock = X_RUNTIME_DEFAULT.tipBlock, viewId, dataSourceName, events = emptyObject, ignoreCase = X_RUNTIME_DEFAULT.ignoreCase, staticSearchable = X_RUNTIME_DEFAULT.staticSearchable, where = X_RUNTIME_DEFAULT.where, enableRelationalSetting = X_RUNTIME_DEFAULT.enableRelationalSetting, enableRelationalRefresh = X_RUNTIME_DEFAULT.enableRelationalRefresh, addRelationButtonText = X_RUNTIME_DEFAULT.addRelationButtonText, enableAddRelationButton = X_RUNTIME_DEFAULT.enableAddRelationButton, enableRelationOptionJump = X_RUNTIME_DEFAULT.enableRelationOptionJump, popupContainer, selectFields: customFields = [], // 自定义展示字段
-    selectFieldType = 'primary', searchPlaceholder, } = props;
+    selectFieldType = 'primary', searchPlaceholder, searchable = X_RUNTIME_DEFAULT.searchable, filterable = X_RUNTIME_DEFAULT.filterable, } = props;
     const childRef = useRef(null);
     const [options, setOptions] = useSyncValue(range, isObjectEqual);
     const [innerHandle, setInnerHandle] = useState({});
@@ -56,6 +56,12 @@ export const WdSelectMultiple = forwardRef(function WdSelectMultiple(props, ref)
         onChange === null || onChange === void 0 ? void 0 : onChange(v);
         (_a = delayEvents === null || delayEvents === void 0 ? void 0 : delayEvents.change) === null || _a === void 0 ? void 0 : _a.call(delayEvents, { value: v, context });
     };
+    const onFocus = (e) => {
+        events.focus(null, { originEvent: e });
+    };
+    const onBlur = (e) => {
+        events.blur(null, { originEvent: e });
+    };
     const isRelation = isFormatWithRelation(format);
     const LabelAdornment = isRelation && (_jsx(RelationalSetting, { size: props.size, refresh: () => {
             var _a;
@@ -101,11 +107,11 @@ export const WdSelectMultiple = forwardRef(function WdSelectMultiple(props, ref)
     }, [debouncedTriggerSearchEvent]);
     if (!visible)
         return null;
-    return (_jsx(SelectProvider, { options: options, setOptions: setOptions, children: _jsx(WdFormItem, { ...formItemProps, children: _jsxs(_Fragment, { children: [_jsx(WdInputGroup, { ...inputGroupProps, children: _jsx(WdInputWrap, { ...inputWrapProps, children: _jsx(SelectMultiple, { ...props, style: undefined, className: undefined, onRelationTagClick: (item) => {
+    return (_jsx(SelectProvider, { options: options, setOptions: setOptions, children: _jsx(WdFormItem, { ...formItemProps, children: _jsxs(_Fragment, { children: [_jsx(WdInputGroup, { ...inputGroupProps, children: _jsx(WdInputWrap, { ...inputWrapProps, children: _jsx(SelectMultiple, { ...props, onBlur: onBlur, onFocus: onFocus, filterable: filterable, style: undefined, className: undefined, onRelationTagClick: (item) => {
                                     var _a;
                                     (_a = delayEvents === null || delayEvents === void 0 ? void 0 : delayEvents.onRelationTagClick) === null || _a === void 0 ? void 0 : _a.call(delayEvents, item);
                                 }, enableRelationOptionJump: enableRelationOptionJump, onRelationOptionJump: (item) => {
                                     var _a;
                                     (_a = delayEvents === null || delayEvents === void 0 ? void 0 : delayEvents.onRelationOptionJump) === null || _a === void 0 ? void 0 : _a.call(delayEvents, item);
-                                }, selectFieldType: selectFieldType, selectFields: customFields, isRelation: isRelation, addRelationButtonText: addRelationButtonText, enableAddRelationButton: enableAddRelationButton, childRef: childRef, events: delayEvents, labelVisible: false, value: value, enumName: enumName, format: format, placeholder: placeholder, primaryField: primaryField, options: options, size: "full", tipBlock: tipBlock, viewId: viewId, dataSourceName: dataSourceName, readOnly: readOnly, disabled: disabled, mode: "multiple", decorator: null, ignoreCase: ignoreCase, staticSearchable: staticSearchable, where: where, onChange: handleChange, onSearch: onSearchValueInput, popupContainer: popupContainer, searchable: true, searchPlaceholder: searchPlaceholder }) }) }), layout === 'horizontal' && LabelAdornment] }) }) }));
+                                }, selectFieldType: selectFieldType, selectFields: customFields, isRelation: isRelation, addRelationButtonText: addRelationButtonText, enableAddRelationButton: enableAddRelationButton, childRef: childRef, events: delayEvents, labelVisible: false, value: value, enumName: enumName, format: format, placeholder: placeholder, primaryField: primaryField, options: options, size: "full", tipBlock: tipBlock, viewId: viewId, dataSourceName: dataSourceName, readOnly: readOnly, disabled: disabled, mode: "multiple", decorator: null, ignoreCase: ignoreCase, staticSearchable: staticSearchable, where: where, onChange: handleChange, onSearch: onSearchValueInput, popupContainer: popupContainer, searchable: searchable, searchPlaceholder: searchPlaceholder }) }) }), layout === 'horizontal' && LabelAdornment] }) }) }));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "3.15.7",
+  "version": "3.16.0",
   "main": "./dist/index.js",
   "module": "./dist/index",
   "miniprogram": "mpdist",
@@ -147,7 +147,7 @@
     "@babel/preset-env": "^7.22.15",
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.22.15",
-    "@cloudbase/cals": "^1.2.11",
+    "@cloudbase/cals": "^1.2.13",
     "@cloudbase/lowcode-cli": "^0.22.1",
     "@cloudbase/weda-cloud-sdk": "^1.0.97",
     "@commitlint/cli": "^16.0.2",