@cloudbase/weda-ui 3.6.3 → 3.7.1

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

@@ -3,11 +3,59 @@ import * as React from 'react';
 import classNames from '../../utils/classnames';
 import { emptyObject } from '../../utils/constant';
 import { useSetWidgetApi } from '../../utils/widget-api/use-set-widget-api';
+import { isIOS } from '../../utils/tool';
 export default React.forwardRef(function Container({ children, title, events = emptyObject, className, style, id, data, }, ref) {
     useSetWidgetApi(() => {
         return {
             data,
         };
     }, [data], ref);
-    return (_jsx("div", { role: "container", id: id, style: style, className: classNames({ 'weda-ui': true, [className]: className }), title: title, onClick: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.tap) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, onContextMenu: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.longpress) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, onTouchStart: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.touchstart) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, onTouchMove: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.touchmove) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, onTouchCancel: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.touchcancel) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, onTouchEnd: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.touchend) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, children: children }));
+    const ios = isIOS();
+    const touchData = React.useRef({ touchStartX: 0, touchStartY: 0 });
+    const longpressData = React.useRef({
+        longpressTimed: null,
+        hasMockContextMenu: false,
+    });
+    function handleTouchStart(e) {
+        var _a, _b, _c;
+        (_a = events === null || events === void 0 ? void 0 : events.touchstart) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e });
+        if (ios && (events === null || events === void 0 ? void 0 : events.longpress)) {
+            const touchStartX = (_b = e.touches[0]) === null || _b === void 0 ? void 0 : _b.clientX;
+            const touchStartY = (_c = e.touches[0]) === null || _c === void 0 ? void 0 : _c.clientY;
+            touchData.current = { touchStartX, touchStartY };
+            // eslint-disable-next-line rulesdir/no-timer
+            longpressData.current.longpressTimed = setTimeout(() => {
+                var _a;
+                e.preventDefault();
+                (_a = events === null || events === void 0 ? void 0 : events.longpress) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e });
+                longpressData.current.hasMockContextMenu = true;
+            }, 1000);
+        }
+    }
+    function handleTouchMove(e) {
+        var _a, _b, _c;
+        (_a = events === null || events === void 0 ? void 0 : events.touchmove) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e });
+        if (ios && (events === null || events === void 0 ? void 0 : events.longpress)) {
+            const { touchStartX, touchStartY } = touchData.current;
+            const touchMoveX = (_b = e.touches[0]) === null || _b === void 0 ? void 0 : _b.clientX;
+            const touchMoveY = (_c = e.touches[0]) === null || _c === void 0 ? void 0 : _c.clientY;
+            if (Math.abs(touchMoveX - touchStartX) > 10 ||
+                Math.abs(touchMoveY - touchStartY) > 10) {
+                clearTimeout(longpressData.current.longpressTimed);
+            }
+        }
+    }
+    function handleTouchEnd(e) {
+        var _a;
+        (_a = events === null || events === void 0 ? void 0 : events.touchend) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e });
+        clearTimeout(longpressData.current.longpressTimed);
+    }
+    function handleContextMenu(e) {
+        var _a;
+        if (!longpressData.current.hasMockContextMenu) {
+            (_a = events === null || events === void 0 ? void 0 : events.longpress) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e });
+            clearTimeout(longpressData.current.longpressTimed);
+        }
+    }
+    return (_jsx("div", { role: "container", id: id, style: style, className: classNames({ 'weda-ui': true, [className]: className }), title: title, onClick: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.tap) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, onContextMenu: handleContextMenu, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchCancel: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.touchcancel) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, onTouchEnd: handleTouchEnd, children: children }));
 });

package/dist/web/components/form/uploader/uploader.h5.js

