@para-ui/core 4.0.57 → 4.0.58

package/AutoButton/index.js

@@ -39,7 +39,7 @@ var localeJson = {
   en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-auto-button {\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.paraui-v4-auto-button-dropdown .auto-button-dropdown-content {\n  border-radius: 4px;\n  overflow: hidden;\n  padding: 4px 0;\n}\n.paraui-v4-auto-button-dropdown .auto-button-dropdown-content .item-btn {\n  height: 30px;\n  line-height: 30px;\n  color: rgb(29, 33, 38);\n  cursor: pointer;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-auto-button-dropdown .auto-button-dropdown-content .item-btn > .paraui-v4-auto-tips {\n  padding: 0 10px;\n}\n.paraui-v4-auto-button-dropdown .auto-button-dropdown-content .item-btn:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-auto-button-dropdown .auto-button-dropdown-content .item-btn.item-btn-disabled {\n  background-color: rgb(255, 255, 255);\n  color: rgb(161, 168, 179);\n  cursor: not-allowed;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-auto-button {\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.paraui-v4-auto-button-dropdown .auto-button-dropdown-content {\n  border-radius: 4px;\n  overflow: hidden;\n  padding: 4px 0;\n}\n.paraui-v4-auto-button-dropdown .auto-button-dropdown-content .item-btn {\n  width: 100%;\n  height: 30px;\n  line-height: 30px;\n  color: rgb(29, 33, 38);\n  cursor: pointer;\n  background-color: rgb(255, 255, 255);\n  text-align: right;\n}\n.paraui-v4-auto-button-dropdown .auto-button-dropdown-content .item-btn > .button-label {\n  justify-content: flex-start;\n}\n.paraui-v4-auto-button-dropdown .auto-button-dropdown-content .item-btn > .paraui-v4-auto-tips {\n  padding: 0 10px;\n}\n.paraui-v4-auto-button-dropdown .auto-button-dropdown-content .item-btn:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-auto-button-dropdown .auto-button-dropdown-content .item-btn.item-btn-disabled {\n  background-color: rgb(255, 255, 255);\n  color: rgb(161, 168, 179);\n  cursor: not-allowed;\n}";
 styleInject(css_248z);
 
 const AutoButton = props => {
@@ -97,7 +97,9 @@ const AutoButton = props => {
   };
   /** 更多每一项内容 */
   const renderMoreContentItem = (item, label, parentItem) => {
-    return jsx("div", Object.assign({
+    return jsx(Button, Object.assign({
+      variant: "text",
+      disabled: item.disabled,
       className: clsx('item-btn', {
         'item-btn-disabled': item.disabled
       }),

package/Breadcrumbs/index.js

@@ -6,6 +6,7 @@ import More from '@para-ui/icons/More';
 import Return from '@para-ui/icons/Return';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
+import { u as useResizeObserver } from '../_verture/useResizeObserver-960e470e.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Tooltip/index.js';
@@ -61,40 +62,35 @@ const Breadcrumbs = props => {
     timer: null,
     showMore: false,
     hideArr: [],
-    hidePos: 0
+    hidePos: 0,
+    list
   });
   constData.current.isBack = isBack;
   constData.current.showMore = showMore;
   constData.current.isShrink = isShrink;
   constData.current.minNum = minNum;
+  constData.current.list = list;
+  useResizeObserver({
+    dom: boxRef.current,
+    cb: () => changeSize()
+  });
   useEffect(() => {
-    window.addEventListener('resize', winResize);
-    return () => {
-      clearTimeout(constData.current.timer);
-      window.removeEventListener('resize', winResize);
-    };
-  }, []);
-  useEffect(() => {
-    const arr = new Array(props.list.length).fill(false);
+    const arr = new Array(constData.current.list.length).fill(false);
     constData.current.hideArr = arr;
     setHideArr(arr);
     changeSize();
   }, [list]);
   /** 点击面包屑 */
   const clickItem = (item, index) => () => {
-    if (props.list.length - 1 === index || item.disabled) return;
+    if (constData.current.list.length - 1 === index || item.disabled) return;
     onClickItem && onClickItem(item);
   };
   /** 点击返回, 又返回执行返回事件,否则默认返回上级 */
   const clickBack = () => {
     if (onBack) return onBack();
-    if (props.list.length < 2) return;
-    const item = props.list[props.list.length - 2];
-    clickItem(item, props.list.length - 2)();
-  };
-  /** 改变屏幕 */
-  const winResize = () => {
-    changeSize();
+    if (constData.current.list.length < 2) return;
+    const item = constData.current.list[constData.current.list.length - 2];
+    clickItem(item, constData.current.list.length - 2)();
   };
   /** 去除遮罩 */
   const hideMask = () => {
@@ -108,14 +104,14 @@ const Breadcrumbs = props => {
     if (!bol) {
       constData.current.hidePos = 0;
       constData.current.showMore = false;
-      const arr = new Array(props.list.length).fill(false);
+      const arr = new Array(constData.current.list.length).fill(false);
       constData.current.hideArr = arr;
       setHideArr(arr);
       setShowMore(false);
     }
-    if (props.list.length <= constData.current.minNum + 1) return hideMask();
+    if (constData.current.list.length <= constData.current.minNum + 1) return hideMask();
     // 面包屑数组长度必须大于最少显示数
-    if (constData.current.hidePos === props.list.length - constData.current.minNum - 1) return hideMask();
+    if (constData.current.hidePos === constData.current.list.length - constData.current.minNum - 1) return hideMask();
     // 隐藏到最小显示数,停止
     boxRef.current.classList.add("".concat($prefixCls, "-breadcrumbs-calculation"));
     constData.current.timer = setTimeout(() => {

package/ComboSelect/index.js

@@ -24,6 +24,8 @@ import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { Search } from '../Search/index.js';
 import LoadingOutlined from '@para-ui/icons/LoadingF';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/typeof-adeedc13.js';
+import '../_verture/slicedToArray-61604a6c.js';
 import '../Checkbox/index.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
@@ -35,6 +37,7 @@ import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
 import '@para-ui/icons/Panel';
 import '../Empty/index.js';
+import '../_verture/defineProperty-6f62bb2a.js';
 import '../_verture/index-0f5ee6f7.js';
 import '../_verture/sortable.esm-76fe46a4.js';
 import '../Radio/index.js';
@@ -57,9 +60,6 @@ import '@para-ui/icons/DoubleRight';
 import '../ScrollBar/index.js';
 import '../_verture/useResizeObserver-960e470e.js';
 import '../_verture/toConsumableArray-599cd94a.js';
-import '../_verture/slicedToArray-61604a6c.js';
-import '../_verture/defineProperty-6f62bb2a.js';
-import '../_verture/typeof-adeedc13.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

package/DynamicMultiBox/index.js

@@ -52,6 +52,8 @@ import '@para-ui/icons/Up';
 import '../MultiBox/index.js';
 import '@para-ui/icons/Internet';
 import '../Table/index.js';
+import '../_verture/typeof-adeedc13.js';
+import '../_verture/slicedToArray-61604a6c.js';
 import '../_verture/index-cd9ede02.js';
 import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/WarningCircle';
@@ -59,6 +61,7 @@ import '@para-ui/icons/WarningCircleF';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
+import '../_verture/defineProperty-6f62bb2a.js';
 import '../Radio/index.js';
 import '../OperateBtn/index.js';
 import '@para-ui/icons/More';
@@ -73,9 +76,6 @@ import '../ScrollBar/index.js';
 import '../_verture/useResizeObserver-960e470e.js';
 import '../_verture/index-320d67c4.js';
 import '../_verture/toConsumableArray-599cd94a.js';
-import '../_verture/slicedToArray-61604a6c.js';
-import '../_verture/defineProperty-6f62bb2a.js';
-import '../_verture/typeof-adeedc13.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

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-3b048316.js';
+import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-7558fb61.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import '../TextField/index.js';
@@ -54,10 +54,12 @@ import 'rc-input-number';
 import '@para-ui/icons/Up';
 import '../ComboSelect/index.js';
 import '../Table/index.js';
+import '../_verture/typeof-adeedc13.js';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
 import '@para-ui/icons/Panel';
+import '../_verture/defineProperty-6f62bb2a.js';
 import '../_verture/index-0f5ee6f7.js';
 import '../_verture/sortable.esm-76fe46a4.js';
 import '../OperateBtn/index.js';
@@ -74,8 +76,6 @@ import '../ScrollBar/index.js';
 import '../_verture/useResizeObserver-960e470e.js';
 import '../_verture/index-320d67c4.js';
 import '../_verture/toConsumableArray-599cd94a.js';
-import '../_verture/defineProperty-6f62bb2a.js';
-import '../_verture/typeof-adeedc13.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-3b048316.js';
+export { F as default } from '../_verture/index-7558fb61.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-5317fc89.js';
@@ -54,10 +54,12 @@ import 'rc-input-number';
 import '@para-ui/icons/Up';
 import '../ComboSelect/index.js';
 import '../Table/index.js';
+import '../_verture/typeof-adeedc13.js';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
 import '@para-ui/icons/Panel';
+import '../_verture/defineProperty-6f62bb2a.js';
 import '../_verture/index-0f5ee6f7.js';
 import '../_verture/sortable.esm-76fe46a4.js';
 import '../OperateBtn/index.js';
@@ -74,8 +76,6 @@ import '../ScrollBar/index.js';
 import '../_verture/useResizeObserver-960e470e.js';
 import '../_verture/index-320d67c4.js';
 import '../_verture/toConsumableArray-599cd94a.js';
-import '../_verture/defineProperty-6f62bb2a.js';
-import '../_verture/typeof-adeedc13.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

package/README.md

@@ -1,3 +1,11 @@
+## 🎉 para-ui/core@4.0.58 发布
+
+🎁【Feature】
+- 【面包屑-Breadcrumbs】修改页面自适应计算方式
+- 【自动按钮-AutoButton】修复下拉禁用按钮点击还出现popConfirm
+- 【选择器-Selector】修复面包屑超出换行
+- 【穿梭框-Transfer】修复下方按钮禁用判断条件，总数量显示
+
 ## 🎉 para-ui/core@4.0.57 发布
 
 🎁【Feature】

package/Selector/index.js

@@ -41,6 +41,7 @@ import 'rc-dropdown';
 import 'dayjs';
 import '@para-ui/icons/More';
 import '@para-ui/icons/Return';
+import '../_verture/useResizeObserver-960e470e.js';
 
 var en = {
   root: 'root',
@@ -608,6 +609,7 @@ const SelectorMainContent = props => {
       className: "nav-box"
     }, {
       children: jsx(Breadcrumbs, {
+        minNum: 1,
         list: breadcrumbsList,
         separator: breadcrumbsSeparator,
         onClickItem: onClickBreadcrums

package/SelectorPicker/index.js

@@ -41,6 +41,7 @@ import '@para-ui/icons/Search';
 import '../Breadcrumbs/index.js';
 import '@para-ui/icons/More';
 import '@para-ui/icons/Return';
+import '../_verture/useResizeObserver-960e470e.js';
 import '../Empty/index.js';
 import '@para-ui/icons/Refresh';
 

package/Stepper/index.js

@@ -24,7 +24,7 @@ import '@para-ui/icons/Forbid';
 import '@paraview/lib';
 
 //默认图标
-var Icons = {
+const Icons = {
   1: jsx(One, {
     size: "medium"
   }),

package/Switch/index.js

@@ -26,8 +26,8 @@ var zh = {
 };
 
 var localeJson = {
-  zh: zh,
-  en: en
+  zh,
+  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}";