@cloudbase/weda-ui 3.4.2 → 3.4.4

package/dist/web/components/form/select/dropdown-select/ui.js

@@ -1,55 +1,60 @@
-import React, { useMemo } from 'react';
-import { ConfigProvider, Select as TeaSelect, } from 'tea-component';
+import React, { useRef, useState } from 'react';
 import classNames from '../../../../utils/classnames';
 import { noop } from '../../../../utils/constant';
-import { useSyncValue } from '../../../../utils/useSyncValue';
-import weui from '../../../../utils/weui';
+import { useSyncValue } from '../../../../utils/hooks/useSyncValue';
+import { PureSelect } from './index';
+const transformValue = (value) => {
+    return value ? value : null;
+};
 export function PureSelectPc(props) {
-    const { size, onChange = noop, disabled, placeholder } = props;
-    const [value, setValue] = useSyncValue(props.value);
-    const options = useMemo(() => {
-        var _a;
-        return ((_a = props.options) !== null && _a !== void 0 ? _a : []).map((opt) => ({
-            text: opt.label,
-            value: opt.value,
-        }));
-    }, [props.options]);
-    return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-        React.createElement("div", { "data-testid": "form-select" },
-            React.createElement(TeaSelect, { matchButtonWidth: true, size: size, onChange: (v) => {
-                    onChange(v);
-                    setValue(v);
-                }, disabled: disabled, value: value, type: "simulate", appearance: "button", placeholder: placeholder, options: options }))));
+    const { size, onChange = noop, value, placeholder, params, disabled } = props;
+    const previousValueRef = useRef();
+    return (React.createElement(PureSelect, { isShow: false, params: params, placeholder: placeholder, size: size, selectedValue: value, disabled: disabled, updateValue: (value) => {
+            if (previousValueRef.current != transformValue(value)) {
+                onChange(value);
+                previousValueRef.current = value;
+            }
+        } }));
 }
 export function PureSelectH5(props) {
-    const { placeholder, name, disabled, onChange = noop, options, layout, className, } = props;
+    const { placeholder, name, disabled, onChange = noop, layout, className, params, } = props;
     const [value, setValue] = useSyncValue(props.value);
+    const [currentLabel, setCurrentLabel] = useState('');
+    const [isShow, setIsShow] = useState(false);
+    const previousValueRef = useRef();
     const subCls = classNames({
         'weui-cell': true,
         'weui-cell_active': true,
         'weui-cell_form': true,
         'weui-flex__item': layout !== 'vertical',
         'weui-cell_disabled': disabled,
-    });
+    }, className);
+    // 选择回调
+    const onChooseCallback = (option, isUpdate, dismiss) => {
+        if (dismiss) {
+            setIsShow(false);
+        }
+        if (isUpdate && previousValueRef.current != transformValue(option === null || option === void 0 ? void 0 : option.value)) {
+            if (!option || Object.keys(option).length === 0) {
+                setValue('');
+                onChange('');
+                setCurrentLabel('');
+            }
+            else {
+                setValue(option.value);
+                onChange(option.value);
+                setCurrentLabel(option.label);
+            }
+            previousValueRef.current = option === null || option === void 0 ? void 0 : option.value;
+        }
+    };
     const onClick = () => {
-        weui.picker(options, {
-            id: String(Date.now()),
-            defaultValue: [value || options[0].value],
-            onConfirm(result) {
-                const item = result[0];
-                setValue(item.value);
-                onChange(item.value);
-            },
-            className,
-        });
+        setIsShow(true);
     };
