@cloudbase/weda-ui 3.4.11 → 3.4.13

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

@@ -0,0 +1,78 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle, useRef, useEffect, useState, useMemo, } from 'react';
+import classNames from '../../utils/classnames';
+import { useConfig } from '../../utils/config-context';
+import { WdFormItem } from '../wd-form-item';
+import { FORM_MAX_LENGTH } from '../../utils/constant';
+import { useFormInputTrait } from '../form-input-hooks';
+import { filterPropsWithOn, getUuid } from '../../utils/tool';
+import { useSize } from '../../utils/hooks/useFormLegacy';
+import { usePlatform } from '../../utils/platform';
+/**
+ * 标准化：多行输入组件
+ */
+export const WdTextarea = forwardRef(function WdTextarea(props, ref) {
+    const { name, placeholder = '请输入', counterVisible = true, focus = false, maxLength = FORM_MAX_LENGTH, events, block: _block, classRoot = 'textarea', label, required, } = props;
+    /** 兼容从 Form 获取属性，必须引入，自动挂载组件方法 */
+    const [innerHandle, setInnerHandle] = useState({});
+    const traitProps = { ...props, setInnerHandle, inputRef: ref };
+    const { value, onChange: onChangeForm, disabled, readOnly, validateErrorMsg, validateState, visible, layout, } = useFormInputTrait(traitProps);
+    const block = usePlatform() === 'h5' ? true : _block;
+    const { classPrefix } = useConfig();
+    const startWithOnProps = useMemo(() => filterPropsWithOn(props), [props]);
+    const inputId = useMemo(() => getUuid(), []);
+    const size = useSize(props);
+    const textareaRef = useRef(null);
+    const counter = typeof value === 'string' ? value.length : 0;
+    const wrapRef = useRef(null);
+    const root = `${classPrefix}-${classRoot}`;
+    const inputWrap = `${classPrefix}-form-input-wrap`;
+    const textareaWrap = `${classPrefix}-form-textarea-wrap`;
+    const cls = classNames(inputWrap, textareaWrap, `${root}-${classRoot}`, `size-width-${size}`, `size-font-${size}`, {
+        'size-width-hundred': block,
+        'is-disabled': disabled,
+        'textarea-restriction': counterVisible,
+    });
+    const countCls = `${textareaWrap}__label ${root}-${classRoot}__count-text`;
+    useEffect(() => {
+        autoScroll();
+    }, []);
+    // 输入自动滚动
+    const autoScroll = function () {
+        if (!textareaRef.current)
+            return;
+        textareaRef.current.style.height = 'auto';
+        if (textareaRef.current.scrollHeight >= textareaRef.current.offsetHeight) {
+            textareaRef.current.style.height =
+                textareaRef.current.scrollHeight + 'px';
+        }
+    };
+    /** 内部事件 */
+    const onChange = function (e) {
+        var _a;
+        autoScroll();
+        const text = typeof e === 'string' ? e : e.target.value;
+        onChangeForm(text);
+        (_a = events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: text }, { originEvent: e });
+    };
+    const onFocus = function (e) {
+        var _a;
+        (_a = events.focus) === null || _a === void 0 ? void 0 : _a.call(events, { value: e.target.value }, { originEvent: e });
+    };
+    const onBlur = function (e) {
+        var _a;
+        (_a = events.blur) === null || _a === void 0 ? void 0 : _a.call(events, { value: e.target.value }, { originEvent: e });
+    };
+    /** widgets */
+    useImperativeHandle(ref, () => ({
+        ...innerHandle,
+        name,
+        value,
+        label,
+        required,
+        visible,
+        disabled,
+        readOnly,
+    }), [innerHandle, name, value, label, required, visible, disabled, readOnly]);
+    return (visible && (_jsx(WdFormItem, { ...props, validateErrorMsg: validateErrorMsg, validateState: validateState, readOnly: readOnly, disabled: disabled, readValue: value, classRoot: classRoot, inputId: inputId, layout: layout, children: _jsxs("div", { className: cls, ref: wrapRef, onFocus: () => wrapRef.current.classList.add('is-focused'), onBlur: () => wrapRef.current.classList.remove('is-focused'), children: [_jsx("textarea", { id: inputId, ref: textareaRef, rows: 2, placeholder: placeholder, name: name, value: value, maxLength: maxLength, autoFocus: focus, disabled: disabled, readOnly: readOnly, onChange: onChange, onFocus: onFocus, onBlur: onBlur, ...startWithOnProps }), counterVisible && (_jsxs("label", { className: countCls, children: [counter, "/", maxLength] }))] }) })));
+});

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