@@ -50,13 +50,13 @@ export function ImageUploaderH5({ title: label, maxUploadCount, maxSize = 10, ac
     const deleteFile = (url) => {
         const value = single ? '' : fileIdList.filter((f) => f !== url);
         setInputValue(value);
-        handleChange([].concat(value));
+        handleChange([].concat(value), true);
     };
-    const handleChange = (ids) => {
+    const handleChange = (ids, isDelete = false) => {
         const value = single ? ids[0] || '' : ids;
         setInputValue(value);
         onChange === null || onChange === void 0 ? void 0 : onChange(value);
-        events === null || events === void 0 ? void 0 : events.change({ value });
+        events === null || events === void 0 ? void 0 : events.change({ value, isDelete });
     };
     const onProgress = (progressEvent) => {
         let percentCompleted = 0;

package/dist/web/components/form/uploader/uploader.pc.js

@@ -44,12 +44,12 @@ export function UploaderPCInner(props) {
         defaultValueRef.current = defaultValue;
         setfileIDList(initialValue);
     }, [defaultValue, single]);
-    const handleChange = (ids) => {
+    const handleChange = (ids, isDelete = false) => {
         var _a;
         setfileIDList(ids);
         const value = single ? ids[0] || '' : ids;
         onChange === null || onChange === void 0 ? void 0 : onChange(value);
-        (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value });
+        (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value, isDelete });
     };
     // 方法：上传前，判断图片大小、数量是否满足，取消默认组件的上传事件，用自定义的 tcb 上传方法
     const beforeHandle = async (file, fileList, isAccepted, error) => {
@@ -178,7 +178,7 @@ export function UploaderPCInner(props) {
     // 删除图片
     const deleteHandle = (fileID) => {
         const ids = fileIDList.filter((d) => d !== fileID);
-        handleChange(ids);
+        handleChange(ids, true);
     };
     // 转换后的属性
     const extraProps = {};

package/dist/web/components/form-input-hooks/index.js

@@ -6,7 +6,7 @@ import { debug } from '../../utils/console';
 import { useSyncValue } from '../../utils/hooks/useSyncValue';
 import isObjectEqual from '../../utils/isObjectEqual';
 import { isNil } from '../../utils/lodash';
-import { getParentForm, useFormDetailContext } from '../../utils/widget-api';
+import { getParentForm, useFormDetailContext, useFormObjContext, } from '../../utils/widget-api';
 import { validType } from './validator';
 import { emptyArray, noop } from '../../utils/constant';
 import { useDeepCompareEffect, useRerender, useUnmountEffect, } from '@react-hookz/web';
@@ -28,16 +28,19 @@ export function useFormInputTrait(inputParams) {
     if (isNil($widget)) {
         throw new Error('$widget 没传入');
     }
-    const [name] = useSyncValue(inputParams.name);
+    const formObjContext = useFormObjContext();
+    const [name] = useSyncValue(`${(formObjContext === null || formObjContext === void 0 ? void 0 : formObjContext.formObjName) ? `${formObjContext.formObjName}.` : ''}${inputParams.name}`);
     const formType = useFormType();
     const statusParams = useStatus(inputParams);
     const formDetailStatus = useFormDetailContext();
     const [disabled, setDisabled] = useSyncValue(((_a = statusParams.disabled) !== null && _a !== void 0 ? _a : false) ||
         formType === 'read' ||
-        formDetailStatus === 'disabled');
+        formDetailStatus === 'disabled' ||
+        (formObjContext === null || formObjContext === void 0 ? void 0 : formObjContext.status) === 'disabled');
     const [readOnly, setReadOnly] = useSyncValue(statusParams.readOnly ||
         formType === 'read' ||
-        formDetailStatus === 'readOnly');
+        formDetailStatus === 'readOnly' ||
+        (formObjContext === null || formObjContext === void 0 ? void 0 : formObjContext.status) === 'readOnly');
     const [validateState, setValidateState] = useState(inputParams.validateStatus);
     const [validateErrorMsg, setValidateErrorMsg] = useState('');
     const [visible, setVisible] = useState(true);
@@ -59,13 +62,15 @@ export function useFormInputTrait(inputParams) {
     // 只在暴露方法的闭包内用，别的地方别用
     valueRef,] = useSyncValue(value, isObjectEqual);
     const setSyncedValue = useCallback((newVal) => {
-        var _a;
+        var _a, _b;
         logger.debug('updateFormContext', newVal);
         _setSyncedValue(newVal);
         // 发现富文本中有时序问题，form 还是拿到旧值的闭包，所以再找一次
         const f = form !== null && form !== void 0 ? form : getParentForm($widget);
         (_a = f === null || f === void 0 ? void 0 : f.updateFormContext) === null || _a === void 0 ? void 0 : _a.call(f, name, newVal);
-    }, [$widget, _setSyncedValue, form, name]);
+        // 更新嵌套表单的值
+        (_b = formObjContext === null || formObjContext === void 0 ? void 0 : formObjContext.valueChangeFromChild) === null || _b === void 0 ? void 0 : _b.call(formObjContext, { name, value: newVal });
+    }, [$widget, _setSyncedValue, form, formObjContext, name]);
     useDeepCompareEffect(() => {
         var _a;
         const f = form !== null && form !== void 0 ? form : getParentForm($widget);
@@ -83,12 +88,14 @@ export function useFormInputTrait(inputParams) {
         var _a, _b;
         const removeFormItem = (_b = (_a = $widget
             .closest((w) => { var _a, _b; return ((_b = (_a = w.getConfig) === null || _a === void 0 ? void 0 : _a.call(w)) === null || _b === void 0 ? void 0 : _b.componentType) === 'form'; })) === null || _a === void 0 ? void 0 : _a.addFormItem) === null || _b === void 0 ? void 0 : _b.call(_a, name, $widget);
+        const removeFormObjItem = formObjContext === null || formObjContext === void 0 ? void 0 : formObjContext.addFormItem(name, $widget);
         logger.debug('addFormItem', name);
         return () => {
             logger.debug('removeFormItem', name);
             removeFormItem === null || removeFormItem === void 0 ? void 0 : removeFormItem();
+            removeFormObjItem === null || removeFormObjItem === void 0 ? void 0 : removeFormObjItem();
         };
-    }, [$widget, name, form]);
+    }, [$widget, name, form, formObjContext]);
     const clearValidate = useCallback(() => {
         setValidateErrorMsg('');
         setValidateState(undefined);

package/dist/web/components/form-input-hooks/validator.js

@@ -7,8 +7,8 @@ const pattern = {
     cnName: /^[\u2E80-\uFE4F]{2,6}(?:·[\u2E80-\uFE4F]{2,6})*$/,
     userName: /^[\da-zA-Z\u2E80-\uFE4F \s]{2,}$/,
     carId: /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/,
-    mobile: /^1[3456789]\d{9}$/,
-    tel: /^(0\d{2,3}-)?(\d{7,8})$/,
+    mobile: /^(\+\d{1,4}[\s-]?)?(\(?\d{1,4}\)?[\s-]?)?(\d{1,4}[\s-]?)?(\d{1,4})?\d{1,9}(\s?(x|ext)\s?\d{1,6})?$/,
+    tel: /^(\+\d{1,4}[\s-]?)?(\(?\d{1,4}\)?[\s-]?)?(\d{1,4}[\s-]?)?(\d{1,4})?\d{1,9}(\s?(x|ext)\s?\d{1,6})?$/,
     address: /^[\da-zA-Z\u2E80-\uFE4F \s-]{4,400}$/,
     date: /((^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(10|12|0?[13578])([-\/\._])(3[01]|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(11|0?[469])([-\/\._])(30|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(0?2)([-\/\._])(2[0-8]|1[0-9]|0?[1-9])$)|(^([2468][048]00)([-\/\._])(0?2)([-\/\._])(29)$)|(^([3579][26]00)([-\/\._])(0?2)([-\/\._])(29)$)|(^([1][89][0][48])([-\/\._])(0?2)([-\/\._])(29)$)|(^([2-9][0-9][0][48])([-\/\._])(0?2)([-\/\._])(29)$)|(^([1][89][2468][048])([-\/\._])(0?2)([-\/\._])(29)$)|(^([2-9][0-9][2468][048])([-\/\._])(0?2)([-\/\._])(29)$)|(^([1][89][13579][26])([-\/\._])(0?2)([-\/\._])(29)$)|(^([2-9][0-9][13579][26])([-\/\._])(0?2)([-\/\._])(29)$))/,
     numVcode: /^[0-9]{4,8}$/,

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

@@ -26,7 +26,7 @@ declare const FormLocation: React.ForwardRefExoticComponent<CommonPropsType & im
     showLngLat: boolean;
     showMap: boolean;
     validateStatus: "success" | "error" | "warn";
-    locationRange: 0 | -1 | 100 | 500 | 1000 | 300 | 2000;
+    locationRange: 0 | -1 | 100 | 1000 | 500 | 300 | 2000;
     customRange: number;
     requiredFlag: boolean;
     requiredMsg: string;

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

@@ -138,11 +138,15 @@ export { default as WdTabBar } from "./wd-tabbar";
 export { default as WdUnifiedLink } from "./wd-unified-link";
 export { default as WdProgress } from "./wd-progress";
 export { default as WdDepartment } from "./wd-department";
+export const WdCodeEditor: any;
 export const WdMember: any;
 export const WdLocation: any;
 export const WdRichText: any;
 export { default as WdCanvas } from "./wd-canvas";
 export { default as WdAudio } from "./wd-audio";
+export { default as WdFormObj } from "./wd-form-obj";
+export { default as WdFormArr } from "./wd-form-arr";
 export { default as WdRating } from "./wd-rating";
+export { default as WdCascader } from "./wd-cascader";
 export { default as FormDetail, default as WdFormDetail } from "./formdetail";
 export { default as WdTagSelect, WdTag } from "./wd-tag";

package/dist/web/components/index.js

@@ -189,6 +189,9 @@ export { default as WdTabBar } from './wd-tabbar';
 export { default as WdUnifiedLink } from './wd-unified-link';
 export { default as WdProgress } from './wd-progress';
 export { default as WdDepartment } from './wd-department';
+export const WdCodeEditor = loadable(() => import('./wd-code-editor'), {
+    fallback,
+});
 export const WdMember = loadable(() => import('./wd-member'), {
     fallback,
 });
@@ -200,4 +203,7 @@ export const WdRichText = loadable(() => import('./wd-rich-text'), {
 });
 export { default as WdCanvas } from './wd-canvas';
 export { default as WdAudio } from './wd-audio';
+export { default as WdFormObj } from './wd-form-obj';
+export { default as WdFormArr } from './wd-form-arr';
 export { default as WdRating } from './wd-rating';
+export { default as WdCascader } from './wd-cascader';

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

@@ -94,7 +94,8 @@
   background-color: #f5f7fa;
 }
 .weda-RichTextView table td {
-  background-color: white;
+  background-color: #ffffff;
+  text-align: center;
 }
 .weda-RichTextView table th > p,
 .weda-RichTextView table td > p {

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { WdCascaderProps } from './interface';
+/**
+ * 级联选择-标准化
+ */
+export declare const WdCascader: React.ForwardRefExoticComponent<WdCascaderProps & React.RefAttributes<any>>;

package/dist/web/components/wd-cascader/cascader.h5.d.ts

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

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

@@ -0,0 +1,132 @@
+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 { useConfig } from '../../utils/config-context';
+import { Modal } from '../wd-date/elements/Modal.h5';
+import { noop } from '../../utils/constant';
+import { WdTabs } from '../wd-tabs';
+import { WdIcon } from '../wd-icon';
+import classNames from '../../utils/classnames';
+import isObjectEqual from '../../utils/isObjectEqual';
+import { getSelectedOptions, transformTabData, setSelectedValue, initTabData, initListOptions, } from './utils';
+const placeholderItem = {
+    label: '请选择',
+    value: '__placeholderItem',
+    selected: true,
+};
+const SingleCascaderView = ({ tabData, listOptions, style, handleTabClick, handleListOptionsClick, }) => {
+    const { classPrefix } = useConfig();
+    return (_jsxs(_Fragment, { children: [_jsx(WdTabs, { isMultipleSlot: false, selectedIndex: 0, tabsDatas: tabData, events: {
+                    change: ({ value }) => {
+                        handleTabClick(value);
+                    },
+                    tap: () => { },
+                }, direction: 'horizontal' }), _jsx("ul", { className: `${classPrefix}-cascader-h5-view-list`, style: style, children: listOptions.map((i) => {
+                    return (_jsxs("li", { className: classNames({
+                            [`${classPrefix}-cascader-h5-view-list__menu`]: true,
+                            'is-selected': i.selected,
+                            'is-disabled': i.disabled,
+                        }), onClick: () => {
+                            handleListOptionsClick(i);
+                        }, children: [_jsx("span", { className: `${classPrefix}-cascader-h5-view-list__menu__text`, children: i === null || i === void 0 ? void 0 : i.label }), i.selected && _jsx(WdIcon, { name: 'td:check', size: 'md' })] }, i.value));
+                }) })] }));
+};
+export function CascaderH5(props) {
+    const { placeholder, inputId, name, disabled, value: _value, onChange = noop, data: _data, readValue, searchable = false, } = props;
+    const [visible, setVisible] = useState(false);
+    const { classPrefix } = useConfig();
+    const inputCls = `${classPrefix}-form-select_input`;
+    const focusRef = useRef();
+    const [inputFocus, setInputFocus] = useState(false);
+    const [searchValue, setSearchValue] = useState('');
+    const data = transformTabData(_data);
+    const [tabData, setTabData] = useState(initTabData(data, _value, placeholderItem));
+    const [listOptions, setListOptions] = useState(initListOptions(data, _value));
+    const pickerValueRef = useRef(_value); // 弹窗中临时值
+    const handleOk = () => {
+        const value = tabData
+            .map((item) => item.value)
+            .filter((i) => i !== '__placeholderItem');
+        const options = value.map((i) => getSelectedOptions(_data, i));
+        onChange(value, { options });
+        setVisible(false);
+    };
+    const handleClick = () => {
+        if (disabled)
+            return;
+        setVisible(true);
+    };
+    // 搜索框
+    // TODO: 暂时不支持搜索
+    const renderSearch = () => {
+        return (_jsxs("div", { style: { margin: inputFocus ? '16px 16px 8px 16px' : '8px 16px' }, className: `${classPrefix}-custom-search
+  ${inputFocus ? 'is-focused' : ''}`, children: [_jsxs("div", { className: `${classPrefix}-custom-search-box `, "data-testid": `${classPrefix}-custom-search-box`, onClick: () => {
+                        setInputFocus(true);
+                    }, children: [inputFocus ? (_jsx("input", { className: `${classPrefix}-input`, ref: focusRef, value: searchValue, autoFocus: true, onChange: (e) => {
+                                const tValue = e.target.value.trim();
+                                setSearchValue(tValue);
+                            } })) : (
+                        // 此处主要为了兼容 iOS
+                        _jsx("div", { className: `${classPrefix}-input` })), _jsxs("div", { className: `${classPrefix}-custom-search-box__label`, children: [_jsx("span", { className: `${classPrefix}-custom-search-box__search-icon` }), _jsx("span", { className: `${classPrefix}-custom-search-box__search-placeholder`, children: "\u641C\u7D22" })] }), inputFocus && searchValue !== '' && (_jsx("span", { className: `${classPrefix}-custom-search-box__dismiss-icon`, onClick: () => {
+                                setSearchValue('');
+                            } }))] }), _jsx("button", { className: `${classPrefix}-custom-search__btn-cancle`, onClick: () => {
+                        setInputFocus(false);
+                        setSearchValue('');
+                    }, children: "\u53D6\u6D88" })] }));
+    };
+    // tab 展示值
+    const updateTabData = (newTabData, activeItem) => {
+        var _a, _b;
+        let _activeItem = activeItem;
+        // 当前选中值是否存在子选项
+        const hasChildItem = (_b = (_a = newTabData[newTabData.length - 1]) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.length;
+        let tabData = [...newTabData];
+        if (hasChildItem) {
+            _activeItem = placeholderItem;
+            tabData = [...tabData, placeholderItem];
+        }
+        const _tabData = setSelectedValue(tabData, _activeItem.value);
+        setTabData(_tabData);
+    };
+    // 点击列表选项
+    const handleListOptionsClick = (item) => {
+        if (item.disabled)
+            return;
+        if (item.children) {
+            setListOptions([...item.children]);
+        }
+        else {
+            const _listOptions = setSelectedValue(listOptions, item.value);
+            setListOptions(_listOptions);
+        }
+        // 更新tab数据
+        const newTabData = [...tabData.filter((i) => i.level < item.level), item];
+        updateTabData(newTabData, item);
+    };
+    // 点击tab项，更新列表选项
+    const handleTabClick = (value) => {
+        var _a;
+        const selectedIndex = tabData.findIndex((i) => i.value === value);
+        const selectedItem = tabData[selectedIndex];
+        updateTabData(tabData, selectedItem);
+        let listOptions = selectedItem.level === 0
+            ? data
+            : (_a = tabData.find((i) => i.level === selectedIndex - 1)) === null || _a === void 0 ? void 0 : _a.children;
+        listOptions = setSelectedValue(listOptions, value);
+        setListOptions(listOptions);
+    };
+    useEffect(() => {
+        if (!isObjectEqual(pickerValueRef.current, _value)) {
+            pickerValueRef.current = _value;
+            setTabData(initTabData(data, _value, placeholderItem));
+            setListOptions(initListOptions(data, _value));
+        }
+    }, [_value, data]);
+    return (_jsxs(_Fragment, { children: [_jsx("input", { id: inputId, className: inputCls, type: "text", name: name, placeholder: placeholder, autoComplete: "off", disabled: disabled, readOnly: true, value: readValue, onClick: handleClick }), _jsxs(Modal, { visible: visible, onClose: () => {
+                    setVisible(false);
+                    setTabData(initTabData(data, _value, placeholderItem));
+                    setListOptions(initListOptions(data, _value));
+                }, onOk: handleOk, header: inputFocus, className: `${classPrefix}-cascader-modal`, children: [searchable && renderSearch(), _jsx("div", { className: `${classPrefix}-custom-view-content`, children: _jsx(SingleCascaderView, { tabData: tabData, listOptions: listOptions, style: inputFocus
+                                ? { height: 'calc(100vh - 196px)' }
+                                : { height: '260px' }, handleTabClick: handleTabClick, handleListOptionsClick: handleListOptionsClick }) })] })] }));
+}

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

@@ -0,0 +1,97 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { forwardRef, useState, useCallback, useMemo } 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';
+import { WdFormItem, WdInputGroup, WdInputWrap } from '../wd-form-item';
+import { emptyObject } from '../../utils/constant';
+import { usePlatform } from '../../utils/platform';
+import { getUuid } from '../../utils/tool';
+import classNames from '../../utils/classnames';
+import { useDebouncedCallback, useSyncedRef } from '@react-hookz/web';
+import { useSetWidgetApi } from '../../utils/widget-api/use-set-widget-api';
+import { useDelayEvents } from '../../utils/hooks/use-delay-events';
+import { X_RUNTIME_DEFAULT } from '../../../configs/type-utils/x-runtime-default';
+import { CascaderH5 } from './cascader.h5';
+import { getSelectedOptions } from './utils';
+/**
+ * 级联选择-标准化
+ */
+export const WdCascader = forwardRef(function WdCascader(props, ref) {
+    const { classRoot = 'cascader', clearable = X_RUNTIME_DEFAULT.clearable, placeholder, data, events = emptyObject, size, multiple, } = props;
+    const platform = usePlatform();
+    const [innerHandle, setInnerHandle] = useState({});
+    const inputId = useMemo(() => getUuid(), []);
+    const traitProps = {
+        ...props,
+        inputRef: ref,
+        setInnerHandle,
+    };
+    const trait = useFormInputTrait(traitProps);
+    const { value: _value, onChange, disabled, readOnly, visible } = trait;
+    const value = useMemo(() => {
+        return _value ? [].concat(_value) : [];
+    }, [_value]);
+    const [suffixType, suffixIcon] = useFixedIcon({
+        type: props.suffixType,
+        icon: props.suffixIcon,
+        iconH5: SELECT_ICON_H5,
+        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 onClearChange = useCallback((v) => {
+        var _a;
+        setSelectedOptions([]);
+        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 });
+    }, [onChange, delayEvents]);
+    const clearProps = useHandleClear({
+        onChange: onClearChange,
+        clearable,
+        disabled,
+        value,
+    });
+    const formItemProps = {
+        ...props,
+        ...trait,
+        classRoot,
+        readValue,
+        inputId,
+    };
+    const inputGroupProps = { ...props, classRoot, readOnly };
+    const inputWrapProps = {
+        ...props,
+        classRoot,
+        disabled,
+        readOnly,
+        suffixType,
+        suffixIcon,
+        ...clearProps,
+    };
+    const sizeClassName = classNames({
+        [`size-${size}`]: size,
+    });
+    useSetWidgetApi(() => ({
+        ...innerHandle,
+        selectedOptions,
+        value,
+    }), [innerHandle, selectedOptions, value], ref);
+    const eventsRef = useSyncedRef(delayEvents);
+    const debouncedTriggerSearchEvent = useDebouncedCallback((value) => {
+        eventsRef.current.search({ value });
+    }, [eventsRef], 
+    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+    300);
+    const onSearchValueInput = React.useCallback((v) => {
+        debouncedTriggerSearchEvent(v);
+    }, [debouncedTriggerSearchEvent]);
+    const handleChange = (v, { options }) => {
+        setSelectedOptions(options);
+        onChange === null || onChange === void 0 ? void 0 : onChange(v);
+    };
+    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 })) }) }) }) }));
+});

