@cloudbase/weda-ui 3.3.0 → 3.3.1

package/dist/web/components/form/enumSelect/NormalSelect.d.ts

@@ -1,83 +0,0 @@
-/// <reference types="react" />
-declare const NormalSelect: {
-    ({ id, style, className, events, label, labelVisible, layout, requiredFlag, decorator, value, placeholder, disabled, onChange, clearable, appearance, matchButtonWidth, virtual, searchable, size, options, isModelApp, }: {
-        id: any;
-        style: any;
-        className: any;
-        events: any;
-        label: any;
-        labelVisible: any;
-        layout: any;
-        requiredFlag: any;
-        decorator: any;
-        value: any;
-        placeholder: any;
-        disabled: any;
-        onChange: any;
-        clearable: any;
-        appearance: any;
-        matchButtonWidth: any;
-        virtual: any;
-        searchable: any;
-        size: any;
-        options: any;
-        isModelApp: any;
-    }): JSX.Element;
-    propTypes: {
-        events: import("prop-types").Requireable<object>;
-        defaultValue: import("prop-types").Requireable<string | number>;
-        name: import("prop-types").Requireable<string>;
-        placeholder: import("prop-types").Requireable<string>;
-        disabled: import("prop-types").Requireable<boolean>;
-        onChange: import("prop-types").Requireable<(...args: any[]) => any>;
-        options: import("prop-types").Requireable<any[]>;
-        clearable: import("prop-types").Requireable<boolean>;
-        appearance: import("prop-types").Requireable<string>;
-        allOption: import("prop-types").Requireable<object>;
-        matchButtonWidth: import("prop-types").Requireable<boolean>;
-        virtual: import("prop-types").Requireable<boolean>;
-        searchable: import("prop-types").Requireable<boolean>;
-        size: import("prop-types").Requireable<string>;
-        value: import("prop-types").Requireable<string | any[]>;
-        enumType: import("prop-types").Requireable<string>;
-        customEnum: import("prop-types").Requireable<any[]>;
-        optionId: import("prop-types").Requireable<string>;
-        isModelApp: import("prop-types").Requireable<boolean>;
-        id: import("prop-types").Requireable<string>;
-        style: import("prop-types").Requireable<string>;
-        className: import("prop-types").Requireable<string>;
-        label: import("prop-types").Requireable<string>;
-        labelVisible: import("prop-types").Requireable<boolean>;
-        layout: import("prop-types").Requireable<string>;
-        requiredFlag: import("prop-types").Requireable<boolean>;
-    };
-    defaultProps: {
-        value: any[];
-        allOption: {
-            value: string;
-            text: string;
-            tooltip: string;
-        };
-        events: {};
-        label: string;
-        labelVisible: boolean;
-        layout: string;
-        requiredFlag: boolean;
-        name: string;
-        placeholder: string;
-        disabled: boolean;
-        onChange: () => void;
-        options: any[];
-        clearable: boolean;
-        appearance: string;
-        matchButtonWidth: boolean;
-        virtual: boolean;
-        searchable: boolean;
-        size: string;
-        enumType: string;
-        customEnum: any[];
-        optionId: any;
-        isModelApp: boolean;
-    };
-};
-export default NormalSelect;

package/dist/web/components/form/enumSelect/NormalSelect.js

