@para-ui/core 4.0.76 → 4.0.78

package/Form/index.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-526a3b4e.js';
+import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-ca1bf11e.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import '../TextField/index.js';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-526a3b4e.js';
+export { F as default } from '../_verture/index-ca1bf11e.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-5317fc89.js';

package/Menu/index.js

@@ -691,6 +691,7 @@ const VerticalMenuList = props => {
    * @param e 元素
    */
   const handleScroll = e => {
+    listRef.current.style.transition = 'none';
     const {
       deltaY
     } = e;
@@ -731,6 +732,7 @@ const VerticalMenuList = props => {
       next: y > max
     });
     listRef.current.style.transform = "translate3d(0, ".concat(y, "px, 0)");
+    listRef.current.style.transition = 'all .3s';
   };
   /**
    * 返回滚动限制

package/README.md

@@ -1,3 +1,16 @@
+## 🎉 para-ui/core@4.0.78 发布
+
+🔧【Bugfix】
+
+-   【表格-Table】修复在大屏幕下,table的slider计算错误的问题;Empty国际化文案调整为clear
+
+## 🎉 para-ui/core@4.0.77 发布
+
+🔧【Bugfix】
+
+-   【下拉选择器-SelectorPicker】增加overlayClassName参数
+-   【菜单-Menu】修复菜单在safari滚动卡顿问题
+
 ## 🎉 para-ui/core@4.0.76 发布
 
 🔧【Bugfix】

package/ScrollBar/index.js

@@ -67,8 +67,10 @@ const ScrollBar = props => {
     const boxRefEleRect = boxRefEle.getBoundingClientRect();
     const lengthName = constData.current.typeMap[type].length;
     const visualWindowLengthCom = boxRefEleRect[lengthName];
-    // 可视窗口长度 / 总长 * 可视窗口长度
-    let sliderLength = visualWindowLengthCom / scrollTotalLength * visualWindowLengthCom;
+    // 内容总长度 = 可滚动距离 + 可视窗口长度
+    const contentTotalLength = scrollTotalLength + visualWindowLengthCom;
+    // 滑块长度 = 可视窗口长度 / 内容总长度 * 可视窗口长度
+    let sliderLength = visualWindowLengthCom / contentTotalLength * visualWindowLengthCom;
     if (sliderLength < 16) sliderLength = 16;
     sliderRefEle.style[lengthName] = sliderLength / visualWindowLengthCom * 100 + '%';
     constData.current.moveMaxLength = visualWindowLengthCom - sliderLength;

package/SelectorPicker/index.d.ts

@@ -52,6 +52,8 @@ export interface SelectorPickerProps extends HelperTextDetailProps {
     getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
     /** 更多className */
     morePopoverClassName?: string;
+    /** 下拉框className */
+    overlayClassName?: string;
     [name: string]: any;
 }
 declare const SelectorPicker: React.FC<SelectorPickerProps>;

package/SelectorPicker/index.js

@@ -92,7 +92,8 @@ const SelectorPicker = props => {
     onClear,
     tagRender,
     morePopoverClassName,
-    getPopupContainer
+    getPopupContainer,
+    overlayClassName
   } = props;
   const fieldConfigHand = handFieldConfig((_a = props.selectorProps) === null || _a === void 0 ? void 0 : _a.fieldConfig, ((_b = props.selectorProps) === null || _b === void 0 ? void 0 : _b.rowKey) || 'key'); // 字段配置,对应数据字段
   const selectorFieldConfigHand = Object.assign(Object.assign({}, fieldConfigHand), (_c = props.selectorProps) === null || _c === void 0 ? void 0 : _c.backDataFieldConfig); // 选中值字段配置,对应数据字段
