@cloudbase/weda-ui 3.4.11-alpha.1 → 3.4.12

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

@@ -0,0 +1,193 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable max-lines */
+import { forwardRef, useImperativeHandle, useEffect, useState, useCallback, } from 'react';
+import classNames from '../../utils/classnames';
+import { useConfig } from '../../utils/config-context';
+import { usePlatform } from '../../utils/platform';
+import WdCheckbox from '../wd-checkbox';
+import WdIcon from '../wd-icon';
+import { TREE_INFO_GOT, initData, initTreeState, dealCheck, getTreeInfo, } from './utils';
+import { deepClone } from '../../utils/tool';
+export const WdTree = forwardRef(function WdTree(props, ref) {
+    var _a;
+    const { className = '', style, id, events, data, checkable, checkedCustom, expandType, expandCustom, showIcon, foldIcon, expendIcon, leafIcon, line, } = props;
+    const platform = usePlatform();
+    // 样式
+    const { classPrefix } = useConfig();
+    // 响应式css api
+    const platformCss = `${classPrefix}-${platform}-tree`;
+    const classes = {
+        [`${classPrefix}-tree`]: true,
+        [platformCss]: true,
+        [`${classPrefix}-tree--line`]: props.line,
+    };
+    const nodeClassName = `${classPrefix}-tree-node`;
+    // 组件内树节点初始化
+    const [showData, setShowData] = useState([]);
+    const [treeInfo, setTreeInfo] = useState({});
+    // 点击的节点
+    const [selected, setSelected] = useState(((_a = props.checkedCustom) === null || _a === void 0 ? void 0 : _a.length) ? props.checkedCustom[0] : '');
+    // 搜索内容
+    const [searchKey, setSearchKey] = useState('');
+    /**
+     * 组件搜索节点方法
+     */
+    const searchNode = useCallback(({ searchKey = '' } = {}) => {
+        setSearchKey(searchKey || '');
+        setShowData(initTreeState({
+            data: showData,
+            checkedCustom: [],
+            expandType: '',
+            expandCustom: [],
+            searchKey,
+        }));
+    }, [showData]);
+    // Widget API，挂载组件只读属性和组件方法
+    useImperativeHandle(ref, () => {
+        return {
+            methods: {
+                searchNode,
+            },
+            treeInfo,
+            data,
+            checkable,
+            checkedCustom,
+            expandType,
+            expandCustom,
+            showIcon,
+            foldIcon,
+            expendIcon,
+            leafIcon,
+            line,
+        };
+    }, [
+        checkable,
+        checkedCustom,
+        data,
+        expandCustom,
+        expandType,
+        expendIcon,
+        foldIcon,
+        leafIcon,
+        line,
+        searchNode,
+        showIcon,
+        treeInfo,
+    ]);
+    useEffect(() => {
+        var _a;
+        const aimData = initTreeState({
+            data: initData({
+                data: deepClone(props.data),
+                parent: null,
+                showIcon: props.showIcon,
+                expendIcon: props.expendIcon,
+                foldIcon: props.foldIcon,
+                leafIcon: props.leafIcon,
+            }),
+            checkedCustom: props.checkedCustom,
+            expandType: props.expandType || 'all',
+            expandCustom: props.expandCustom,
+        });
+        setShowData(aimData);
+        const selected = ((_a = props.checkedCustom) === null || _a === void 0 ? void 0 : _a.length) ? props.checkedCustom[0] : '';
+        setTreeInfo({
+            event: 'init',
+            currentNode: [],
+            ...getTreeInfo({ tree: aimData, info: { selected }, condition: TREE_INFO_GOT }, props.checkable),
+        });
+        setSelected(selected);
+    }, [props.data, props.checkedCustom, props.expandCustom, props.expandType, props.showIcon, props.expendIcon, props.foldIcon, props.leafIcon, props.checkable]);
+    /**
+     * 节点变化，check：选中节点改变，select：点击节点，expand：节点展开/折叠
+     * @param treeNode
+     * @param event
+     * @param state 改变的状态
+     */
+    const change = (treeNode, event, state) => {
+        var _a;
+        if (treeNode.disabled && event !== 'expand')
+            return;
+        // 开启多选属性时, 点击节点事件去掉, 变成check事件
+        if (event === 'select' && props.checkable) {
+            event = 'check';
+            state = treeNode.checked !== 'checked';
+        }
+        const eventKey = {
+            check: 'selectNodeChange',
+            select: 'selectNodeChange',
+            expand: 'nodeExpandChange',
+        }[event];
+        let selectedKey = selected;
+        // 不同类型要执行的操作
+        const typeFunc = {
+            check: () => {
+                treeNode.checked = state ? 'checked' : '';
+                // 处理节点的父/子节点选中状态
+                dealCheck(treeNode);
+            },
+            select: () => {
+                state = selectedKey !== treeNode.value;
+                selectedKey = state ? treeNode.value : '';
+                setSelected(selectedKey);
+            },
+            expand: () => {
+                var _a;
+                treeNode.isExpand = state;
+                treeNode.expanded = state ? 'expand' : '';
+                if (treeNode.iconShow && ((_a = treeNode.children) === null || _a === void 0 ? void 0 : _a.length)) {
+                    treeNode.iconShow = state ? treeNode.expendIcon : treeNode.foldIcon;
+                }
+            },
+        }[event];
+        typeFunc === null || typeFunc === void 0 ? void 0 : typeFunc();
+        const info = {
+            event,
+            currentNode: [treeNode.root],
+            [`${event}State`]: state,
+            ...getTreeInfo({
+                tree: showData,
+                info: { selected: selectedKey },
+                condition: TREE_INFO_GOT,
+            }, props.checkable),
+        };
+        (_a = events[eventKey]) === null || _a === void 0 ? void 0 : _a.call(events, info);
+        // events.change?.(info);
+        setTreeInfo(info);
+        event !== 'select' && setShowData([...showData]);
+    };
+    const list = [];
+    const renderNode = (d, count) => {
+        if (!Array.isArray(d))
+            return [];
+        // @ts-ignore const 会报错，应该是let
+        count = count || 0;
+        const STEP = 1;
+        d.filter((item) => item === null || item === void 0 ? void 0 : item.value).forEach((item, index) => {
+            var _a;
+            const subTree = ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? item.children : undefined;
+            const spaceDom = [];
+            const disableStyle = item.disabled
+                ? { cursor: 'not-allowed', color: 'rgba(0,0,0,.26)' }
+                : {};
+            for (let i = 0; i < count; i++) {
+                spaceDom.push(_jsx("span", { className: `${classPrefix}-tree__space` }, Math.random()));
+            }
+            list.push(_jsxs("div", { 
+                // 叶子节点 加 `${classPrefix}-tree-node--leaf` 为了连线的时候，对横线特殊处理
+                // 选中态，加 is-selected
+                className: `${nodeClassName} ${subTree ? '' : `${classPrefix}-tree-node--leaf`} ${selected === item.value && !props.checkable ? 'is-selected' : ''}`, "data-testid": nodeClassName, children: [spaceDom, _jsx("div", { className: `${classPrefix}-tree__switcher`, onClick: () => change(item, 'expand', !item.isExpand), children: subTree && (
+                        // 展开/收起的图标
+                        _jsx(WdIcon, { className: `${classPrefix}-tree__switcher-icon`, name: item.isExpand ? 'td:caret-down-small' : 'td:caret-right-small' })) }), _jsxs("div", { className: `${classPrefix}-tree__label`, onClick: () => change(item, 'select'), children: [props.checkable && (_jsx(WdCheckbox, { index: index + count, option: { value: item.value }, isAll: item.checked === 'childChecked', size: "md", disabled: item.disabled, getChangeHandler: () => {
+                                    if (item.disabled)
+                                        return;
+                                    change(item, 'check', item.checked !== 'checked');
+                                }, checkedItemValue: { [item.value]: item.checked === 'checked' }, ...{} })), item.iconShow && (_jsx(WdIcon, { "data-testid": "wd-tree-icon-test", className: `${classPrefix}-tree__label-icon `, name: item.iconShow, src: item.iconShow, type: item.iconShow.startsWith('http') ? 'custom' : 'inner' })), _jsx("label", { className: `${classPrefix}-tree__label-text`, htmlFor: "", style: disableStyle, children: searchKey
+                                    ? item.label.split(searchKey).map((v, i) => (_jsxs("span", { children: [i !== 0 && (_jsx("span", { className: `${classPrefix}-tree__label-text-search`, children: searchKey })), v] }, i)))
+                                    : item.label })] })] }, item.value));
+            subTree && item.isExpand && renderNode(subTree, count + STEP);
+        });
+        return list;
+    };
+    return (_jsx("div", { id: id, style: style, className: classNames(classes, className), "data-testid": "wd-tree-test", children: renderNode(showData, 0) }));
+});

