@cloudbase/weda-ui 3.4.3 → 3.4.5

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

@@ -3,9 +3,11 @@ import { ConfigProvider } from 'tea-component';
 import { PageContent, PageNullDb } from '../pageLayout/PageContent';
 import { BaseTable } from './BaseTable';
 import { getAuthFields } from '../../utils/datasource';
+import classNames from '../../utils/classnames';
 import { TABLE_BUTTONS, TABLE_SETTINGS, TABLE_SLOT_PREFIX, GLOBAL_BUTTON, } from '../../utils/constant';
 import { EnumHoc } from '../../utils/hooks/EnumHoc';
 import { alertErrorMessage } from '../../utils/platform';
+import './index.css';
 /**
  * 列表组件
  */
@@ -37,7 +39,7 @@ export default React.forwardRef(function ModelTable(props, ref) {
     fixedEnd = '', // 冻结本列至尾列
     enableCellCustomOption, // 是否显示插槽操作列
     enableGlobalButton, // 是否显示插槽全局按钮
-    ...rest } = props;
+    className, emptyText, ...rest } = props;
     const isModel = dataSourceType !== 'custom-connector';
     const { datasource, enabledFieldNames, selectedViewIds: selectedView, isNewData, } = isModel ? bindMetadata : bindConnectMetadata;
     const { outParams } = connectorMethod;
@@ -98,12 +100,12 @@ export default React.forwardRef(function ModelTable(props, ref) {
     };
     // 1、编辑器内未绑定数据源时返回
     if ((isModel && !dbName) || (!isModel && !(connectorMethod === null || connectorMethod === void 0 ? void 0 : connectorMethod.name))) {
-        return React.createElement(PageNullDb, { ...rest });
+        return (React.createElement(PageNullDb, { ...rest, className: classNames('weda-table', className) }));
     }
     // 2、正常返回
     return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
         React.createElement(EnumHoc, { fields: showFields },
-            React.createElement(PageContent, { ...rest, loading: getFieldsLoading },
-                React.createElement(BaseTable, { filterType: filterType, filterFields: getFilterFields(filterFields), actionColumn: true, tableAction: true, enableCellCustomOption: enableCellCustomOption, enableGlobalButton: enableGlobalButton, dbName: dbName, fields: showFields, connectorParams: connectorParams, isOrderBy: isOrderBy, isModel: isModel, tableSearch: !!isModel, connectorMethod: connectorMethod === null || connectorMethod === void 0 ? void 0 : connectorMethod.name, compId: compId, buttons: buttons, settings: settings, selectableBlockEvents: selectableBlockEvents, selectedView: getSelectedView(selectedView), columnSets: columnSets, slots: slots, rowColor: rowColor, events: events, onSelectConfirm: undefined, onSelectCancel: undefined, defaultSearchValue: undefined, outerRef: ref, where: where, orderBy: orderBy, orderType: orderType, fixedFront: fixedFront, fixedEnd: fixedEnd })))));
+            React.createElement(PageContent, { ...rest, className: classNames('weda-table', className), loading: getFieldsLoading },
+                React.createElement(BaseTable, { filterType: filterType, filterFields: getFilterFields(filterFields), actionColumn: true, tableAction: true, enableCellCustomOption: enableCellCustomOption, enableGlobalButton: enableGlobalButton, dbName: dbName, fields: showFields, connectorParams: connectorParams, isOrderBy: isOrderBy, isModel: isModel, tableSearch: !!isModel, connectorMethod: connectorMethod === null || connectorMethod === void 0 ? void 0 : connectorMethod.name, compId: compId, buttons: buttons, settings: settings, selectableBlockEvents: selectableBlockEvents, selectedView: getSelectedView(selectedView), columnSets: columnSets, slots: slots, rowColor: rowColor, events: events, onSelectConfirm: undefined, onSelectCancel: undefined, defaultSearchValue: undefined, outerRef: ref, where: where, orderBy: orderBy, orderType: orderType, fixedFront: fixedFront, fixedEnd: fixedEnd, emptyText: emptyText })))));
 });
 export { BaseTable };

package/dist/web/components/tabs/index.css