@@ -401,7 +402,7 @@ const SelectorPicker = props => {
       placement: 'bottomLeft',
       trigger: ['click'],
       onVisibleChange: onVisibleChange,
-      overlayClassName: clsx("".concat($prefixCls, "-selector-picker-dropdown"), {
+      overlayClassName: clsx("".concat($prefixCls, "-selector-picker-dropdown"), overlayClassName, {
         ["".concat($prefixCls, "-selector-picker-dropdown-search")]: selectorProps === null || selectorProps === void 0 ? void 0 : selectorProps.search
       }),
       getPopupContainer: getPopupContainer

package/Stepper/index.js

@@ -25,7 +25,7 @@ import '@paraview/lib';
 import '../_verture/useResizeObserver-edda059a.js';
 
 //默认图标
-var Icons = {
+const Icons = {
   1: jsx(One, {
     size: "medium"
   }),

package/Switch/index.js

@@ -26,8 +26,8 @@ var zh = {
 };
 
 var localeJson = {
-  zh,
-  en
+  zh: zh,
+  en: en
 };
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/3 下午5:58\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-switch {\n  position: relative;\n  display: inline-block;\n  width: 32px;\n  height: 16px;\n  vertical-align: middle;\n  background-color: transparent;\n  border: 0;\n  cursor: pointer;\n  transition: all 0.2s;\n  user-select: none;\n}\n.paraui-v4-switch .component-switch {\n  border: none;\n  cursor: pointer;\n}\n.paraui-v4-switch:before {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  width: 100%;\n  height: 16px;\n  border-radius: 8px;\n  background-color: rgb(212, 218, 227);\n  content: \"\";\n  transition: all 0.2s;\n}\na .paraui-v4-switch:focus {\n  outline: 0;\n  box-shadow: none;\n}\n.paraui-v4-switch.component-switch-checked:focus {\n  box-shadow: none;\n}\n.paraui-v4-switch:focus:hover {\n  box-shadow: none;\n}\n.paraui-v4-switch.component-switch-checked:before {\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-switch-loading *, .paraui-v4-switch.component-switch-disabled * {\n  box-shadow: none;\n}\n.paraui-v4-switch-loading .component-switch-inner::before, .paraui-v4-switch.component-switch-disabled .component-switch-inner::before {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  width: 100%;\n  height: 16px;\n  background-color: rgba(255, 255, 255, 0.5);\n  content: \"\";\n  z-index: 100;\n}\n.paraui-v4-switch .component-switch-inner {\n  display: block;\n  margin: 0 7px 0 25px;\n  font-size: 14px;\n  transition: margin 0.2s;\n}\n.paraui-v4-switch.component-switch-checked .component-switch-inner {\n  margin: 0 25px 0 7px;\n}\n.paraui-v4-switch .component-switch-handle {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 12px;\n  height: 12px;\n  transition: all 0.2s ease-in-out;\n}\n.paraui-v4-switch .component-switch-handle::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: rgb(255, 255, 255);\n  border-radius: 9px;\n  box-shadow: none;\n  transition: all 0.2s ease-in-out;\n  content: \"\";\n}\n.paraui-v4-switch.component-switch-checked .component-switch-handle {\n  left: calc(100% - 14px);\n}\n.paraui-v4-switch.component-switch-checked .component-switch-handle::before {\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-switch:not(.paraui-v4-switch-disabled):active .component-switch-handle::before {\n  right: -30%;\n  left: 0;\n}\n.paraui-v4-switch:not(.paraui-v4-switch-disabled):active.component-switch-checked .component-switch-handle::before {\n  right: 0;\n  left: -30%;\n}\n.paraui-v4-switch .component-switch-loading-icon {\n  position: relative;\n  top: 1px;\n  color: rgb(46, 101, 230);\n  font-size: 10px;\n  vertical-align: top;\n  animation: switchLoadingCircle 1s infinite linear;\n}\n.paraui-v4-switch.component-switch-checked .component-switch-loading-icon {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-switch-small {\n  min-width: 28px;\n  height: 14px;\n  line-height: 14px;\n}\n.paraui-v4-switch-small .component-switch-inner {\n  margin: 0 5px 0 18px;\n  font-size: 14px;\n}\n.paraui-v4-switch-small .component-switch-handle {\n  width: 12px;\n  height: 12px;\n  top: 3px;\n  left: 2px;\n}\n.paraui-v4-switch-small .component-switch-loading-icon {\n  top: 1.5px;\n  font-size: 9px;\n}\n.paraui-v4-switch-small.component-switch-checked .component-switch-inner {\n  margin: 0 18px 0 5px;\n}\n.paraui-v4-switch-small.component-switch-checked .component-switch-handle {\n  left: calc(100% - 12px - 2px);\n}\n@keyframes switchLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.paraui-v4-switch-disabled::before {\n  background-color: rgb(225, 229, 236);\n}\n.paraui-v4-switch-disabled.component-switch-checked::before {\n  background-color: rgb(151, 178, 242);\n}\n\n.component-label-box {\n  display: flex;\n  align-items: center;\n}\n.component-label-box .sup-text {\n  color: rgb(92, 101, 115);\n  font-size: 14px;\n  margin-left: 10px;\n  line-height: 16px;\n}\n.component-label-box .sup-text > a {\n  text-decoration: none;\n  cursor: pointer;\n  color: rgb(46, 101, 230);\n}\n.component-label-box .sup-text > a:hover {\n  color: rgb(87, 131, 235);\n}\n\n.paraui-v4-switch-label {\n  display: inline-flex;\n  align-items: flex-end;\n}\n.paraui-v4-switch-label .component-disabled-text {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-switch-label .component-desc-text {\n  margin-bottom: 0;\n  margin-right: 10px;\n  line-height: 16px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-switch-label .component-desc-text .paraui-v4-help {\n  line-height: 1;\n}\n.paraui-v4-switch-label .component-desc-text .paraui-v4-help svg {\n  top: 0;\n}\n.paraui-v4-switch-label .paraui-v4-label-text-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.paraui-v4-switch-desc-end {\n  flex-direction: row-reverse;\n}\n.paraui-v4-switch-desc-end .component-desc-text {\n  margin-right: 0;\n}\n\n.component-switch-disabled > div:nth-child(1)::before {\n  transition: all 2s ease-in-out;\n}";

package/Table/index.js

@@ -337,7 +337,7 @@ var ThElement = function ThElement(props) {
 };
 
 var en = {
-  empty: 'Empty',
+  empty: 'Clear',
   restoreDefault: 'Restore Default',
   determine: 'Confirm',
   serial: 'Sort',

package/index.js

@@ -33,7 +33,7 @@ export { default as DynamicMultiBox } from './DynamicMultiBox/index.js';
 export { default as Empty } from './Empty/index.js';
 export { default as FieldForm } from './FieldForm/index.js';
 export { default as Form } from './Form/index.js';
-export { F as FormItem } from './_verture/index-526a3b4e.js';
+export { F as FormItem } from './_verture/index-ca1bf11e.js';
 export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-e3beaf4b.js';
 export { G as GlobalContext, c as changeConfirmLocale, g as getConfirmLocale } from './_verture/index-ca413216.js';
 export { default as Help } from './Help/index.js';

package/locale/index.js

@@ -312,7 +312,7 @@ var enUS = {
     "ing": "In Progress"
   },
   "Table": {
-    "empty": "Empty",
+    "empty": "Clear",
     "restoreDefault": "Restore Default",
     "determine": "Confirm",
     "serial": "Sort",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@para-ui/core",
   "private": false,
-  "version": "4.0.76",
+  "version": "4.0.78",
   "main": "./index.js",
   "typings": "./index.d.ts",
   "description": "Powered by Para FED",