@@ -1,52 +0,0 @@
-import * as React from 'react';
-import { Select } from 'tea-component';
-import SelectContainer from './SelectContainer';
-import { multipleProps } from './props/defaultProps';
-import { propTypes } from './props/propsTypes';
-import { useSyncValue } from '../../../utils/useSyncValue';
-const NormalSelect = ({ 
-// 系统属性
-id, style, className, events, 
-// weda 组件属性
-label, labelVisible, layout, requiredFlag, decorator, 
-// tea组件属性
-value, placeholder, disabled, onChange, clearable, appearance, matchButtonWidth, virtual, searchable, size, options, 
-// 业务属性
-isModelApp, }) => {
-    const [selectedValue, setSelectedValue] = useSyncValue(value);
-    const onSelectChange = (value) => {
-        setSelectedValue(value);
-        events.change && events.change({ value });
-        if (onChange) {
-            onChange(value || '');
-        }
-    };
-    const singleSelectProps = {
-        placeholder,
-        disabled,
-        clearable,
-        appearance,
-        key: id,
-        options,
-        onChange: onSelectChange,
-        value: selectedValue,
-        matchButtonWidth,
-        virtual,
-        searchable,
-        size,
-    };
-    if (isModelApp) {
-        return React.createElement(Select, { ...singleSelectProps });
-    }
-    return (React.createElement(SelectContainer, { style: style, className: className, label: label, labelVisible: labelVisible, layout: layout, 
-        // @ts-expect-error selectcontainer type inorrect
-        multiCell: false, requiredFlag: requiredFlag, decorator: decorator, id: id },
-        React.createElement(Select, { ...singleSelectProps })));
-};
-NormalSelect.propTypes = {
-    ...propTypes,
-};
-NormalSelect.defaultProps = {
-    ...multipleProps,
-};
-export default NormalSelect;

package/dist/web/components/form/enumSelect/SelectContainer.d.ts

@@ -1,16 +0,0 @@
-export default SelectContainer;
-declare function SelectContainer({ style, className, id, label, labelVisible, layout, requiredFlag, decorator, children, }: {
-    style: any;
-    className: any;
-    id: any;
-    label: any;
-    labelVisible: any;
-    layout: any;
-    requiredFlag: any;
-    decorator: any;
-    children: any;
-}): JSX.Element;
-declare namespace SelectContainer {
-    export { selectContainerPropsTypes as propTypes };
-}
-import { selectContainerPropsTypes } from "./props/propsTypes";

package/dist/web/components/form/enumSelect/SelectContainer.js

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import classNames from '../../../utils/classnames';
-import { selectContainerPropsTypes } from './props/propsTypes';
-import { renderDecorator } from '../renderDecorator';
-const SelectContainer = ({ style, className, 
-// weda 组件属性
-id, label, labelVisible, layout, requiredFlag, decorator, children, }) => {
-    const cls = classNames({
-        'weda-ui': true,
-        [className]: className,
-    });
-    const subCls = classNames({
-        'weui-cell': true,
-        'weui-cell_active': true,
-        'weui-cell_form': true,
-        'weui-cell_disabled': true,
-    });
-    const SelectComponent = React.createElement("div", { className: subCls }, children);
-    return renderDecorator(SelectComponent, decorator)({
-        id,
-        className: cls,
-        style,
-        label: labelVisible ? label : null,
-        layout,
-        multiCell: false,
-        requiredFlag,
-    });
-};
-SelectContainer.propTypes = selectContainerPropsTypes;
-export default SelectContainer;

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