@@ -2,17 +2,17 @@
   width: 100%;
 }
 .weda-tabs__panel {
-  min-height: 3.57143rem;
+  min-height: 50px;
 }
 .weda-tabs__nav {
   width: 100%;
-  height: 3.21429rem;
+  height: 45px;
   display: flex;
   align-items: center;
   background-color: #fff;
   position: relative;
   white-space: nowrap;
-  border-bottom: 0.07143rem solid #eee;
+  border-bottom: 1px solid #eee;
   overflow-x: auto;
   scrollbar-width: none;
   /* firefox */
@@ -25,6 +25,7 @@
   height: 0;
   color: transparent;
 }
+
 .weda-tabs__nav-cell {
   flex-basis: 0;
   flex-grow: 1;
@@ -32,11 +33,12 @@
   font-size: 1em;
   color: #000;
   box-sizing: border-box;
-  padding: 0 1.14286rem;
+  padding: 0 16px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  min-width: 20%;
+  min-width: unset;
+  position: relative;
 }
 .weda-tabs__nav-cell.active {
   color: #0052d9;
@@ -45,23 +47,22 @@
   flex-basis: auto;
   flex-shrink: 0;
   flex-grow: 0;
-  width: 20%;
+  width: unset;
 }
-.weda-tabs__nav-sticky {
+
+.weda-tabs__nav-cell::after {
+  display: block;
   position: absolute;
+  content: '';
   bottom: 0;
   left: 0;
-  transition: transform 0.3s ease;
-  padding: 0 1.14286rem;
-  box-sizing: border-box;
-  min-width: 20%;
+  width: 0;
+  border-bottom: 2px solid transparent;
 }
-.weda-tabs__nav-sticky::after {
-  display: block;
-  content: '';
+
+.weda-tabs__nav-cell.active::after {
   width: 100%;
-  border-top: 0.14286rem solid #0052d9;
+  border-bottom-color: #0052d9;
+  transition: border-color 0.15s ease-in-out, width 0.15s ease-in-out,
+    height 0.15s ease-in-out;
 }
-
-/*# sourceURL=webpack://./src/web/components/tabs/index.css */
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy90YWJzL2luZGV4LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLFdBQVc7QUFDYjtBQUNBO0VBQ0Usc0JBQXNCO0FBQ3hCO0FBQ0E7RUFDRSxXQUFXO0VBQ1gsa0JBQWtCO0VBQ2xCLGFBQWE7RUFDYixtQkFBbUI7RUFDbkIsc0JBQXNCO0VBQ3RCLGtCQUFrQjtFQUNsQixtQkFBbUI7RUFDbkIsb0NBQW9DO0VBQ3BDLGdCQUFnQjtFQUNoQixxQkFBcUI7RUFDckIsWUFBWTtFQUNaLHdCQUF3QjtFQUN4QixXQUFXO0FBQ2I7QUFDQTtFQUNFLGFBQWE7RUFDYixRQUFRO0VBQ1IsU0FBUztFQUNULGtCQUFrQjtBQUNwQjtBQUNBO0VBQ0UsYUFBYTtFQUNiLFlBQVk7RUFDWixZQUFZO0VBQ1osY0FBYztFQUNkLFdBQVc7RUFDWCxzQkFBc0I7RUFDdEIscUJBQXFCO0VBQ3JCLG9CQUFvQjtFQUNwQixtQkFBbUI7RUFDbkIsdUJBQXVCO0VBQ3ZCLGNBQWM7QUFDaEI7QUFDQTtFQUNFLGNBQWM7QUFDaEI7QUFDQTtFQUNFLGdCQUFnQjtFQUNoQixjQUFjO0VBQ2QsWUFBWTtFQUNaLFVBQVU7QUFDWjtBQUNBO0VBQ0Usa0JBQWtCO0VBQ2xCLFNBQVM7RUFDVCxPQUFPO0VBQ1AsK0JBQStCO0VBQy9CLHFCQUFxQjtFQUNyQixzQkFBc0I7RUFDdEIsY0FBYztBQUNoQjtBQUNBO0VBQ0UsY0FBYztFQUNkLFdBQVc7RUFDWCxXQUFXO0VBQ1gsb0NBQW9DO0FBQ3RDIiwic291cmNlc0NvbnRlbnQiOlsiLndlZGEtdGFicyB7XG4gIHdpZHRoOiAxMDAlO1xufVxuLndlZGEtdGFic19fcGFuZWwge1xuICBtaW4taGVpZ2h0OiAzLjU3MTQzcmVtO1xufVxuLndlZGEtdGFic19fbmF2IHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMy4yMTQyOXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBib3JkZXItYm90dG9tOiAwLjA3MTQzcmVtIHNvbGlkICNlZWU7XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgLyogZmlyZWZveCAqL1xuICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gIC8qIElFIDEwKyAqL1xufVxuLndlZGEtdGFic19fbmF2Ojotd2Via2l0LXNjcm9sbGJhciB7XG4gIGRpc3BsYXk6IG5vbmU7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGNvbG9yOiB0cmFuc3BhcmVudDtcbn1cbi53ZWRhLXRhYnNfX25hdi1jZWxsIHtcbiAgZmxleC1iYXNpczogMDtcbiAgZmxleC1ncm93OiAxO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGZvbnQtc2l6ZTogMWVtO1xuICBjb2xvcjogIzAwMDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgcGFkZGluZzogMCAxLjE0Mjg2cmVtO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIG1pbi13aWR0aDogMjAlO1xufVxuLndlZGEtdGFic19fbmF2LWNlbGwuYWN0aXZlIHtcbiAgY29sb3I6ICMwMDUyZDk7XG59XG4ud2VkYS10YWJzX19uYXYtY2VsbC5zY3JvbGwge1xuICBmbGV4LWJhc2lzOiBhdXRvO1xuICBmbGV4LXNocmluazogMDtcbiAgZmxleC1ncm93OiAwO1xuICB3aWR0aDogMjAlO1xufVxuLndlZGEtdGFic19fbmF2LXN0aWNreSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAwO1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zcyBlYXNlO1xuICBwYWRkaW5nOiAwIDEuMTQyODZyZW07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIG1pbi13aWR0aDogMjAlO1xufVxuLndlZGEtdGFic19fbmF2LXN0aWNreTo6YWZ0ZXIge1xuICBkaXNwbGF5OiBibG9jaztcbiAgY29udGVudDogJyc7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItdG9wOiAwLjE0Mjg2cmVtIHNvbGlkICMwMDUyZDk7XG59XG4iXSwic291cmNlUm9vdCI6IiJ9 */

package/dist/web/components/tabs/tabs.h5.js

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React from 'react';
 import './index.css';
 import classNames from '../../utils/classnames';
 import { useSyncValue } from '../../utils/hooks/useSyncValue';
@@ -9,13 +9,6 @@ import { useLoopRenderDetect } from '../common/use-loop-render-detect';
 export default function TabsH5({ tabs = emptyArray, selectedIndex, events, className, style, isMultipleSlot = true, ...restProps }) {
     useLoopRenderDetect();
     const [currentIndex, setCurrentIndex] = useSyncValue(typeof selectedIndex === 'string' ? parseInt(selectedIndex) : selectedIndex);
-    const stickyStyle = useMemo(() => {
-        const length = tabs.length;
-        return {
-            width: `${(1 / length) * 100}%`,
-            transform: `translate3d( ${currentIndex * 100}%, 0, 0)`,
-        };
-    }, [tabs, currentIndex]);
     const eventRef = useSyncedRef(events);
     useCustomCompareEffect(() => {
         var _a, _b;
@@ -28,14 +21,12 @@ export default function TabsH5({ tabs = emptyArray, selectedIndex, events, class
     return (React.createElement("div", { "data-testid": "tabs", className: classNames('weda-tabs weda-ui', {
             [className]: className,
         }), style: style },
-        React.createElement("div", { className: "weda-tabs__nav" }, tabs === null || tabs === void 0 ? void 0 :
-            tabs.map(({ name, title }, index) => (React.createElement("div", { className: classNames('weda-tabs__nav-cell', {
-                    active: currentIndex === index,
-                    scroll: currentIndex > 5,
-                }), key: name || index, onClick: () => {
-                    setCurrentIndex(index);
-                } }, title))),
-            React.createElement("div", { className: "weda-tabs__nav-sticky", style: stickyStyle })),
+        React.createElement("div", { className: "weda-tabs__nav" }, tabs === null || tabs === void 0 ? void 0 : tabs.map(({ name, title }, index) => (React.createElement("div", { className: classNames('weda-tabs__nav-cell', {
+                active: currentIndex === index,
+                scroll: currentIndex > 5,
+            }), key: name || index, onClick: () => {
+                setCurrentIndex(index);
+            } }, title)))),
         React.createElement("div", { className: classNames({
                 'weda-tabs__panel': true,
             }) }, isMultipleSlot

package/dist/web/components/text/index.css

@@ -8,23 +8,20 @@
   white-space: pre-line; */
 }
 .weda-text.level_1 {
-  font-size: 4.57143rem !important;
+  font-size: 64px !important;
 }
 .weda-text.level_2 {
-  font-size: 4rem !important;
+  font-size: 56px !important;
 }
 .weda-text.level_3 {
-  font-size: 3.42857rem !important;
+  font-size: 48px !important;
 }
 .weda-text.level_4 {
-  font-size: 2.85714rem !important;
+  font-size: 40px !important;
 }
 .weda-text.level_5 {
-  font-size: 2.28571rem !important;
+  font-size: 32px !important;
 }
 .weda-text.level_6 {
-  font-size: 1.71429rem !important;
+  font-size: 24px !important;
 }
-
-/*# sourceURL=webpack://./src/web/components/text/index.css */
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy90ZXh0L2luZGV4LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLHVCQUF1QjtFQUN2QixnQkFBZ0I7RUFDaEIsb0JBQW9CO0VBQ3BCLDRCQUE0QjtFQUM1QixxQkFBcUI7RUFDckI7MEJBQ3dCO0FBQzFCO0FBQ0E7RUFDRSxnQ0FBZ0M7QUFDbEM7QUFDQTtFQUNFLDBCQUEwQjtBQUM1QjtBQUNBO0VBQ0UsZ0NBQWdDO0FBQ2xDO0FBQ0E7RUFDRSxnQ0FBZ0M7QUFDbEM7QUFDQTtFQUNFLGdDQUFnQztBQUNsQztBQUNBO0VBQ0UsZ0NBQWdDO0FBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiLndlZGEtdGV4dCB7XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgd29yZC1icmVhazogYnJlYWstYWxsO1xuICAvKiAtd2Via2l0LWxpbmUtY2xhbXA6IDE7XG4gIHdoaXRlLXNwYWNlOiBwcmUtbGluZTsgKi9cbn1cbi53ZWRhLXRleHQubGV2ZWxfMSB7XG4gIGZvbnQtc2l6ZTogNC41NzE0M3JlbSAhaW1wb3J0YW50O1xufVxuLndlZGEtdGV4dC5sZXZlbF8yIHtcbiAgZm9udC1zaXplOiA0cmVtICFpbXBvcnRhbnQ7XG59XG4ud2VkYS10ZXh0LmxldmVsXzMge1xuICBmb250LXNpemU6IDMuNDI4NTdyZW0gIWltcG9ydGFudDtcbn1cbi53ZWRhLXRleHQubGV2ZWxfNCB7XG4gIGZvbnQtc2l6ZTogMi44NTcxNHJlbSAhaW1wb3J0YW50O1xufVxuLndlZGEtdGV4dC5sZXZlbF81IHtcbiAgZm9udC1zaXplOiAyLjI4NTcxcmVtICFpbXBvcnRhbnQ7XG59XG4ud2VkYS10ZXh0LmxldmVsXzYge1xuICBmb250LXNpemU6IDEuNzE0MjlyZW0gIWltcG9ydGFudDtcbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */

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

@@ -9,6 +9,3 @@ a.weda-uploader-file-view__single {
 a.weda-uploader-file-view__single:hover {
   text-decoration: underline;
 }
-
-/*# sourceURL=webpack://./src/web/components/uploaderFileView/index.css */
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy91cGxvYWRlckZpbGVWaWV3L2luZGV4LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLHFCQUFxQjtFQUNyQixzQkFBc0I7RUFDdEIsbUJBQW1CO0VBQ25CLGdCQUFnQjtFQUNoQix1QkFBdUI7RUFDdkIsZUFBZTtBQUNqQjtBQUNBO0VBQ0UsMEJBQTBCO0FBQzVCIiwic291cmNlc0NvbnRlbnQiOlsiYS53ZWRhLXVwbG9hZGVyLWZpbGUtdmlld19fc2luZ2xlIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgbWF4LXdpZHRoOiAxMDAlO1xufVxuYS53ZWRhLXVwbG9hZGVyLWZpbGUtdmlld19fc2luZ2xlOmhvdmVyIHtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG59XG4iXSwic291cmNlUm9vdCI6IiJ9 */

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

@@ -9,10 +9,10 @@
 }
 
 .g-uploader-view .g-uploader-view__image-box {
-  height: 7.14286rem;
-  width: 7.14286rem;
-  margin-right: 0.57143rem;
-  margin-bottom: 0.57143rem;
+  height: 100px;
+  width: 100px;
+  margin-right: 8px;
+  margin-bottom: 8px;
   background: #f2f2f2;
   display: flex;
   align-items: center;
@@ -20,7 +20,7 @@
 }
 
 .g-uploader-view .g-uploader-view__empty {
-  padding: 0.57143rem;
+  padding: 8px;
   background-image: url('https://main.qcloudimg.com/raw/c85c9a875e9754545ee19f20438b2caa.svg');
 }
 
@@ -29,6 +29,3 @@
   height: auto;
   max-height: 100%;
 }
-
-/*# sourceURL=webpack://./src/web/components/uploaderView/index.css */
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy91cGxvYWRlclZpZXcvaW5kZXguY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsU0FBUztFQUNULFVBQVU7QUFDWjs7QUFFQTtFQUNFLGFBQWE7RUFDYixlQUFlO0FBQ2pCOztBQUVBO0VBQ0Usa0JBQWtCO0VBQ2xCLGlCQUFpQjtFQUNqQix3QkFBd0I7RUFDeEIseUJBQXlCO0VBQ3pCLG1CQUFtQjtFQUNuQixhQUFhO0VBQ2IsbUJBQW1CO0VBQ25CLHVCQUF1QjtBQUN6Qjs7QUFFQTtFQUNFLG1CQUFtQjtFQUNuQiw0RkFBNEY7QUFDOUY7O0FBRUE7RUFDRSxXQUFXO0VBQ1gsWUFBWTtFQUNaLGdCQUFnQjtBQUNsQiIsInNvdXJjZXNDb250ZW50IjpbIi5nLXVwbG9hZGVyLXZpZXcge1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG59XG5cbi5nLXVwbG9hZGVyLXZpZXcgLmctdXBsb2FkZXItdmlld19faW1hZ2UtbGlzdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbn1cblxuLmctdXBsb2FkZXItdmlldyAuZy11cGxvYWRlci12aWV3X19pbWFnZS1ib3gge1xuICBoZWlnaHQ6IDcuMTQyODZyZW07XG4gIHdpZHRoOiA3LjE0Mjg2cmVtO1xuICBtYXJnaW4tcmlnaHQ6IDAuNTcxNDNyZW07XG4gIG1hcmdpbi1ib3R0b206IDAuNTcxNDNyZW07XG4gIGJhY2tncm91bmQ6ICNmMmYyZjI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuXG4uZy11cGxvYWRlci12aWV3IC5nLXVwbG9hZGVyLXZpZXdfX2VtcHR5IHtcbiAgcGFkZGluZzogMC41NzE0M3JlbTtcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCdodHRwczovL21haW4ucWNsb3VkaW1nLmNvbS9yYXcvYzg1YzlhODc1ZTk3NTQ1NDVlZTE5ZjIwNDM4YjJjYWEuc3ZnJyk7XG59XG5cbi5nLXVwbG9hZGVyLXZpZXcgLmctdXBsb2FkZXItdmlld19faW1hZ2Uge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiBhdXRvO1xuICBtYXgtaGVpZ2h0OiAxMDAlO1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */

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

@@ -1,17 +1,3 @@
-import * as React from 'react';
-import { Bubble, ConfigProvider } from 'tea-component';
-import './index.css';
-import classNames from '../../utils/classnames';
-import { isInIde } from '../../utils/platform';
-export default function WdBubble({ trigger, placement, promptTheme, arrowPointAtCenter, openDelay, closeDelay, bubbleContent, bubbleChildren, events, id, style, className, }) {
-    return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-        React.createElement("div", { className: classNames('wd-bubble', className), id: id, style: style }, isInIde() ? (React.createElement(Bubble, { content: React.createElement("div", { className: 'wd-bubble-content', style: isInIde() ? { minWidth: '140px' } : { minWidth: '0px' } }, bubbleContent), visible: true }, bubbleChildren)) : (React.createElement(Bubble, { content: bubbleContent, error: promptTheme === 'error', dark: promptTheme === 'dark', trigger: trigger, placement: placement, arrowPointAtCenter: arrowPointAtCenter, openDelay: Number(openDelay), closeDelay: Number(closeDelay), onVisibleChange: (visible) => {
-                if (visible) {
-                    events === null || events === void 0 ? void 0 : events.open();
-                }
-                else {
-                    events === null || events === void 0 ? void 0 : events.close();
-                }
-            } },
-            React.createElement("span", { className: 'wd-bubble-child' }, bubbleChildren))))));
-}
+import { WdBubble } from './wd-bubble';
+export { WdBubble } from './wd-bubble';
+export default WdBubble;

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { Bubble, ConfigProvider } from 'tea-component';
+import classNames from '../../utils/classnames';
+import { isInIde, usePlatform } from '../../utils/platform';
+export const WdBubble = ({ trigger, placement, promptTheme, arrowPointAtCenter, openDelay, closeDelay, bubbleContent, bubbleChildren, events, id, style, className, }) => {
+    const platform = usePlatform();
+    return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
+        React.createElement("div", { className: classNames('wd-bubble', className, platform === 'h5' ? 'wd-h5-bubble' : 'wd-pc-bubble'), id: id, style: style }, isInIde() ? (React.createElement(Bubble, { content: bubbleContent && (React.createElement("div", { className: 'wd-bubble-content', style: { minWidth: '140px' } }, bubbleContent)), visible: true }, bubbleChildren)) : (React.createElement(Bubble, { content: bubbleContent, error: promptTheme === 'error', dark: promptTheme === 'dark', trigger: trigger, placement: placement, arrowPointAtCenter: arrowPointAtCenter, openDelay: Number(openDelay), closeDelay: Number(closeDelay), onVisibleChange: (visible) => {
+                if (visible) {
+                    events === null || events === void 0 ? void 0 : events.open();
+                }
+                else {
+                    events === null || events === void 0 ? void 0 : events.close();
+                }
+            } },
+            React.createElement("span", { className: 'wd-bubble-child' }, bubbleChildren))))));
+};

package/dist/web/components/wd-button/convert-legacy-props.js

@@ -0,0 +1,14 @@
+const PROPS_VALUE_MAP = {
+    size: {
+        default: 'md',
+        mini: 'sm',
+        large: 'lg',
+    },
+    theme: {
+        default: 'primary',
+        warn: 'warning',
+    },
+};
+export const convertLegacyProps = (key, prop) => {
+    return PROPS_VALUE_MAP[key][prop];
+};

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

@@ -0,0 +1,3 @@
+import { WdButton } from './wd-button';
+export { WdButton } from './wd-button';
+export default WdButton;

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

@@ -0,0 +1,89 @@
+import * as React from 'react';
+import classNames from '../../utils/classnames';
+import { emptyObject } from '../../utils/constant';
+import { useConfig } from '../../utils/config-context';
+import { getParentForm } from '../../utils/widget-api';
+import { convertLegacyProps } from './convert-legacy-props';
+import { textToString, usePlatform } from '../../utils/platform';
+import { convertLegacyEnum } 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';
+export const WdButton = ({ 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 实例，后续可能会更改接口
+$node, ...props }) => {
+    const platform = usePlatform();
+    // 兼容旧版组件的属性值
+    let size = convertLegacyProps('size', _size) || _size;
+    let theme = convertLegacyProps('theme', _theme) || _theme;
+    const icon = loading ? 'td:loading' : _icon;
+    let iconType = _iconType === 'none' && loading ? 'text-with-icon' : _iconType;
+    // 枚举转换
+    theme = convertLegacyEnum(theme, WD_BUTTON_THEME);
+    size = convertLegacyEnum(size, WD_BUTTON_SIZE);
+    iconType = convertLegacyEnum(iconType, WD_BUTTON_ICON_TYPE);
+    const variant = convertLegacyEnum(_variant, WD_BUTTON_VARIANT);
+    const iconPosition = convertLegacyEnum(_iconPosition, WD_BUTTON_ICON_POSITION);
+    const formType = convertLegacyEnum(_formType, WD_BUTTON_TYPE);
+    // 样式
+    const { classPrefix } = useConfig();
+    const compClassName = `${classPrefix}-btn`;
+    // 响应式css api
+    const platformCss = `${classPrefix}-${platform}-btn`;
+    const classes = {
+        [`${classPrefix}-btn`]: true,
+        // 颜色
+        [`${compClassName}--${theme}`]: !!theme,
+        // 类型
+        [`${compClassName}--${variant}`]: !!variant,
+        // 大小
+        [`${compClassName}--${size}`]: !!size,
+        // 禁用
+        'is-disabled': disabled,
+        // 占满
+        [`${compClassName}--block`]: block,
+        // 是否是纯图标
+        [`${compClassName}--icon`]: iconType === 'icon-only',
+        [platformCss]: true,
+    };
+    // 方法
+    const onClick = (e) => {
+        var _a;
+        let parentForm;
+        switch (formType) {
+            case 'submit':
+                // 调用父级表单容器的提交
+                parentForm = getParentForm($node);
+                parentForm === null || parentForm === void 0 ? void 0 : parentForm.submit();
+                break;
+            case 'reset':
+                // 调用父级表单容器的重置
+                parentForm = getParentForm($node);
+                parentForm === null || parentForm === void 0 ? void 0 : parentForm.reset();
+                break;
+            default:
+                (_a = events === null || events === void 0 ? void 0 : events.tap) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e });
+        }
+    };
+    const propsStartWithOn = React.useMemo(() => {
+        return Object.keys(props).reduce((acc, cur) => {
+            if (cur.startsWith('on')) {
+                acc[cur] = props[cur];
+            }
+            return acc;
+        }, {});
+    }, [props]);
+    const Icon = () => {
+        // icon样式
+        const iconCls = classNames({
+            [`${classPrefix}-btn__icon`]: true,
+            [`${classPrefix}-btn__before-icon`]: iconType === 'text-with-icon' && _iconPosition === 'before',
+            [`${classPrefix}-btn__after-icon`]: iconType === 'text-with-icon' && _iconPosition === 'after',
+            [`${classPrefix}-icon--inherit`]: (style === null || style === void 0 ? void 0 : style.fontSize) && iconSource === 'inner',
+        });
+        return icon || iconSrc ? (React.createElement(WdIcon, { className: iconCls, size: 'sm', name: icon, src: iconSrc, type: iconSource })) : null;
+    };
+    return (React.createElement("button", { className: classNames(classes, className), disabled: disabled, type: formType, style: style, id: id, ...propsStartWithOn, onClick: onClick },
+        iconPosition === 'before' && iconType === 'text-with-icon' && React.createElement(Icon, null),
+        iconType === 'icon-only' ? (React.createElement(Icon, null)) : (React.createElement("span", { className: `${classPrefix}-btn__text` }, textToString(text))),
+        iconPosition === 'after' && iconType === 'text-with-icon' && React.createElement(Icon, null)));
+};

package/dist/web/components/wd-config-provider/index.js

@@ -0,0 +1 @@
+export { ConfigProvider } from './wd-config-provider';

package/dist/web/components/wd-config-provider/wd-config-context.js

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+export const DEFAULT_CLASS_PREFIX = typeof WD_CLASS_PREFIX !== 'undefined' ? WD_CLASS_PREFIX : 'wd';
+export const WdConfigContext = createContext({
+    classPrefix: DEFAULT_CLASS_PREFIX,
+});

package/dist/web/components/wd-config-provider/wd-config-provider.js

@@ -0,0 +1,12 @@
+import React, { useEffect } from 'react';
+import { WdConfigContext } from './wd-config-context';
+const configStore = {};
+export function ConfigProvider({ children, ...configProps }) {
+    useEffect(() => {
+        Object.assign(configStore, { ...configProps, ...configStore });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [configProps.classPrefix]);
+    // props 优先级高于全局配置
+    const config = Object.assign({}, configStore, configProps);
+    return (React.createElement(WdConfigContext.Provider, { value: config }, children));
+}

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

@@ -0,0 +1,3 @@
+import { WdDivider } from './wd-divider';
+export { WdDivider } from './wd-divider';
+export default WdDivider;

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

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import classNames from '../../utils/classnames';
+import { useConfig } from '../../utils/config-context';
+import { usePlatform } from '../../utils/platform';
+import { convertLegacyEnum } from '../../utils/tool';
+import { WD_DIVIDER_TYPE } from '../../../enum';
+export const WdDivider = ({ className, style, id, type: _type = 'solid', 
+// diriction = 'horizontal',
+...props }) => {
+    const platform = usePlatform();
+    // 兼容旧版组件的属性值
+    const { classPrefix } = useConfig();
+    const compClassName = `${classPrefix}-divider`;
+    // 枚举转换
+    const type = convertLegacyEnum(_type, WD_DIVIDER_TYPE);
+    // 类名
+    const classList = [compClassName];
+    type && classList.push(`${compClassName}--${type}`);
+    // diriction && classList.push(`${btnClassName}-${diriction}`);
+    // 用户定义的className
+    classList.push(className);
+    if (platform === 'h5') {
+        classList.push('wd-h5-divider');
+    }
+    else {
+        classList.push('wd-pc-divider');
+    }
+    return (React.createElement("div", { "data-testid": "wd-divider-test", className: classNames(...classList), style: style, id: id, ...props }));
+};

package/dist/web/components/wd-icon/convert-legacy-props.js

@@ -0,0 +1,14 @@
+const PROPS_VALUE_MAP = {
+    size: {
+        default: 'md',
+        mini: 'sm',
+        large: 'lg',
+    },
+    theme: {
+        default: 'primary',
+        warn: 'warning',
+    },
+};
+export const convertLegacyProps = (key, prop) => {
+    return PROPS_VALUE_MAP[key][prop];
+};

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

@@ -0,0 +1,3 @@
+import { WdIcon } from './wd-icon';
+export { WdIcon } from './wd-icon';
+export default WdIcon;

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

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import classNames from '../../utils/classnames';
+import { emptyObject } from '../../utils/constant';
+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';
+export const WdIcon = ({ type: _type = 'inner', name, src, size: _size, events = emptyObject, className, style: _style, id, color: _color, ...props }) => {
+    const platform = usePlatform();
+    // 兼容旧版组件的属性值 size/color
+    const remdiff = 2;
+    const iconNumSize = !isNaN(Number(_size))
+        ? `${Number(_size) / remdiff}px`
+        : '';
+    const fontSize = iconNumSize && _type === 'inner' ? { fontSize: iconNumSize } : {};
+    const width = iconNumSize && _type === 'custom' ? { width: iconNumSize } : {};
+    const height = iconNumSize && _type === 'custom' ? { height: iconNumSize } : {};
+    const color = _color ? { color: _color } : {};
+    const style = { ...fontSize, ...width, ...height, ...color, ..._style };
+    // 枚举转换
+    const type = convertLegacyEnum(_type, WD_ICON_TYPE);
+    const size = convertLegacyEnum(_size, WD_ICON_SIZE);
+    // 样式
+    const { classPrefix } = useConfig();
+    const compClassName = `${classPrefix}-icon`;
+    const isTdIcon = /td/.test(name) && type === 'inner';
+    const isLegacyIcon = !isTdIcon && type === 'inner';
+    const iconName = name === null || name === void 0 ? void 0 : name.split(':')[1];
+    // 响应式css api
+    const platformCss = `${classPrefix}-${platform}-icon`;
+    const classes = {
+        [`${classPrefix}-icon`]: true,
+        // 旧版图标
+        'wd-lcap-icon': isLegacyIcon,
+        [`wd-lcap-icon-${name}`]: isLegacyIcon && name,
+        // TDesign 图标
+        't-icon': isTdIcon,
+        [`t-icon-${iconName}`]: isTdIcon && iconName,
+        // 尺寸
+        [`${compClassName}--${size}`]: !!size,
+        [platformCss]: true,
+    };
+    const onClick = (e) => {
+        var _a;
+        (_a = events === null || events === void 0 ? void 0 : events.tap) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e });
+    };
+    const propsStartWithOn = React.useMemo(() => {
+        return Object.keys(props).reduce((acc, cur) => {
+            if (cur.startsWith('on') || cur === 'data-testid') {
+                acc[cur] = props[cur];
+            }
+            return acc;
+        }, {});
+    }, [props]);
+    if (type === 'inner') {
+        return (React.createElement("i", { className: classNames(classes, className), style: style, id: id, onClick: onClick, ...propsStartWithOn }));
+    }
+    else {
+        return (React.createElement("img", { className: classNames(classes, className), style: style, id: id, src: src
+                ? src
+                : 'https://qcloudimg.tencent-cloud.cn/raw/4a29d51b504f12b4933ce4490110b4dc.svg', onClick: onClick, ...propsStartWithOn }));
+    }
+};