-    const currentLabel = useMemo(() => {
-        const currentOpt = options.find((opt) => opt.value === value);
-        if (!currentOpt)
-            return '';
-        return currentOpt.label;
-    }, [options, value]);
-    return (React.createElement("div", { className: subCls },
-        React.createElement("div", { className: "weui-cell__bd weui-flex" },
-            React.createElement("input", { onClick: onClick, className: "weui-input", type: "select", name: name, placeholder: placeholder, value: currentLabel, disabled: disabled, autoComplete: 'off', readOnly: true, "data-testid": "form-item-select" }))));
+    return (React.createElement("div", null,
+        React.createElement("div", { className: subCls },
+            React.createElement("div", { className: "weui-cell__bd weui-flex select-picker", onClick: disabled ? null : onClick },
+                React.createElement("input", { className: "weui-input", type: "select", name: name, placeholder: placeholder, value: currentLabel, disabled: disabled, autoComplete: 'off', readOnly: true, "data-testid": "form-item-select" }),
+                React.createElement("span", { className: 'weui-input-arrow' }))),
+        React.createElement(PureSelect, { params: params, updateValue: onChooseCallback, selectedValue: value, isShow: isShow, size: undefined, disabled: undefined, placeholder: undefined })));
 }

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

@@ -3,14 +3,13 @@ import ReactDOM from 'react-dom';
 import weui from '../../../utils/weui';
 import classNames from '../../../utils/classnames';
 import isObjectEqual from '../../../utils/isObjectEqual';
-import { regionPicker, getRegionTree, getAreaCode } from './region/index';
+import { getAreaCode, getRegionTree, regionPicker } from './region/index';
 import { defaultProps, moment } from './index';
-import { timePicker, yearPicker, monthPicker } from './time';
+import { monthPicker, timePicker, yearPicker } from './time';
 import { emptyObject } from '../../../utils/constant';
 import { PureSelectH5 } from './dropdown-select/ui';
-import { useOptions } from './use-options';
 import AllTimePicker from './allTimePicker';
-import { getIOSNotNaNDate } from './allTimePicker/dataUtils';
+import { getIOSNotNaNDate, isTime } from './allTimePicker/dataUtils';
 export default function Select({ 
 // 系统属性
 events = emptyObject, 
@@ -197,6 +196,15 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
             });
         }
     };
+    // 默认日期设置表单事件，否则无法提交默认数据
+    React.useEffect(() => {
+        var _a;
+        if (isTime(defaultDate)) {
+            (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, {
+                value: new Date(getIOSNotNaNDate(defaultDate)).getTime(),
+            });
+        }
+    }, [defaultDate]);
     const onTimeClick = function () {
         const options = {
             className: 'weda-ui weda-picker',
@@ -335,9 +343,8 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
             controlledValue: range,
         };
     }
