@cloudbase/weda-ui 3.11.1 → 3.11.4

package/dist/web/components/wd-markdown/github-markdown-light.css

@@ -749,7 +749,7 @@
 
 .markdown-body .highlight pre,
 .markdown-body pre {
-  padding: 16px;
+  padding: 30px 16px;
   overflow: auto;
   line-height: 1.45;
   color: #1f2328;

package/dist/web/components/wd-select/select/selectUI.js

@@ -31,7 +31,7 @@ const getSelectedItem = (options = [], value) => {
     return options === null || options === void 0 ? void 0 : options.filter((i) => selectedVal.find((j) => j === i.value));
 };
 function SelectH5(props) {
-    const { placeholder, name, disabled, footer, options, value, onChange, overlayClassName, searchable, bottomTips, onSearch, onOpen, onScrollBottom, mode, readValue, popupContainer, searchPlaceholder, } = props;
+    const { placeholder, name, disabled, footer, options = [], value, onChange, overlayClassName, searchable, bottomTips, onSearch, onOpen, onScrollBottom, mode, readValue, popupContainer, searchPlaceholder, } = props;
     const isMultiple = mode === 'multiple';
     const customPickerCls = classNames('weda-ui-custom-picker__cloumns', {
         'weda-ui-custom-picker__cloumns--select-multiple': isMultiple,
@@ -136,14 +136,14 @@ function SelectH5(props) {
                     else {
                         setVisible(false);
                     }
-                }, onOk: handleOk, header: inputFocus, className: `${classPrefix}-cascader-modal`, okButtonVisible: isMultiple, popupContainer: popupContainer, children: [searchable && renderSearch(), _jsx("div", { className: `${classPrefix}-custom-view-content`, children: !bottomTips && !customOptions.length ? (_jsx(AllEmpty, { height: inputFocus ? 'calc(100vh - 160px)' : '280px' })) : (_jsxs("div", { children: [_jsx("div", { className: customPickerCls, "data-testid": "weda-ui-custom-picker__cloumns", style: {
+                }, onOk: handleOk, header: inputFocus, className: `${classPrefix}-cascader-modal`, okButtonVisible: isMultiple, popupContainer: popupContainer, children: [searchable && renderSearch(), _jsx("div", { className: `${classPrefix}-custom-view-content`, children: !bottomTips && !(customOptions === null || customOptions === void 0 ? void 0 : customOptions.length) ? (_jsx(AllEmpty, { height: inputFocus ? 'calc(100vh - 160px)' : '280px' })) : (_jsxs("div", { children: [_jsx("div", { className: customPickerCls, "data-testid": "weda-ui-custom-picker__cloumns", style: {
                                         height: inputFocus ? 'calc(100vh - 160px)' : '280px',
                                     }, children: _jsx(OptionList, { onScrollBottom: onScrollBottom, options: customOptions, inputFocus: inputFocus, currentSelected: currentSelected, optionClick: optionClick, bottomTips: bottomTips }) }), footer] })) })] })] }));
 }
 export function SelectUI(props) {
     const { placeholder, size, disabled, onChange, onSearch, searchable, options, value, footer, overlayClassName, onOpen, onScrollBottom, tips, bottomTips, mode, format, readOnly, setAllOption, listHeight, listWidth, popupContainer, searchPlaceholder = '搜索选项', } = props;
     const platform = usePlatform();
-    const [currentOption] = useSyncValue(options.map(({ label, value }) => ({ label, value })), isObjectEqual);
+    const [currentOption] = useSyncValue((options === null || options === void 0 ? void 0 : options.map(({ label, value }) => ({ label, value }))) || [], isObjectEqual);
     // 更新option，从而更新最新的选项值
     useEffect(() => {
         if (setAllOption) {

package/dist/web/components/wd-select/style.d.ts

@@ -1,3 +1,4 @@
 import '../form/select/dropdown-select/index.css';
+import '../form/select/allTimePicker/index.css';
 import '../style';
 import './wd-select.css';

package/dist/web/components/wd-select/style.js

@@ -1,3 +1,4 @@
 import '../form/select/dropdown-select/index.css';
+import '../form/select/allTimePicker/index.css';
 import '../style';
 import './wd-select.css';

package/dist/web/components/wd-select/wd-select.css

@@ -71,7 +71,7 @@
 .wd-form-input-group.wd-form-select-relational-setting--group {
   width: auto;
 }
-.wd-form-select-relational-setting--group {
+.wd-form-select-relational-setting--group.wd-form-input-group {
   padding: 0 5px;
   display: flex;
   cursor: pointer;

package/dist/web/components/wd-select-multiple/wd-select-multiple.css

@@ -116,4 +116,13 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-left: 30px;
+  margin-right: 0;
+}
+.weda-ui-custom-picker__cloumns--select-multiple.weda-ui-custom-picker__cloumns
+  .weda-ui-custom-picker__cloumn-item-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-left: 30px;
+  margin-right: 0;
 }

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

@@ -12,6 +12,7 @@ export const WdTabsH5 = ({ isMultipleSlot, tabsDatas, selectedIndex, ...restProp
     const [showMask, setShowMask] = useState(true);
     const [itemOffset, setItemOffset] = useState(0);
     const [itemOffsetData, setItemOffsetData] = useState(new Map());
+    const [showRightMask, setShowRightMask] = useState(true);
     const [selectedTab, setSelectedTab] = useState(selectedIndex);
     const navWrapRef = useRef();
     const platform = usePlatform();
@@ -40,9 +41,11 @@ export const WdTabsH5 = ({ isMultipleSlot, tabsDatas, selectedIndex, ...restProp
             });
             itemIndex = itemIndex + Number('1');
         }
+        // 计算右侧是否显示遮罩
+        const paddingWidth = 16;
         const showMask = itemData.get(menuItem.length)['offset'] +
             itemData.get(menuItem.length)['clientWidth'] >
-            parentWidth;
+            parentWidth + paddingWidth;
         setShowMask(showMask);
         setItemOffsetData(itemData);
     }, [navWrapRef]);
@@ -94,8 +97,15 @@ export const WdTabsH5 = ({ isMultipleSlot, tabsDatas, selectedIndex, ...restProp
             }, children: [(item === null || item === void 0 ? void 0 : item.iconType) !== 'none' && (item === null || item === void 0 ? void 0 : item.iconPosition) === 'prefix' ? (_jsx("div", { className: `${classPrefix}-tabs__item-icon`, children: _jsx(WdIcon, { type: item === null || item === void 0 ? void 0 : item.iconType, name: (item === null || item === void 0 ? void 0 : item.iconType) === 'inner' ? item === null || item === void 0 ? void 0 : item.innerIcon : item === null || item === void 0 ? void 0 : item.outerImage, src: (item === null || item === void 0 ? void 0 : item.iconType) === 'custom' ? item === null || item === void 0 ? void 0 : item.outerImage : '', size: "xs" }) })) : null, _jsx("div", { className: `${classPrefix}-tabs__item-text`, children: item === null || item === void 0 ? void 0 : item.label }), (item === null || item === void 0 ? void 0 : item.iconType) !== 'none' && (item === null || item === void 0 ? void 0 : item.iconPosition) === 'suffix' ? (_jsx("div", { className: `${classPrefix}-tabs__item-icon`, children: _jsx(WdIcon, { type: item === null || item === void 0 ? void 0 : item.iconType, name: (item === null || item === void 0 ? void 0 : item.iconType) === 'inner' ? item === null || item === void 0 ? void 0 : item.innerIcon : item === null || item === void 0 ? void 0 : item.outerImage, src: (item === null || item === void 0 ? void 0 : item.iconType) === 'custom' ? item === null || item === void 0 ? void 0 : item.outerImage : '', size: "xs" }) })) : null] }));
     };
     return (_jsxs(_Fragment, { children: [_jsx("div", { className: `${classPrefix}-tabs__header`, children: _jsxs("div", { className: `${classPrefix}-tabs__header-item-wrap `, children: [_jsx("div", { ref: navWrapRef, className: `${classPrefix}-tabs__header-item-content`, onScroll: (event) => {
-                                var _a;
+                                var _a, _b, _c, _d, _e;
                                 //滚动条高度
                                 setItemOffset((_a = event === null || event === void 0 ? void 0 : event.currentTarget) === null || _a === void 0 ? void 0 : _a.scrollLeft);
-                            }, children: tabsDatas === null || tabsDatas === void 0 ? void 0 : tabsDatas.map((item, index) => RenderTabItem(index, item)) }), showMask && restProps.direction !== 'vertical' && (_jsx("div", { className: `${classPrefix}-tabs__header-item-mask` }))] }) }), _jsx("div", { className: `${classPrefix}-tabs__body`, children: _jsx("div", { className: `${classPrefix}-tabs__body-content`, children: renderSlot({ ...restProps, selectedTab, tabsDatas, isMultipleSlot }) }) })] }));
+                                if (restProps.direction !== 'vertical') {
+                                    const parentWidth = (_c = (_b = navWrapRef === null || navWrapRef === void 0 ? void 0 : navWrapRef.current) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.offsetWidth;
+                                    const scrollLeft = (_d = event === null || event === void 0 ? void 0 : event.currentTarget) === null || _d === void 0 ? void 0 : _d.scrollLeft;
+                                    const scrollWidth = (_e = event === null || event === void 0 ? void 0 : event.currentTarget) === null || _e === void 0 ? void 0 : _e.scrollWidth;
+                                    const showRightMask = Math.round(scrollLeft + parentWidth) < scrollWidth;
+                                    setShowRightMask(showRightMask);
+                                }
+                            }, children: tabsDatas === null || tabsDatas === void 0 ? void 0 : tabsDatas.map((item, index) => RenderTabItem(index, item)) }), showMask && restProps.direction !== 'vertical' && (_jsx("div", { className: `${classPrefix}-tabs__header-item-mask`, style: { opacity: `${showRightMask ? '1' : '0'}` } }))] }) }), _jsx("div", { className: `${classPrefix}-tabs__body`, children: _jsx("div", { className: `${classPrefix}-tabs__body-content`, children: renderSlot({ ...restProps, selectedTab, tabsDatas, isMultipleSlot }) }) })] }));
 };

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

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useImperativeHandle, useRef, useState, useMemo, useEffect, } from 'react';
 import classNames from '../../utils/classnames';
