@cloudbase/weda-ui 3.4.15 → 3.4.16

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

@@ -3,8 +3,8 @@ import * as React from 'react';
 import { UploadFilePc } from '../form/uploaderFile/uploadFile.pc';
 import { UploadFileH5 } from '../form/uploaderFile/uploadFile.h5';
 import { filterStrList, isCloudFileID, downloadFile, usePlatform, transFileCloudidToName, } from '../../utils/platform';
+import './index.css';
 import { useTempUrl } from '../../utils/hooks/use-cloud-id-temp-url';
-import './style';
 const CLASS_PREFIX = 'weda-uploader-file-view';
 /**
  * 上传文件回显，传showType强制展示某端样式，否则根据平台自动判断

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

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { TcbImage } from '../form/uploader/uploader.pc';
 import classNames from '../../utils/classnames';
+import './index.css';
 import { emptyObject } from '../../utils/constant';
-import './style';
 const CLASS_PREFIX = 'g-uploader-view';
 /**
  * 图片上传-展示组件

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

@@ -1,6 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Bubble, ConfigProvider } from 'tea-component';
 import Button from '../../components/button';
-import '../style';
 const UserInfo = (props) => (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Bubble, { content: "\u8BE5\u7EC4\u4EF6\u5FC5\u987B\u5728\u5C0F\u7A0B\u5E8F\u771F\u5B9E\u73AF\u5883\u4F7F\u7528\u624D\u80FD\u591F\u770B\u5230\u5B9E\u9645\u6548\u679C\u3002", children: _jsx(Button, { ...props }) }) }));
 export default UserInfo;

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

@@ -3,7 +3,6 @@ import { forwardRef, useImperativeHandle } from 'react';
 import { Bubble, ConfigProvider } from 'tea-component';
 import classNames from '../../utils/classnames';
 import { isInIde, usePlatform } from '../../utils/platform';
-import '../style';
 export const WdBubble = forwardRef(function WdBubble({ trigger, placement, promptTheme, arrowPointAtCenter, openDelay, closeDelay, bubbleContent, bubbleChildren, events, id, style, className, }, ref) {
     const platform = usePlatform();
     // Widget API，挂载组件只读属性和组件方法

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

@@ -9,7 +9,6 @@ import { textToString, usePlatform } from '../../utils/platform';
 import { convertLegacyEnum, filterPropsWithOn } from '../../utils/tool';
 import { WD_BUTTON_THEME, WD_BUTTON_VARIANT, WD_BUTTON_SIZE, WD_BUTTON_ICON_TYPE, WD_BUTTON_ICON_POSITION, WD_BUTTON_TYPE, } from '../../../enum';
 import { WdIcon } from '../index';
-import '../style';
 export const WdButton = forwardRef(function WdButton(props, ref) {
     const { text, size: _size = 'md', theme: _theme = 'secondary', variant: _variant = 'base', iconType: _iconType = 'none', iconSource = 'inner', icon: _icon, iconSrc, iconPosition: _iconPosition = 'before', block, formType: _formType, disabled, events = emptyObject, className, style, id, loading, 
     // 组件 widget 实例，后续可能会更改接口

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

@@ -16,7 +16,6 @@ import lodashGet from 'lodash.get';
 import isObjectEqual from '../../utils/isObjectEqual';
 import { useDataSource } from '../../utils/hooks/useDataSource';
 import { WdForm as FormUi } from './wd-form';
-import '../style';
 const SET_VALUE_DEBOUNCE_TIMEOUT = 200;
 const logger = debug('wd-form');
 const WdForm = React.forwardRef(function WdForm(props, ref) {

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

@@ -6,7 +6,7 @@ import { useConfig } from '../../utils/config-context';
 import { usePlatform } from '../../utils/platform';
 import { convertLegacyEnum } from '../../utils/tool';
 import { WD_ICON_TYPE, WD_ICON_SIZE } from '../../../enum';
-import '../style';
+// eslint-disable-next-line complexity
 export const WdIcon = forwardRef(function WdIcon({ type: _type = 'inner', name, src, size: _size, events = emptyObject, className, style: _style, id, color: _color, ...props }, ref) {
     const [isError, setIsError] = useState(false);
     const platform = usePlatform();

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

@@ -5,7 +5,6 @@ import { ImageInner } from './image';
 import { emptyObject } from '../../utils/constant';
 import { useTempUrl } from '../../utils/hooks/use-cloud-id-temp-url';
 import { useConfig } from '../../utils/config-context';
-import '../style';
 export default forwardRef(function WdImage({ 
 // 系统属性
 className, events = emptyObject, style, 

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

@@ -5,7 +5,6 @@ import { emptyObject } from '../../utils/constant';
 import { useConfig } from '../../utils/config-context';
 import { usePlatform } from '../../utils/platform';
 import { WdIcon } from '../index';
-import '../style';
 export const WdLink = forwardRef(function WdLink({ content, url, isOpenInNewWindow, params, iconType, iconSource = 'inner', icon, iconSrc, iconPosition = 'before', disabled, enableSlot = true, contentSlot, events = emptyObject, className, style, id, ...props }, ref) {
     const platform = usePlatform();
     // 样式

package/dist/web/components/wd-official-account/index.js

@@ -11,7 +11,7 @@ import { WdButton } from '../../components/wd-button';
 // @ts-ignore忽略ts交验
 // eslint-disable-next-line rulesdir/no-phantom-deps,import/no-unresolved
 import { autorun } from 'mobx';
-import './style';
+import './index.css';
 export default function WdOfficialAccount(props) {
     var _a, _b;
     const { className, id, style } = props;

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ConfigProvider } from 'tea-component';
 import { ExportFileModalByApi as ExportFileModalByApiFromTable } from '../../../table/ExportFileModalByApi';
-import './style';
+import './index.css';
 export function ExportFileModalByApi({ onCancel, visible, fields, selectedKeysList, handleInOrOutRecordModalVisible, dbName, whereList, where, orderBy, orderType, tableColumns, }) {
     return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(ExportFileModalByApiFromTable, { onCancel: onCancel, visible: visible, fields: fields, selectedKeysList: selectedKeysList, handleInOrOutRecordModealVisible: handleInOrOutRecordModalVisible, dbName: dbName, where: where, whereList: whereList, orderBy: orderBy, orderType: orderType, tableColumns: tableColumns }) }));
 }

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

@@ -4,7 +4,7 @@ import { formatDataToXlsx, filterCustomFields } from '../FieldRender';
 import { getFieldsTypeName } from '../../../../utils/tool';
 import { alertErrorMessage } from '../../../../utils/platform';
 import { exportData } from '../../../../utils/file';
-import './style';
+import './index.css';
 /**
  * 后端导出弹窗
  */