@@ -1,82 +0,0 @@
-export default EnumSelect;
-declare const EnumSelect: {
-    ({ id, style, className, events, label, labelVisible, layout, requiredFlag, decorator, value, placeholder, disabled, onChange, clearable, appearance, matchButtonWidth, virtual, searchable, size, options, isModelApp, }: {
-        id: any;
-        style: any;
-        className: any;
-        events: any;
-        label: any;
-        labelVisible: any;
-        layout: any;
-        requiredFlag: any;
-        decorator: any;
-        value: any;
-        placeholder: any;
-        disabled: any;
-        onChange: any;
-        clearable: any;
-        appearance: any;
-        matchButtonWidth: any;
-        virtual: any;
-        searchable: any;
-        size: any;
-        options: any;
-        isModelApp: any;
-    }): JSX.Element;
-    propTypes: {
-        events: import("prop-types").Requireable<object>;
-        defaultValue: import("prop-types").Requireable<string | number>;
-        name: import("prop-types").Requireable<string>;
-        placeholder: import("prop-types").Requireable<string>;
-        disabled: import("prop-types").Requireable<boolean>;
-        onChange: import("prop-types").Requireable<(...args: any[]) => any>;
-        options: import("prop-types").Requireable<any[]>;
-        clearable: import("prop-types").Requireable<boolean>;
-        appearance: import("prop-types").Requireable<string>;
-        allOption: import("prop-types").Requireable<object>;
-        matchButtonWidth: import("prop-types").Requireable<boolean>;
-        virtual: import("prop-types").Requireable<boolean>;
-        searchable: import("prop-types").Requireable<boolean>;
-        size: import("prop-types").Requireable<string>;
-        value: import("prop-types").Requireable<string | any[]>;
-        enumType: import("prop-types").Requireable<string>;
-        customEnum: import("prop-types").Requireable<any[]>;
-        optionId: import("prop-types").Requireable<string>;
-        isModelApp: import("prop-types").Requireable<boolean>;
-        id: import("prop-types").Requireable<string>;
-        style: import("prop-types").Requireable<string>;
-        className: import("prop-types").Requireable<string>;
-        label: import("prop-types").Requireable<string>;
-        labelVisible: import("prop-types").Requireable<boolean>;
-        layout: import("prop-types").Requireable<string>;
-        requiredFlag: import("prop-types").Requireable<boolean>;
-    };
-    defaultProps: {
-        value: any[];
-        allOption: {
-            value: string;
-            text: string;
-            tooltip: string;
-        };
-        events: {};
-        label: string;
-        labelVisible: boolean;
-        layout: string;
-        requiredFlag: boolean;
-        name: string;
-        placeholder: string;
-        disabled: boolean;
-        onChange: () => void;
-        options: any[];
-        clearable: boolean;
-        appearance: string;
-        matchButtonWidth: boolean;
-        virtual: boolean;
-        searchable: boolean;
-        size: string;
-        enumType: string;
-        customEnum: any[];
-        optionId: any;
-        isModelApp: boolean;
-    };
-};

package/dist/web/components/form/enumSelect/index.js

@@ -1,6 +0,0 @@
-import MultipleSelect from './MultipleSelect';
-import NormalSelect from './NormalSelect';
-const EnumSelect = NormalSelect;
-/** @ts-ignore jsx */
-EnumSelect.MultipleSelect = MultipleSelect;
-export default EnumSelect;

package/dist/web/components/form/enumSelect/props/defaultProps.d.ts

@@ -1,34 +0,0 @@
-export namespace normalProps {
-    export const value: string;
-    export const events: {};
-    export const label: string;
-    export const labelVisible: boolean;
-    export const layout: string;
-    export const requiredFlag: boolean;
-    export const name: string;
-    export const placeholder: string;
-    export const disabled: boolean;
-    export { noop as onChange };
-    export const options: any[];
-    export const clearable: boolean;
-    export const appearance: string;
-    export const matchButtonWidth: boolean;
-    export const virtual: boolean;
-    export const searchable: boolean;
-    export const size: string;
-    export const enumType: string;
-    export const customEnum: any[];
-    export const optionId: any;
-    export const isModelApp: boolean;
-}
-export namespace multipleProps {
-    const value_1: any[];
-    export { value_1 as value };
-    export namespace allOption {
-        const value_2: string;
-        export { value_2 as value };
-        export const text: string;
-        export const tooltip: string;
-    }
-}
-import { noop } from "../../../../utils/constant";

package/dist/web/components/form/enumSelect/props/defaultProps.js

@@ -1,40 +0,0 @@
-import { noop } from '../../../../utils/constant';
-const commonProps = {
-    // 系统属性
-    events: {},
-    // weda 组件属性
-    label: '标题',
-    labelVisible: true,
-    layout: 'horizontal',
-    requiredFlag: false,
-    // tea组件属性
-    name: 'enumSelect',
-    placeholder: '请选择',
-    disabled: false,
-    onChange: noop,
-    options: [],
-    clearable: true,
-    appearance: 'button',
-    matchButtonWidth: true,
-    virtual: true,
-    searchable: true,
-    size: 'm',
-    // 业务属性
-    enumType: '',
-    customEnum: [],
-    optionId: null,
-    isModelApp: false,
-};
-export const normalProps = {
-    ...commonProps,
-    value: '',
-};
-export const multipleProps = {
-    ...commonProps,
-    value: [],
-    allOption: {
-        value: 'all',
-        text: '全选',
-        tooltip: '全选',
-    },
-};