package/dist/web/utils/constant.js

@@ -5,6 +5,20 @@ export const TitleType = {
     NONE: 'none',
 };
 export const LOAD_ERR_IMG_BASE64 = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjUuMzIgMTYuMzU5N0MyNi4wNzY0IDE2LjM1OTcgMjYuODI1NCAxNi41MDg3IDI3LjUyNDMgMTYuNzk4MUMyOC4yMjMxIDE3LjA4NzYgMjguODU4MSAxNy41MTE5IDI5LjM5MjkgMTguMDQ2OEMyOS45Mjc4IDE4LjU4MTYgMzAuMzUyMSAxOS4yMTY2IDMwLjY0MTYgMTkuOTE1NEMzMC45MzEgMjAuNjE0MyAzMS4wOCAyMS4zNjMzIDMxLjA4IDIyLjExOTdDMzEuMDggMjIuODc2MSAzMC45MzEgMjMuNjI1MSAzMC42NDE2IDI0LjMyMzlDMzAuMzUyMSAyNS4wMjI4IDI5LjkyNzggMjUuNjU3OCAyOS4zOTI5IDI2LjE5MjZDMjguODU4MSAyNi43Mjc1IDI4LjIyMzEgMjcuMTUxOCAyNy41MjQzIDI3LjQ0MTJDMjYuODI1NCAyNy43MzA3IDI2LjA3NjQgMjcuODc5NyAyNS4zMiAyNy44Nzk3QzIzLjc5MjQgMjcuODc5NyAyMi4zMjczIDI3LjI3MjggMjEuMjQ3MSAyNi4xOTI2QzIwLjE2NjkgMjUuMTEyNCAxOS41NiAyMy42NDczIDE5LjU2IDIyLjExOTdDMTkuNTYgMjAuNTkyIDIwLjE2NjkgMTkuMTI3IDIxLjI0NzEgMTguMDQ2OEMyMi4zMjczIDE2Ljk2NjUgMjMuNzkyNCAxNi4zNTk3IDI1LjMyIDE2LjM1OTdaTTI4IDMuNTU5NjlWMTQuODc2OEMyNy4xNzc3IDE0LjU4NjYgMjYuMTkyIDE0LjQzODggMjUuMzIgMTQuNDM5N0MyNC4wMzEgMTQuNDM5NyAyMi44MTU3IDE0Ljc1NzEgMjEuNzQ4OCAxNS4zMTg0TDIwLjc5NTIgMTMuMTU5N0wxNi4wMjU5IDIwLjAyNzVMOC40NDU3NiAxNi40NDFMMy41NiAyMy4zOTk3SDE3Ljc0NjJDMTcuOTg2NyAyNC44MjkgMTguNjI4MiAyNi4xNjA2IDE5LjU5NTggMjcuMjM5N0gxVjMuNTU5NjlIMjhaTTI1Ljk2IDI0LjAzOTdIMjQuNjhWMjUuMzE5N0gyNS45NlYyNC4wMzk3Wk0yNS45NiAxOC45MTk3SDI0LjY4VjIzLjM5OTdIMjUuOTZWMTguOTE5N1pNNi4xMiAxMC41OTk3QzYuMTIgMTEuOTk4MSA3LjE5OTA0IDEzLjEwODUgOC42MDc2OCAxMy4xNTg0QzEwLjAyMDggMTMuMjA3NyAxMS4yNCAxMi4wNDggMTEuMjQgMTAuNTk5N0MxMS4yNCA5LjI0NjA5IDEwLjA2NDMgOC4wODU3NyA4Ljc1MjMyIDguMDQwOTdDNy4yOTU2OCA3Ljk5MTY5IDYuMTIgOS4xNTEzNyA2LjEyIDEwLjU5OTdaIiBmaWxsPSIjQkNDNEQwIj48L3BhdGg+Cjwvc3ZnPgo=';