@@ -0,0 +1,3 @@
+import { WdTree } from './wd-tree';
+export { WdTree } from './wd-tree';
+export default WdTree;

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

@@ -0,0 +1,291 @@
+/* eslint-disable max-lines */
+/* eslint-disable @typescript-eslint/no-magic-numbers */
+import { deepClone } from '../../utils/tool';
+const TREE_INFO_GOT = [
+    { key: 'value', infoKey: 'selected', alias: 'selected' },
+    { key: 'value', infoKey: 'selected', alias: 'selectedPositions', aim: 'pos' },
+    { key: 'value', infoKey: 'selected', alias: 'selectedNodes', aim: 'root' },
+    { key: 'isExpand', value: true, alias: 'expanded' },
+    { key: 'isExpand', value: true, alias: 'expandedPositions', aim: 'pos' },
+    { key: 'isExpand', value: true, alias: 'expandedNodes', aim: 'root' },
+    { key: 'searched', value: 'searched' },
+    {
+        key: 'searched',
+        value: 'searched',
+        alias: 'searchedPositions',
+        aim: 'pos',
+    },
+    { key: 'searched', value: 'searched', alias: 'searchedNodes', aim: 'root' },
+    { key: 'checked', value: 'checked' },
+    { key: 'checked', value: 'checked', alias: 'checkedPositions', aim: 'pos' },
+    { key: 'checked', value: 'checked', alias: 'checkedNodes', aim: 'root' },
+    { key: 'checked', value: 'childChecked', alias: 'childChecked' },
+    {
+        key: 'checked',
+        value: 'childChecked',
+        alias: 'childCheckedPositions',
+        aim: 'pos',
+    },
+    {
+        key: 'checked',
+        value: 'childChecked',
+        alias: 'childCheckedNodes',
+        aim: 'root',
+    },
+];
+/**
+ * 仅根据初始值判断当前节点的展开状态
+ * @param treeNode 当前节点
+ * @param expandType 节点展开类型
+ * @param expandCustom 自定义要展开的节点
+ * @returns
+ */
+const judgeExpand = (treeNode, expandType, expandCustom) => {
+    if (!expandType)
+        return treeNode.expanded || '';
+    if (expandType === 'all')
+        return 'expand';
+    if (expandType !== 'none') {
+        return (expandCustom === null || expandCustom === void 0 ? void 0 : expandCustom.includes(treeNode.value)) ? 'expand' : '';
+    }
+    return '';
+};
+/**
+ * 仅根据搜索关键字判断节点是否被搜索到
+ * @param treeNode 当前节点
+ * @param searchKey 关键字
+ * @returns
+ */
+const judgeSearch = (treeNode, searchKey) => {
+    var _a;
+    return searchKey && ((_a = treeNode.label) === null || _a === void 0 ? void 0 : _a.includes(searchKey)) ? 'searched' : '';
+};
+/**
+ * 仅根据初始值判断是否选中
+ * @param treeNode 当前节点
+ * @param checkedCustom 自定义选中的节点
+ * @returns
+ */
+const judgeCheck = (treeNode, checkedCustom) => {
+    if (!(checkedCustom === null || checkedCustom === void 0 ? void 0 : checkedCustom.length))
+        return treeNode.checked || '';
+    return checkedCustom.includes(treeNode.value) ? 'checked' : '';
+};
+/**
+ * 根据初始值获取用于组件展示的数据
+ * @param {IInitData} param0
+ * @returns
+ */
+const initData = ({ data, parent, showIcon, expendIcon, foldIcon, leafIcon, pos = '', }) => {
+    if (!Array.isArray(data))
+        return [];
+    return data
+        .filter((item) => item === null || item === void 0 ? void 0 : item.value)
+        .map((item, index) => {
+        var _a;
+        item.pos = `${pos ? `${pos}-` : ''}${index}`;
+        item.root = item.root || { ...deepClone(item), pos: item.pos };
+        if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
+            item.children = initData({
+                data: item.children,
+                parent: item,
+                showIcon,
+                expendIcon,
+                foldIcon,
+                leafIcon,
+                pos: item.pos,
+            });
+        }
+        item.expendIcon = item.expendIcon || expendIcon;
+        item.foldIcon = item.foldIcon || foldIcon;
+        item.leafIcon = item.leafIcon || leafIcon;
+        item.showIcon = showIcon;
+        item.parent = parent;
+        return item;
+    });
+};
+/**
+ * 根据子节点的状态处理父节点的相关状态，如选中、展开
+ * @param {IGetStateOfChildrenParams} param0
+ * @returns
+ */
+const getStateOfChildren = ({ treeNode, key, state, }) => {
+    var _a, _b, _c;
+    const notHas = (_a = treeNode.children) === null || _a === void 0 ? void 0 : _a.map((v) => v[key]).includes(state.notHas);
+    const has = (_b = treeNode.children) === null || _b === void 0 ? void 0 : _b.map((v) => v[key]).includes(state.has);
+    const childHas = (_c = treeNode.children) === null || _c === void 0 ? void 0 : _c.map((v) => v[key]).includes(state.childHas);
+    if (notHas && !has && !childHas) {
+        return state.notHas;
+    }
+    else if (has && !notHas && !childHas) {
+        return state.has;
+    }
+    return state.childHas;
+};
+/**
+ * 处理节点的搜索状态
+ * @param treeNode 节点
+ * @returns
+ */
+const getSearched = (treeNode) => getStateOfChildren({
+    treeNode,
+    key: 'searched',
+    state: {
+        notHas: '',
+        has: 'searched',
+        childHas: 'childSearched',
+    },
+});
+/**
+ * 处理节点的展开状态
+ * @param treeNode 节点
+ * @returns
+ */
+const getExpand = (treeNode) => getStateOfChildren({
+    treeNode,
+    key: 'expanded',
+    state: {
+        notHas: '',
+        has: 'expand',
+        childHas: 'childExpand',
+    },
+});
+/**
+ * 处理节点的选中状态
+ * @param treeNode 节点
+ * @returns
+ */
+const getChecked = (treeNode) => getStateOfChildren({
+    treeNode,
+    key: 'checked',
+    state: {
+        notHas: '',
+        has: 'checked',
+        childHas: 'childChecked',
+    },
+});
+/**
+ * 初始化节点状态
+ * @param param0
+ * @returns
+ */
+const initTreeState = ({ data, checkedCustom, expandType, expandCustom, searchKey = '', parentChecked = '', }) => {
+    if (!Array.isArray(data))
+        return [];
+    return data.map((item) => {
+        var _a, _b, _c;
+        const currentChecked = parentChecked || judgeCheck(item, checkedCustom);
+        const currentSearched = judgeSearch(item, searchKey);
+        const currentExpand = judgeExpand(item, expandType, expandCustom);
+        if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
+            item.children = initTreeState({
+                data: item.children,
+                checkedCustom,
+                expandType,
+                expandCustom,
+                searchKey,
+                parentChecked: currentChecked === 'checked' ? 'checked' : '', // 只有父节点选中才去操作子节点选中
+            });
+            item.checked = currentChecked || getChecked(item);
+            item.searched = currentSearched || getSearched(item);
+            item.expanded = currentExpand || getExpand(item);
+        }
+        else {
+            item.checked = currentChecked || judgeCheck(item, checkedCustom);
+            item.searched = currentSearched;
+            item.expanded = item.searched ? 'expand' : '';
+        }
+        // 被搜索到的或根据输入判断需要展开的都认为要展开
+        item.isExpand =
+            !!((_b = item.children) === null || _b === void 0 ? void 0 : _b.length) &&
+                (searchKey ? !!item.searched : !!item.expanded);
+        if (item.showIcon) {
+            if ((_c = item.children) === null || _c === void 0 ? void 0 : _c.length) {
+                item.iconShow = item.isExpand ? item.expendIcon : item.foldIcon;
+            }
+            else {
+                item.iconShow = item.leafIcon;
+            }
+        }
+        return item;
+    });
+};
+/**
+ * 当某节点的选择状态变化时，处理该节点的父和子的选择状态
+ * @param treeNode
+ */
+const dealCheck = (treeNode) => {
+    var _a;
+    let parent = treeNode.parent;
+    const adjust = (arr, checked) => {
+        arr.forEach((item) => {
+            var _a;
+            item.checked = checked;
+            if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
+                adjust(item.children, item.checked);
+            }
+        });
+    };
+    while (parent) {
+        parent.checked = getChecked(parent);
+        parent = parent.parent;
+    }
+    if ((_a = treeNode.children) === null || _a === void 0 ? void 0 : _a.length) {
+        adjust(treeNode.children, treeNode.checked);
+    }
+};
+/**
+ * 查找满足要求的节点
+ * @param tree 树
+ * @param condition 需要获取的内容
+ * @returns
+ */
+const findNode = (params) => {
+    const { tree, info, condition } = params;
+    const list = {};
+    tree.forEach((item) => {
+        var _a;
+        let childList = {};
+        if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
+            childList = findNode({ tree: item.children, info, condition });
+        }
+        condition.forEach((v) => {
+            var _a;
+            const { key, value, alias, aim, infoKey } = v;
+            const k = alias || key;
+            const aimValue = infoKey ? info[infoKey] : value;
+            if (!list[k])
+                list[k] = [];
+            if (item[key] === aimValue) {
+                list[k].push(item[aim || 'value']);
+            }
+            if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
+                list[k] = [...new Set([...list[k], ...childList[k]])];
+            }
+        });
+    });
+    return list;
+};
+/**
+ * 根据checkable状态获取树信息
+ * @param params
+ * @param checkable
+ * @returns
+ */
+const getTreeInfo = (params, checkable) => {
+    const info = findNode(params);
+    // 如果未开启多选，则将点击状态覆盖选中状态
+    if (!checkable) {
+        info.checked = info.selected;
+        info.checkedNodes = info.selectedNodes;
+        info.checkedPositions = info.selectedPositions;
+        info.childChecked = [];
+        info.childCheckedNodes = [];
+        info.childCheckedPositions = [];
+    }
+    delete info.selected;
+    delete info.selectedNodes;
+    delete info.selectedPositions;
+    return info;
+};
+export { TREE_INFO_GOT, initData, initTreeState, dealCheck, findNode, getTreeInfo, };

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/date.js

@@ -73,10 +73,10 @@ export const formatDateToNumber = (dateType = 'date', t = '') => {
  */
 export const dateCalculation = ({ key, val, rel }, filterType) => {
     const dateSearchvalue = [];
-    // 1.date日期时间查询精确到秒，换算成毫秒时间戳存储，区间相隔一秒
-    // 2.datetime日期查询精确到日，日期换算成毫秒时间戳存储，区间相隔一日
+    // 1.datetime日期时间查询精确到秒，换算成毫秒时间戳存储，区间相隔一秒
+    // 2.date日期查询精确到日，日期换算成毫秒时间戳存储，区间相隔一日 86400000（未满1日，86399999）
     // 3.time时间查询精确到毫秒,换算成毫秒存储，区间相隔一秒
-    const endTime = filterType === 'date' ? 86400000 : 999;
+    const endTime = filterType === 'date' ? 86399999 : 999;
     switch (rel) {
         case 'eq':
             dateSearchvalue.push({