package/dist/web/components/form/enumSelect/props/propsTypes.d.ts

@@ -1,39 +0,0 @@
-export namespace propTypes {
-    const events: PropTypes.Requireable<object>;
-    const defaultValue: PropTypes.Requireable<string | number>;
-    const name: PropTypes.Requireable<string>;
-    const placeholder: PropTypes.Requireable<string>;
-    const disabled: PropTypes.Requireable<boolean>;
-    const onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    const options: PropTypes.Requireable<any[]>;
-    const clearable: PropTypes.Requireable<boolean>;
-    const appearance: PropTypes.Requireable<string>;
-    const allOption: PropTypes.Requireable<object>;
-    const matchButtonWidth: PropTypes.Requireable<boolean>;
-    const virtual: PropTypes.Requireable<boolean>;
-    const searchable: PropTypes.Requireable<boolean>;
-    const size: PropTypes.Requireable<string>;
-    const value: PropTypes.Requireable<string | any[]>;
-    const enumType: PropTypes.Requireable<string>;
-    const customEnum: PropTypes.Requireable<any[]>;
-    const optionId: PropTypes.Requireable<string>;
-    const isModelApp: PropTypes.Requireable<boolean>;
-    const id: PropTypes.Requireable<string>;
-    const style: PropTypes.Requireable<string>;
-    const className: PropTypes.Requireable<string>;
-    const label: PropTypes.Requireable<string>;
-    const labelVisible: PropTypes.Requireable<boolean>;
-    const layout: PropTypes.Requireable<string>;
-    const requiredFlag: PropTypes.Requireable<boolean>;
-}
-export namespace formContainerPropsTypes {
-    const children: PropTypes.Requireable<PropTypes.ReactElementLike>;
-    const decorator: PropTypes.Requireable<PropTypes.ReactElementLike>;
-}
-export namespace selectContainerPropsTypes {
-    const children_1: PropTypes.Requireable<PropTypes.ReactElementLike>;
-    export { children_1 as children };
-    const decorator_1: PropTypes.Requireable<PropTypes.ReactElementLike>;
-    export { decorator_1 as decorator };
-}
-import * as PropTypes from "prop-types";

package/dist/web/components/form/enumSelect/props/propsTypes.js

@@ -1,47 +0,0 @@
-import * as PropTypes from 'prop-types';
-const commonPropsTypes = {
-    // 系统属性
-    id: PropTypes.string,
-    style: PropTypes.string,
-    className: PropTypes.string,
-    // weda 组件属性
-    label: PropTypes.string,
-    labelVisible: PropTypes.bool,
-    layout: PropTypes.string,
-    requiredFlag: PropTypes.bool,
-};
-export const propTypes = {
-    ...commonPropsTypes,
-    // 系统属性
-    events: PropTypes.object,
-    // tea组件属性
-    defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    name: PropTypes.string,
-    placeholder: PropTypes.string,
-    disabled: PropTypes.bool,
-    onChange: PropTypes.func,
-    options: PropTypes.array,
-    clearable: PropTypes.bool,
-    appearance: PropTypes.string,
-    allOption: PropTypes.object,
-    matchButtonWidth: PropTypes.bool,
-    virtual: PropTypes.bool,
-    searchable: PropTypes.bool,
-    size: PropTypes.string,
-    value: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
-    // 业务属性
-    enumType: PropTypes.string,
-    customEnum: PropTypes.array,
-    optionId: PropTypes.string,
-    isModelApp: PropTypes.bool,
-};
-export const formContainerPropsTypes = {
-    ...commonPropsTypes,
-    children: PropTypes.element,
-    decorator: PropTypes.element,
-};
-export const selectContainerPropsTypes = {
-    ...commonPropsTypes,
-    children: PropTypes.element,
-    decorator: PropTypes.element,
-};

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

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-import type { CommonFormPropsType } from '../types';
-import './index.css';
-/**
- * 表单容器组件
- */
-export default function Form({ className, contentSlot, style, id, layout, formType, datasourceType, dataSourceName, _id, methodGetItem, paramGetItem, events, appCloud, }: {
-    className: any;
-    contentSlot: any;
-    style: any;
-    id: any;
-    layout: any;
-    formType: any;
-    datasourceType: any;
-    dataSourceName: any;
-    _id: any;
-    methodGetItem: any;
-    paramGetItem: any;
-    events: any;
-    appCloud?: any;
-}): JSX.Element;
-export interface PropsType extends CommonFormPropsType {
-    contentSlot?: any;
-    formType?: string;
-    datasourceType?: string;
-    dataSourceName?: string;
-    _id?: string;
-    methodCreate?: string;
-    methodGetItem?: string;
-    paramGetItem?: any;
-    methodUpdate?: string;
-}

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

