@cloudbase/weda-ui 3.1.0 → 3.1.1

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

@@ -0,0 +1,83 @@
+/// <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

@@ -0,0 +1,52 @@
+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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,30 @@
+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

@@ -0,0 +1,82 @@
+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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,34 @@
+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

@@ -0,0 +1,40 @@
+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

@@ -0,0 +1,39 @@
+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

@@ -0,0 +1,47 @@
+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.css

@@ -0,0 +1,9 @@
+.weda-ui.weda-form .weui-cells__group_form .weui-cell:not(.weui-cell_link) {
+  color: inherit;
+}
+
+.weda-ui.weda-form-pc,
+.weda-ui.gsd-h5-react-form-pc {
+  padding-left: 1.71429rem;
+  padding-right: 1.71429rem;
+}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import './index.css';
+import type { CommonFormPropsType } from '../types';
+export default function Form({ className, contentSlot, style, id, layout, }: {
+    className: any;
+    contentSlot: any;
+    style: any;
+    id: any;
+    layout: any;
+}): JSX.Element;
+export interface PropsType extends CommonFormPropsType {
+    contentSlot?: any;
+}

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

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import classNames from '../../../utils/classnames';
+import './index.css';
+import { ConfigProvider, Form as TeaForm } from 'tea-component';
+import { usePlatform } from '../../../utils/platform';
+export default function Form({ 
+// 系统属性
+className, 
+// 组件属性
+// title,
+// description,
+// tips,
+contentSlot, 
+// buttonSlot,
+style, id, layout, }) {
+    const platform = usePlatform();
+    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,
+    });
+    if (platform === 'pc') {
+        return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
+            React.createElement(TeaForm, { layout: layout, className: cls, style: style, id: id }, contentSlot)));
+    }
+    return (React.createElement("div", { className: cls, style: style, id: id },
+        React.createElement("div", { className: "weui-cells__group weui-cells__group_form" }, contentSlot)));
+}

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

@@ -0,0 +1,85 @@
+.weda-formcells__flag {
+  display: inline-block;
+  margin-left: 0.28571rem;
+  font-family: SimSun;
+  font-size: 0.85714rem;
+  color: #f60;
+  align-self: flex-start;
+}
+
+.weda-formcells__label.weui-cell {
+  align-items: flex-start;
+}
+
+.weda-ui .weui-cells__group_form .weui-cells {
+  margin: 0;
+}
+.weda-formcells.weui-flex .weda-formcells__label {
+  width: 9.28571rem;
+  padding-bottom: 1.14286rem;
+}
+.weui-cells__group_form .weui-cell {
+  padding: 1.14286rem 1.14286rem;
+}
+
+.weda-formcells .weda-formcells__label {
+  padding-bottom: 0.57143rem;
+}
+
+.weda-formcells__content.weui-flex__item .weui-cell_form {
+  padding: 0;
+}
+
+.weda-formcells__content.weui-flex__item .weui-cell_form {
+  padding-right: 1.14286rem;
+}
+
+/* formcell 在 form container 外部兼容 and 独立 layout 适配 */
+
+.weda-formcells__pc.vertical .wedatea2td-form__controls,
+.weda-formcells__pc.vertical .wedatea2td-form__label {
+  display: block;
+}
+.weda-formcells__pc.vertical .wedatea2td-form__label {
+  padding-bottom: 0;
+  padding-top: 0;
+  width: auto;
+  margin-bottom: 0.71429rem;
+}
+
+.weda-formcells__pc.vertical .wedatea2td-form__help-text {
+  margin-top: 0.28571rem;
+}
+.weda-formcells__pc.vertical .wedatea2td-form__controls--text {
+  padding-top: 0;
+}
+
+.weda-formcells__pc .wedatea2td-form__controls {
+  display: table-cell;
+  vertical-align: top;
+  padding-bottom: 1.14286rem;
+}
+.weda-formcells__pc .wedatea2td-form__label {
+  display: table-cell; /*container 外适配*/
+  vertical-align: baseline;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+.wedatea2td-form .wedatea2td-form__label .wedatea2td-icon {
+  vertical-align: -0.28571rem;
+}
+.weda-formcells__pc .wedatea2td-form__label label,
+.weda-formcells__pc .wedatea2td-form__label legend {
+  display: inline-block;
+  transform: translateZ(0);
+  width: 7rem;
+}
+
+/*formcell*/
+
+.weda-formcells__full-width .wedatea2td-form__controls {
+  width: 100%;
+}
+/*formcell end*/
+
+/* formcell 在 form container 外部兼容 */

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

@@ -0,0 +1,8 @@
+/// <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

@@ -0,0 +1,40 @@
+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.css

@@ -0,0 +1,40 @@
+/*  ios safari 特别是小屏幕 iphone SE 之流
+    weui自带cell的padding会把input压到很小，
+    容易点不到，需要特殊处理
+    START
+ */
+
+/*
+把weui-cell 的padding还回到input
+*/
+.weda-ui input.weui-input {
+  padding: 2rem 0;
+}
+
+.weda-ui.weda-input .weui-flex__item .weui-cell_form {
+  padding: 0;
+  padding-right: 1.14286rem;
+}
+
+.weda-ui.weda-input .weui-cell_form {
+  padding: 0 1.14286rem;
+}
+
+/**
+ * END
+ */
+
+/*
+    背景颜色设置问题
+    START
+*/
+.weda-ui .wedatea2td-input {
+  background: inherit;
+}
+/**
+ * END
+ */
+
+.weda-input .weui-input {
+  font-weight: inherit;
+}