package/dist/web/components/wd-cascader/index.d.ts

@@ -0,0 +1,4 @@
+import { WdCascader } from './cascader';
+export { WdCascader } from './cascader';
+export { type WdCascaderProps } from './interface';
+export default WdCascader;

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

@@ -0,0 +1,3 @@
+import { WdCascader } from './cascader';
+export { WdCascader } from './cascader';
+export default WdCascader;

package/dist/web/components/wd-cascader/interface.d.ts

@@ -0,0 +1,26 @@
+import type { Except } from 'type-fest';
+import type { DataType } from '../../../configs/components/wd-cascader';
+import type { CommonPropsType } from '../../types';
+export interface WdCascaderProps extends CommonPropsType, Except<DataType, 'multiple'> {
+    classRoot?: string;
+    multiple?: false;
+}
+export interface ICascaderItem {
+    label: string;
+    value: string;
+    selected?: boolean;
+    children?: ICascaderItem[];
+    level?: number;
+    pid?: string;
+    disabled?: boolean;
+    option?: ICascaderItem[];
+}
+export interface ISingleCascaderViewProps {
+    tabData: ICascaderItem[];
+    listOptions: ICascaderItem[];
+    style: any;
+    handleTabClick: (arg: {
+        value: string;
+    }) => void;
+    handleListOptionsClick: (arg: ICascaderItem) => void;
+}

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