+export const RICH_TEXT_ICON_PACK = {
+    mathFormula: '<svg class="icon" style="vertical-align:middle" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" fill="currentColor" overflow="hidden"><path d="M552 566l54-54-54-54-261-261h551v-77l-660 1v76l316 315-316 316v75l660 1v-77H291l261-261"></path></svg>',
+    leftTextAlign: '<svg style="width:16px;height:16px" viewBox="0 0 512 512" fill="currentColor"><path d="M384 106.666c11.782 0 21.334 9.552 21.334 21.334 0 10.94-8.236 19.958-18.846 21.19l-2.488 0.143h-277.334c-11.782 0-21.334-9.552-21.334-21.334 0-10.941 8.236-19.957 18.846-21.19l2.488-0.144h277.334z" ></path><path d="M277.334 234.667c11.782 0 21.334 9.552 21.334 21.333 0 10.94-8.236 19.957-18.846 21.19l-2.488 0.144h-170.667c-11.782 0-21.334-9.551-21.334-21.334 0-10.94 8.236-19.958 18.846-21.19l2.488-0.143h170.667z"></path><path d="M384 362.666c11.782 0 21.334 9.551 21.334 21.334 0 10.94-8.236 19.957-18.846 21.19l-2.488 0.144h-277.334c-11.782 0-21.334-9.551-21.334-21.334 0-10.94 8.236-19.957 18.846-21.19l2.488-0.144h277.334z"></path></svg>',
+    centerTextAlign: '<svg style="width:16px;height:16px" viewBox="0 0 512 512" fill="currentColor"><path d="M384 106.666c11.782 0 21.334 9.552 21.334 21.334 0 10.94-8.236 19.958-18.846 21.19l-2.488 0.143h-277.334c-11.782 0-21.334-9.552-21.334-21.334 0-10.941 8.236-19.957 18.846-21.19l2.488-0.144h277.334z"></path><path d="M330.666 234.667c11.782 0 21.334 9.552 21.334 21.333 0 10.94-8.236 19.957-18.846 21.19l-2.488 0.144h-170.667c-11.782 0-21.333-9.551-21.333-21.334 0-10.94 8.236-19.958 18.846-21.19l2.488-0.143h170.667z"></path><path d="M384 362.666c11.782 0 21.334 9.551 21.334 21.334 0 10.94-8.236 19.957-18.846 21.19l-2.488 0.144h-277.334c-11.782 0-21.334-9.551-21.334-21.334 0-10.94 8.236-19.957 18.846-21.19l2.488-0.144h277.334z"></path></svg>',
+    rightTextAlign: '<svg style="width:16px;height:16px" viewBox="0 0 512 512" fill="currentColor"><path d="M384 106.666c11.782 0 21.334 9.552 21.334 21.334 0 10.94-8.236 19.958-18.846 21.19l-2.488 0.143h-277.334c-11.782 0-21.334-9.552-21.334-21.334 0-10.941 8.236-19.957 18.846-21.19l2.488-0.144h277.334z"></path><path d="M384 234.667c11.782 0 21.334 9.552 21.334 21.333 0 10.94-8.236 19.957-18.846 21.19l-2.488 0.144h-170.667c-11.782 0-21.333-9.551-21.333-21.334 0-10.94 8.236-19.958 18.846-21.19l2.488-0.143h170.666z"></path><path d="M384 362.666c11.782 0 21.334 9.551 21.334 21.334 0 10.94-8.236 19.957-18.846 21.19l-2.488 0.144h-277.334c-11.782 0-21.334-9.551-21.334-21.334 0-10.94 8.236-19.957 18.846-21.19l2.488-0.144h277.334z"></path></svg>',
+    justifyTextAlign: '<svg style="width:16px;height:16px" viewBox="0 0 512 512" fill="currentColor"><path d="M384 106.666c11.782 0 21.334 9.552 21.334 21.334 0 10.94-8.236 19.958-18.846 21.19l-2.488 0.143h-277.334c-11.782 0-21.334-9.552-21.334-21.334 0-10.941 8.236-19.957 18.846-21.19l2.488-0.144h277.334z"></path><path d="M384 234.667c11.782 0 21.334 9.552 21.334 21.334 0 10.94-8.236 19.958-18.846 21.19l-2.488 0.143h-277.334c-11.782 0-21.334-9.552-21.334-21.334 0-10.941 8.236-19.957 18.846-21.19l2.488-0.144h277.334z"></path><path d="M384 362.666c11.782 0 21.334 9.551 21.334 21.334 0 10.94-8.236 19.957-18.846 21.19l-2.488 0.144h-277.334c-11.782 0-21.334-9.551-21.334-21.334 0-10.94 8.236-19.957 18.846-21.19l2.488-0.144h277.334z"></path></svg>',
+    textIndent: '<svg style="width:20px;height:20px" fill="currentColor" viewBox="0 0 24 24" style="transform: scale(1.25)"><path d="M5 17v1.25h14V17H5zm11-8v6l3-3-3-3zM5 13.25v1.25h9v-1.25H5zM5 9.5v1.25h9V9.5H5zm0-3.75V7h14V5.75H5z"></path></svg>',
+    heading: '<svg style="width:18px;height:18px" viewBox="0 0 512 512"><path transform="translate(80 20)" fill="currentColor" d="M286 85c11 0 20 9 21 19v280a21 21 0 0 1-42 2V267H85v117a21 21 0 0 1-42 2V107a21 21 0 0 1 42-3v120h180V107c0-12 9-22 21-22z"></path></svg>',
+    marginTop: '<svg style="width:18px;height:18px" fill="currentColor" viewBox="0 0 512 512"><path d="M106.666 292.607h280.448c11.782 0 21.334-9.551 21.334-21.334s-9.551-21.334-21.334-21.334h-280.448c-11.782 0-21.334 9.551-21.334 21.334s9.552 21.334 21.334 21.334z"></path><path d="M106.666 420.607h280.448c11.782 0 21.334-9.551 21.334-21.334s-9.551-21.334-21.334-21.334h-280.448c-11.782 0-21.334 9.551-21.334 21.334s9.552 21.334 21.334 21.334z"></path><path d="M232.697 114.138l-36.906 58.304c-6.315 9.963 1.578 22.422 14.186 22.422h73.835c12.608 0 20.502-12.458 14.208-22.422l-36.928-58.304c-6.315-9.963-22.080-9.963-28.394 0z"></path></svg>',
+    marginBottom: '<svg style="width:18px;height:18px" fill="currentColor" viewBox="0 0 512 512"><path d="M387.115 245.333h-280.448c-11.782 0-21.334 9.552-21.334 21.333s9.552 21.334 21.334 21.334h280.448c11.782 0 21.334-9.551 21.334-21.334s-9.551-21.334-21.334-21.334z"></path><path d="M387.115 117.334h-280.448c-11.782 0-21.334 9.552-21.334 21.334s9.552 21.333 21.334 21.333h280.448c11.782 0 21.334-9.552 21.334-21.334s-9.551-21.334-21.334-21.334z"></path><path d="M261.092 423.801l36.906-58.304c6.315-9.962-1.579-22.421-14.208-22.421h-73.814c-12.63 0-20.501 12.459-14.208 22.421l36.906 58.304c6.315 9.962 22.101 9.962 28.416 0z"></path></svg>',
+    marginSide: '<svg style="width:18px;height:18px" fill="currentColor" viewBox="0 0 24 24" style="transform:scale(1.125)"><path d="M5 5.8c0-.5.3-.8.7-.8h14.5a.8.8 0 0 1 0 1.5H5.7a.8.8 0 0 1-.7-.8Z"></path><path d="M9 14.8c0-.5.3-.8.7-.8h6.5a.8.8 0 0 1 0 1.5H9.7a.8.8 0 0 1-.7-.8Z"></path><path d="M9 9.8c0-.5.3-.8.7-.8h6.5a.8.8 0 0 1 0 1.5H9.7a.8.8 0 0 1-.7-.8Z"></path><path d="M5 18.8c0-.5.3-.8.7-.8h14.5a.8.8 0 0 1 0 1.5H5.7a.8.8 0 0 1-.7-.8Z"></path><path d="M5.5 14.5c-.2.2-.5 0-.5-.2V9.7c0-.2.3-.4.5-.2l2.3 2.3v.4l-2.3 2.3Z"></path><path d="M20.5 14.5c.2.2.5 0 .5-.2V9.7c0-.2-.3-.4-.5-.2l-2.3 2.3c-.1.1-.1.3 0 .4l2.3 2.3Z"></path></svg>',
+    lineSpace: '<svg style="width:18px;height:18px" viewBox="0 0 24 24" fill="currentColor" style="transform:scale(1.1)"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 5.3c0-.5.3-.8.7-.8h14.5a.8.8 0 0 1 0 1.5H5.7a.8.8 0 0 1-.7-.8Zm7 9c0-.5.3-.8.7-.8h7.5a.8.8 0 0 1 0 1.5h-7.5a.8.8 0 0 1-.7-.8Zm0-4.5c0-.5.3-.8.7-.8h7.5a.8.8 0 0 1 0 1.5h-7.5a.8.8 0 0 1-.7-.8Zm-7 9c0-.5.3-.8.7-.8h14.5a.8.8 0 0 1 0 1.5H5.7a.8.8 0 0 1-.7-.8Zm5.3-8.8c.3.1.1.5-.1.5H5.8a.3.3 0 0 1-.2-.5l2.2-1.8c.1-.1.3-.1.4 0l2.1 1.8Zm0 4c.3-.1.1-.5-.1-.5H5.8c-.3 0-.4.4-.2.5l2.2 1.8c.1.1.3.1.4 0l2.1-1.8Z"></path></svg>',
+    wordSpace: '<svg style="width:18px;height:18px" viewBox="0 0 24 24" fill="none" style="transform: scale(1.1)"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.75 13.25C9.33579 13.25 9 12.9142 9 12.5C9 12.0858 9.33579 11.75 9.75 11.75H15.25C15.6642 11.75 16 12.0858 16 12.5C16 12.9142 15.6642 13.25 15.25 13.25H9.75Z" fill="currentColor"></path><path d="M7.5 17L11.8719 6.42009C11.9769 6.16584 12.2249 6 12.5 6V6C12.7751 6 13.0231 6.16584 13.1281 6.42009L17.5 17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.25 4.20001C4.66421 4.20001 5 4.5358 5 4.95001L5 18.95C5 19.3642 4.66421 19.7 4.25 19.7C3.83579 19.7 3.5 19.3642 3.5 18.95L3.5 4.95001C3.5 4.5358 3.83579 4.20001 4.25 4.20001Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M20.75 4.20001C21.1642 4.20001 21.5 4.5358 21.5 4.95001L21.5 18.95C21.5 19.3642 21.1642 19.7 20.75 19.7C20.3358 19.7 20 19.3642 20 18.95L20 4.95001C20 4.5358 20.3358 4.20001 20.75 4.20001Z" fill="currentColor"></path></svg>',
+};
 export const REL_DICT = {
     equal: 'eq',
     unequal: 'neq',
@@ -117,3 +131,5 @@ export const TABLE_SLOT_PREFIX = 'cell_';
 export const CELL_CUSTOM_OPTION = 'cell__custom__option';
 // 表格全局按钮插槽名称
 export const GLOBAL_BUTTON = 'globalButton';
+export const FORM_MAX_LENGTH = 140;
+export const KEY_DOWN_CODE = 13;

package/dist/web/utils/datasource.js

@@ -110,7 +110,7 @@ export class DataSource {
         });
     }
 }
