@cloudbase/weda-ui 3.4.12 → 3.4.14

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

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

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import './index.css';
 import { usePlatform } from '../../../../utils/platform';
+import './style';
 export default function Empty({ height }) {
     const platform = usePlatform();
     const loadingHeight = useMemo(() => {

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import './index.css';
 import { usePlatform } from '../../../../utils/platform';
+import './style';
 export default function Loading({ height }) {
     const platform = usePlatform();
     const loadingHeight = useMemo(() => {

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import './index.css';
 import { usePlatform } from '../../../../utils/platform';
+import './style';
 export default function Retry({ reTry, height }) {
     const platform = usePlatform();
     const loadingHeight = useMemo(() => {

package/dist/web/components/form/selectMultiple/status/style.js

@@ -0,0 +1,2 @@
+import './index.css';
+import '../../../style';

package/dist/web/components/form/selectMultiple/style.js

@@ -0,0 +1,2 @@
+import './index.css';
+import '../../style';

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

@@ -6,6 +6,7 @@ import { ConfigProvider, Switch as TeaSwitch } from 'tea-component';
 import { renderDecorator } from '../renderDecorator';
 import { useSyncValue } from '../../../utils/hooks/useSyncValue';
 import { emptyObject } from '../../../utils/constant';
+import './style';
 import styles from './switch.module.css';
 export default function Switch({ 
 // 系统属性

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

@@ -0,0 +1,2 @@
+// common style
+import '../../style';

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

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import classNames from '../../../utils/classnames';
-import './index.css';
 import { ConfigProvider, Input } from 'tea-component';
 import { usePlatform } from '../../../utils/platform';
 import { renderDecorator } from '../renderDecorator';
 import { useSyncValue } from '../../../utils/hooks/useSyncValue';
 import { emptyObject } from '../../../utils/constant';
+import './style';
 export default function Textarea({ 
 // 系统属性
 id, className, style, events = emptyObject, 

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

@@ -0,0 +1,2 @@
+import './index.css';
+import '../../style';

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from '../../../utils/classnames';
-import './index.css';
+import './style';
 export default function Tips({ 
 // 系统属性
 className, 

package/dist/web/components/form/tips/style.js

@@ -0,0 +1,3 @@
+import './index.css';
+// common style
+import '../../style';

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

@@ -5,7 +5,7 @@ import { usePlatform } from '../../../utils/platform';
 import { ImageUploaderH5 as UploaderH5 } from './uploader.h5';
 import classNames from '../../../utils/classnames';
 import { UploaderPCInner } from './uploader.pc';
-import './index.css';
+import './style';
 import { renderDecorator } from '../renderDecorator';
 /**
  * 图片组件上传，区分 h5端/pc端

package/dist/web/components/form/uploader/style.js

@@ -0,0 +1,2 @@
+import './index.css';
+import '../../style';

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

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { usePlatform } from '../../../utils/platform';
 import { UploadFileH5 as UploaderH5 } from './uploadFile.h5';
 import { UploadFilePc } from './uploadFile.pc';
-import './index.css';
+import './style';
 /**
  * 文件组件上传，区分 h5端/pc端
  */

package/dist/web/components/form/uploaderFile/style.js

@@ -0,0 +1,2 @@
+import './index.css';
+import '../../style';

package/dist/web/components/form/userOrgSelect/component/depart-select/index.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useState, useEffect } from 'react';
 import { ConfigProvider } from 'tea-component';
-// import './index.less';
 import { useSyncValue } from '../../../../../utils/hooks/useSyncValue';
 import { usePlatform, isInIde } from '../../../../../utils/platform';
 import { deepClone } from '../../../../../utils/tool';

package/dist/web/components/form/userOrgSelect/component/user-select-h5/index.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import { UserSelectPC } from '../user-select-pc/user-select-pc';
 import { UserTreeSelectH5 as UserSelectH5 } from './user-select-h5';
-import '../userOrgSelect.css';
 import { isInIde, filterStrList, getUserInfo, usePlatform, } from '../../../../../utils/platform';
 import { useSyncValue } from '../../../../../utils/hooks/useSyncValue';
 import isObjectEqual from '../../../../../utils/isObjectEqual';
@@ -12,6 +11,8 @@ import { useViewData } from '../../hooks/use-views-data';
 import { useDepartData } from '../../hooks/use-depart-data';
 import { parseStrToArr } from '../../common/utils';
 import { useDeepCompareEffect } from '@react-hookz/web';
+import { getUuid } from '../../../../../utils/tool';
+import './style';
 export default function UserTreeSelect(props) {
     const { events = emptyObject, defaultValue = emptyArray, confirmValue = '', defaultValueType = 'noneUser', onChange = null, multiple = false, request = defaultRequest, where, confirmAction, closeAction, secondDisplay, // 辅助信息
     corpScope, // 展示企业范围
@@ -21,7 +22,9 @@ export default function UserTreeSelect(props) {
      * containerClass: string
      * triggerElement: React.ReactNode
      */
-    naked = false, containerClass = '', triggerElement = null, } = props;
+    naked = false, containerClass = '', triggerElement = null, 
+    /** 是否展示未关联部门用户 */
+    displayUncategorizedUsers = true, } = props;
     const platform = usePlatform();
     const [errInfo, setErrInfo] = useState({
         errorStatus: false,
@@ -29,6 +32,7 @@ export default function UserTreeSelect(props) {
     });
     const [open, setOpen] = useState(false);
     const [selectUserIds, setSelectUserIds] = useSyncValue(defaultValue, isObjectEqual);
+    const fetchRef = useRef({ version: '' });
     // 两次默认值不同, 需要刷新
     const prevDefaultRef = React.useRef(null);
     // 当前选中的部门id
@@ -55,6 +59,7 @@ export default function UserTreeSelect(props) {
     const { treeData, error } = useDepartData({
         request,
         params: { corpScopes },
+        displayUncategorizedUsers,
     });
     // 默认选中第一个部门
     useEffect(() => {
@@ -90,11 +95,14 @@ export default function UserTreeSelect(props) {
             setErrInfo({ errorStatus: false, errorMessage: null });
             // 避免ide mock值请求数据异常
             if (defaultValue && defaultValue.length !== 0 && !isInIde()) {
+                const fetchVersion = (fetchRef.current.version = getUuid());
                 const userSelectList = await getUserListByIds({
                     selectUserIds: filterStrList(parseStrToArr(defaultValue)) || [],
                     IsNoRelatedOrgFlag: false,
                     request,
                 });
+                if (fetchVersion !== fetchRef.current.version)
+                    return;
                 setConfirmUserList(userSelectList);
             }
             else {
@@ -107,7 +115,8 @@ export default function UserTreeSelect(props) {
     };
     useEffect(() => {
         try {
-            if (!isObjectEqual(prevDefaultRef.current, selectUserIds)) {
+            if (selectUserIds &&
+                !isObjectEqual(prevDefaultRef.current, selectUserIds)) {
                 getDefaultUser(selectUserIds);
                 prevDefaultRef.current = selectUserIds;
             }
@@ -116,10 +125,15 @@ export default function UserTreeSelect(props) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [defaultValueType, selectUserIds]);
     useDeepCompareEffect(() => {
-        var _a;
+        var _a, _b;
         setSelectedUserList(confirmUserList);
-        onChange === null || onChange === void 0 ? void 0 : onChange(setOnChangeValue(multiple, confirmUserList));
-        (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, setOnChangeValue(multiple, confirmUserList, true));
+        const _value = (_a = setOnChangeValue(multiple, confirmUserList)) !== null && _a !== void 0 ? _a : null;
+        const _eventValue = setOnChangeValue(multiple, confirmUserList, true);
+        // 值和默认值相同时，不触发 change 事件
+        if (isObjectEqual(_value, defaultValue))
+            return;
+        onChange === null || onChange === void 0 ? void 0 : onChange(_value);
+        (_b = events === null || events === void 0 ? void 0 : events.change) === null || _b === void 0 ? void 0 : _b.call(events, _eventValue);
     }, [confirmUserList === null || confirmUserList === void 0 ? void 0 : confirmUserList.map((user) => filterUserInfo(user))]);
     /** 点击确认时获取所选用户，调用confirmAction，将所选用户向外传出 */
     const onConfirmSelectUser = (selectedUserList) => {

package/dist/web/components/form/userOrgSelect/component/user-select-h5/style.js

@@ -0,0 +1,3 @@
+import '../userOrgSelect.css';
+// common style
+import '../../../../style';

package/dist/web/components/form/userOrgSelect/hooks/use-depart-data.js

@@ -64,14 +64,18 @@ const isNoOrgList = {
     icon: Icon,
 };
 export const useDepartData = (props) => {
-    const { request, params } = props;
+    const { request, params, displayUncategorizedUsers } = props;
     const { data: treeData, error } = useSWR(`${DescribeOrgs}_${JSON.stringify(params)}`, async () => {
         const tempList = await DescribeOrgs(request, params);
         const orgsData = destr(tempList);
         const { res: tempTreeData, tempOrgList } = buildTreeData(orgsData);
-        //是否展示非组织节点
-        const res = await fetchUserData({ pageNo: 1, pageSize: 1 }, request);
-        const finalTempTreeData = (res === null || res === void 0 ? void 0 : res.total) > 0
+        // 是否展示非组织节点
+        let userDataTotal = 0;
+        if (displayUncategorizedUsers) {
+            const res = await fetchUserData({ pageNo: 1, pageSize: 1 }, request);
+            userDataTotal = res === null || res === void 0 ? void 0 : res.total;
+        }
+        const finalTempTreeData = userDataTotal > 0
             ? (tempTreeData || []).concat(isNoOrgList)
             : tempTreeData;
         return {

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

@@ -4,6 +4,7 @@ import { FormItemWrapper } from '../common/form-item-wrapper';
 import Checkbox from '../form/checkbox';
 import Tips from '../form/tips';
 import { useFormInputTrait } from '../form-input-hooks';
+import '../style';
 const FormCheckbox = React.forwardRef(function FormCheckbox(props, inputRef) {
     const { className, id, style, required, requiredFlag, events, label, labelVisible, enumName, format, 
     // tipBlock,

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

@@ -5,6 +5,7 @@ import { FormItemWrapper } from '../common/form-item-wrapper';
 import Select from '../form/select';
 import Tips from '../form/tips';
 import { useFormInputTrait } from '../form-input-hooks';
+import '../style';
 const submitFormatter = (value) => {
     if (value == undefined) {
         return NaN;

package/dist/web/components/form-depart-tree-select/index.js

@@ -4,6 +4,7 @@ import { FormItemWrapper } from '../common/form-item-wrapper';
 import Tips from '../form/tips';
 import DepartTreeSelect from '../form/userOrgSelect/component/depart-select';
 import { useFormInputTrait } from '../form-input-hooks';
+import '../style';
 const FormDepartTreeSelect = React.forwardRef(function FormDepartTreeSelect(props, inputRef) {
     const { className, id, style, confirmValue, label, labelVisible, multiple, defaultValueType, placeholder, required, requiredFlag, size, events, departmentScope, ...restProps } = props;
     const { name, value, onChange, disabled, layout, 

package/dist/web/components/form-image-uploader/index.js

@@ -5,6 +5,7 @@ import { useFormInputTrait } from '../form-input-hooks';
 import { Uploader } from '../../components';
 import { FormItemWrapper } from '../common/form-item-wrapper';
 import { useRef, useState } from 'react';
+import './style';
 const FormImageUploader = React.forwardRef(function FormImageUploader(props, ref) {
     const { className, id, style, events, required, requiredFlag, labelVisible, value: propValue, title, acceptTypes, maxSize, maxUploadCount, single, showShape, ...restProps } = props;
     const normalizedValue = typeof propValue === 'string'

package/dist/web/components/form-image-uploader/style.js

@@ -0,0 +1 @@
+import '../style';

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

@@ -5,6 +5,7 @@ import { useFormInputTrait } from '../form-input-hooks';
 import Input from '../form/input';
 import Tips from '../form/tips';
 import { FormItemWrapper } from '../common/form-item-wrapper';
+import '../style';
 const logger = debug('wd-input');
 const WdInput = React.forwardRef(function WdInput(props, inputRef) {
     const { className, id, style, required, requiredFlag, label, labelVisible, placeholder, size, type, maxLength, password, focus, clearable, events, ...restProps } = props;

package/dist/web/components/form-input-hooks/index.js

@@ -109,8 +109,9 @@ export function useFormInputTrait(inputParams) {
             setHidden() {
                 setVisible(false);
             },
-            initialDisabled: inputParams.disabled,
-            setDisable(val) {
+            initialDisabled: statusParams.disabled,
+            initialReadOnly: statusParams.readOnly,
+            setDisabled(val) {
                 const originalValue = disabled;
                 const value = convertMethodParam(val);
                 setDisabled(value);

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

@@ -4,6 +4,7 @@ import { FormItemWrapper } from '../common/form-item-wrapper';
 import Location from '../form/location';
 import Tips from '../form/tips';
 import { useFormInputTrait } from '../form-input-hooks';
+import '../style';
 const FormLocation = React.forwardRef(function FormLocation(props, inputRef) {
     const { className, id, style, events, required, requiredFlag, label, labelVisible, customRange, dataSource, defauleShowLocation, locationRange, locationType, showLngLat, showMap, zoom, drag, 
     // @ts-expect-error 里面有，但dataForm没有，但json有传

package/dist/web/components/form-multi-region/index.js

@@ -4,6 +4,7 @@ import { FormItemWrapper } from '../common/form-item-wrapper';
 import Select from '../form/select';
 import Tips from '../form/tips';
 import { useFormInputTrait } from '../form-input-hooks';
+import '../style';
 const FormSwitch = React.forwardRef(function FormSwitch(props, inputRef) {
     const { className, id, style, events, required, requiredFlag, label, labelVisible, regionType, size, placeholder, ...restProps } = props;
     const { value, name, onChange, disabled, layout, 

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

@@ -5,6 +5,7 @@ import { useFormInputTrait } from '../form-input-hooks';
 import Input from '../form/input';
 import Tips from '../form/tips';
 import { FormItemWrapper } from '../common/form-item-wrapper';
+import '../style';
 const rules = [
     {
         format: 'mobile',

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

@@ -4,6 +4,7 @@ import { FormItemWrapper } from '../common/form-item-wrapper';
 import Radio from '../form/radio';
 import Tips from '../form/tips';
 import { useFormInputTrait } from '../form-input-hooks';
+import '../style';
 const FormRadio = React.forwardRef(function FormRadio(props, inputRef) {
     const { className, id, style, label, labelVisible, 
     // size,

package/dist/web/components/form-rich-text/index.js

@@ -4,6 +4,7 @@ import { useFormInputTrait } from '../form-input-hooks';
 import Tips from '../form/tips';
 import RichText from '../richText';
 import { FormItemWrapper } from '../common/form-item-wrapper';
+import '../style';
 const FromRichText = React.forwardRef(function FormRichText(props, inputRef) {
     const { className, id, style, events, title, titleVisible, maxSize, acceptTypes, required, requiredFlag, ...restProps } = props;
     const { value, name, onChange, disabled, layout, 

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

@@ -4,6 +4,7 @@ import { FormItemWrapper } from '../common/form-item-wrapper';
 import Select from '../form/select';
 import Tips from '../form/tips';
 import { useFormInputTrait } from '../form-input-hooks';
+import '../style';
 const FormSelect = React.forwardRef(function FormSelect(props, inputRef) {
     const { className, id, style, events, required, requiredFlag, label, labelVisible, dataSourceName, enumName, format, placeholder, primaryField, range, size, tipBlock, viewId, where, ...restProps } = props;
     const { value, name, onChange, disabled, layout, 

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

@@ -4,6 +4,7 @@ import { FormItemWrapper } from '../common/form-item-wrapper';
 import SelectMultiple from '../form/selectMultiple';
 import Tips from '../form/tips';
 import { useFormInputTrait } from '../form-input-hooks';
+import '../style';
 const FormSelectMultiple = React.forwardRef(function FormSelectMultiple(props, inputRef) {
     const { className, id, style, events, required, requiredFlag, label, labelVisible, dataSourceName, enumName, format, placeholder, primaryField, range, size, tipBlock, viewId, 
     // where,

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

@@ -4,6 +4,7 @@ import { FormItemWrapper } from '../common/form-item-wrapper';
 import Switch from '../form/switch';
 import Tips from '../form/tips';
 import { useFormInputTrait } from '../form-input-hooks';
+import '../style';
 const FormSwitch = React.forwardRef(function FormSwitch(props, inputRef) {
     const { className, id, style, events, required, requiredFlag, label, labelVisible, ...restProps } = props;
     const { value, name, onChange, disabled, layout, 

package/dist/web/components/form-text-area/index.js

@@ -4,6 +4,7 @@ import { FormItemWrapper } from '../common/form-item-wrapper';
 import Textarea from '../form/textarea';
 import Tips from '../form/tips';
 import { useFormInputTrait } from '../form-input-hooks';
+import '../style';
 const FormTextArea = React.forwardRef(function FormTextArea(props, inputRef) {
     const { className, id, style, required, requiredFlag, label, labelVisible, placeholder, size, maxLength, focus, events, counterVisible, ...restProps } = props;
     const { value, name, onChange, disabled, layout, 

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

@@ -4,6 +4,7 @@ import { FormItemWrapper } from '../common/form-item-wrapper';
 import Select from '../form/select';
 import Tips from '../form/tips';
 import { useFormInputTrait } from '../form-input-hooks';
+import '../style';
 const FormTime = React.forwardRef(function FormTime(props, inputRef) {
     const { className, id, style, events, required, requiredFlag, label, labelVisible, end, size, start, placeholder, ...restProps } = props;
     const { value, name, onChange, disabled, layout, 

package/dist/web/components/form-upload-file/index.js

@@ -5,6 +5,7 @@ import { useFormInputTrait } from '../form-input-hooks';
 import { UploaderFile } from '../../components';
 import { FormItemWrapper } from '../common/form-item-wrapper';
 import { useRef, useState } from 'react';
+import '../style';
 const FormUploadFile = React.forwardRef(function FormUploadFile(props, ref) {
     const { className, id, style, events, required, requiredFlag, labelVisible, value: propValue, label, acceptTypes, maxSize, maxUploadCount, single, deleteVisible, downloadVisible, ...restProps } = props;
     const normalizedValue = typeof propValue === 'string'
@@ -43,5 +44,4 @@ const FormUploadFile = React.forwardRef(function FormUploadFile(props, ref) {
     }
     return (_jsxs(FormItemWrapper, { children: [_jsx(UploaderFile, { id: id, style: style, className: className, events: events, name: name, onChange: onChange, disabled: disabled, label: label, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, acceptTypes: acceptTypes, defaultValue: value, deleteVisible: deleteVisible, downloadVisible: downloadVisible, maxSize: maxSize, maxUploadCount: maxUploadCount, single: single }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
 });
-FormUploadFile.whyDidYouRender = true;
 export default FormUploadFile;

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

@@ -5,6 +5,7 @@ import { useFormInputTrait } from '../form-input-hooks';
 import Input from '../form/input';
 import Tips from '../form/tips';
 import { FormItemWrapper } from '../common/form-item-wrapper';
+import '../style';
 const rules = [
     {
         format: 'url',

package/dist/web/components/form-user-tree-select/index.js

@@ -4,6 +4,7 @@ import { UserTreeSelect } from '../../components';
 import Tips from '../form/tips';
 import { useFormInputTrait } from '../form-input-hooks';
 import { FormItemWrapper } from '../common/form-item-wrapper';
+import '../style';
 const FormUserTreeSelect = React.forwardRef(function FormUserTreeSelect(props, inputRef) {
     const { className, id, style, events, required, requiredFlag, label, labelVisible, confirmValue, defaultValueType, multiple, size, where, secondDisplay, corpScope, ...restProps } = props;
     const { value, name, 

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

@@ -5,11 +5,11 @@ import { useResizeObserver } from '@react-hookz/web';
 import classNames from '../../utils/classnames';
 import { usePlatform, randomStr, isInIde } from '../../utils/platform';
 import isObjectEqual from '../../utils/isObjectEqual';
-import './index.css';
 import { useFormInputTrait, useParentForm } from '../form-input-hooks';
 import { debug } from '../../utils/console';
 import { noop } from '../../utils/constant';
 import { WdText } from '../wd-text';
+import './style';
 // 获取明细组件子项初始值
 const getChildFormItem = (isPureArray, name, parent) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
@@ -206,7 +206,9 @@ const FormDetailCom = forwardRef(function FormDetail(props, ref) {
                     });
                 }
             });
-            parent === null || parent === void 0 ? void 0 : parent.setValue(formDetailItemValue);
+            if (Object.keys(parent.initialValues || {}).length == 0) {
+                parent === null || parent === void 0 ? void 0 : parent.setValue(formDetailItemValue);
+            }
             setIsInit(false);
         }
     }, [

package/dist/web/components/formdetail/style.js

@@ -0,0 +1,2 @@
+import './index.css';
+import '../style';

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

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useEffect, useMemo } from 'react';
-import './index.css';
 import classNames from '../../utils/classnames';
 import { Row, Col, ConfigProvider, Button, Text } from 'tea-component';
 import { usePlatform } from '../../utils/platform';
@@ -9,6 +8,7 @@ import Image from '../image';
 import { useWindowSize } from '@react-hookz/web';
 import isObjectEqual from '../../utils/isObjectEqual';
 import { emptyArray } from '../../utils/constant';
+import './style';
 const CLASS_PREFIX = 'weda-graphic-card';
 export default function GraphicCard({ navOption = emptyArray, ColMobile, ColPC, iconWidthSize, iconHeightSize, titleVisible, desVisible, buttonVisible, textAlign, className, titleColor, titleFontWeight, titleFontSize, titleLineHeight, titleMaxLines, desColor, desFontWeight, desFontSize, desLineHeight, desMaxLines, buttonText, tips, style, }) {
     const platform = usePlatform();

package/dist/web/components/graphicCard/style.js

@@ -0,0 +1,2 @@
+import './index.css';
+import '../style';

package/dist/web/components/grid/col.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import classNames from '../../utils/classnames';
 import { usePlatform } from '../../utils/platform';
-import './_utils.css';
+import './style';
 // 和编辑器对应
 const manualCheckedType = {
     twelveAdjust: 'twelve-adjust',

package/dist/web/components/grid/grid.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import './grid.css';
-import './_utils.css';
 import classNames from '../../utils/classnames';
 import { isNil } from '../../utils/lodash';
+import './style';
 export default function Grid(props) {
     const { className: userClassName, gutterX, gutterY, events } = props;
     const className = useMemo(() => {

package/dist/web/components/grid/row.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import classNames from '../../utils/classnames';
 import { isNil } from '../../utils/lodash';
-import './_utils.css';
+import './style';
 export default function Row(props) {
     const { className: userClassName, id, style, children, events, alignItems, gutterX, } = props;
     const className = useMemo(() => {

package/dist/web/components/grid/style.js

@@ -0,0 +1,2 @@
+import './grid.css';
+import './_utils.css';

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, useMemo } from 'react';
 import classNames from '../../utils/classnames';
-import './index.css';
 import { ImageInner } from './image';
 import { emptyObject } from '../../utils/constant';
 import { useTempUrl } from '../../utils/hooks/use-cloud-id-temp-url';
+import './style';
 export default function Image({ 
 // 系统属性
 className, events = emptyObject, style, 

package/dist/web/components/image/style.js

@@ -0,0 +1,2 @@
+import './index.css';
+import '../style';

package/dist/web/components/index.js

@@ -1,42 +1,16 @@
-import React from 'react';
-if (process.env.NODE_ENV === 'development') {
-    // eslint-disable-next-line rulesdir/no-phantom-deps, @typescript-eslint/no-var-requires
-    import('@welldone-software/why-did-you-render').then((whyDidYouRender) => {
-        whyDidYouRender.default(React, {
-            trackHooks: false,
-            trackAllPureComponents: true,
-        });
-    });
-}
-import '@tcwd/style-wedatheme/index.css';
+import './style';
+// import React from 'react';
+// if (process.env.NODE_ENV === 'development') {
+//   // eslint-disable-next-line rulesdir/no-phantom-deps, @typescript-eslint/no-var-requires
+//   import('@welldone-software/why-did-you-render').then((whyDidYouRender) => {
+//     whyDidYouRender.default(React, {
+//       trackHooks: false,
+//       trackAllPureComponents: true,
+//     });
+//   });
+// }
 import loadable from '@loadable/component';
 import { fallback } from '../utils/loading-fallback';
-// export const Button = loadable(() => import('./button'), {fallback});
-// export const Container = loadable(() => import('./container'), {fallback});
-// export const Slot = loadable(() => import('./slot'), {fallback});
-// export const ScrollView = loadable(() => import('./scrollView'), {fallback});
-// export const Swiper = loadable(() => import('./swiper'), {fallback});
-// export const Modal = loadable(() => import('./modal'), {fallback});
-// export const RichText = loadable(() => import('./richText'), {fallback});
-// export const RichTextView = loadable(() => import('./richTextView'), {fallback});
-// export const Link = loadable(() => import('./link'), {fallback});
-// export const Drawer = loadable(() => import('./drawer'), {fallback});
-// export const UploaderView = loadable(() => import('./uploaderView'), {fallback});
-// // picker
-// export const Picker = loadable(() => import('./picker/picker'), {fallback});
-// export const DatePicker = loadable(() => import('./picker/datePicker'), {fallback});
-// export const TimePicker = loadable(() => import('./picker/timePicker'), {fallback});
-// // form
-// export const Form = loadable(() => import('./form/form'), {fallback});
-// export const Input = loadable(() => import('./form/input'), {fallback});
-// export const Textarea = loadable(() => import('./form/textarea'), {fallback});
-// export const Checkbox = loadable(() => import('./form/checkbox'), {fallback});
-// export const Radio = loadable(() => import('./form/radio'), {fallback});
-// export const Switch = loadable(() => import('./form/switch'), {fallback});
-// export const Uploader = loadable(() => import('./form/uploader'), {fallback});
-// export const Tips = loadable(() => import('./form/tips'), {fallback});
-// export const EnumSelect = loadable(() => import('./form/enumSelect'), {fallback});
-// export const Tabs = loadable(() => import('./tabs'), {fallback});
 export { default as Button } from './button';
 // export { default as Text } from './text';
 export const Text = loadable(() => import('./text'), { fallback });
@@ -161,10 +135,7 @@ export { default as WdFormDetail } from './formdetail';
 export { default as QrCode } from './qrcode';
 export { default as CustomerService } from './customer-service';
 export { default as WdOfficialAccount } from './wd-official-account';
-import 'weui/dist/style/weui.css';
-import '../weda-ui.css';
-// 组件标准化
-import '../../style/index.scss';
+export { default as Chart } from './echart';
 export { default as WdButton } from './wd-button';
 export { default as WdDivider } from './wd-divider';
 export const WdTable = loadable(() => import('./wd-table'), { fallback });