@@ -0,0 +1 @@
+export {};

package/dist/web/components/wd-cascader/utils.d.ts

@@ -0,0 +1,6 @@
+import { ICascaderItem } from './interface';
+export declare const getSelectedOptions: (data: any, value: any) => any;
+export declare const transformTabData: (data: any, pid?: string, level?: number) => ICascaderItem[];
+export declare const setSelectedValue: (data: any, value: any) => any[];
+export declare const initTabData: (data: any, value: any, placeholderItem: any) => any[];
+export declare const initListOptions: (data: any, value: any) => any;

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

@@ -0,0 +1,63 @@
+/* eslint-disable @typescript-eslint/no-magic-numbers */
+import { deepClone } from '../../utils/tool';
+// 获取选中项
+export const getSelectedOptions = (data, value) => {
+    for (const i of data) {
+        if (i.value === value)
+            return i;
+        if (i.children) {
+            const res = getSelectedOptions(i.children, value);
+            if (res)
+                return res;
+        }
+    }
+};
+// 组装tab数据
+export const transformTabData = (data, pid = 'root', level = 0) => {
+    if (!Array.isArray(data))
+        return [];
+    return data.map((_item) => {
+        const item = deepClone(_item);
+        if (item.children) {
+            item.children = transformTabData(item.children, item.value, level + 1);
+        }
+        return { ...item, level, selected: false, pid };
+    });
+};
+// 设置选中值
+export const setSelectedValue = (data, value) => {
+    if (!Array.isArray(data))
+        return [];
+    const _value = [].concat(value);
+    return data.map((item) => {
+        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;
+    });
+};
+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 selectedItem = selectedOptions[selectedOptions.length - 1];
+        tabDataRes = setSelectedValue(selectedOptions, selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value);
+    }
+    return tabDataRes;
+};
+export const initListOptions = (data, value) => {
+    var _a;
+    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 selectedItem = selectedOptions[selectedOptions.length - 1];
+        listOptionsRes =
+            ((_a = getSelectedOptions(data, selectedItem.pid)) === null || _a === void 0 ? void 0 : _a.children) || data;
+    }
+    return listOptionsRes;
+};