+import { KEY_DOWN_CODE } from '../../utils/constant';
 import { useConfig } from '../../utils/config-context';
 import { WdFormItem } from '../wd-form-item';
 import { useFormInputTrait } from '../form-input-hooks';
@@ -89,12 +90,8 @@ export const WdTextarea = forwardRef(function WdTextarea(props, ref) {
     };
     const handleKeyDown = (e) => {
         var _a;
-        if (e.key === 'Enter' && !e.shiftKey) {
-            // 判断输入法是否正在输入中文字符
-            if (!e.target.isComposing) {
-                e.preventDefault();
-                (_a = events.confirm) === null || _a === void 0 ? void 0 : _a.call(events, { value: e.target.value }, { originEvent: e });
-            }
+        if (e.key === 'Enter' || e.keyCode === KEY_DOWN_CODE) {
+            (_a = events.confirm) === null || _a === void 0 ? void 0 : _a.call(events, { value: e.target.value }, { originEvent: e });
         }
     };
     /** widgets */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "3.11.1",
+  "version": "3.11.4",
   "main": "./dist/index.js",
   "module": "./dist/index",
   "miniprogram": "mpdist",
@@ -85,7 +85,7 @@
   "description": "腾讯云微搭低代码组件库模板",
   "dependencies": {
     "@antv/g6": "^4.8.5",
-    "@cloudbase/weda-client": "^1.1.8",
+    "@cloudbase/weda-client": "^1.1.9",
     "@codemirror/autocomplete": "^6.16.0",
     "@codemirror/lang-javascript": "^6.2.2",
     "@codemirror/lang-json": "^6.0.1",
@@ -147,7 +147,7 @@
     "@babel/preset-env": "^7.22.15",
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.22.15",
-    "@cloudbase/cals": "^1.2.4",
+    "@cloudbase/cals": "^1.2.5",
     "@cloudbase/lowcode-cli": "^0.21.13",
     "@cloudbase/weda-cloud-sdk": "^1.0.87",
     "@commitlint/cli": "^16.0.2",