package/dist/web/components/wd-table/components/FieldRender/Form/Location.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
 import classNames from '../../../../../utils/classnames';
 import { Form, Input, Text } from 'tea-component';
-import './style';
+import './Location.css';
 export const locationProperties = {
     address: {
         title: '地点',

package/dist/web/components/wd-table/components/FieldRender/UserDepartment/ViewCell.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Text } from 'tea-component';
 import { getRelationData } from './utils';
-import './style';
+import './viewCell.css';
 export const ViewCell = ({ data, showType, relation }) => {
     if (showType === 'tree') {
         return _jsx(Text, { verticalAlign: "middle", children: (data === null || data === void 0 ? void 0 : data.content) || '-' });

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

@@ -2,7 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { ImportFileModalByApi as ImportFileModalByApiFromTable } from '../../../table/ImportFileModalByApi';
 import { alertErrorMessage } from '../../../../utils/platform';
 import { ConfigProvider } from 'tea-component';
-import './style';
 /**
  * 后端导入弹窗
  */

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

@@ -22,7 +22,6 @@ import { Mock } from './mock';
 import { getTableColumns, slotRender, mapColumKey, } from './components/FieldRender';
 import Modal from '../modal';
 import { WdButton } from '../wd-button';
-import '../style';
 const _defaultPageIndex = 1;
 const _defaultPageSize = 10;
 const TableOption = memo(function TableOption({ slots, ...props }) {

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

@@ -6,7 +6,6 @@ import { textToString, usePlatform } from '../../utils/platform';
 import { convertLegacyProps } from './convert-legacy-props';
 import { convertLegacyEnum } from '../../utils/tool';
 import { WD_TEXT_LEVEL, WD_TEXT_MAX_LINES } from '../../../enum';
-import '../style';
 export const WdText = forwardRef(function WdText({ className, style, id, level: _level = 'body-default', text, overflow, maxLines: _maxLines, space, tips, userSelect, events, contenteditable, onInput, onBlur, ...props }, ref) {
     const platform = usePlatform();
     // 兼容旧版组件的属性值

package/dist/web/components/web-view/web-view.js

@@ -5,7 +5,7 @@ import { useConfig } from '../../utils/config-context';
 import { isInIde, usePlatform } from '../../utils/platform';
 import { Bubble } from 'tea-component';
 import EmptyContent from '../statusContent';
-import './style';
+import './index.css';
 export const WebView = forwardRef(function WebView({ link, events, className, style }, ref) {
     const platform = usePlatform();
     const iframeRef = useRef(null);

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

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import videojs from 'video.js';
+import 'video.js/dist/video-js.css';
+import './index.css';
 import { usePlatform, isCloudFileID, isInIde } from '../../utils/platform';
 import classNames from '../../utils/classnames';
 import { ConfigProvider, Icon } from 'tea-component';
 import { useTempUrl } from '../../utils/hooks/use-cloud-id-temp-url';
-import './style';
 const { useEffect, useRef, useMemo, useState } = React;
 const MimetypesKind = {
     opus: 'video/ogg',

package/dist/web/utils/platform.js

@@ -152,7 +152,7 @@ export const isWXIDE = () => /wechatideplugin/i.test(navigator.userAgent);
 export const resolveStaticResourceUrl = (path) => {
     var _a, _b;
     try {
-        // eslint-disable-next-line no-unsafe-optional-chaining
+        // eslint-disable-next-line no-unsafe-optional-chaining, prettier/prettier
         const resourceUrl = (_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.__internal__) === null || _b === void 0 ? void 0 : _b.resolveStaticResourceUrl(path);
         return resourceUrl;
     }

package/dist/web/weda-ui.css

@@ -353,6 +353,31 @@ body .weda-ui {
   .form-detail-group-label-container {
   width: 98px;
 }
+/* 旧版组件支持表单容器垂直布局 */
+.weda-ui.gsd-h5-react-formitem.wa-comp-CLOUDBASE_STANDARD-FormItem
+  .weda-formcells.weui-flex.vertical
+  .weda-formcells__label,
+.weda-ui.gsd-h5-react-formitem.wa-comp-CLOUDBASE_STANDARD-FormItem
+  .wedatea2td-form__item.vertical
+  .wedatea2td-form__label {
+  width: auto;
+}
+.wedatea2td-form--vertical .wedatea2td-form .weda-formcells__pc.horizontal,
+.wd-form--vertical-right .wedatea2td-form .weda-formcells__pc.horizontal,
+.wd-form--vertical-left .wedatea2td-form .weda-formcells__pc.horizontal {
+  flex-direction: column;
+}
+
+.wedatea2td-form--vertical .wd-form--horizontal-left .wd-form-item-wrap,
+.wedatea2td-form--vertical
+  .wd-form-item.wd-form-item--horizontal-left
+  .wd-form-item-wrap,
+.wedatea2td-form--vertical .wd-form--horizontal-right .wd-form-item-wrap,
+.wedatea2td-form--vertical
+  .wd-form-item.wd-form-item--horizontal-right
+  .wd-form-item-wrap {
+  flex-direction: column;
+}
 
 /* h5 两边间距 */
 .weda-ui.gsd-h5-react-formitem.wa-comp-CLOUDBASE_STANDARD-FormItem > .weda-ui {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "3.4.15",
+  "version": "3.4.16",
   "main": "./dist/index.js",
   "module": "./dist/index",
   "miniprogram": "mpdist",
@@ -11,19 +11,6 @@
   "files": [
     "dist"
   ],
-  "sideEffects": [
-    "**/*.{css,scss,less}",
-    "src/web/utils/date.js",
-    "src/web/**/style.js",
-    "src/web/**/style.ts",
-    "src/web/**/style/*",
-    "src/web/components/chart/common/echarts.ts",
-    "src/web/components/flow/**/*",
-    "src/web/components/flow-*/**/*",
-    "src/web/components/form/userOrgSelect/**/*",
-    "src/web/components/form/select/moment-locale.{ts,js}",
-    "src/web/components/form-input-hooks/validator.ts"
-  ],
   "publishConfig": {
     "access": "public"
   },
@@ -87,7 +74,6 @@
     "dayjs": "^1.10.7",
     "destr": "^1.1.1",
     "echarts": "^5.3.0",
-    "echarts-for-react": "^3.0.2",
     "jsonexport": "3.2.0",
     "kedao": "^0.1.24",
     "lodash.get": "^4.4.2",
@@ -174,7 +160,6 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-rulesdir": "^0.2.1",
     "eslint-plugin-storybook": "^0.6.11",
-    "eslint-plugin-tree-shaking": "^1.10.0",
     "fs-extra": "^10.1.0",
     "glob": "^8.0.3",
     "gulp": "^4.0.2",