-    const [options] = useOptions(params);
     if (mode === 'selector') {
-        return (React.createElement(PureSelectH5, { className: "weda-ui weda-picker", name: name, value: selectedValue, placeholder: placeholder, disabled: disabled, options: options, onChange: (value) => {
+        return (React.createElement(PureSelectH5, { className: "weda-ui weda-picker", name: name, value: selectedValue, placeholder: placeholder, disabled: disabled, params: params, onChange: (value) => {
                 var _a;
                 setSelectedValue(value);
                 (_a = events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value });
@@ -386,6 +393,9 @@ export function decodeIsoDatetime(isoStringOrTimesnap, type, dateMode = 'day') {
             // 添加默认的日期，防止格式化日期异常
             isoStringOrTimesnap = isoStringOrTimesnap + '-01-01 08:00:00';
         }
+        if (!isTime(isoStringOrTimesnap)) {
+            return null;
+        }
         return moment(isoStringOrTimesnap).format(getDateModeFormat(dateMode));
     }
 }

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

@@ -1,5 +1,5 @@
 .weda-ui .weui-cell.weui-check__label {
-  padding: 1.14286rem;
+  padding: 16px;
 }
 
 .weda-ui .weui-flex__item .weui-cell.weui-check__label {
@@ -7,7 +7,7 @@
 }
 
 .year-picker__overlay {
-  width: 21.42857rem;
+  width: 300px;
 }
 
 .year-picker__overlay .year-picker__header {
@@ -18,13 +18,24 @@
 }
 
 .weda-ui.weda-select .weui-cell_form {
-  padding: 0 1.14286rem;
+  padding: 0 16px;
 }
 
 .weda-ui.weda-select .weui-flex__item .weui-cell_form {
   padding: 0;
-  padding-right: 1.14286rem;
+  padding-right: 16px;
 }
 
-/*# sourceURL=webpack://./src/web/components/form/select/index.css */
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9mb3JtL3NlbGVjdC9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxtQkFBbUI7QUFDckI7O0FBRUE7RUFDRSxlQUFlO0FBQ2pCOztBQUVBO0VBQ0Usa0JBQWtCO0FBQ3BCOztBQUVBO0VBQ0UsYUFBYTtFQUNiLDhCQUE4QjtFQUM5QixtQkFBbUI7RUFDbkIsZ0JBQWdCO0FBQ2xCOztBQUVBO0VBQ0UscUJBQXFCO0FBQ3ZCOztBQUVBO0VBQ0UsVUFBVTtFQUNWLHlCQUF5QjtBQUMzQiIsInNvdXJjZXNDb250ZW50IjpbIi53ZWRhLXVpIC53ZXVpLWNlbGwud2V1aS1jaGVja19fbGFiZWwge1xuICBwYWRkaW5nOiAxLjE0Mjg2cmVtO1xufVxuXG4ud2VkYS11aSAud2V1aS1mbGV4X19pdGVtIC53ZXVpLWNlbGwud2V1aS1jaGVja19fbGFiZWwge1xuICBwYWRkaW5nLWxlZnQ6IDA7XG59XG5cbi55ZWFyLXBpY2tlcl9fb3ZlcmxheSB7XG4gIHdpZHRoOiAyMS40Mjg1N3JlbTtcbn1cblxuLnllYXItcGlja2VyX19vdmVybGF5IC55ZWFyLXBpY2tlcl9faGVhZGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmb250LXdlaWdodDogNzAwO1xufVxuXG4ud2VkYS11aS53ZWRhLXNlbGVjdCAud2V1aS1jZWxsX2Zvcm0ge1xuICBwYWRkaW5nOiAwIDEuMTQyODZyZW07XG59XG5cbi53ZWRhLXVpLndlZGEtc2VsZWN0IC53ZXVpLWZsZXhfX2l0ZW0gLndldWktY2VsbF9mb3JtIHtcbiAgcGFkZGluZzogMDtcbiAgcGFkZGluZy1yaWdodDogMS4xNDI4NnJlbTtcbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */
+.select-picker .weui-input-arrow {
+  margin: auto 0;
+  width: 24px;
+  height: 24px;
+  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Crect opacity='0.01' width='24' height='24' fill='%23D8D8D8'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6003 12.5769L7.93943 20L6.99981 19.0875L14.3157 11.9986L6.99983 4.91249L7.93945 4L15.5754 11.3961C15.5858 11.4048 15.596 11.4139 15.6059 11.4235L15.8278 11.639C16.0302 11.8355 16.03 12.1605 15.8274 12.3568L15.6253 12.5526L15.6049 12.5725C15.6034 12.574 15.6018 12.5754 15.6003 12.5769Z' fill='black' fill-opacity='0.4'/%3E %3C/svg%3E ");
+}
+
+.weda-ui .wedatea2td-input:disabled {
+  background-color: inherit;
+}
+.select-region-pc .wedatea2td-cascader-menu--thin .wedatea2td-list > li {
+  padding: 10px 24px 10px 8px;
+}

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

@@ -4,16 +4,15 @@ import 'moment/locale/zh-cn';
 import { usePlatform } from '../../../utils/platform';
 import SelectH5, { decodeIsoDatetime } from './h5';
 import classNames from '../../../utils/classnames';
-import { DatePicker, TimePicker, Cascader, ConfigProvider, } from 'tea-component';
+import { Cascader, ConfigProvider, DatePicker, TimePicker, } from 'tea-component';
 import isObjectEqual from '../../../utils/isObjectEqual';
 import { renderDecorator } from '../renderDecorator';
 import YearPicker from './year';
 import { emptyObject } from '../../../utils/constant';
-import { PureSelectPc } from './dropdown-select/ui';
-import { useOptions } from './use-options';
-import { getRegionTree, getAreaCode } from './region';
+import { getAreaCode, getRegionTree } from './region';
 import { CommonErrorBoundary } from '../../common/error-boundary';
 import { useLoopRenderDetect } from '../../common/use-loop-render-detect';
+import { PureSelectPc } from './dropdown-select/ui';
 // @ts-ignore TODO: fix 与plugin构建阶段效果不同
 export const moment = (typeof _moment === 'function' ? _moment : _moment.default);
 export default function Select(props) {
@@ -98,7 +97,6 @@ function SelectPc({ where, dataSourceName, viewId, format, primaryField, enumNam
             controlledValue: range,
         };
     }
-    const [options] = useOptions(params);
     React.useEffect(() => {
         var _a, _b, _c, _d, _e;
         let hasChange = false;
@@ -182,12 +180,12 @@ function SelectPc({ where, dataSourceName, viewId, format, primaryField, enumNam
     const createDropdown = () => {
         switch (mode) {
             case 'selector':
-                return (React.createElement(PureSelectPc, { disabled: disabled, size: size, onChange: (value) => {
+                return (React.createElement(PureSelectPc, { params: params, disabled: disabled, placeholder: placeholder, size: size, value: selectedValue, onChange: (value) => {
                         var _a;
                         onChange && onChange(value);
                         (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value });
                         setSelectedValue(value);
-                    }, value: selectedValue, placeholder: placeholder, options: options }));
+                    } }));
             case 'date': {
                 const now = moment();
                 const start = startDate
@@ -234,11 +232,11 @@ function SelectPc({ where, dataSourceName, viewId, format, primaryField, enumNam
                 return (React.createElement(TimePicker, { className: sizeClassName, onChange: onDataChange, disabled: disabled, placeholder: placeholder, value: time ? moment(time, 'HH:mm') : undefined, range: [moment(start, 'HH:mm'), moment(end, 'HH:mm')], format: "HH:mm" }));
             }
             case 'region':
-                return (React.createElement(Cascader, { clearable: true, searchable: true, type: "menu", disabled: disabled, data: regionTree, multiple: false, onChange: onDataChange, className: sizeClassName, valueRender: (options) => options.map(({ label, value }, index) => (React.createElement(React.Fragment, { key: `${value}-${index}` },
+                return (React.createElement(Cascader, { clearable: true, searchable: true, type: "menu", disabled: disabled, data: regionTree, multiple: false, onChange: onDataChange, className: sizeClassName, overlayClassName: "select-region-pc", valueRender: (options) => options.map(({ label, value }, index) => (React.createElement(React.Fragment, { key: `${value}-${index}` },
                         index !== 0 && `${separator}`,
                         label || value))), value: region }));
             case 'mutiRegion':
-                return (React.createElement(Cascader, { clearable: true, searchable: true, className: sizeClassName, type: "menu", disabled: disabled, data: regionTree, multiple: false, onChange: onDataChange, valueRender: (options) => options.map(({ label, value }, index) => (React.createElement(React.Fragment, { key: `${value}-${index}` },
+                return (React.createElement(Cascader, { clearable: true, searchable: true, className: sizeClassName, overlayClassName: "select-region-pc", type: "menu", disabled: disabled, data: regionTree, multiple: false, onChange: onDataChange, valueRender: (options) => options.map(({ label, value }, index) => (React.createElement(React.Fragment, { key: `${value}-${index}` },
                         index !== 0 && ',',
                         label || value))), value: mutiRegion }));
         }

package/dist/web/components/form/select/request.js

@@ -0,0 +1,106 @@
+import destr from 'destr';
+import { getWhereList } from '../../../utils/platform';
+import { callDataSource, callWedaApi } from '../../../utils/tcb';
+export const formatNeedDataFetch = [
+    'father-son',
+    'related',
+    'x-enum',
+];
+export const PAGE_SIZE = 200;
+export const RequestOptionType = {
+    ALL: 0,
+    SEARCH: 1,
+    EQUAL: 2,
+};
+function isEmpty(s) {
+    if (s == null || s === '') {
+        return true;
+    }
+    return false;
+}
+export const requestFatherRelatedOption = async (params, pageNo, type, searchValue) => {
+    const { dataSourceName, viewId, where, primaryField } = params;
+    const empty = {
+        option: [],
+        isLoadMore: false,
+    };
+    if (isEmpty(dataSourceName) || isEmpty(viewId)) {
+        return empty;
+    }
+    let realWhere;
+    if (type === RequestOptionType.SEARCH) {
+        realWhere = [{ key: primaryField, val: searchValue, rel: 'search' }];
+    }
+    else if (type === RequestOptionType.EQUAL) {
+        realWhere = [{ key: '_id', val: searchValue, rel: 'eq' }];
+    }
+    else {
+        realWhere = [].concat(getWhereList(where));
+    }
+    const data = await callDataSource({
+        dataSourceName: dataSourceName,
+        viewId: viewId,
+        methodName: 'wedaGetRecords',
+        params: {
+            pageNo: pageNo,
+            pageSize: PAGE_SIZE,
+            where: realWhere,
+        },
+    });
+    const results = data === null || data === void 0 ? void 0 : data.records;
+    if (primaryField) {
+        if (results && results.length !== 0) {
+            const option = results.map((item) => {
+                return {
+                    label: item[primaryField] || item._id,
+                    value: item._id,
+                };
+            });
+            return {
+                option,
+                isLoadMore: results.length === PAGE_SIZE,
+            };
+        }
+        if (results && results.length === 0) {
+            return empty;
+        }
+    }
+    const defaultData = results === null || results === void 0 ? void 0 : results.map((opt) => ({
+        option: [{ label: opt._id, value: opt._id }],
+    })); // 兜底 正常来说一定有primaryField
+    return !isEmpty(defaultData)
+        ? { option: defaultData, isLoadMore: false }
+        : Promise.reject('network error');
+};
+export const requestEnumOption = async (params) => {
+    var _a, _b, _c;
+    // 如果绑定字段类型为枚举，且传入自定义选项集的名称则默认使用自定义选项集的内容作为选项
+    const { enumName } = params;
+    if (isEmpty(enumName)) {
+        return [];
+    }
+    const data = await callWedaApi({
+        action: 'DescribeGeneralOptionsDetailList',
+        data: {
+            OptNameList: [enumName],
+            PageIndex: 1,
+            PageSize: 10, // 表示选项集个数，不是每个选项集拉下来的数据，单个选项集所以数据都被返回
+        },
+    });
+    const config = (_c = destr((_b = (_a = data === null || data === void 0 ? void 0 : data.Items) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.Config)) !== null && _c !== void 0 ? _c : [];
+    const enumOption = config === null || config === void 0 ? void 0 : config.map((item) => {
+        return {
+            label: item.value,
+            value: item.key,
+        };
+    });
+    return enumOption || [];
+};
+export const transFormatTeaSelectKey = (options) => {
+    return options.map((item) => {
+        return {
+            value: item.value,
+            text: item.label,
+        };
+    });
+};

package/dist/web/components/form/select/status/allEmpty.js

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.css';
+export default function AllEmpty({ height }) {
+    return (React.createElement("div", { className: "weda-ui-custom-picker__empty", style: { height } }, "\u6682\u65E0\u6570\u636E"));
+}

package/dist/web/components/form/select/status/empty.js

@@ -0,0 +1,18 @@
+import React, { useMemo } from 'react';
+import './index.css';
+import { usePlatform } from '../../../../utils/platform';
+export default function Empty({ height }) {
+    const platform = usePlatform();
+    const loadingHeight = useMemo(() => {
+        if (height) {
+            return height;
+        }
+        if (platform === 'h5') {
+            return '48px';
+        }
+        else {
+            return '21px';
+        }
+    }, [platform]);
+    return (React.createElement("div", { className: "weda-ui-custom-picker__status weda-ui-custom-picker__status--empty", style: { height: loadingHeight, lineHeight: loadingHeight } }, "\u6682\u65E0\u6570\u636E"));
+}

package/dist/web/components/form/select/status/index.css

@@ -0,0 +1,63 @@
+.weda-ui-custom-picker__empty {
+  color: rgba(0, 0, 0, 0.4);
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 15px;
+}
+
+.weda-ui-custom-picker__status {
+  left: 16px;
+  color: rgba(0, 0, 0, 0.4);
+  font-size: 14px;
+  height: 48px;
+  line-height: 48px;
+  display: flex;
+  vertical-align: middle;
+}
+
+.weda-ui-custom-picker__status--loading {
+  color: #0052d9;
+  display: flex;
+  align-items: center;
+}
+
+.weda-ui-custom-picker__status--empty {
+  color: #00000042;
+}
+
+.weda-ui-custom-picker__loading-icon {
+  width: 20px;
+  height: 20px;
+  display: inline-block;
+  background-image: url(data:image/png;base64,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);
+  background-size: contain;
+  animation: rotate360 0.8s linear infinite;
+}
+
+@keyframes rotate360 {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.weda-ui-custom-picker__status--loading .weda-ui-custom-picker__loading-icon {
+  margin-right: 8px;
+}
+
+.weda-ui-custom-picker__btn {
+  background-color: transparent;
+  border: none;
+  font-size: 14px;
+  margin-left: 8px;
+}
+
+.weda-ui-custom-picker__btn--link {
+  color: #0052d9;
+}

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

@@ -0,0 +1,7 @@
+export const Status = {
+    ALl_EMPTY: -1,
+    LOADING: 0,
+    ERROR: 1,
+    FINISH: 2,
+    EMPTY: 3,
+};

package/dist/web/components/form/select/status/loading.js

@@ -0,0 +1,20 @@
+import React, { useMemo } from 'react';
+import './index.css';
+import { usePlatform } from '../../../../utils/platform';
+export default function Loading({ height }) {
+    const platform = usePlatform();
+    const loadingHeight = useMemo(() => {
+        if (height) {
+            return height;
+        }
+        if (platform === 'h5') {
+            return '48px';
+        }
+        else {
+            return '21px';
+        }
+    }, [platform]);
+    return (React.createElement("div", { className: "weda-ui-custom-picker__status weda-ui-custom-picker__status--loading", style: { height: loadingHeight } },
+        React.createElement("i", { className: "weda-ui-custom-picker__loading-icon" }),
+        "\u52A0\u8F7D\u4E2D..."));
+}

package/dist/web/components/form/select/status/propsType.js

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

package/dist/web/components/form/select/status/retry.js

@@ -0,0 +1,20 @@
+import React, { useMemo } from 'react';
+import './index.css';
+import { usePlatform } from '../../../../utils/platform';
+export default function Retry({ reTry, height }) {
+    const platform = usePlatform();
+    const loadingHeight = useMemo(() => {
+        if (height) {
+            return height;
+        }
+        if (platform === 'h5') {
+            return '48px';
+        }
+        else {
+            return '21px';
+        }
+    }, [platform]);
+    return (React.createElement("div", { className: "weda-ui-custom-picker__status ", style: { height: loadingHeight, lineHeight: loadingHeight } },
+        "\u52A0\u8F7D\u5931\u8D25",
+        React.createElement("button", { className: "weda-ui-custom-picker__btn weda-ui-custom-picker__btn--link", onClick: reTry }, "\u91CD\u8BD5")));
+}

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

@@ -4,7 +4,7 @@ import getLocalCounter from '../../../utils/getLocalCounter';
 import { usePlatform } from '../../../utils/platform';
 import { ConfigProvider, Switch as TeaSwitch } from 'tea-component';
 import { renderDecorator } from '../renderDecorator';
-import { useSyncValue } from '../../../utils/useSyncValue';
+import { useSyncValue } from '../../../utils/hooks/useSyncValue';
 import { emptyObject } from '../../../utils/constant';
 import styles from './switch.module.css';
 export default function Switch({ 

package/dist/web/components/form/switch/switch.module.css

@@ -5,6 +5,3 @@
   opacity: 0;
   overflow: hidden;
 }
-
-/*# sourceURL=webpack://./src/web/components/form/switch/switch.module.css */
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9mb3JtL3N3aXRjaC9zd2l0Y2gubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGtCQUFrQjtFQUNsQixRQUFRO0VBQ1IsU0FBUztFQUNULFVBQVU7RUFDVixnQkFBZ0I7QUFDbEIiLCJzb3VyY2VzQ29udGVudCI6WyIud2VkYVN3aXRjaElucHV0Omdsb2JhbCgud2V1aS1zd2l0Y2gtY3BfX2lucHV0KSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgb3BhY2l0eTogMDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */

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

@@ -3,12 +3,9 @@
 }
 
 .weda-ui .weda-textarea .weui-cell_form {
-  padding: 1.14286rem;
+  padding: 16px;
 }
 
 .weda-ui .weda-textarea .weui-flex__item .weui-cell_form {
   padding-left: 0;
 }
-
-/*# sourceURL=webpack://./src/web/components/form/textarea/index.css */
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9mb3JtL3RleHRhcmVhL2luZGV4LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGNBQWM7QUFDaEI7O0FBRUE7RUFDRSxtQkFBbUI7QUFDckI7O0FBRUE7RUFDRSxlQUFlO0FBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiLndlZGEtdGV4dGFyZWEgdGV4dGFyZWEge1xuICBoZWlnaHQ6IDguNnJlbTtcbn1cblxuLndlZGEtdWkgLndlZGEtdGV4dGFyZWEgLndldWktY2VsbF9mb3JtIHtcbiAgcGFkZGluZzogMS4xNDI4NnJlbTtcbn1cblxuLndlZGEtdWkgLndlZGEtdGV4dGFyZWEgLndldWktZmxleF9faXRlbSAud2V1aS1jZWxsX2Zvcm0ge1xuICBwYWRkaW5nLWxlZnQ6IDA7XG59XG4iXSwic291cmNlUm9vdCI6IiJ9 */

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

@@ -4,7 +4,7 @@ import './index.css';
 import { ConfigProvider, Input } from 'tea-component';
 import { usePlatform } from '../../../utils/platform';
 import { renderDecorator } from '../renderDecorator';
-import { useSyncValue } from '../../../utils/useSyncValue';
+import { useSyncValue } from '../../../utils/hooks/useSyncValue';
 import { emptyObject } from '../../../utils/constant';
 export default function Textarea({ 
 // 系统属性

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

@@ -3,5 +3,14 @@
   color: var(--weui-RED);
 }
 
-/*# sourceURL=webpack://./src/web/components/form/tips/index.css */
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9mb3JtL3RpcHMvaW5kZXguY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsY0FBYztFQUNkLHNCQUFzQjtBQUN4QiIsInNvdXJjZXNDb250ZW50IjpbIi53ZWRhLWZvcm0gLndldWktY2VsbHNfX3RpcHNfd2FybiB7XG4gIGNvbG9yOiAjZmE1MTUxO1xuICBjb2xvcjogdmFyKC0td2V1aS1SRUQpO1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */
+/* h5 */
+.weda-form .weui-cells__group_form .weui-cells__tips {
+  padding-left: 1.14286rem;
+}
+
+/* pc */
+.weda-form.weda-form-pc .weui-cells__tips {
+  padding: 0;
+  margin-top: 0;
+  margin-bottom: 1rem;
+}