@@ -1,108 +0,0 @@
-import * as React from 'react';
-import classNames from '../../../utils/classnames';
-import { ConfigProvider, Form as TeaForm, message as TeaMessage, } from 'tea-component';
-import { usePlatform, isInIde } from '../../../utils/platform';
-import { callDataSource, callConnector } from '../../../utils/tcb';
-import weui from '../../../utils/weui';
-import './index.css';
-const formTypeWithInitValue = ['edit', 'read'];
-/**
- * 表单容器组件
- */
-export default function Form({ className, contentSlot, style, id, layout, formType, datasourceType, dataSourceName, _id, methodGetItem, paramGetItem, events, appCloud = { callDataSource, callConnector }, }) {
-    const platform = usePlatform(); // h5 | web
-    const isDataModel = !['connector', 'custom-connector'].includes(datasourceType); // 是否为数据模型，兼容历史 undefined
-    const cls = classNames({
-        'weda-ui': true,
-        'weda-form': true,
-        'weui-form': platform === 'h5',
-        'weda-form-pc': platform === 'pc',
-        'gsd-h5-react-form-pc': platform === 'pc',
-        [className]: className,
-    });
-    const timeRef = React.useRef(null);
-    React.useEffect(() => {
-        const getData = async () => {
-            var _a, _b;
-            try {
-                let initValue = {};
-                if (isDataModel) {
-                    // 数据模型查询条件
-                    if (formTypeWithInitValue.includes(formType) && dataSourceName) {
-                        initValue = await appCloud.callDataSource({
-                            dataSourceName,
-                            methodName: 'wedaGetItem',
-                            params: { _id },
-                        }, true);
-                        if (Object.keys(initValue).length !== 0) {
-                            (_a = events === null || events === void 0 ? void 0 : events.onInitValue) === null || _a === void 0 ? void 0 : _a.call(events, initValue);
-                        }
-                        else {
-                            alertError(platform, '表单容器数据查询失败');
-                        }
-                    }
-                }
-                else {
-                    // 连接器查询条件
-                    if (formTypeWithInitValue.includes(formType) &&
-                        dataSourceName &&
-                        methodGetItem &&
-                        paramGetItem) {
-                        initValue = await appCloud.callConnector({
-                            dataSourceName,
-                            methodName: methodGetItem,
-                            params: paramGetItem,
-                        }, true);
-                        if (Object.keys(initValue).length !== 0) {
-                            (_b = events === null || events === void 0 ? void 0 : events.onInitValue) === null || _b === void 0 ? void 0 : _b.call(events, initValue);
-                        }
-                    }
-                }
-            }
-            catch (e) {
-                alertError(platform, '表单容器数据查询失败');
-            }
-        };
-        if (dataSourceName && formTypeWithInitValue.includes(formType)) {
-            if ((isDataModel && _id) ||
-                (!isDataModel && paramGetItem && methodGetItem)) {
-                clearTimeout(timeRef.current);
-                // 防抖
-                // eslint-disable-next-line rulesdir/no-timer
-                timeRef.current = setTimeout(() => getData(), 100);
-            }
-        }
-    }, [
-        formType,
-        isDataModel,
-        dataSourceName,
-        _id,
-        platform,
-        methodGetItem,
-        paramGetItem,
-    ]);
-    // pc 渲染
-    const renderPc = () => {
-        return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-            React.createElement(TeaForm, { layout: layout, className: cls, style: style, id: id }, contentSlot)));
-    };
-    // h5 渲染
-    const renderH5 = () => {
-        return (React.createElement("div", { className: cls, style: style, id: id },
-            React.createElement("div", { className: "weui-cells__group weui-cells__group_form" }, contentSlot)));
-    };
-    return platform === 'pc' ? renderPc() : renderH5();
-}
-/**
- * 根据平台不同，展示不同的错误提示消息
- */
-function alertError(platform = 'h5', message) {
-    if (isInIde())
-        return;
-    if (platform === 'h5') {
-        weui.toast(message, { duration: 2000, className: 'weda-form-toast' });
-    }
-    else {
-        TeaMessage.error({ content: message });
-    }
-}

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import './index.css';
-import type { CommonFormPropsType } from '../types';
-export default function FormCell({ className, style, label, layout, children, multiCell, requiredFlag, size, }: PropsType): JSX.Element;
-export interface PropsType extends CommonFormPropsType {
-    multiCell?: boolean;
-    size?: string;
-}

