@cloudbase/weda-ui 3.30.0 → 3.31.0

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

@@ -266,9 +266,43 @@ const WdForm = withFormContainer(React.forwardRef(function WdForm(props, ref) {
         try {
             formsItemMap.forEach((items, name) => {
                 items.forEach((item) => {
+                    // 创建取消注册的回调
+                    const unregister = () => {
+                        // 从 formsItemMap 中移除该表单项
+                        const currentItems = formsItemMap.get(name);
+                        if (currentItems) {
+                            const removedArr = currentItems.filter((i) => i !== item);
+                            if (removedArr.length <= 0) {
+                                formsItemMap.delete(name);
+                                setFormItemMapList((list) => list.filter((n) => n !== name));
+                            }
+                            else {
+                                formsItemMap.set(name, removedArr);
+                            }
+                        }
+                        // 从表单值中移除该字段
+                        setFormFieldsValue((prev) => {
+                            if (prev && name in prev) {
+                                const next = { ...prev };
+                                delete next[name];
+                                return next;
+                            }
+                            return prev;
+                        });
+                        // 从初始值缓存中移除该字段
+                        setFieldInitValueCache((prev) => {
+                            if (prev && name in prev) {
+                                const next = { ...prev };
+                                delete next[name];
+                                return next;
+                            }
+                            return prev;
+                        });
+                    };
                     const setStateForAuth = createSetStateForAuth({
                         setVisible: item.setVisible,
                         setReadOnly: item.setReadOnly,
+                        unregister,
                     });
                     if (!isDataModel) {
                         // 非模型数据源
@@ -313,7 +347,7 @@ const WdForm = withFormContainer(React.forwardRef(function WdForm(props, ref) {
         }
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [formsItemMap]);
+    [formsItemMap, setFormFieldsValue]);
     const { data: formInitValueToSet } = useInitValueFromRemote(datasourceType, dataSourceProfile, fetchedInitialValues);
     useEffect(() => {
         if (initValueLoadingStatus !== 'done' || !fetchedInitialValues)

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { CommonPropsType } from '../../types';
 import type { DataType } from '../../../configs/components/wd-form';
 import './style';

package/dist/web/components/wd-form-cell/wd-form-cell.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { CommonPropsType } from '../../types';
 import type { DataType } from '../../../configs/components/wd-form';
 export declare const WdFormCell: ({ className, layout, labelPosition, label, children, }: WdFormCellProps) => JSX.Element;

package/dist/web/components/wd-form-item/wd-input-group.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { WdInputGroupProps } from '../../../configs/type-utils/type-form';
 /**
  * 输入类组件包裹，添加前后文字

package/dist/web/components/wd-form-item/wd-input-wrap.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { WdInputWrapProps } from '../../../configs/type-utils/type-form';
 /**
  * 输入类(input)组件包裹

package/dist/web/components/wd-image/ImagePreview.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const ImagePreview: (props: any) => JSX.Element;

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

@@ -5,20 +5,31 @@ import type { DataType, EventsType } from '../../../configs/components/wd-input'
  * 标准化：单行输入组件
  */
 export declare const WdInput: React.ForwardRefExoticComponent<CommonPropsType & {
-    name?: string;
-    type?: string;
+    size?: string;
     label?: string;
-    template?: string;
-    focus?: boolean;
-    required?: boolean;
+    type?: string;
+    name?: string;
     extra?: string;
-    size?: string;
+    required?: boolean;
     maxLength?: number;
-    placeholder?: string;
-    status?: string;
+    template?: string;
+    clearable?: boolean;
+    labelVisible?: boolean;
+    requiredFlag?: boolean;
+    requiredMsg?: string;
     layout?: string;
-    after?: string;
+    placeholder?: string;
+    focus?: boolean;
+    password?: boolean;
+    rules?: {
+        format: string;
+        pattern: string;
+        message: string;
+    }[];
+    isNickNameType?: boolean;
+    counterVisible?: boolean;
     before?: string;
+    after?: string;
     prefixType?: string;
     prefixIcon?: string;
     prefixSrc?: string;
@@ -26,26 +37,15 @@ export declare const WdInput: React.ForwardRefExoticComponent<CommonPropsType &
     suffixIcon?: string;
     suffixSrc?: string;
     labelWidth?: string;
-    clearable?: boolean;
+    borderedH5?: boolean;
+    borderedPc?: boolean;
     inputValue?: string;
-    labelVisible?: boolean;
     labelAlign?: string;
     labelWrap?: boolean;
     labelTips?: string;
-    isNickNameType?: boolean;
     cursorSpacing?: number;
     isUnionValue?: boolean;
-    password?: boolean;
-    counterVisible?: boolean;
-    borderedH5?: boolean;
-    borderedPc?: boolean;
-    rules?: {
-        message: string;
-        pattern: string;
-        format: string;
-    }[];
-    requiredFlag?: boolean;
-    requiredMsg?: string;
+    status?: string;
     isConvert?: boolean;
 } & {
     events: {

package/dist/web/components/wd-input-email/wd-input-email.d.ts

@@ -5,19 +5,23 @@ import type { DataType, EventsType } from '../../../configs/components/wd-input-
  * 标准化：邮箱输入组件
  */
 export declare const WdInputEmail: React.ForwardRefExoticComponent<CommonPropsType & {
-    name?: string;
+    size?: string;
     label?: string;
-    template?: string;
-    focus?: boolean;
-    required?: boolean;
+    name?: string;
     extra?: string;
-    size?: string;
+    required?: boolean;
     maxLength?: number;
-    placeholder?: string;
-    status?: string;
+    template?: string;
+    clearable?: boolean;
+    labelVisible?: boolean;
+    requiredFlag?: boolean;
+    requiredMsg?: string;
     layout?: string;
-    after?: string;
+    placeholder?: string;
+    focus?: boolean;
+    counterVisible?: boolean;
     before?: string;
+    after?: string;
     prefixType?: string;
     prefixIcon?: string;
     prefixSrc?: string;
@@ -25,19 +29,15 @@ export declare const WdInputEmail: React.ForwardRefExoticComponent<CommonPropsTy
     suffixIcon?: string;
     suffixSrc?: string;
     labelWidth?: string;
-    clearable?: boolean;
+    borderedH5?: boolean;
+    borderedPc?: boolean;
     inputValue?: string;
-    labelVisible?: boolean;
     labelAlign?: string;
     labelWrap?: boolean;
     labelTips?: string;
     cursorSpacing?: number;
     isUnionValue?: boolean;
-    counterVisible?: boolean;
-    borderedH5?: boolean;
-    borderedPc?: boolean;
-    requiredFlag?: boolean;
-    requiredMsg?: string;
+    status?: string;
     isConvert?: boolean;
 } & {
     events: {

package/dist/web/components/wd-input-group/wd-input-group.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { CommonPropsType } from '../../types';
 export declare const WdInputGroup: ({ before, after, className, children, }: WdInputGroupProps) => JSX.Element;
 export interface WdInputGroupProps extends CommonPropsType {

package/dist/web/components/wd-input-phone/wd-input-phone.d.ts

@@ -21,20 +21,31 @@ export declare const WdInputPhone: React.ForwardRefExoticComponent<CommonPropsTy
         }, ...args: unknown[]) => unknown);
     };
 } & {
-    name?: string;
-    type?: string;
+    size?: string;
     label?: string;
-    template?: string;
-    focus?: boolean;
-    required?: boolean;
+    type?: string;
+    name?: string;
     extra?: string;
-    size?: string;
+    required?: boolean;
     maxLength?: number;
-    placeholder?: string;
-    status?: string;
+    template?: string;
+    clearable?: boolean;
+    labelVisible?: boolean;
+    requiredFlag?: boolean;
+    requiredMsg?: string;
     layout?: string;
-    after?: string;
+    placeholder?: string;
+    focus?: boolean;
+    password?: boolean;
+    rules?: {
+        format: string;
+        pattern: string;
+        message: string;
+    }[];
+    isNickNameType?: boolean;
+    counterVisible?: boolean;
     before?: string;
+    after?: string;
     prefixType?: string;
     prefixIcon?: string;
     prefixSrc?: string;
@@ -42,26 +53,15 @@ export declare const WdInputPhone: React.ForwardRefExoticComponent<CommonPropsTy
     suffixIcon?: string;
     suffixSrc?: string;
     labelWidth?: string;
-    clearable?: boolean;
+    borderedH5?: boolean;
+    borderedPc?: boolean;
     inputValue?: string;
-    labelVisible?: boolean;
     labelAlign?: string;
     labelWrap?: boolean;
     labelTips?: string;
-    isNickNameType?: boolean;
     cursorSpacing?: number;
     isUnionValue?: boolean;
-    password?: boolean;
-    counterVisible?: boolean;
-    borderedH5?: boolean;
-    borderedPc?: boolean;
-    rules?: {
-        message: string;
-        pattern: string;
-        format: string;
-    }[];
-    requiredFlag?: boolean;
-    requiredMsg?: string;
+    status?: string;
     isConvert?: boolean;
 } & React.RefAttributes<any>>;
 export type WdInputPhoneProps = CommonPropsType & EventsType & DataType;

package/dist/web/components/wd-input-url/wd-input-url.d.ts

@@ -21,19 +21,23 @@ export declare const WdInputUrl: React.ForwardRefExoticComponent<CommonPropsType
         }, ...args: unknown[]) => unknown);
     };
 } & {
-    name?: string;
+    size?: string;
     label?: string;
-    template?: string;
-    focus?: boolean;
-    required?: boolean;
+    name?: string;
     extra?: string;
-    size?: string;
+    required?: boolean;
     maxLength?: number;
-    placeholder?: string;
-    status?: string;
+    template?: string;
+    clearable?: boolean;
+    labelVisible?: boolean;
+    requiredFlag?: boolean;
+    requiredMsg?: string;
     layout?: string;
-    after?: string;
+    placeholder?: string;
+    focus?: boolean;
+    counterVisible?: boolean;
     before?: string;
+    after?: string;
     prefixType?: string;
     prefixIcon?: string;
     prefixSrc?: string;
@@ -41,19 +45,15 @@ export declare const WdInputUrl: React.ForwardRefExoticComponent<CommonPropsType
     suffixIcon?: string;
     suffixSrc?: string;
     labelWidth?: string;
-    clearable?: boolean;
+    borderedH5?: boolean;
+    borderedPc?: boolean;
     inputValue?: string;
-    labelVisible?: boolean;
     labelAlign?: string;
     labelWrap?: boolean;
     labelTips?: string;
     cursorSpacing?: number;
     isUnionValue?: boolean;
-    counterVisible?: boolean;
-    borderedH5?: boolean;
-    borderedPc?: boolean;
-    requiredFlag?: boolean;
-    requiredMsg?: string;
+    status?: string;
     isConvert?: boolean;
 } & React.RefAttributes<any>>;
 export type WdInputUrlProps = CommonPropsType & EventsType & DataType;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { CommonPropsType } from '../../types';
 import type { DataType } from '../../../configs/components/wd-layout';
 import './style';

package/dist/web/components/wd-location/_design/wd-location.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { CommonPropsType } from '../../../types';
 export declare const WdLocation: () => JSX.Element;
 export interface WdLocationProps extends CommonPropsType {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { CommonPropsType } from '../../../types';
 export declare const WdMember: () => JSX.Element;
 export interface WdMemberSelectProps extends CommonPropsType {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { CommonPropsType } from '../../types';
 import type { DataType } from '../../../configs/components/wd-radio';
 export declare const WdRadio: ({ index, option, name, size, disabled, checkedItemValue, getChangeHandler, }: WdRadioProps) => JSX.Element;

package/dist/web/components/wd-region/_design/wd-region.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { CommonPropsType } from '../../../types';
 export declare const WdRegion: ({ options }: {
     options: any;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { CommonPropsType } from '../../types';
 export declare const WdRetry: () => JSX.Element;
 export interface WdRetryProps extends CommonPropsType {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { CommonPropsType } from '../../../types';
 export declare const WdSelect: ({ size, options }: {
     size: any;

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

@@ -9,8 +9,8 @@ export declare const useChooseList: ({ dataSourceAPI, queryParams, childDbName,
 }) => {
     result: {
         disabled?: boolean;
-        label: string;
         value: string;
+        label: string;
     }[];
     total: number;
     isValidating: boolean;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const RelationalSetting: ({ refresh, setting, size: _size, enableRelationalSetting, enableRelationalRefresh, }: {
     refresh: any;
     setting: any;

package/dist/web/components/wd-table/components/ExportFileModalByApi/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * 后端导出弹窗
  */

package/dist/web/components/wd-table/components/FieldRender/Form/Enum.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const EnumSelect: (props: any) => JSX.Element;
 export declare const formatEnum: (value: any, field: any, enumOptions: any, showRelationWithTag?: boolean) => any;
 export declare const EnumView: (props: any) => any;

package/dist/web/components/wd-table/components/FieldRender/Form/Location.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './style';
 export declare const locationProperties: {
     address: {

package/dist/web/components/wd-table/components/FieldRender/ImagePreview.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ImagePreview: ({ srcList }: {
     srcList: any;
 }) => JSX.Element;

package/dist/web/components/wd-table/components/FieldRender/QuoteModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * 引用类型显示弹窗
  * @description 使用组件方式编写，避免数据流中断

package/dist/web/components/wd-table/components/FieldRender/UserDepartment/ViewCell.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './style';
 export declare const ViewCell: ({ data, showType, relation }: {
     data: any;

package/dist/web/components/wd-table/components/FieldRender/UserDepartment/utils.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const parentIcon: ({ expanded }: {
     expanded: any;
 }) => JSX.Element;

package/dist/web/components/wd-table/components/FieldRender/index.d.ts

@@ -9,7 +9,7 @@ export declare const TextWrap: React.NamedExoticComponent<{
  * extra: { modelType: 'list' | 'detail' | 'update' | 'create', showTip: boolean }
  * 表格中的字符串/枚举数组，详情中的字符串数组会截断并showTip
  */
-export declare function getFieldRender(field?: any, extra?: any): (val: any) => JSX.Element | "-";
+export declare function getFieldRender(field?: any, extra?: any): (val: any) => "-" | JSX.Element;
 /**
  * object类型，展示表单组件
  */
@@ -146,7 +146,7 @@ export declare const getFixedColumnSets: ({ fixedFront, fixedEnd, columnSets }:
 /**
  * 列管理字段转换
  */
-export declare const getTableColumns: ({ fields, columnSets, slots, fixedFront, fixedEnd, isH5, supportManyRelated, showRelationWithTag, }: {
+export declare const getTableColumns: ({ fields, columnSets, slots, fixedFront, fixedEnd, isH5, supportManyRelated, showRelationWithTag, noAuthFields, }: {
     fields: any;
     columnSets: any;
     slots: any;
@@ -155,6 +155,7 @@ export declare const getTableColumns: ({ fields, columnSets, slots, fixedFront,
     isH5: any;
     supportManyRelated: any;
     showRelationWithTag?: boolean;
+    noAuthFields?: any[];
 }) => any;
 export declare const mapColumKey: (columnSets: any) => any;
 export {};

package/dist/web/components/wd-table/components/FieldRender/index.js

@@ -957,7 +957,8 @@ export const getFixedColumnSets = ({ fixedFront = '', fixedEnd = '', columnSets
 /**
  * 列管理字段转换
  */
-export const getTableColumns = ({ fields, columnSets, slots, fixedFront, fixedEnd, isH5, supportManyRelated, showRelationWithTag = true, }) => {
+export const getTableColumns = ({ fields, columnSets, slots, fixedFront, fixedEnd, isH5, supportManyRelated, showRelationWithTag = true, noAuthFields = [], }) => {
+    const noAuthFieldKeys = new Set(noAuthFields.map((field) => field.name));
     const defaultColumns = getColumns({
         columnSets,
         fields,
@@ -971,10 +972,10 @@ export const getTableColumns = ({ fields, columnSets, slots, fixedFront, fixedEn
         fixedColumnSets = getFixedColumnSets({
             fixedFront,
             fixedEnd,
-            columnSets,
+            columnSets: fixedColumnSets,
         });
     }
-    const baseColumns = filterCustomColumns({
+    let baseColumns = filterCustomColumns({
         columns: defaultColumns,
         columnSets: fixedColumnSets,
         slots,
@@ -983,6 +984,8 @@ export const getTableColumns = ({ fields, columnSets, slots, fixedFront, fixedEn
         supportManyRelated,
         showRelationWithTag,
     });
+    // 过滤 columnSets，只过滤掉明确无权限的字段，没有 key 或 key 不在无权限集合中的都保留
+    baseColumns = baseColumns.filter((col) => !noAuthFieldKeys.has(col.key));
     return baseColumns.map((i) => ({
         ...i,
         // key值默认为字段的name值，同时作为table的key值需要唯一，因此重新设置为slotKey

package/dist/web/components/wd-table/components/FilterFieldsPanel/Fields.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectSearch } from './SelectSearch';
 export { SelectSearch };
 export declare const DatePickerField: ({ disabled, showTime, isRange, updateValue, value }: {

package/dist/web/components/wd-table/components/FilterFieldsPanel/FilterFieldItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const FilterFieldItem: ({ supportManyRelated, updateFilterData, ...filterFieldItemConfig }: {
     [x: string]: any;
     supportManyRelated: any;

package/dist/web/components/wd-table/components/FilterFieldsPanel/InputAdornment.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const InputAdornment: ({ label, before, children }: {
     label: any;
     before: any;

package/dist/web/components/wd-table/components/FilterFieldsPanel/SelectSearch.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const SelectSearch: ({ value, updateValue, format, childDbName, disabled, name, primaryColumn, multiple, regionType, }: {
     value: any;
     updateValue: any;

package/dist/web/components/wd-table/components/FilterFieldsPanel/filterFieldsGenerate.js

@@ -170,7 +170,30 @@ export const filterFieldsGenerate = (fields) => {
         if (i === null || i === void 0 ? void 0 : i.filterConfig) {
             // 配置关联关系展示其他字段，仅对关联关系筛选器有效
             filterFieldItemConfig.primaryColumn = ((_h = i.filterConfig) === null || _h === void 0 ? void 0 : _h.relationFieldName) || filterFieldItemConfig.primaryColumn;
-            filterFieldItemConfig.value = (_k = (_j = i.filterConfig) === null || _j === void 0 ? void 0 : _j.value) !== null && _k !== void 0 ? _k : undefined;
+            // 处理 filterConfig.value，确保类型正确
+            let configValue = (_j = i.filterConfig) === null || _j === void 0 ? void 0 : _j.value;
+            if (configValue !== undefined && configValue !== null) {
+                // 如果是数组，需要根据字段类型决定如何处理
+                if (Array.isArray(configValue)) {
+                    // 单选类型（string/singleSelect）只取第一个值
+                    if (i.type === 'string' || ((_k = filterFieldItemConfig.fieldCalculation) === null || _k === void 0 ? void 0 : _k.type) === 'singleSelect') {
+                        const firstItem = configValue[0];
+                        // 如果数组元素是对象（包含 value 属性），提取 value
+                        configValue = firstItem && typeof firstItem === 'object' && 'value' in firstItem
+                            ? firstItem.value
+                            : firstItem;
+                    }
+                    else {
+                        // 多选类型，提取每个选项的 value
+                        configValue = configValue.map((item) => item && typeof item === 'object' && 'value' in item ? item.value : item);
+                    }
+                }
+                else if (typeof configValue === 'object' && 'value' in configValue) {
+                    // 如果是单个选项对象，提取 value
+                    configValue = configValue.value;
+                }
+            }
+            filterFieldItemConfig.value = configValue !== null && configValue !== void 0 ? configValue : undefined;
             // 默认计算方式
             const customFieldCalculation = fieldCalculationOption === null || fieldCalculationOption === void 0 ? void 0 : fieldCalculationOption.find((option) => { var _a; return option.value === ((_a = i.filterConfig) === null || _a === void 0 ? void 0 : _a.filterType); });
             filterFieldItemConfig.fieldCalculation = customFieldCalculation || filterFieldItemConfig.fieldCalculation;