@cloudbase/weda-ui 3.11.0 → 3.11.1

package/dist/web/components/form/location/common/propsConfig.d.ts

@@ -13,7 +13,7 @@ export namespace propTypes {
     const zoom: PropTypes.Requireable<boolean>;
     const disabled: PropTypes.Requireable<boolean>;
     const requiredFlag: PropTypes.Requireable<boolean>;
-    const decorator: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+    const decorator: PropTypes.Requireable<NonNullable<any[] | PropTypes.ReactNodeLike>>;
     const value: PropTypes.Requireable<object>;
     const locationType: PropTypes.Requireable<number>;
     const dataSource: PropTypes.Requireable<object>;

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

@@ -9,6 +9,7 @@ import { toBase64Uri } from '../../../utils/file2base64';
 import { isNil } from '../../../utils/lodash';
 import { useUploader } from './useUploadFile';
 import { errorHandler } from '../../../utils/error';
+import { checkAcceptedFiles } from './util';
 /**
  * H5端
  */
@@ -51,10 +52,18 @@ export function ImageUploaderH5(props) {
         return tempFile.length < maxUploadCount;
     }, [tempFile, single, maxUploadCount, uploading]);
     const uploadChange = async (e) => {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         let files = [...e.target.files];
-        if (files.some((f) => f.size > maxSize * 1024 * 1024)) {
+        const isAccepted = files.every((i) => checkAcceptedFiles(i, accepts));
+        if (!isAccepted) {
             (_b = (_a = window === null || window === void 0 ? void 0 : window.$w) === null || _a === void 0 ? void 0 : _a.utils) === null || _b === void 0 ? void 0 : _b.showToast({
+                title: `上传图片类型错误`,
+                icon: 'none',
+            });
+            return false;
+        }
+        if (files.some((f) => f.size > maxSize * 1024 * 1024)) {
+            (_d = (_c = window === null || window === void 0 ? void 0 : window.$w) === null || _c === void 0 ? void 0 : _c.utils) === null || _d === void 0 ? void 0 : _d.showToast({
                 title: `请上传不超过 ${maxSize}M 的图片`,
                 icon: 'none',
             });
@@ -62,14 +71,14 @@ export function ImageUploaderH5(props) {
         }
         if (files.length > finalMaxImgCount) {
             // 防止一下子选择过多文件
-            (_d = (_c = window === null || window === void 0 ? void 0 : window.$w) === null || _c === void 0 ? void 0 : _c.utils) === null || _d === void 0 ? void 0 : _d.showToast({
+            (_f = (_e = window === null || window === void 0 ? void 0 : window.$w) === null || _e === void 0 ? void 0 : _e.utils) === null || _f === void 0 ? void 0 : _f.showToast({
                 title: `最多只能上传${finalMaxImgCount}张图片，请重新选择`,
                 icon: 'none',
             });
             return false;
         }
         if (tempFile.length + files.length > finalMaxImgCount) {
-            (_f = (_e = window === null || window === void 0 ? void 0 : window.$w) === null || _e === void 0 ? void 0 : _e.utils) === null || _f === void 0 ? void 0 : _f.showToast({
+            (_h = (_g = window === null || window === void 0 ? void 0 : window.$w) === null || _g === void 0 ? void 0 : _g.utils) === null || _h === void 0 ? void 0 : _h.showToast({
                 title: `最多只能上传${finalMaxImgCount}张图片`,
                 icon: 'none',
             });

package/dist/web/components/form/uploader/util.d.ts

@@ -1,3 +1,4 @@
 export declare const getBase64: (files: any) => Promise<any[]>;
 export declare const uploadTcbMulti: (files: any, props: any) => Promise<any[]>;
 export declare const filenameRegex: RegExp;
+export declare const checkAcceptedFiles: (file: any, acceptedFiles: any) => any;

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

@@ -86,3 +86,31 @@ const uploadToTcb = async (item, props) => {
         onUploadError(err);
     }
 };
+export const checkAcceptedFiles = (file, acceptedFiles) => {
+    if (file && acceptedFiles) {
+        const acceptedFilesArray = Array.isArray(acceptedFiles)
+            ? acceptedFiles
+            : acceptedFiles.split(',');
+        if (acceptedFilesArray.length === 0) {
+            return true;
+        }
+        if (acceptedFilesArray.includes('*')) {
+            return true;
+        }
+        const fileName = file.name || '';
+        const mimeType = (file.type || '').toLowerCase();
+        const baseMimeType = mimeType.replace(/\/.*$/, '');
+        return acceptedFilesArray.some((type) => {
+            const validType = type.trim().toLowerCase();
+            if (validType.charAt(0) === '.') {
+                return fileName.toLowerCase().endsWith(validType);
+            }
+            else if (validType.endsWith('/*')) {
+                // This is something like a image/* mime type
+                return baseMimeType === validType.replace(/\/.*$/, '');
+            }
+            return mimeType === validType;
+        });
+    }
+    return true;
+};

package/dist/web/components/form/uploaderFile/uploadFile.h5.js

@@ -13,7 +13,7 @@ import { WdButton } from '../../wd-button/wd-button';
 import { toBase64Uri } from '../../../utils/file2base64';
 import { isNil } from '../../../utils/lodash';
 import { errorHandler } from '../../../utils/error';
-import { filenameRegex } from '../uploader/util';
+import { filenameRegex, checkAcceptedFiles } from '../uploader/util';
 // 默认组件类前缀
 const CLASS_PREFIX = 'weda-upload-file-mobile';
 // 默认图片类型
@@ -137,10 +137,18 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
             }, children: _jsx("div", { "data-testid": "uploadFileH5", className: cls, id: id, style: style, children: _jsxs("div", { className: classNames(`${CLASS_PREFIX}`), children: [isEdit && (_jsx("div", { className: classNames(`${CLASS_PREFIX}__hd`, layout), children: _jsx("div", { children: btnDisabled ? (readOnly ? null : (_jsx(WdButton, { variant: "outline", className: classNames(`${CLASS_PREFIX}__btn--weak`), disabled: btnDisabled, text: btnTitle }))) : (_jsxs("div", { children: [_jsx("input", { ref: inputRef, id: "uploaderInput", type: "file", "data-testid": "button-up", className: "weui-uploader-mobile__input", accept: accepts.join(','), multiple: !single, onClick: () => {
                                                 inputRef.current && (inputRef.current.value = '');
                                             }, onChange: async (e) => {
-                                                var _a, _b, _c, _d, _e, _f, _g, _h;
+                                                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
                                                 let fileList = [...e.target.files];
-                                                if (single && fileList.length > 1) {
+                                                const isAccepted = fileList.every((i) => checkAcceptedFiles(i, accepts));
+                                                if (!isAccepted) {
                                                     (_b = (_a = window === null || window === void 0 ? void 0 : window.$w) === null || _a === void 0 ? void 0 : _a.utils) === null || _b === void 0 ? void 0 : _b.showToast({
+                                                        title: `上传图片类型错误`,
+                                                        icon: 'none',
+                                                    });
+                                                    return false;
+                                                }
+                                                if (single && fileList.length > 1) {
+                                                    (_d = (_c = window === null || window === void 0 ? void 0 : window.$w) === null || _c === void 0 ? void 0 : _c.utils) === null || _d === void 0 ? void 0 : _d.showToast({
                                                         title: `上传文件总数不能超过1个`,
                                                         icon: 'none',
                                                     });
@@ -148,7 +156,7 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
                                                 }
                                                 if (fileList.length + fileIDList.length >
                                                     maxUploadCount) {
-                                                    (_d = (_c = window === null || window === void 0 ? void 0 : window.$w) === null || _c === void 0 ? void 0 : _c.utils) === null || _d === void 0 ? void 0 : _d.showToast({
+                                                    (_f = (_e = window === null || window === void 0 ? void 0 : window.$w) === null || _e === void 0 ? void 0 : _e.utils) === null || _f === void 0 ? void 0 : _f.showToast({
                                                         title: `上传文件总数不能超过${maxUploadCount}个`,
                                                         icon: 'none',
                                                     });
@@ -156,14 +164,14 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
                                                 }
                                                 if (maxSizeLimit &&
                                                     fileList.some((f) => f.size > maxSizeLimit * 1024 * 1024)) {
-                                                    (_f = (_e = window === null || window === void 0 ? void 0 : window.$w) === null || _e === void 0 ? void 0 : _e.utils) === null || _f === void 0 ? void 0 : _f.showToast({
+                                                    (_h = (_g = window === null || window === void 0 ? void 0 : window.$w) === null || _g === void 0 ? void 0 : _g.utils) === null || _h === void 0 ? void 0 : _h.showToast({
                                                         title: `请上传不超过${maxSizeLimit}M的文件`,
                                                         icon: 'none',
                                                     });
                                                     return false;
                                                 }
                                                 if (fileList.some((f) => f.size > 1024 * 1024 * 1024)) {
-                                                    (_h = (_g = window === null || window === void 0 ? void 0 : window.$w) === null || _g === void 0 ? void 0 : _g.utils) === null || _h === void 0 ? void 0 : _h.showToast({
+                                                    (_k = (_j = window === null || window === void 0 ? void 0 : window.$w) === null || _j === void 0 ? void 0 : _j.utils) === null || _k === void 0 ? void 0 : _k.showToast({
                                                         title: `请上传不超过1024M的文件`,
                                                         icon: 'none',
                                                     });

package/dist/web/components/grid/col.d.ts

@@ -3,11 +3,11 @@ import type { CommonPropsType } from '../../types';
 import './style';
 declare const _default: React.ForwardRefExoticComponent<CommonPropsType & {
     alignSelf?: string;
-    widthType: ("fit-content" | "auto-fill" | (1 | "1") | (2 | "2") | (3 | "3") | (4 | "4") | (5 | "5") | (6 | "6") | (7 | "7") | (8 | "8") | (9 | "9") | (10 | "10") | (11 | "11") | (12 | "12")) | {
+    widthType: ("fit-content" | "auto-fill" | (1 | "1") | (2 | "2") | (3 | "3") | (4 | "4") | (5 | "5") | (6 | "6") | (7 | "7") | (8 | "8") | ("9" | 9) | (10 | "10") | (11 | "11") | (12 | "12")) | {
         type: string;
         value: string;
     };
-    lgWidthType: ("fit-content" | "auto-fill" | (1 | "1") | (2 | "2") | (3 | "3") | (4 | "4") | (5 | "5") | (6 | "6") | (7 | "7") | (8 | "8") | (9 | "9") | (10 | "10") | (11 | "11") | (12 | "12")) | {
+    lgWidthType: ("fit-content" | "auto-fill" | (1 | "1") | (2 | "2") | (3 | "3") | (4 | "4") | (5 | "5") | (6 | "6") | (7 | "7") | (8 | "8") | ("9" | 9) | (10 | "10") | (11 | "11") | (12 | "12")) | {
         type: string;
         value: string;
     };

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable @typescript-eslint/no-magic-numbers */
 import * as React from 'react';
 import { WdFormItem } from '../wd-form-item';
@@ -11,7 +11,7 @@ import { useSyncValue } from '../../utils/hooks/useSyncValue';
 import { useSetWidgetApi } from '../../utils/widget-api/use-set-widget-api';
 import { calculateNextValue, calculatePercentByValueAndBoundary } from './util';
 export const WdProgress = React.forwardRef(function FormProgress(props, inputRef) {
-    const { className, id, events, style, name, label, min = 0, max = 100, step = 1, } = props;
+    const { className, id, events, style, name, label, min = 0, max = 100, step = 1, percentSlot, showPercent = false, } = props;
     const [innerHandle, setInnerHandle] = React.useState({});
     const traitProps = { ...props, inputRef, setInnerHandle };
     const { onChange: outerOnChange, disabled, readOnly, validateErrorMsg, validateState, visible, value: defaultValue, } = useFormInputTrait(traitProps);
@@ -30,6 +30,7 @@ export const WdProgress = React.forwardRef(function FormProgress(props, inputRef
         visible,
         disabled,
         readOnly,
+        showPercent,
     }), [
         innerHandle,
         name,
@@ -41,6 +42,7 @@ export const WdProgress = React.forwardRef(function FormProgress(props, inputRef
         min,
         max,
         step,
+        showPercent,
     ], inputRef);
     const active = !(readOnly || disabled);
     const progressRef = React.useRef(null);
@@ -123,5 +125,5 @@ export const WdProgress = React.forwardRef(function FormProgress(props, inputRef
             document.removeEventListener('touchmove', onTouchMove);
         };
     }, [cancelDragging, onMouseMove, onTouchMove, active]);
-    return (visible && (_jsx(WdFormItem, { ...props, testId: "form-progress", validateErrorMsg: validateErrorMsg, validateState: validateState, readValue: value, classRoot: 'progress', disabled: disabled, layout: props.layout, children: _jsx("div", { id: id, className: classNames(`${classPrefix}-${platform}-progress-container`, `${classPrefix}-progress-container`, className), style: style, "data-testid": "progress-container", children: _jsx("div", { ref: progressRef, className: `${classPrefix}-progress`, children: _jsx("div", { className: `${classPrefix}-progress__value`, style: { width: `${percent}%` } }) }) }) })));
+    return (visible && (_jsx(WdFormItem, { ...props, testId: "form-progress", validateErrorMsg: validateErrorMsg, validateState: validateState, readValue: value, classRoot: 'progress', disabled: disabled, layout: props.layout, children: _jsxs("div", { id: id, className: classNames(`${classPrefix}-${platform}-progress-container`, `${classPrefix}-progress-container`, className), style: style, "data-testid": "progress-container", children: [_jsx("div", { ref: progressRef, className: `${classPrefix}-progress`, children: _jsx("div", { className: `${classPrefix}-progress__value`, style: { width: `${percent}%` } }) }), showPercent && (_jsx("div", { className: `${classPrefix}-progress__percent`, children: percentSlot }))] }) })));
 });

package/dist/web/components/wd-table/components/FieldRender/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable */
-import React, { useMemo, useRef } from 'react';
+import React, { useMemo, useRef, useState } from 'react';
 import fromEntries from 'object.fromentries';
 import { Modal, Table, Form, ConfigProvider } from 'tea-component';
 import { formatTimeByType } from '../../../../utils/date';
@@ -21,7 +21,7 @@ import { errorHandler } from '../../../../utils/error';
 import { ImagePreview } from './ImagePreview';
 import { VideoPreview } from './VideoPreview';
 import { ModalTable } from '../ModalTable';
-import { getWhereParam } from '../../utils';
+import { getWhereParam, getSortColumns } from '../../utils';
 import lodashGet from 'lodash.get';
 const MODAL_SIZE = '80%';
 // 文字提示框包裹组件
@@ -252,7 +252,7 @@ export function getFieldRender(field = {}, extra = {}) {
                 const propertyArr = Object.keys(properties);
                 const relatedKey = propertyArr.find((item) => {
                     var _a;
-                    if (properties[item].format === 'one-many' ||
+                    if (properties[item].format === 'many-one' ||
                         properties[item].format === 'many-many') {
                         return ((_a = properties[item]['x-parent']) === null || _a === void 0 ? void 0 : _a.parentFieldKey) === field.name;
                     }
@@ -262,9 +262,7 @@ export function getFieldRender(field = {}, extra = {}) {
                 });
                 const param = {
                     datasource: parentDatasource,
-                    enabledFieldNames: relatedField
-                        ? [relatedField]
-                        : [primaryField] || [],
+                    isNewData: true,
                 };
                 const whereList = getWhereParam(relatedKey, rowId);
                 const modalSize = isH5 ? 'auto' : 'l';
@@ -314,6 +312,7 @@ export const DataItemView = ({ fields, modelType, value, isH5 }) => {
  */
 export const DataTableView = ({ fields, value }) => {
     var _a;
+    const { sortable } = Table.addons;
     const { classPrefix } = useConfig();
     const rawFields = (_a = Object === null || Object === void 0 ? void 0 : Object.entries(fields.properties)) === null || _a === void 0 ? void 0 : _a.map(([name, field]) => Object.assign({}, field, { name }));
     const columns = useMemo(() => {
@@ -325,9 +324,21 @@ export const DataTableView = ({ fields, value }) => {
             supportManyRelated: false,
             showRelationWithTag: false,
         });
-        return baseColumns;
+        return baseColumns === null || baseColumns === void 0 ? void 0 : baseColumns.map((i) => ({ ...i, isSort: true }));
     }, [rawFields]);
-    return (_jsx(ConfigProvider, { classPrefix: classPrefix, children: _jsx(EnumHoc, { fields: rawFields, children: _jsx(Table, { className: `${classPrefix}-table-wrap`, bordered: "all", recordKey: "_id", records: [].concat(value), columns: columns }) }) }));
+    // 当前排序列
+    const [sorts, setSorts] = useState([]);
+    const sortColumns = getSortColumns({
+        fields: rawFields,
+        columnSets: columns,
+    });
+    return (_jsx(ConfigProvider, { classPrefix: classPrefix, children: _jsx(EnumHoc, { fields: rawFields, children: _jsx(Table, { className: `${classPrefix}-table-wrap`, bordered: "all", recordKey: "_id", records: [].concat(value).sort(sortable.comparer(sorts)), columns: columns, addons: [
+                    sortable({
+                        columns: sortColumns,
+                        value: sorts,
+                        onChange: (value) => setSorts(value),
+                    }),
+                ] }) }) }));
 };
 /**
  * array类型，展示组件

package/dist/web/components/wd-table/components/ModalTable/index.js

@@ -80,8 +80,6 @@ enablePagination = true, columnSelectType = 'select', defaultPageIndex = _defaul
         columnSetsKey,
     });
     const fields = authFields;
-    // 可排序字段
-    const sortColumns = getSortColumns({ fields, columnSets });
     // 查询参数
     const { query } = useQueryParams({
         queryParams,
@@ -152,8 +150,9 @@ enablePagination = true, columnSelectType = 'select', defaultPageIndex = _defaul
             fixedEnd,
             isH5,
             supportManyRelated: true,
+            showRelationWithTag: false,
         });
-        return baseColumns;
+        return baseColumns === null || baseColumns === void 0 ? void 0 : baseColumns.map((i) => ({ ...i, isSort: true }));
     }, [
         isNoDataSourceBind,
         fieldsLoading,
@@ -163,6 +162,8 @@ enablePagination = true, columnSelectType = 'select', defaultPageIndex = _defaul
         fixedEnd,
         isH5,
     ]);
+    // 可排序字段
+    const sortColumns = getSortColumns({ fields, columnSets: columns });
     // 事件属性
     useImperativeHandle(ref, () => ({
         refresh: () => {

package/dist/web/components/wd-table/utils/index.js

@@ -412,7 +412,7 @@ export const getFilterFields = (filterFields, authFields) => {
     var _a;
     let result = [];
     try {
-        const filterFieldsObj = JSON.parse(JSON.stringify(filterFields));
+        const filterFieldsObj = filterFields && JSON.parse(JSON.stringify(filterFields));
         if (filterFields === null || filterFields === void 0 ? void 0 : filterFields.filterConfig) {
             // 变量绑定的情况
             // 筛选有权限的字段

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

@@ -371,10 +371,10 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
         if (isExpression &&
             Array.isArray(dataSourceData) &&
             !isObjectEqual((_a = dataRef === null || dataRef === void 0 ? void 0 : dataRef.current) === null || _a === void 0 ? void 0 : _a.dataSourceData, dataSourceData)) {
-            dataRef.current.dataSourceData = dataSourceData || [];
+            dataRef.current.dataSourceData = [...dataSourceData];
         }
         if (!isObjectEqual((_b = dataRef === null || dataRef === void 0 ? void 0 : dataRef.current) === null || _b === void 0 ? void 0 : _b.tableRecords, tableRecords)) {
-            dataRef.current.tableRecords = tableRecords || [];
+            dataRef.current.tableRecords = [...tableRecords];
         }
     }, [dataSourceData, tableRecords, isExpression]);
     const beforeModalDestroy = () => {

package/dist/web/utils/isObjectEqual.d.ts

@@ -1,2 +1,2 @@
 export function serde(a: any): any;
-export default function _default(a: any, b: any, shouldSerde?: boolean): any;
+export default function _default(a: any, b: any, shouldSerde?: boolean): boolean;

package/dist/web/utils/moment.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="moment" />
 declare const moment: typeof import("moment");
 export declare const convertMoment: (val: any) => any;
 export default moment;

package/dist/web/utils/tool.js

@@ -227,10 +227,10 @@ export const convertSingleValue = (value, single) => {
     let v = value;
     if (value !== null) {
         if (single && typeof value !== 'string') {
-            v = null;
+            v = Array.isArray(value) ? value[0] : null;
         }
         else if (!single && !Array.isArray(value)) {
-            v = [];
+            v = value ? [].concat(value) : [];
         }
     }
     return v;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "3.11.0",
+  "version": "3.11.1",
   "main": "./dist/index.js",
   "module": "./dist/index",
   "miniprogram": "mpdist",
@@ -65,13 +65,15 @@
     "dev-mp": "npx gulp dev -f tools/build-mp/gulpfile.mjs",
     "convert-rpx": "npx gulp -f tools/convert-rpx/gulpfile.mjs",
     "clear:snap": "rimraf ./src/test/__snapshots__",
-    "size": "npm run build-mp && tcb lowcode publish && size-limit",
+    "size": "npm run build-mp && tcb lowcode build && size-limit",
     "new": "npx hygen comp new",
     "_postinstall": "node tools/post-install.mjs",
     "prepack": "pinst --disable",
     "postpack": "pinst --enable",
     "test:icon": "node tools/publish-icon/test.mjs",
-    "sync-icon": "node tools/publish-icon/sync-icon.mjs"
+    "sync-icon": "node tools/publish-icon/sync-icon.mjs",
+    "deploy": "node scripts/deploy.mjs && npm run release",
+    "release": "node scripts/release.mjs"
   },
   "keywords": [
     "weda",
@@ -83,7 +85,7 @@
   "description": "腾讯云微搭低代码组件库模板",
   "dependencies": {
     "@antv/g6": "^4.8.5",
-    "@cloudbase/weda-client": "^1.1.4",
+    "@cloudbase/weda-client": "^1.1.8",
     "@codemirror/autocomplete": "^6.16.0",
     "@codemirror/lang-javascript": "^6.2.2",
     "@codemirror/lang-json": "^6.0.1",
@@ -114,11 +116,14 @@
     "lodash.set": "^4.3.2",
     "markdown-it": "^14.1.0",
     "markdown-it-code-copy": "^0.1.2",
+    "mobx": "^5.15.4",
     "moment": "^2.29.4",
     "object.fromentries": "^2.0.7",
     "prop-types": "^15.7.2",
     "qrcode.react": "^3.1.0",
+    "react": "^17.0.2",
     "react-copy-to-clipboard": "^5.1.0",
+    "react-dom": "^17.0.2",
     "react-easy-swipe": "0.0.22",
     "react-error-boundary": "^3.1.4",
     "react-highlight-within-textarea": "3.1.1",
@@ -142,9 +147,9 @@
     "@babel/preset-env": "^7.22.15",
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.22.15",
-    "@cloudbase/cals": "^1.0.35",
-    "@cloudbase/lowcode-cli": "^0.21.8",
-    "@cloudbase/weda-cloud-sdk": "^1.0.26",
+    "@cloudbase/cals": "^1.2.4",
+    "@cloudbase/lowcode-cli": "^0.21.13",
+    "@cloudbase/weda-cloud-sdk": "^1.0.87",
     "@commitlint/cli": "^16.0.2",
     "@commitlint/config-conventional": "^17.7.0",
     "@craco/craco": "^7.1.0",
@@ -165,6 +170,7 @@
     "@storybook/react": "^6.5.16",
     "@swc/core": "1.3.37",
     "@swc/jest": "^0.2.24",
+    "@tcwd/dev-tools": "^1.0.1",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
@@ -181,6 +187,7 @@
     "babel-loader": "^8.2.5",
     "babel-plugin-istanbul": "^6.1.1",
     "cross-env": "^7.0.3",
+    "css-loader": "^5",
     "cypress": "~12.7.0",
     "cypress-image-diff-js": "^1.23.0",
     "cypress-wait-until": "^1.7.2",
@@ -212,24 +219,21 @@
     "identity-obj-proxy": "^3.0.0",
     "is-builtin-module": "^3.2.1",
     "jest": "^27.5.1",
-    "jest_workaround": "0.1.14",
     "jest-canvas-mock": "^2.4.0",
     "jest-environment-jsdom": "^27",
     "jest-preview": "^0.2.6",
+    "jest_workaround": "0.1.14",
     "json-schema-to-ts": "^2.5.5",
     "make-fetch-happen": "^11.0.1",
     "markdown-to-jsx": "^7.2.1",
     "miniprogram-simulate": "^1.5.9",
     "mkdirp": "^1.0.4",
-    "mobx": "^5.15.4",
     "mochawesome": "^7.1.3",
     "mochawesome-merge": "^4.2.1",
     "mochawesome-report-generator": "^6.2.0",
     "nano-staged": "^0.8.0",
     "pinst": "^3.0.0",
     "prettier": "^2.7.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
     "react-scripts": "^5.0.1",
     "react-test-renderer": "^17",
     "recast": "^0.23.4",
@@ -243,6 +247,7 @@
     "storybook-addon-sass-postcss": "^0.1.3",
     "storybook-addon-swc": "^1.2.0",
     "storybook-docs-toc": "^1.7.0",
+    "style-loader": "^1.3.0",
     "swc-loader": "0.2.3",
     "swc-plugin-coverage-instrument": "^0.0.14",
     "tdesign-react": "^1.1.10",
@@ -287,4 +292,4 @@
     "iOS >= 12",
     "safari >= 12"
   ]
-}
+}