package/dist/web/components/wd-code-editor/index.d.ts

@@ -0,0 +1,3 @@
+import { WdCodeEditor } from './wd-code-editor';
+export { WdCodeEditor, type WdCodeEditorProps } from './wd-code-editor';
+export default WdCodeEditor;

package/dist/web/components/wd-code-editor/index.js

@@ -0,0 +1,3 @@
+import { WdCodeEditor } from './wd-code-editor';
+export { WdCodeEditor } from './wd-code-editor';
+export default WdCodeEditor;

package/dist/web/components/wd-code-editor/lang/index.d.ts

@@ -0,0 +1,17 @@
+import { javascript } from '@codemirror/lang-javascript';
+import { sql } from '@codemirror/lang-sql';
+import { mongodb } from './mongodb';
+export declare const langs: {
+    javascript: typeof javascript;
+    jsx: () => import("@codemirror/language").LanguageSupport;
+    typescript: () => import("@codemirror/language").LanguageSupport;
+    tsx: () => import("@codemirror/language").LanguageSupport;
+    mongodb: typeof mongodb;
+    sql: typeof sql;
+    mysql: () => import("@codemirror/language").LanguageSupport;
+};
+/** Language list */
+export declare const langNames: ("javascript" | "typescript" | "mongodb" | "sql" | "mysql" | "jsx" | "tsx")[];
+export type LanguageName = keyof typeof langs;
+export declare function loadLanguage(name: LanguageName): import("@codemirror/language").LanguageSupport;
+export declare function format(value: any): Promise<any>;