@cloudbase/weda-ui 3.4.2 → 3.4.4

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

@@ -0,0 +1,336 @@
+.weda-table .wedatea2td-input,
+.weda-table .wedatea2td-text-area {
+  caret-color: #0052d9;
+}
+.weda-table .wedatea2td-form .wedatea2td-form {
+  background-color: #f3f3f3;
+  padding: 24px 40px 24px 20px;
+}
+.weda-table
+  .wedatea2td-form
+  > .wedatea2td-form__item:last-child
+  .wedatea2td-form--vertical
+  .wedatea2td-form__label,
+.weda-table
+  .wedatea2td-form
+  > .wedatea2td-form__item:last-child
+  .wedatea2td-form
+  > .wedatea2td-form__item:last-child
+  .wedatea2td-form__controls,
+.weda-table
+  .wedatea2td-form
+  > .wedatea2td-form__item:last-child
+  .wedatea2td-form
+  > .wedatea2td-form__item:last-child
+  .wedatea2td-form__label {
+  padding-bottom: 16px;
+}
+.weda-table
+  .wedatea2td-form
+  > .wedatea2td-form__item:last-child
+  .wedatea2td-form--vertical
+  .wedatea2td-form__label,
+.weda-table
+  .wedatea2td-form
+  > .wedatea2td-form__item:last-child
+  .wedatea2td-form
+  > .wedatea2td-form__item:last-child
+  > .wedatea2td-form__controls,
+.weda-table
+  .wedatea2td-form
+  > .wedatea2td-form__item:last-child
+  .wedatea2td-form
+  > .wedatea2td-form__item:last-child
+  > .wedatea2td-form__label {
+  padding-bottom: 0px;
+}
+.weda-table .wedatea2td-icon-plus--primary {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+YWRkPC90aXRsZT4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJJY29ucyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgwLjAwMDAwMCwgLTk1MS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9ImFkZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODAuMDAwMDAwLCA5NTEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYsMCBMMTYsMTYgTDAsMTYgTDAsMCBMMTYsMCBaIiBpZD0i55+p5b2iIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy4zNDk5NzU1OSwxMi41IEw4LjY0OTk3NTc4LDEyLjUgTDguNjQ5OTc1NzgsOC42NTAwOTc4NSBMMTIuNSw4LjY1MDA5Nzg1IEwxMi41LDcuMzUwMDk3NjYgTDguNjQ5OTc1NzgsNy4zNTAwOTc2NiBMOC42NDk5NzU3OCwzLjUgTDcuMzQ5OTc1NTksMy41IEw3LjM0OTk3NTU5LDcuMzUwMDk3NjYgTDMuNSw3LjM1MDA5NzY2IEwzLjUsOC42NTAwOTc4NSBMNy4zNDk5NzU1OSw4LjY1MDA5Nzg1IEw3LjM0OTk3NTU5LDEyLjUgWiIgaWQ9IlVuaW9uIiBmaWxsPSIjMDA1MmQ5IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
+}
+.weda-table ._wedamodal-form-nested {
+  background-color: #f3f3f3;
+  position: relative;
+}
+.weda-table ._wedamodal-form-nested .wedatea2td-form {
+  padding: 24px 40px 24px 20px;
+  width: 100%;
+}
+.weda-table ._wedamodal-form-nested__op {
+  display: flex;
+  justify-content: flex-end;
+  padding: 8px 12px 0 0;
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+.weda-table ._wedamodal-form-nested__op .wedatea2td-icon-close.size-s,
+.weda-table ._wedamodal-form-nested__op .wedatea2td-icon-dismiss {
+  cursor: pointer;
+}
+.weda-table ._wedamodal-form-nested--inner {
+  background-color: #fff;
+}
+.weda-table ._wedamodal-form-nested--inner .wedatea2td-form {
+  background-color: #fff;
+}
+.weda-table .wedatea2td-form ._wedamodal-form--white,
+.weda-table ._wedamodal-form--white {
+  background-color: #fff;
+}
+.weda-table ._wedamodal-btn--full {
+  width: 100%;
+}
+.weda-table .wedatea2td-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.weda-table ._wedamodal-btn--dashed {
+  border-style: dashed;
+}
+.weda-table ._wedamodal-btn--dashed .wedatea2td-icon {
+  margin-right: 8px;
+}
+.weda-table .wedatea2td-timepicker__input .wedatea2td-input,
+.weda-table .wedatea2td-datepicker__input .wedatea2td-input {
+  /* width: 260px; */
+}
+.weda-table .wedatea2td-tabs__backward,
+.weda-table .wedatea2td-tabs__forward {
+  display: none;
+}
+.weda-table ._wedamodal-fn-data-filter .wedatea2td-form {
+  max-width: initial;
+}
+.weda-table ._wedamodal-fn-data-filter .wedatea2td-form__label {
+  /* width: 6em; */
+  padding-right: 10px;
+}
+.weda-table ._wedamodal-fn-data-filter .wedatea2td-form__label > label {
+  /* white-space: initial; */
+  /* width: 6em; */
+}
+.weda-table ._wedamodal-fn-data-filter .wedatea2td-form .wedatea2td-grid {
+  margin: 0;
+}
+.weda-table
+  ._wedamodal-fn-data-filter
+  .wedatea2td-form
+  .wedatea2td-grid
+  [class*='wedatea2td-grid__item'] {
+  padding: 0;
+}
+.weda-table ._wedamodal-fn-data-filter .wedatea2td-input-group {
+  display: inline-flex;
+  width: 100%;
+}
+.weda-table
+  ._wedamodal-fn-data-filter
+  .wedatea2td-input-group
+  > ._wedamodal-fn-input-range,
+.weda-table
+  ._wedamodal-fn-data-filter
+  .wedatea2td-input-group
+  > .wedatea2td-datetimepicker,
+.weda-table
+  ._wedamodal-fn-data-filter
+  .wedatea2td-input-group
+  > .wedatea2td-datetimepicker
+  .wedatea2td-datetimepicker__input,
+.weda-table
+  ._wedamodal-fn-data-filter
+  .wedatea2td-input-group
+  > .wedatea2td-timepicker,
+.weda-table
+  ._wedamodal-fn-data-filter
+  .wedatea2td-input-group
+  > .wedatea2td-timepicker
+  .wedatea2td-timepicker__input,
+.weda-table
+  ._wedamodal-fn-data-filter
+  .wedatea2td-input-group
+  > .wedatea2td-dropdown,
+.weda-table
+  ._wedamodal-fn-data-filter
+  .wedatea2td-input-group
+  > .wedatea2td-dropdown
+  .wedatea2td-dropdown__header,
+.weda-table
+  ._wedamodal-fn-data-filter
+  .wedatea2td-input-group
+  > .wedatea2td-input {
+  flex: 1 1 1px;
+  width: auto;
+}
+.weda-table
+  ._wedamodal-fn-data-filter
+  .wedatea2td-input-group
+  > .wedatea2td-datetimepicker
+  .wedatea2td-datetimepicker__input,
+.weda-table
+  ._wedamodal-fn-data-filter
+  .wedatea2td-input-group
+  > .wedatea2td-datetimepicker
+  .wedatea2td-input,
+.weda-table
+  ._wedamodal-fn-data-filter
+  .wedatea2td-input-group
+  > .wedatea2td-timepicker
+  .wedatea2td-timepicker__input,
+.weda-table
+  ._wedamodal-fn-data-filter
+  .wedatea2td-input-group
+  > .wedatea2td-timepicker
+  .wedatea2td-input {
+  width: 100%;
+}
+.weda-table
+  ._wedamodal-fn-data-filter
+  .wedatea2td-input-group
+  > .wedatea2td-datetimepicker
+  .wedatea2td-input,
+.weda-table
+  ._wedamodal-fn-data-filter
+  .wedatea2td-input-group
+  > .wedatea2td-timepicker
+  .wedatea2td-input {
+  /* padding-right: 30px; */
+}
+.weda-table
+  ._wedamodal-fn-data-filter
+  .wedatea2td-input-group
+  > .wedatea2td-input {
+  min-width: 0;
+  width: 0;
+}
+.weda-table ._wedamodal-fn-data-filter .wedatea2td-dropdown,
+.weda-table
+  ._wedamodal-fn-data-filter
+  .wedatea2td-dropdown
+  .wedatea2td-dropdown__header {
+  width: 100%;
+}
+.weda-table ._wedamodal-fn-data-filter__panel {
+  position: absolute;
+  background-color: #fff;
+  left: -20px;
+  right: -20px;
+  top: 0;
+  padding: 0 20px;
+  max-width: 100%;
+  z-index: 11;
+  box-shadow: 0 2px 4px 0 rgba(54, 58, 80, 0.32);
+}
+.weda-table ._wedamodal-fn-data-filter__panel-header {
+  height: 32px;
+  display: flex;
+  align-items: center;
+  /* justify-content: flex-end; */
+}
+.weda-table ._wedamodal-fn-data-filter__panel-footer {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 48px;
+  border-top: 1px solid #dcdcdc;
+  display: flex;
+}
+.weda-table ._wedamodal-fn-data-filter__panel-footer .wedatea2td-btn--weak {
+  flex: 1 1 0px;
+  margin-right: 0;
+  border-width: 0;
+  height: 100%;
+  border-left-width: 1px;
+  border-radius: 0;
+}
+.weda-table ._wedamodal-fn-data-filter ._wedamodal-form__op {
+  /* display: block; */
+}
+.weda-table ._wedamodal-fn-data-filter--mobile {
+  /* display: flex; */
+  /* align-items: center; */
+  margin-bottom: 20px;
+  position: relative;
+}
+.weda-table ._wedamodal-fn-data-filter--mobile .wedatea2td-btn {
+  display: inline-flex;
+  flex: 1 1 0px;
+  margin-right: 12px;
+}
+.weda-table ._wedamodal-fn-data-filter--mobile .wedatea2td-form {
+  display: block;
+  width: 100%;
+}
+.weda-table ._wedamodal-fn-data-filter--mobile .wedatea2td-form__item {
+  display: flex;
+  width: 100%;
+}
+.weda-table ._wedamodal-fn-data-filter--mobile .wedatea2td-form__label {
+  display: block;
+  flex: 0 0 6em;
+  margin-right: 10px;
+}
+.weda-table ._wedamodal-fn-data-filter--mobile .wedatea2td-form__label > label {
+  white-space: initial;
+  width: 6em;
+}
+.weda-table ._wedamodal-fn-data-filter--mobile .wedatea2td-form__controls {
+  display: block;
+  flex: 1 1 1px;
+}
+.weda-table
+  ._wedamodal-fn-data-filter--mobile
+  ._wedamodal-form__op
+  .wedatea2td-form__label {
+  display: none;
+}
+.weda-table
+  ._wedamodal-fn-data-filter--mobile
+  ._wedamodal-form__op
+  .wedatea2td-form__controls {
+  display: flex;
+  width: 100%;
+  /* margin-left: -20px;
+  margin-right: -20px; */
+  padding-right: 0;
+  border-top: 1px solid #dcdcdc;
+  height: 48px;
+  padding-top: 0;
+}
+.weda-table
+  ._wedamodal-fn-data-filter--mobile
+  ._wedamodal-form__op
+  .wedatea2td-form__controls
+  .wedatea2td-btn--link {
+  flex: 1 1 0px;
+  margin-right: 0;
+  border-width: 0;
+  height: 100%;
+  border-left: 1px solid #dcdcdc;
+  border-radius: 0;
+}
+.weda-table ._wedamodal-fn-input-range {
+  display: inline-flex;
+  border: 1px solid #dcdcdc;
+  align-items: center;
+  height: 32px;
+  box-sizing: border-box;
+  vertical-align: middle;
+}
+.weda-table ._wedamodal-fn-input-range:hover,
+.weda-table ._wedamodal-fn-input-range:focus {
+  border-color: #0052d9;
+  z-index: 2;
+  position: relative;
+}
+.weda-table ._wedamodal-fn-input-range__split {
+  flex: 0 0 10px;
+  font-size: 14px;
+}
+.weda-table ._wedamodal-fn-input-range .wedatea2td-input {
+  border: none;
+  height: 30px;
+  flex: 1 1 1px;
+  width: 1px;
+}

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

@@ -0,0 +1,111 @@
+import React, { useState, useEffect } from 'react';
+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';
+/**
+ * 列表组件
+ */
+export default React.forwardRef(function ModelTable(props, ref) {
+    const { dataSourceType, bindConnectMetadata = {
+        datasource: { id: '', name: '', title: '' },
+    }, // APImock数据
+    connectorMethod = { name: '', inParams: [], outParams: [], title: '' }, // API方法
+    connectorParams, // API查询入参
+    isOrderBy, // API是否支持排序
+    bindMetadata = {
+        datasource: {},
+        enabledFieldNames: [],
+        selectedViewIds: [],
+    }, // 数据源+字段data对象
+    filterType = 'searchbox', // 条件筛选类型
+    filterFields, // 筛选字段
+    buttons = TABLE_BUTTONS, // 选区按钮集合
+    settings = TABLE_SETTINGS, // 列表操作列默认按钮选区
+    _selectableBlockEvents: selectableBlockEvents, // 选区的事件集合
+    columnSets, // 列管理，具备列排序/列勾选/列自定义渲染作用，存在时代替enabledFieldNames
+    rowColor, // 行背景色
+    id: compId, // 组件id
+    events, // 事件
+    where, // 搜索条件
+    orderBy, // 排序字段
+    orderType, // 排序方式
+    fixedFront = '', // 冻结首列至本列
+    fixedEnd = '', // 冻结本列至尾列
+    enableCellCustomOption, // 是否显示插槽操作列
+    enableGlobalButton, // 是否显示插槽全局按钮
+    className, emptyText, ...rest } = props;
+    const isModel = dataSourceType !== 'custom-connector';
+    const { datasource, enabledFieldNames, selectedViewIds: selectedView, isNewData, } = isModel ? bindMetadata : bindConnectMetadata;
+    const { outParams } = connectorMethod;
+    const dbName = datasource === null || datasource === void 0 ? void 0 : datasource.name;
+    const dbFieldNames = isModel ? enabledFieldNames : outParams;
+    const [showFields, setShowFields] = useState([]);
+    const [getFieldsLoading, setGetFieldsLoading] = useState(true);
+    useEffect(() => {
+        try {
+            // eslint-disable-next-line no-inner-declarations
+            async function getShowFields() {
+                const { showFields: value } = await getAuthFields(dbName, dbFieldNames, true, !!isNewData, isModel, connectorMethod);
+                setShowFields(value);
+                setGetFieldsLoading(false);
+            }
+            getShowFields();
+        }
+        catch (err) {
+            setGetFieldsLoading(false);
+            setShowFields([]);
+            alertErrorMessage({ message: `获取数据源字段失败,错误信息:${err}` });
+            console.error(`获取数据源字段失败,错误信息:${err}`);
+        }
+    }, [dbName]);
+    /**
+     * 通过前缀过滤出插槽属性，传入属性是确定的，所以可以通过前缀识别
+     */
+    const slots = Object.keys(rest).reduce((acc, key) => {
+        if (key.startsWith(TABLE_SLOT_PREFIX) || key === GLOBAL_BUTTON) {
+            acc[key] = rest[key];
+        }
+        return acc;
+    }, {});
+    /**
+     * 获取选中的筛选字段
+     */
+    const getFilterFields = (filterFields) => {
+        var _a;
+        let result = [];
+        try {
+            const filterFieldsObj = JSON.parse(JSON.stringify(filterFields));
+            result =
+                ((_a = filterFieldsObj === null || filterFieldsObj === void 0 ? void 0 : filterFieldsObj.selected) === null || _a === void 0 ? void 0 : _a.map((i) => showFields.find((j) => j.name === i))) || [];
+        }
+        catch (error) {
+            result = [];
+        }
+        return result;
+    };
+    /**
+     * 处理选择视图的意外情况(存量用户不会更新数据源的默认视图可能会出现[null])
+     */
+    const getSelectedView = (selectedViews) => {
+        if (selectedViews && (selectedViews === null || selectedViews === void 0 ? void 0 : selectedViews.length) > 0) {
+            return selectedViews.filter((item) => !!item);
+        }
+        return [];
+    };
+    // 1、编辑器内未绑定数据源时返回
+    if ((isModel && !dbName) || (!isModel && !(connectorMethod === null || connectorMethod === void 0 ? void 0 : connectorMethod.name))) {
+        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, 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,7 +1,7 @@
-import React, { useMemo } from 'react';
+import React from 'react';
 import './index.css';
 import classNames from '../../utils/classnames';
-import { useSyncValue } from '../../utils/useSyncValue';
+import { useSyncValue } from '../../utils/hooks/useSyncValue';
 import { useCustomCompareEffect, useSyncedRef } from '@react-hookz/web';
 import isObjectEqual from '../../utils/isObjectEqual';
 import { emptyArray } from '../../utils/constant';
@@ -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/tabs/tabs.pc.js

@@ -4,7 +4,7 @@ import { Tabs as TeaTabs, TabPanel, ConfigProvider } from 'tea-component';
 import classNames from '../../utils/classnames';
 import { emptyArray } from '../../utils/constant';
 import isObjectEqual from '../../utils/isObjectEqual';
-import { useSyncValue } from '../../utils/useSyncValue';
+import { useSyncValue } from '../../utils/hooks/useSyncValue';
 export default function TabsPc({ tabs = emptyArray, selectedIndex, events, className, style, isMultipleSlot = true, ...restProps }) {
     const [activeIndex, setActiveIndex] = useSyncValue(selectedIndex);
     const _tabs = React.useMemo(() => {

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

@@ -3,27 +3,25 @@
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
+  word-break: break-all;
   /* -webkit-line-clamp: 1;
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy90ZXh0L2luZGV4LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLHVCQUF1QjtFQUN2QixnQkFBZ0I7RUFDaEIsb0JBQW9CO0VBQ3BCLDRCQUE0QjtFQUM1QjswQkFDd0I7QUFDMUI7QUFDQTtFQUNFLGdDQUFnQztBQUNsQztBQUNBO0VBQ0UsMEJBQTBCO0FBQzVCO0FBQ0E7RUFDRSxnQ0FBZ0M7QUFDbEM7QUFDQTtFQUNFLGdDQUFnQztBQUNsQztBQUNBO0VBQ0UsZ0NBQWdDO0FBQ2xDO0FBQ0E7RUFDRSxnQ0FBZ0M7QUFDbEMiLCJzb3VyY2VzQ29udGVudCI6WyIud2VkYS10ZXh0IHtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICAvKiAtd2Via2l0LWxpbmUtY2xhbXA6IDE7XG4gIHdoaXRlLXNwYWNlOiBwcmUtbGluZTsgKi9cbn1cbi53ZWRhLXRleHQubGV2ZWxfMSB7XG4gIGZvbnQtc2l6ZTogNC41NzE0M3JlbSAhaW1wb3J0YW50O1xufVxuLndlZGEtdGV4dC5sZXZlbF8yIHtcbiAgZm9udC1zaXplOiA0cmVtICFpbXBvcnRhbnQ7XG59XG4ud2VkYS10ZXh0LmxldmVsXzMge1xuICBmb250LXNpemU6IDMuNDI4NTdyZW0gIWltcG9ydGFudDtcbn1cbi53ZWRhLXRleHQubGV2ZWxfNCB7XG4gIGZvbnQtc2l6ZTogMi44NTcxNHJlbSAhaW1wb3J0YW50O1xufVxuLndlZGEtdGV4dC5sZXZlbF81IHtcbiAgZm9udC1zaXplOiAyLjI4NTcxcmVtICFpbXBvcnRhbnQ7XG59XG4ud2VkYS10ZXh0LmxldmVsXzYge1xuICBmb250LXNpemU6IDEuNzE0MjlyZW0gIWltcG9ydGFudDtcbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */

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

@@ -3,10 +3,10 @@ import classNames from '../../utils/classnames';
 import { textToString } from '../../utils/platform';
 import './index.css';
 export default function Text({ text, maxLines, space, tips, userSelect, style, className, events, id, level, contenteditable, onInput, onBlur, }) {
-    const textStyle = {
+    const textStyle = React.useMemo(() => ({
         WebkitLineClamp: maxLines,
         whiteSpace: space ? 'pre-wrap' : 'pre-line',
-    };
+    }), [maxLines, space]);
     if (!userSelect) {
         textStyle.userSelect = 'none';
     }

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/uploaderFileView/index.js

@@ -3,14 +3,15 @@ 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/use-cloud-id-temp-url';
+import { useTempUrl } from '../../utils/hooks/use-cloud-id-temp-url';
 const CLASS_PREFIX = 'weda-uploader-file-view';
 /**
  * 上传文件回显，传showType强制展示某端样式，否则根据平台自动判断
  */
-export default function UploaderFileView({ value, className, single = true, // 展示为单行 a 标签
-showType, // 展示端为 pc 还是 h5 样式
-...rest }) {
+export default function UploaderFileView(props) {
+    const { value, className, single = true, // 展示为单行 a 标签
+    showType, // 展示端为 pc 还是 h5 样式
+    ...rest } = props;
     const platform = usePlatform();
     const fileIDList = filterStrList(value);
     if (single) {
@@ -42,5 +43,5 @@ const FileView = ({ fileID }) => {
             return fileID;
         }
     }, [fileID]);
-    return (React.createElement("a", { title: title, onClick: () => downloadFile(src), className: `${CLASS_PREFIX}__single` }, title));
+    return (React.createElement("a", { title: title, onClick: () => downloadFile(src, title), className: `${CLASS_PREFIX}__single` }, title));
 };