@cloudbase/weda-ui 3.6.5 → 3.7.2

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { BaseFormObj } from '../wd-form-obj/base-form-obj';
+export const WdFormArr = forwardRef(function WdFormArr(props, ref) {
+    return _jsx(BaseFormObj, { objType: "arr", ...props, ref: ref });
+});

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import classNames from '../../utils/classnames';
 import { useConfig } from '../../utils/config-context';
 import { WdIcon } from '../wd-icon';
@@ -11,7 +11,7 @@ import { X_RUNTIME_DEFAULT } from '../../../configs/type-utils/x-runtime-default
  * 表单项包裹，包括标题、文本提示、校验
  */
 export function WdFormItem(props) {
-    const { id, className, style, label, labelVisible = X_RUNTIME_DEFAULT.labelVisible, labelTips = X_RUNTIME_DEFAULT.labelTips, labelWidth: _labelWidth = X_RUNTIME_DEFAULT.labelWidth, labelWrap = X_RUNTIME_DEFAULT.labelWrap, extra = X_RUNTIME_DEFAULT.extra, required = X_RUNTIME_DEFAULT.required, readOnly, children, testId, requiredFlag = X_RUNTIME_DEFAULT.requiredFlag, validateState, validateErrorMsg, readValue, borderedH5 = X_RUNTIME_DEFAULT.borderedH5, borderedPc = X_RUNTIME_DEFAULT.borderedPc, classRoot, controlAlign, inputId, isWdFormDetail, before, after, readBeforeAfter = true, visible = true, } = props;
+    const { id, className, style, label, labelVisible = X_RUNTIME_DEFAULT.labelVisible, labelTips = X_RUNTIME_DEFAULT.labelTips, labelWidth: _labelWidth = X_RUNTIME_DEFAULT.labelWidth, labelWrap = X_RUNTIME_DEFAULT.labelWrap, extra = X_RUNTIME_DEFAULT.extra, required = X_RUNTIME_DEFAULT.required, readOnly, children, testId, requiredFlag = X_RUNTIME_DEFAULT.requiredFlag, validateState, validateErrorMsg, readValue, borderedH5 = X_RUNTIME_DEFAULT.borderedH5, borderedPc = X_RUNTIME_DEFAULT.borderedPc, classRoot, controlAlign, inputId, isWdFormDetail, before, after, readBeforeAfter = true, visible = true, LabelContainer = null, } = props;
     const { classPrefix } = useConfig();
     const platform = usePlatform();
     const labelAlign = useLabelAlign(props);
@@ -62,5 +62,5 @@ export function WdFormItem(props) {
     const Message = validateErrorMsg && (_jsx("p", { className: `${item}__help`, children: _jsx("span", { className: `${classPrefix}-g-text-${validateState} ${root}__error`, children: textToString(validateErrorMsg) }) }));
     if (!visible)
         return null;
-    return (_jsxs("div", { className: cls, id: id, style: style, children: [_jsxs("div", { className: itemWrap, children: [Label, Item] }), Message, Help] }));
+    return (_jsxs("div", { className: cls, id: id, style: style, children: [_jsx("div", { className: itemWrap, children: LabelContainer ? (_jsx(LabelContainer, { Label: Label, Item: Item })) : (_jsxs(_Fragment, { children: [Label, Item] })) }), Message, Help] }));
 }

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType as ObjDataType } from '../../../configs/components/wd-form-obj';
+import type { DataType as ArrDataType } from '../../../configs/components/wd-form-arr';
+import '../style';
+export declare const BaseFormObj: React.ForwardRefExoticComponent<BaseFormObjProps & React.RefAttributes<any>>;
+type DataType = ObjDataType & ArrDataType;
+export interface BaseFormObjProps extends CommonPropsType, DataType {
+    disabled: boolean;
+    readOnly: boolean;
+    objType: 'arr' | 'obj';
+}
+export {};

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