package/dist/web/components/form/formcell/index.js

@@ -1,40 +0,0 @@
-import * as React from 'react';
-import classNames from '../../../utils/classnames';
-import './index.css';
-import { usePlatform } from '../../../utils/platform';
-import { ConfigProvider, Form as TeaForm } from 'tea-component';
-export default function FormCell({ className, style, label, layout, children, multiCell, requiredFlag, size, }) {
-    const platform = usePlatform();
-    const isFlex = layout !== 'vertical';
-    if (platform === 'pc') {
-        return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-            React.createElement(TeaForm.Item, { style: style, className: classNames({
-                    'weda-ui': true,
-                    'weui-cells_forms': !multiCell,
-                    'weui-cells_checkbox': multiCell,
-                    'weda-formcells__pc': !!label,
-                    'weda-formcells__full-width': size === 'full',
-                    [layout]: layout,
-                    [className]: [className],
-                }), label: label, required: requiredFlag }, children)));
-    }
-    return (React.createElement("div", { className: className, style: style },
-        React.createElement("div", { className: classNames({
-                'weda-formcells': true,
-                'weui-cells': true,
-                'weui-cells_forms': !multiCell,
-                'weui-cells_checkbox': multiCell,
-                'weui-flex': isFlex,
-            }) },
-            label ? (React.createElement("div", { className: classNames({
-                    'weda-formcells__label': true,
-                    // 标题也采用使用weui-cell的样式
-                    'weui-cell': true,
-                }) },
-                React.createElement("label", null, label),
-                requiredFlag ? (React.createElement("label", { className: "weda-formcells__flag" }, "*")) : null)) : null,
-            React.createElement("div", { className: classNames({
-                    'weda-formcells__content': true,
-                    'weui-flex__item': isFlex,
-                }) }, children))));
-}

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

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import './index.css';
-import type { CommonFormPropsType } from '../types';
-export default function Input({ id, className, style, events, label, labelVisible, name, defaultValue, password, placeholder, type, maxLength, disabled, focus: autoFocus, layout, requiredFlag, size, clearable, decorator, }: PropsType): JSX.Element;
-export interface PropsType extends CommonFormPropsType {
-    defaultValue?: string;
-    password?: boolean;
-    placeholder?: string;
-    type?: 'text' | 'number' | 'idcard' | 'digit';
-    maxLength?: number;
-    focus?: boolean;
-    size?: 's' | 'm' | 'l' | 'full';
-    clearable?: boolean;
-}