-export const getDataSourceByName = async (dbName, GetColumnAuth = false) => {
+export const getDataSourceByName = async (dbName, GetColumnAuth = true) => {
     var _a, _b;
     try {
         // dbName 为空时
@@ -124,7 +124,7 @@ export const getDataSourceByName = async (dbName, GetColumnAuth = false) => {
                 return getDataSourceByNameCompatibleProvite(dbName);
             }
         }
-        const datasource = await window.app.cloud.getDataSourceProfileAsync(GetColumnAuth ? { Name: dbName, GetColumnAuth: true } : dbName);
+        const datasource = await window.app.cloud.getDataSourceProfileAsync(GetColumnAuth ? { Name: dbName, GetColumnAuth: true } : { Name: dbName });
         return datasource;
     }
     catch (error) {

package/dist/web/utils/hooks/useFormLegacy.js

@@ -0,0 +1,111 @@
+import { useMemo, useRef } from 'react';
+import { convertLegacyProps, convertLegacyEnum } from '../tool';
+import { WD_INPUT_SIZE, WD_INPUT_LAYOUT, WD_INPUT_LABEL_ALIGN, } from '../../../enum';
+import isEqual from '../isObjectEqual';
+import lodashGet from 'lodash.get';
+import { usePlatform, textToString } from '../platform';
+const PROPS_VALUE_MAP = { size: { l: 'lg', m: 'md', s: 'sm' } };
+// h5端固定为 md
+export const useSize = (props) => {
+    const platform = usePlatform();
+    const _size = props.size;
+    const size = useMemo(() => {
+        const temp = convertLegacyProps(PROPS_VALUE_MAP, 'size', _size);
+        if (temp === 'xs')
+            return 'xs';
+        if (platform === 'h5')
+            return 'md';
+        return convertLegacyEnum(temp, WD_INPUT_SIZE, 'md');
+    }, [_size, platform]);
+    return size;
+};
+// 位置，需要从 WdForm 中同步，所以默认为空
+export const useLayout = (props) => {
+    const { layout: _layout } = props || {};
+    const layout = useMemo(() => {
+        return convertLegacyEnum(_layout, WD_INPUT_LAYOUT, 'horizontal');
+    }, [_layout]);
+    return layout;
+};
+// 对齐
+export const useLabelAlign = (props) => {
+    const { labelAlign: _labelAlign } = props || {};
+    const labelAlign = useMemo(() => {
+        return convertLegacyEnum(_labelAlign, WD_INPUT_LABEL_ALIGN, 'left');
+    }, [_labelAlign]);
+    return labelAlign;
+};
+// 兼容有前后缀时的必填校验
+export const useRules = (props) => {
+    const { rules: _rules, required, before, after, requiredMsg } = props || {};
+    const [_before, _after] = [textToString(before), textToString(after)];
+    const rulesRef = useRef(_rules);
+    const rules = useMemo(() => {
+        let newRules = _rules;
+        if (required && (_before || _after)) {
+            const reg = `/^(?!(^${_before}${_after}$)).*$/`;
+            const rule = { message: requiredMsg, pattern: reg };
+            newRules = [..._rules, rule];
+        }
+        if (!isEqual(rulesRef.current, newRules)) {
+            rulesRef.current = newRules;
+        }
+        return rulesRef.current;
+    }, [_rules, required, _before, _after, requiredMsg]);
+    return rules;
+};
+// 兼容新旧状态
+export const useStatus = (props) => {
+    const { disabled: _disabled, readOnly: _readOnly, status } = props || {};
+    const result = useMemo(() => {
+        const disabled = status === 'disabled' || !!_disabled;
+        const readOnly = status === 'readOnly' || !!_readOnly;
+        return { disabled, readOnly };
+    }, [_disabled, _readOnly, status]);
+    return result;
+};
+// 输入值添加前后缀，且兼容数字
+export const converValueFix = (_inputValue, _before, _after, type) => {
+    const [inputValue, before, after] = [_inputValue, _before, _after].map((d) => textToString(d));
+    const fixValue = `${before}${inputValue}${after}`;
+    if (type && ['number', 'digit'].includes(type) && fixValue === '') {
+        return null;
+    }
+    return fixValue;
+};
+// 前后缀值转输入值
+export const converInputValue = (_value, _before, _after) => {
+    const [value, before, after] = [_value, _before, _after].map((d) => textToString(d));
+    let inputValue = value;
+    if (before && inputValue.startsWith(before)) {
+        const beforeReg = new RegExp(`^${before}`);
+        inputValue = inputValue.replace(beforeReg, '');
+    }
+    if (after && inputValue.endsWith(after)) {
+        const afterReg = new RegExp(`${after}$`);
+        inputValue = inputValue.replace(afterReg, '');
+    }
+    return inputValue;
+};
+// 转换方法参数 {value} -> str
+export const convertMethodParam = (val) => {
+    const methodValue = lodashGet(val, 'value');
+    return methodValue !== undefined ? methodValue : val;
+};
+// 将输入值转成字符串类型
+export const useStringProp = (props) => {
+    const { inputValue: _inputValue, value: _value, before: _before, after: _after, } = props || {};
+    const result = useMemo(() => {
+        const inputValue = textToString(_inputValue);
+        const value = textToString(_value);
+        const before = textToString(_before);
+        const after = textToString(_after);
+        return { inputValue, value, before, after };
+    }, [_inputValue, _value, _before, _after]);
+    return result;
+};
+// 兼容 px 单位
+export const convertPx = (val, unit = 'px') => {
+    const temp = /^\d+$/.test(`${val}`) ? `${val}${unit}` : val;
+    return typeof temp === 'string' ? temp : '';
+};

package/dist/web/utils/tool.js

@@ -30,8 +30,13 @@ export const getUuid = () => {
 /**
  * 转换枚举值
  */
-export const convertLegacyEnum = (prop, enumObj) => {
-    return enumObj.map((i) => i.value).includes(prop) ? prop : enumObj[0].value;
+export const convertLegacyEnum = (prop, enumObj, defaultValue) => {
+    const enumValue = enumObj.map((i) => i.value).includes(prop)
+        ? prop
+        : enumObj[0].value;
+    if (defaultValue !== undefined)
+        return enumValue || defaultValue;
+    return enumValue;
 };
 /**
  * 判断数据源字段类型名称
@@ -132,3 +137,8 @@ export const deepClone = (obj) => {
     });
     return newObj;
 };
+/** 兼容旧属性 */
+export const convertLegacyProps = (map, key, prop) => {
+    var _a;
+    return (_a = map[key][prop]) !== null && _a !== void 0 ? _a : prop;
+};