@@ -0,0 +1,351 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-magic-numbers */
+import React, { forwardRef, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from 'react';
+import { useConfig } from '../../utils/config-context';
+import { WdFormItem } from '../wd-form-item';
+import { usePlatform } from '../../utils/platform';
+import classNames from '../../utils/classnames';
+import { FormObjContext, FormObjWidgetContext, useFormObjWidget, } from '../../utils/widget-api';
+import { noop } from '../../utils/constant';
+import lodashSet from 'lodash.set';
+import lodashGet from 'lodash.get';
+import { useFormInputTrait, useParentForm } from '../form-input-hooks';
+import { deepClone } from '../../utils/tool';
+import isObjectEqual from '../../utils/isObjectEqual';
+import { WdIcon } from '../wd-icon';
+import { WdCard } from '../wd-card';
+import '../style';
+import useDebouncedCallback from '../../utils/hooks/use-debounced-callback';
+import { useMap } from '@react-hookz/web';
+import { isNil } from '../../utils/lodash';
+const classRoot = 'form-obj';
+/**
+ * 获取待操作的数据路径，嵌套表单中子组件的名称是按lodashSet形式拼接的，在更新嵌套表单值时，要去除掉当前嵌套表单的路径名称
+ * @param operateName 待操作的表单项名称
+ * @param currentName 当前表单项名称
+ * @returns
+ */
+const getValueName = (operateName, currentName) => operateName.replace(new RegExp(`^${currentName}(\\.)?`), '');
+const LabelContainer = (props) => {
+    const { Label, Item } = props || {};
+    const cardRef = React.createRef();
+    const [iconName, setIconName] = useState('chevronup');
+    const headerSlot = (_jsxs(_Fragment, { children: [_jsx(WdIcon, { name: iconName, events: {
+                    tap: () => {
+                        setIconName(iconName === 'chevrondown' ? 'chevronup' : 'chevrondown');
+                    },
+                } }), Label] }));
+    return (_jsx(WdCard, { ref: cardRef, className: iconName === 'chevrondown' ? 'wd-card-content__hidden' : '', showContent: true, headerSlot: headerSlot, contentSlot: Item, events: { tap: () => { } } }));
+};
+export const BaseFormObj = forwardRef(function BaseFormObj(props, ref) {
+    const { classPrefix } = useConfig();
+    const platform = usePlatform();
+    const cls = classNames({
+        [`${classPrefix}-form-obj`]: true,
+        [`${classPrefix}-${platform}-form-obj`]: true,
+        [props.className]: true,
+    });
+    const formItemProps = {
+        ...props,
+        classRoot,
+        LabelContainer,
+    };
+    const initValue = { arr: [], obj: {} }[props.objType];
+    // 嵌套表单状态
+    const [status, updateStatus] = useState('edit');
+    const [innerHandle, setInnerHandle] = useState({});
+    const inputRef = useRef({});
+    // 嵌套表单的最终值
+    const [objValue, setObjValue] = useState(initValue);
+    // 父级普通表单对象
+    const parentForm = useParentForm(props.$widget);
+    // 父级嵌套表单对象
+    const parentFormObj = useFormObjWidget();
+    // 嵌套表单内的子组件实例对象集合，在form-input-hooks中会调用addFormItem添加关联上
+    const formsItemMap = useMap([]);
+    const { name, value, readOnly, disabled, visible,
+    // onChange: _onChange,
+     } = useFormInputTrait({
+        label: props.label,
+        value: props.value,
+        name: props.name,
+        inputRef,
+        readOnly: props.readOnly,
+        disabled: props.disabled,
+        status: props.status,
+        required: false,
+        requiredMsg: '',
+        $widget: props.$widget,
+        setInnerHandle,
+        onChange: noop,
+        $node: props.$node,
+    });
+    useEffect(() => {
+        setObjValue(value || {});
+    }, [value]);
+    useEffect(() => {
+        if (readOnly) {
+            updateStatus('readOnly');
+        }
+        else if (disabled) {
+            updateStatus('disabled');
+        }
+        else {
+            updateStatus('edit');
+        }
+    }, [disabled, readOnly]);
+    /**
+     * 对外触发嵌套表单的onDataChange事件
+     */
+    const triggerOnDataChange = useDebouncedCallback(useCallback((value) => {
+        var _a, _b;
+        (_b = (_a = props.events) === null || _a === void 0 ? void 0 : _a.onDataChange) === null || _b === void 0 ? void 0 : _b.call(_a, { data: value });
+    }, [props.events]), 500);
+    /**
+     * 不在表单容器中使用时，更新子组件值
+     */
+    const updateChildValue = useDebouncedCallback(useCallback((value) => {
+        formsItemMap.forEach((items, childName) => {
+            var _a;
+            const newValue = lodashGet(value, getValueName(childName, name));
+            if (!Array.isArray(items)) {
+                items = [items];
+            }
+            (_a = items === null || items === void 0 ? void 0 : items.forEach) === null || _a === void 0 ? void 0 : _a.call(items, (item) => {
+                if (item.setValue && !isObjectEqual(item.value, newValue)) {
+                    item.setValue(newValue);
+                }
+            });
+        });
+    }, [formsItemMap, name]), 0);
+    const dealArrChange = (params, objValue) => {
+        let value;
+        // 顶层为数组类型
+        if (Array.isArray(objValue) && ['add', 'remove'].includes(params.type)) {
+            value = deepClone(objValue);
+            // 触发添加操作，则增加一个undefined值
+            if (params.type === 'add') {
+                value.push({});
+            }
+            // 触发删除操作，则删除对应索引的值
+            if (params.type === 'remove') {
+                value = [
+                    ...value.slice(0, params.value),
+                    ...value.slice(params.value + 1),
+                ];
+            }
+        }
+        return value;
+    };
+    const dealObjChange = (params, objValue) => {
+        var _a;
+        let value;
+        if ((_a = Object.keys(objValue || {})) === null || _a === void 0 ? void 0 : _a.length) {
+            value = deepClone({ ...objValue, ...params.value });
+        }
+        return value;
+    };
+    /**
+     * 更新值
+     * @param params
+     * @param param1.isUpdateParentForm 是否更新父级表单，因子组件值变化调用change时不去触发父表单的更新，因为子组件自己会触发；因为外部设置了值，则触发父表单更新
+     * @param param1.isUpdateChildValue 是否更新子组件值, 因子组件值变化调用change时不去触发updateChildValueWithoutForm；因为外部设置了值，则触发updateChildValueWithoutForm去更新子组件值
+     * @returns
+     */
+    const change = useCallback((params, { isUpdateParentForm = false, isUpdateChildValue = true } = {}) => {
+        var _a, _b, _c;
+        let value = deepClone(params.value);
+        if (props.objType === 'arr') {
+            value = dealArrChange(params, objValue) || value;
+        }
+        // 如果有更新标识，则按标识路径更新值
+        if (params.name) {
+            value = deepClone(objValue);
+            lodashSet(value, getValueName(params.name, name), params.value);
+        }
+        else if (props.objType === 'obj') {
+            value = dealObjChange(params, objValue) || value;
+        }
+        if (isObjectEqual(value, objValue)) {
+            return;
+        }
+        setObjValue(value || initValue);
+        if (isUpdateChildValue) {
+            // 外部设置数据，同时去更新子组件的值
+            updateChildValue(value);
+        }
+        if (isUpdateParentForm) {
+            // 触发父级普通表单值更新
+            (_a = parentForm === null || parentForm === void 0 ? void 0 : parentForm.__setValueImmediate__) === null || _a === void 0 ? void 0 : _a.call(parentForm, { [name]: value }, false, true);
+        }
+        if (params.name) {
+            // 触发父级嵌套表单值更新
+            (_b = parentFormObj === null || parentFormObj === void 0 ? void 0 : parentFormObj.__setValueImmediate__) === null || _b === void 0 ? void 0 : _b.call(parentFormObj, {
+                name: params.name,
+                value: params.value,
+            });
+        }
+        else if (parentFormObj === null || parentFormObj === void 0 ? void 0 : parentFormObj.formObjName) {
+            // 外部直接调用formObj.setValue的情况下，触发父级嵌套表单值更新
+            (_c = parentFormObj === null || parentFormObj === void 0 ? void 0 : parentFormObj.__setValueImmediate__) === null || _c === void 0 ? void 0 : _c.call(parentFormObj, { name, value });
+        }
+        triggerOnDataChange(value);
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+        objValue,
+        updateChildValue,
+        name,
+        parentFormObj,
+        triggerOnDataChange,
+        parentForm,
+        props.objType,
+    ]);
+    /**
+     * 子组件默认值变更，触发嵌套表单值更新
+     */
+    const changeByChildFormObj = useCallback((params) => {
+        var _a, _b;
+        const value = deepClone(objValue);
+        lodashSet(value, getValueName(params.name, name), params.value);
+        if (isObjectEqual(value, objValue)) {
+            return;
+        }
+        if (params.name) {
+            // 将值同步给父级嵌套表单
+            (_a = parentFormObj === null || parentFormObj === void 0 ? void 0 : parentFormObj.__setValueImmediate__) === null || _a === void 0 ? void 0 : _a.call(parentFormObj, {
+                name: params.name,
+                value: params.value,
+            });
+        }
+        else if (parentFormObj === null || parentFormObj === void 0 ? void 0 : parentFormObj.formObjName) {
+            // 外部直接调用formObj.setValue的情况下，触发父级嵌套表单值更新
+            (_b = parentFormObj === null || parentFormObj === void 0 ? void 0 : parentFormObj.__setValueImmediate__) === null || _b === void 0 ? void 0 : _b.call(parentFormObj, { name, value });
+        }
+        setObjValue(value || initValue);
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [objValue, name, parentFormObj]);
+    useLayoutEffect(() => {
+        if (!ref)
+            return;
+        ref.current = {
+            ...innerHandle,
+            /**
+             * 外部直接set嵌入表单的值
+             * @param value
+             */
+            setValue: (value) => {
+                change({ name: '', value }, { isUpdateParentForm: true });
+            },
+            getValue() {
+                return objValue;
+            },
+            getConfig() {
+                return {
+                    componentType: 'formObj',
+                };
+            },
+            methods: {
+                ...(props.objType === 'arr'
+                    ? {
+                        add: () => {
+                            change({ type: 'add' }, { isUpdateParentForm: false });
+                        },
+                        remove: ({ index = -1 } = {}) => {
+                            change({ type: 'remove', value: index }, { isUpdateParentForm: false });
+                        },
+                    }
+                    : {}),
+                change: (params) => {
+                    change(params, { isUpdateParentForm: true });
+                },
+            },
+            label: props.label,
+            name: name,
+            value: objValue,
+            visible,
+            disabled,
+            readOnly,
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        innerHandle,
+        props.label,
+        name,
+        objValue,
+        visible,
+        disabled,
+        readOnly,
+        change,
+        props.objType,
+    ]);
+    const formObjWidgetContextProvider = useMemo(() => {
+        return {
+            formObjName: name,
+            /**
+             * 用于同步子组件的默认值
+             * @param params
+             */
+            __setValueImmediate__(params) {
+                changeByChildFormObj(params);
+            },
+        };
+    }, [changeByChildFormObj, name]);
+    const formObjContextProvider = useMemo(() => {
+        return {
+            formObjName: name,
+            status,
+            /**
+             * 嵌套表单内部子组件值改变时，触发嵌套表单组件的值更新
+             * @param params.name 子组件名称
+             * @param params.value 子组件值
+             */
+            valueChangeFromChild: (params = {}) => {
+                if (!params.name)
+                    return;
+                // 由于是子组件值变更触发，所以嵌套表单值更新后不再次触发子组件值变更
+                change(params, { isUpdateChildValue: false });
+            },
+            /**
+             * 收集嵌套表单内的子组件实例，以便嵌套表单值变化时，主动触发子组件值更新
+             * @param childName 子组件名称
+             * @param formItem 子组件$widget
+             * @returns
+             */
+            addFormItem(childName, formItem) {
+                if (isNil(childName) ||
+                    !formItem ||
+                    (typeof childName === 'string' && childName.length === 0)) {
+                    // childName 没设置或为空串的时候不受表单容器控制
+                    console.warn(`组件 #${formItem === null || formItem === void 0 ? void 0 : formItem.id} 表单key(表单输入类组件 childName 属性)没设置或为空串的时候不受表单容器控制`);
+                    return noop;
+                }
+                if (formsItemMap.has(childName)) {
+                    formsItemMap.get(childName).push(formItem);
+                }
+                else {
+                    formsItemMap.set(childName, [formItem]);
+                }
+                return () => {
+                    const items = formsItemMap.get(childName);
+                    const removedArr = items.filter((item) => item !== formItem);
+                    if (removedArr.length <= 0) {
+                        formsItemMap.delete(childName);
+                    }
+                    else {
+                        formsItemMap.set(childName, removedArr);
+                    }
+                };
+            },
+        };
+    }, [change, formsItemMap, name, status]);
+    useEffect(() => {
+        // 如果是最顶层的嵌套表单，则去更新子组件的值，否则自己的值更新不去触发子组件值更新，因为父级普通表单会去更新
+        if (!parentFormObj) {
+            updateChildValue(objValue);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [objValue, parentFormObj]);
+    return (_jsx(WdFormItem, { ...formItemProps, children: _jsx(FormObjWidgetContext.Provider, { value: formObjWidgetContextProvider, children: _jsx(FormObjContext.Provider, { value: formObjContextProvider, children: _jsx("fieldset", { className: cls, id: props.id, style: props.style, role: "container", "data-testid": "formObj", children: props.children }) }) }) }));
+});

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

@@ -0,0 +1,4 @@
+import { WdFormObj } from './wd-form-obj';
+export { WdFormObj } from './wd-form-obj';
+export type { WdFormObjProps } from './wd-form-obj';
+export default WdFormObj;

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

@@ -0,0 +1,3 @@
+import { WdFormObj } from './wd-form-obj';
+export { WdFormObj } from './wd-form-obj';
+export default WdFormObj;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/wd-form-arr';
+import '../style';
+export declare const WdFormObj: React.ForwardRefExoticComponent<WdFormObjProps & React.RefAttributes<any>>;
+export interface WdFormObjProps extends CommonPropsType, DataType {
+    disabled: boolean;
+    readOnly: boolean;
+}

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import '../style';
+import { BaseFormObj } from './base-form-obj';
+export const WdFormObj = forwardRef(function WdFormObj(props, ref) {
+    return _jsx(BaseFormObj, { objType: "obj", ...props, ref: ref });
+});

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

@@ -9,5 +9,5 @@ export interface WdTabsProps extends CommonPropsType {
         selected?: boolean;
     }[];
     direction: string;
-    getIndex: (val: number) => void;
+    getIndex?: (val: number) => void;
 }

package/dist/web/components/wd-unified-link/index.js

@@ -63,7 +63,7 @@ export const WdUnifiedLink = forwardRef(function WdUnifiedLink(props, ref) {
                         (_c = window === null || window === void 0 ? void 0 : window.app) === null || _c === void 0 ? void 0 : _c.navigateTo({
                             pageId,
                             packageName: packageName === 'main' ? '' : packageName,
-                            mode: options.target === '_blank' ? 'web' : 'weDa',
+                            mode: (options === null || options === void 0 ? void 0 : options.target) === '_blank' ? 'web' : 'weDa',
                             params,
                         });
                         break;
@@ -86,6 +86,6 @@ export const WdUnifiedLink = forwardRef(function WdUnifiedLink(props, ref) {
             }
         }
     };
-    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx("a", { href: /https?:\/\//.test(url) ? url : 'javascript:void(0);', rel: "noopener noreferrer", className: classNames(classes, className), id: id, style: style, onClick: onClick, ...options, children: children }) }));
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx("a", { href: /https?:\/\//.test(url) ? url : 'javascript:void(0);', rel: "noopener noreferrer", className: classNames(classes, className), id: id, style: style, onClick: onClick, "data-testid": "wd-unified-link", ...options, children: children }) }));
 });
 export default WdUnifiedLink;

package/dist/web/components/web-view/web-view.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle, useRef, useEffect, } from 'react';
+import { forwardRef, useRef, useEffect } from 'react';
 import classNames from '../../utils/classnames';
 import { useConfig } from '../../utils/config-context';
 import { isInIde, usePlatform } from '../../utils/platform';
+import { useSetWidgetApi } from '../../utils/widget-api/use-set-widget-api';
 import { Bubble } from 'tea-component';
 import EmptyContent from '../statusContent';
 import './style';
@@ -46,9 +47,19 @@ export const WebView = forwardRef(function WebView({ link = '', events, classNam
         (events === null || events === void 0 ? void 0 : events.load) && (events === null || events === void 0 ? void 0 : events.load({ src: link }));
     }
     // Widget API，挂载组件只读属性和组件方法
-    useImperativeHandle(ref, () => {
-        return { link };
-    }, [link]);
+    useSetWidgetApi(() => {
+        return {
+            link,
+            postMessage: (params) => {
+                if (params === null || params === void 0 ? void 0 : params.transfer) {
+                    window === null || window === void 0 ? void 0 : window.postMessage(params === null || params === void 0 ? void 0 : params.message, params === null || params === void 0 ? void 0 : params.targetOrigin, params === null || params === void 0 ? void 0 : params.transfer);
+                }
+                else {
+                    window === null || window === void 0 ? void 0 : window.postMessage(params === null || params === void 0 ? void 0 : params.message, params === null || params === void 0 ? void 0 : params.targetOrigin);
+                }
+            },
+        };
+    }, [link], ref);
     useEffect(() => {
         // 监听message事件
         window.addEventListener('message', (e) => {

package/dist/web/utils/tool.d.ts

@@ -47,3 +47,4 @@ export declare const safeObj: (v: any) => any;
 export declare const setRefProp: (ref: any, name: any, value: any) => void;
 export declare const convertSingleValue: (value: any, single: any) => any;
 export declare function getUrlPath(p: any, f: any): string;
+export declare function isIOS(): boolean;

package/dist/web/utils/tool.js

@@ -222,7 +222,7 @@ export const setRefProp = (ref, name, value) => {
         ref.current[name] = value;
     }
 };
-// 兼容单选多选值类型，上传图片/上传文件
+// 兼容单选多选值类型，上传图片/上传文件/级联选择
 export const convertSingleValue = (value, single) => {
     let v = value;
     if (value !== null) {
@@ -241,3 +241,6 @@ export function getUrlPath(p, f) {
     const file = f.startsWith('/') ? f.slice(1) : f;
     return `${path}${file}`;
 }
+export function isIOS() {
+    return /phone|pad|pod|iPhone|iPod|ios|iPad/.test(navigator.userAgent);
+}

package/dist/web/utils/widget-api/index.d.ts

@@ -6,3 +6,23 @@ export declare function useWedaAppContext(): {
 };
 export declare const FormDetailStatusContext: import("react").Context<string>;
 export declare const useFormDetailContext: () => string;
+export declare const FormObjContext: import("react").Context<{
+    formObjName: string;
+    status: 'edit' | 'disabled' | 'readOnly';
+    valueChangeFromChild: (params: {
+        name: string;
+        value: any;
+    }) => void;
+    addFormItem: (name: string, $widget: IWidget) => () => void;
+}>;
+export declare const useFormObjContext: () => {
+    formObjName: string;
+    status: 'edit' | 'disabled' | 'readOnly';
+    valueChangeFromChild: (params: {
+        name: string;
+        value: any;
+    }) => void;
+    addFormItem: (name: string, $widget: IWidget) => () => void;
+};
+export declare const FormObjWidgetContext: import("react").Context<IWidget>;
+export declare const useFormObjWidget: () => IWidget;

package/dist/web/utils/widget-api/index.js

@@ -55,3 +55,17 @@ export const useFormDetailContext = () => {
     const status = useContext(FormDetailStatusContext);
     return status;
 };
+// 共享嵌套表单状态
+export const FormObjContext = createContext({
+    formObjName: '',
+    status: 'edit',
+    valueChangeFromChild: () => { },
+    addFormItem: () => () => { },
+}, 'FormObj');
+export const useFormObjContext = () => {
+    return useContext(FormObjContext);
+};
+export const FormObjWidgetContext = createContext(null, 'FormObjWidget');
+export const useFormObjWidget = () => {
+    return useContext(FormObjWidgetContext);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "3.6.5",
+  "version": "3.7.2",
   "main": "./dist/index.js",
   "module": "./dist/index",
   "miniprogram": "mpdist",
@@ -81,20 +81,27 @@
   "description": "腾讯云微搭低代码组件库模板",
   "dependencies": {
     "@antv/g6": "^4.8.5",
+    "@codemirror/autocomplete": "^6.16.0",
+    "@codemirror/lang-javascript": "^6.2.2",
+    "@codemirror/lang-sql": "^6.6.4",
     "@loadable/component": "^5.15.3",
     "@react-hookz/web": "^23.0.0",
     "@sinclair/typebox": "^0.29.6",
     "@storybook/addons": "^6.5.16",
     "@tcwd/style-wedatheme": "^1.0.4",
+    "@uiw/codemirror-theme-github": "^4.22.0",
+    "@uiw/react-codemirror": "^4.22.0",
     "@use-gesture/react": "^10.2.27",
     "await-to-js": "3.0.0",
     "bootstrap": "^5.2.3",
+    "codemirror": "^6.0.1",
     "compressorjs": "^1.2.1",
     "dayjs": "^1.10.7",
     "destr": "^2.0.1",
     "echarts": "^5.3.0",
     "echarts-for-react": "^3.0.2",
     "eslint-plugin-compat": "^4.1.4",
+    "js-beautify": "^1.15.1",
     "jsonexport": "3.2.0",
     "lodash.get": "^4.4.2",
     "lodash.isequal": "^4.5.0",