@para-ui/core 4.0.32 → 4.0.37

package/Table/interface.d.ts

@@ -132,7 +132,7 @@ export interface TableHeadBodyPublicProps {
     showColumns?: 'inside' | false;
     /** 是否等分表格,出滚动条 */
     fixedTable?: boolean;
-    /** 是否具有固定列 */
+    /** 是否具有固定列,必须要有宽度 */
     fixedColumn?: boolean;
     /** 排序字段 */
     orderFieldArr?: string[];
@@ -219,6 +219,8 @@ export interface TableProps extends TableHeadBodyPublicProps {
     serialNumber?: boolean | HeadDataProps;
     /** 是否拖动列 */
     dragColumn?: boolean;
+    /** 拖动行 */
+    dragRow?: boolean;
     /** 是否过滤 */
     filter?: boolean;
     /** 排序 多个/单个 */
@@ -293,6 +295,12 @@ export interface TableProps extends TableHeadBodyPublicProps {
      * 不返回或者返回false，走外部逻辑
      * */
     onError?: (err: any) => Promise<boolean | void> | (boolean | void);
+    /** 拖动行事件
+     * list: 排序后的数据
+     * evt: 拖拽信息，可拿到拖拽前后的数据对比
+     * 返回true,组件内部不设置
+     * */
+    onDragRow?: (list: any[], evt: any) => Promise<boolean | void> | (boolean | void);
     [key: string]: any;
 }
 export interface ExpandableRowItem {

package/Table/lang/en_US.d.ts

@@ -7,5 +7,6 @@ declare const _default: {
     refresh: string;
     selectNum: string;
     selectAll: string;
+    dragSort: string;
 };
 export default _default;

package/Table/lang/index.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
         refresh: string;
         selectNum: string;
         selectAll: string;
+        dragSort: string;
     };
     en: {
         empty: string;
@@ -18,6 +19,7 @@ declare const _default: {
         refresh: string;
         selectNum: string;
         selectAll: string;
+        dragSort: string;
     };
 };
 export default _default;

package/Table/lang/zh_CN.d.ts

@@ -7,5 +7,6 @@ declare const _default: {
     refresh: string;
     selectNum: string;
     selectAll: string;
+    dragSort: string;
 };
 export default _default;

package/Table/tableBodyElement/index.d.ts

@@ -9,6 +9,11 @@ export interface TableBodyElementProps {
     className?: string;
     style?: React.CSSProperties;
     children?: any;
+    list?: any;
+    handle?: any;
+    drag?: boolean;
+    onDrag?: any;
+    onChoose?: any;
     [name: string]: any;
 }
 export declare const TableBodyElement: FunctionComponent<TableBodyElementProps>;

package/Table/tableBodyInterface.d.ts

@@ -72,4 +72,8 @@ export interface TableBodyProps extends TableHeadBodyPublicProps {
     onClickRow?: (row: any, e: any) => void;
     /** 用来计算表格行数 */
     lineHeight?: number;
+    /** 拖动行 */
+    dragRow?: boolean;
+    /** 拖动行事件 */
+    onDragRow?: (evt: any) => void;
 }

package/Table/tableHeadInterface.d.ts

@@ -10,6 +10,8 @@ import { DragResultProps } from './thElement';
 export interface TableHeadProps extends TableHeadBodyPublicProps {
     /** 是否拖动列 */
     dragColumn?: boolean;
+    /** 拖动行 */
+    dragRow?: boolean;
     /** 表格每列没设置宽度的默认宽度, 默认80 */
     lineWidth?: number;
     /** 排序触发事件 property: 属性名 */

package/Tabs/index.js

@@ -1,4 +1,4 @@
-import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { a as __rest } from '../_verture/tslib.es6-f43aa41d.js';
 import React__default, { useState, useEffect, createElement } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import RcTabs, { TabPane } from 'rc-tabs';

package/Tag/index.js

@@ -1,4 +1,4 @@
-import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { a as __rest } from '../_verture/tslib.es6-f43aa41d.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useEffect } from 'react';
 import CloseIcon from '@para-ui/icons/Close';

package/TextEditor/index.js

@@ -8,7 +8,7 @@ import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { UUID } from '@paraview/lib';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/tslib.es6-55ed4bd2.js';
+import '../_verture/tslib.es6-f43aa41d.js';
 import '../Help/index.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
@@ -23,7 +23,7 @@ import '../_verture/index-ca413216.js';
  * @date 2022/09/06 18:00
  * @description  存放富文本编辑器的一些默认配置
  */
-const TOOL_BAR_CONFIG = ['headerSelect', 'blockquote', '|', 'bold', 'underline', 'italic', {
+var TOOL_BAR_CONFIG = ['headerSelect', 'blockquote', '|', 'bold', 'underline', 'italic', {
   key: 'group-more-style',
   title: '更多',
   iconSvg: '<svg viewBox="0 0 1024 1024"><path d="M204.8 505.6m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z"></path><path d="M505.6 505.6m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z"></path><path d="M806.4 505.6m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z"></path></svg>',
@@ -59,8 +59,8 @@ var zh = {
 };
 
 var localeJson = {
-  zh,
-  en
+  zh: zh,
+  en: en
 };
 
 var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-text-editor .w-e-max-length-info {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-text-editor .w-e-bar-item > button:hover {\n  background: rgb(247, 248, 250);\n  border-radius: 2px;\n}\n.paraui-v4-text-editor .w-e-bar-item-menus-container .w-e-bar-item {\n  padding-left: 0;\n  padding-right: 0;\n  display: flex;\n}\n.paraui-v4-text-editor .w-e-bar-item-menus-container .w-e-bar-item > button {\n  flex: 1;\n  display: flex;\n  justify-content: flex-start;\n}\n.paraui-v4-text-editor .w-e-bar-item-menus-container .w-e-bar-item > button:hover {\n  background: rgb(247, 248, 250);\n  border-radius: 2px;\n}\n.paraui-v4-text-editor .w-e-full-screen-container {\n  z-index: 1000;\n}\n.paraui-v4-text-editor .text-editor-content {\n  border: 1px solid rgb(212, 218, 227);\n  border-radius: 4px;\n  padding: 1px 0;\n  background-color: #fff;\n}\n.paraui-v4-text-editor .text-editor-content > div:nth-child(1) {\n  border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-text-editor .text-editor-content div[contenteditable=false] {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-text-editor .text-editor-content div[contenteditable=false]:hover {\n  border-color: rgb(212, 218, 227);\n  cursor: not-allowed;\n}\n.paraui-v4-text-editor .preview-mode > div:nth-child(1) {\n  border-bottom: none;\n}";

package/TextField/index.js

@@ -1,4 +1,4 @@
-import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { a as __rest } from '../_verture/tslib.es6-f43aa41d.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import Label from '../Label/index.js';

package/TimePicker/index.js

@@ -1,4 +1,4 @@
-import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { a as __rest } from '../_verture/tslib.es6-f43aa41d.js';
 import { jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import DatePicker from '../DatePicker/index.js';

package/Timeline/index.js

@@ -1,27 +1,34 @@
-import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { a as __rest } from '../_verture/tslib.es6-f43aa41d.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import clsx from 'clsx';
-import { a as _defineProperty } from '../_verture/defineProperty-f0e15205.js';
 import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
 //TimelineItem
-var TimelineItem = function TimelineItem(props) {
-  var className = props.className,
-    color = props.color,
-    dot = props.dot,
-    _props$pending = props.pending,
-    pending = _props$pending === void 0 ? false : _props$pending;
-    props.position;
-    var label = props.label,
-    children = props.children,
+const TimelineItem = props => {
+  const {
+      className,
+      color,
+      dot,
+      pending = false,
+      position,
+      label,
+      children
+    } = props,
     restProps = __rest(props, ["className", "color", "dot", "pending", "position", "label", "children"]);
-  var prefixCls = "".concat($rcPrefixCls, "-timeline");
+  const prefixCls = "".concat($rcPrefixCls, "-timeline");
   //item cls
-  var itemClassName = clsx(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-item"), true), "".concat(prefixCls, "-item-pending"), pending), className);
+  const itemClassName = clsx({
+    ["".concat(prefixCls, "-item")]: true,
+    ["".concat(prefixCls, "-item-pending")]: pending
+  }, className);
   //dot cls
-  var dotClassName = clsx(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-item-head"), true), "".concat(prefixCls, "-item-head-custom"), !!dot), "".concat(prefixCls, "-item-head-").concat(color), color));
+  const dotClassName = clsx({
+    ["".concat(prefixCls, "-item-head")]: true,
+    ["".concat(prefixCls, "-item-head-custom")]: !!dot,
+    ["".concat(prefixCls, "-item-head-").concat(color)]: color
+  });
   return jsxs("li", Object.assign({}, restProps, {
     className: itemClassName
   }, {

package/Title/index.js

@@ -7,7 +7,7 @@ import Help from '../Help/index.js';
 import { Collapse } from '../Collapse/index.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../Tooltip/index.js';
-import '../_verture/tslib.es6-55ed4bd2.js';
+import '../_verture/tslib.es6-f43aa41d.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';

package/ToggleButton/ToggleButtonGroup.d.ts

@@ -7,14 +7,16 @@ import React, { FunctionComponent } from 'react';
 import './index.scss';
 export type ToggleButtonItemProps = {
     label: string;
+    /** type为icon时有效 */
+    icon?: React.ReactNode;
     value: any;
     selected?: boolean;
     disabled?: boolean;
-    toolTipTitle?: NonNullable<React.ReactNode>;
+    toolTipTitle?: React.ReactNode;
     className?: string;
 };
 export interface ToggleButtonGroupProps {
-    type?: 'text' | 'outlined';
+    type?: 'text' | 'outlined' | 'icon';
     /**
      * 类名
      */

package/ToggleButton/index.d.ts

@@ -15,18 +15,19 @@ export interface ToggleButtonProps {
      * 样式
      */
     style?: React.CSSProperties;
+    type?: 'text' | 'outlined' | 'icon';
     /**
      * 子节点
      */
-    children?: string;
+    children?: React.ReactNode;
     /**
      * 禁用
      */
     disabled?: boolean;
     /**
-     * 禁用时提示文字 disabled 为true有效
+     * 提示文字
      */
-    toolTipTitle?: NonNullable<React.ReactNode>;
+    toolTipTitle?: React.ReactNode;
     /**
      * 是否选中
      */

package/ToggleButton/index.js

@@ -1,7 +1,8 @@
-import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { a as __rest } from '../_verture/tslib.es6-f43aa41d.js';
 import { jsx } from 'react/jsx-runtime';
 import { useRef } from 'react';
 import { Button } from '../Button/index.js';
+import { a as _defineProperty } from '../_verture/defineProperty-f0e15205.js';
 import { UUID } from '@paraview/lib';
 import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
@@ -20,35 +21,34 @@ import 'dayjs';
 import '../_verture/useFormatMessage-1fc7c957.js';
 import '../_verture/index-ca413216.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/23 上午9:50\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-toggle-button.paraui-v4-button-text {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-toggle-button.paraui-v4-button-text:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.paraui-v4-button-text:hover[disabled] {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-toggle-button-wrap {\n  display: inline-block;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-radio.paraui-v4-toggle-button-selected {\n  border-color: rgb(46, 101, 230);\n  color: rgb(255, 255, 255);\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-radio.paraui-v4-toggle-button-selected:hover {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-radio:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-radio[disabled] {\n  color: rgb(161, 168, 179);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-radio[disabled]:hover {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-radio[disabled].paraui-v4-toggle-button-selected {\n  color: rgb(92, 101, 115);\n  background-color: rgb(247, 248, 250);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check::before {\n  content: \" \";\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  border: 8px solid rgb(212, 218, 227);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check::after {\n  content: \" \";\n  width: 8px;\n  height: 8px;\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAM5JREFUOE/NkQENwjAURFcFIAEHgIM5YCgAHCABFBAUAA5wABI2CTgABeUd+V06BqFkCeEnl6X9d7d/vy7rWK6jPvu9gfe+z9QnsHDOlV9NgHhk4gpxrvjJBogL+DtwATkG12QDxEvIG3AzcRmW/5gAgsaR+1S54peht+c8s7vxc7+OAFHCIVhBWkfLUm6VliazRsUGAzoy6YEz0LaDeItYMVrVWCJ/nVuUmHhArPuX1XoFTI4wJ8au+NYb/ziBCJZdJqoiPFfyBO+I/2twBz0qQBFvrubpAAAAAElFTkSuQmCC\");\n  background-size: 8px 8px;\n  background-repeat: no-repeat;\n  position: absolute;\n  bottom: 1px;\n  right: 1px;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check:hover::before {\n  border-color: rgb(87, 131, 235);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check.paraui-v4-toggle-button-selected {\n  border-color: rgb(46, 101, 230);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check.paraui-v4-toggle-button-selected::before {\n  border-color: rgb(46, 101, 230);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check[disabled] {\n  color: rgb(161, 168, 179);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check[disabled]::before {\n  border-color: rgb(212, 218, 227);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check[disabled]:hover {\n  color: rgb(161, 168, 179);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check[disabled]:hover::before {\n  border-color: rgb(212, 218, 227);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check[disabled].paraui-v4-toggle-button-selected {\n  color: rgb(92, 101, 115);\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-toggle-button .toggle-button-text {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-toggle-button-disabled.paraui-v4-toggle-button {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-toggle-button-disabled.paraui-v4-toggle-button:hover {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-toggle-button .toggle-button-badge {\n  position: absolute;\n  right: 0;\n  bottom: 16px;\n}\n.paraui-v4-toggle-button .toggle-button-badge > div {\n  position: absolute;\n  top: 0;\n  right: 0;\n  border: 8px solid rgb(46, 101, 230);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button .toggle-button-badge > svg {\n  position: absolute;\n  top: 7px;\n  right: 1px;\n  color: #fff;\n  font-weight: 600;\n  width: 8px;\n  height: 8px;\n}\n\n.paraui-v4-togglebutton-group {\n  display: flex;\n  flex-flow: row wrap;\n}\n.paraui-v4-togglebutton-group .toggle-button-item {\n  margin: 0 10px;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button {\n  margin: 0;\n  padding: 0 16px;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button[disabled] {\n  color: rgb(161, 168, 179);\n  background-color: transparent;\n  border: 0;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button[disabled]:hover {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button ~ .paraui-v4-toggle-button::before {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  content: \"\";\n  width: 1px;\n  height: 14px;\n  background-color: rgb(212, 218, 227);\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected {\n  color: rgb(46, 101, 230);\n  border: 0;\n  font-weight: 700;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected[disabled] {\n  color: rgb(92, 101, 115);\n  background-color: transparent;\n  border: 0;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected:first-child:before {\n  display: none;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected:not(:first-child)::before {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  content: \"\";\n  width: 1px;\n  height: 14px;\n  background-color: rgb(212, 218, 227);\n  border: 0;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected::after {\n  display: none;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/23 上午9:50\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio.paraui-v4-toggle-button-selected {\n  border-color: rgb(46, 101, 230);\n  color: rgb(255, 255, 255);\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio.paraui-v4-toggle-button-selected:hover {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio[disabled] {\n  color: rgb(161, 168, 179);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio[disabled]:hover {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio[disabled].paraui-v4-toggle-button-selected {\n  color: rgb(92, 101, 115);\n  background-color: rgb(247, 248, 250);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check::before {\n  content: \" \";\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  border: 8px solid rgb(212, 218, 227);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check::after {\n  content: \" \";\n  width: 8px;\n  height: 8px;\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAM5JREFUOE/NkQENwjAURFcFIAEHgIM5YCgAHCABFBAUAA5wABI2CTgABeUd+V06BqFkCeEnl6X9d7d/vy7rWK6jPvu9gfe+z9QnsHDOlV9NgHhk4gpxrvjJBogL+DtwATkG12QDxEvIG3AzcRmW/5gAgsaR+1S54peht+c8s7vxc7+OAFHCIVhBWkfLUm6VliazRsUGAzoy6YEz0LaDeItYMVrVWCJ/nVuUmHhArPuX1XoFTI4wJ8au+NYb/ziBCJZdJqoiPFfyBO+I/2twBz0qQBFvrubpAAAAAElFTkSuQmCC\");\n  background-size: 8px 8px;\n  background-repeat: no-repeat;\n  position: absolute;\n  bottom: 1px;\n  right: 1px;\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check:hover::before {\n  border-color: rgb(87, 131, 235);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check.paraui-v4-toggle-button-selected {\n  border-color: rgb(46, 101, 230);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check.paraui-v4-toggle-button-selected::before {\n  border-color: rgb(46, 101, 230);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled] {\n  color: rgb(161, 168, 179);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled]::before {\n  border-color: rgb(212, 218, 227);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled]:hover {\n  color: rgb(161, 168, 179);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled]:hover::before {\n  border-color: rgb(212, 218, 227);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled].paraui-v4-toggle-button-selected {\n  color: rgb(92, 101, 115);\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-toggle-button.toggle-button-icon.paraui-v4-toggle-button-selected {\n  border-color: rgb(46, 101, 230);\n  color: rgb(255, 255, 255);\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.toggle-button-icon.paraui-v4-toggle-button-selected:hover {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.toggle-button-icon[disabled].paraui-v4-toggle-button-selected {\n  border-color: rgba(255, 255, 255, 0.5);\n}\n.paraui-v4-toggle-button.toggle-button-icon[disabled].paraui-v4-toggle-button-selected::before {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1;\n  content: \"\";\n  background-color: rgba(255, 255, 255, 0.5);\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-button-text {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-button-text:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-button-text:hover[disabled] {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected {\n  color: rgb(46, 101, 230);\n  border: 0;\n  font-weight: 700;\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected[disabled] {\n  color: rgb(92, 101, 115);\n  background-color: transparent;\n  border: 0;\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected:first-child:before {\n  display: none;\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected::after {\n  display: none;\n}\n.paraui-v4-toggle-button.toggle-button-text[disabled] {\n  color: rgb(161, 168, 179);\n  background-color: transparent;\n  border: 0;\n}\n.paraui-v4-toggle-button.toggle-button-text[disabled]:hover {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-toggle-button-wrap {\n  display: inline-block;\n}\n.paraui-v4-toggle-button .toggle-button-text {\n  width: 100%;\n}\n.paraui-v4-toggle-button-disabled.paraui-v4-toggle-button {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-toggle-button-disabled.paraui-v4-toggle-button:hover {\n  color: rgb(92, 101, 115);\n}\n\n.paraui-v4-togglebutton-group {\n  display: flex;\n  flex-flow: row wrap;\n}\n.paraui-v4-togglebutton-group .toggle-button-item {\n  margin: 0 8px;\n}\n.paraui-v4-togglebutton-group-text .toggle-button-item .paraui-v4-toggle-button {\n  margin: 0;\n  padding: 0 16px;\n}\n.paraui-v4-togglebutton-group-text .toggle-button-item ~ .toggle-button-item .paraui-v4-toggle-button::before {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  content: \"\";\n  width: 1px;\n  height: 14px;\n  background-color: rgb(212, 218, 227);\n}";
 styleInject(css_248z);
 
 //切换按钮组
-const ToggleButtonGroup = props => {
-  let {
-    type = 'outlined',
-    className,
-    style,
-    exclusive = false,
-    toggleable = true,
-    data,
-    value,
-    onChange
-  } = props;
+var ToggleButtonGroup = function ToggleButtonGroup(props) {
+  var _props$type = props.type,
+    type = _props$type === void 0 ? 'outlined' : _props$type,
+    className = props.className,
+    style = props.style,
+    _props$exclusive = props.exclusive,
+    exclusive = _props$exclusive === void 0 ? false : _props$exclusive,
+    _props$toggleable = props.toggleable,
+    toggleable = _props$toggleable === void 0 ? true : _props$toggleable,
+    data = props.data,
+    value = props.value,
+    onChange = props.onChange;
   if (type === 'text' && !('exclusive' in props)) {
     exclusive = true;
   }
-  const makeCls = clsx("".concat($prefixCls, "-togglebutton-group"), className, {
-    ["".concat($prefixCls, "-togglebutton-group-text")]: type === 'text'
-  });
+  var makeCls = clsx("".concat($prefixCls, "-togglebutton-group"), className, _defineProperty({}, "".concat($prefixCls, "-togglebutton-group-text"), type === 'text'));
   //多选
-  const handleChange = (evt, buttonValue) => {
+  var handleChange = function handleChange(evt, buttonValue) {
     if (!onChange) return;
     if (!Array.isArray(value)) {
       return;
     }
-    const index = value && (value === null || value === void 0 ? void 0 : value.indexOf(buttonValue));
-    let newValue;
+    var index = value && (value === null || value === void 0 ? void 0 : value.indexOf(buttonValue));
+    var newValue;
     if (value && index >= 0) {
       newValue = value.slice();
       newValue.splice(index, 1);
@@ -58,7 +58,7 @@ const ToggleButtonGroup = props => {
     onChange(evt, newValue);
   };
   //单选
-  const handleExclusiveChange = (evt, buttonValue) => {
+  var handleExclusiveChange = function handleExclusiveChange(evt, buttonValue) {
     if (!onChange) return;
     if (!toggleable) {
       if (value === buttonValue) return;
@@ -68,7 +68,7 @@ const ToggleButtonGroup = props => {
     onChange(evt, value === buttonValue ? null : buttonValue);
   };
   //是否选中
-  const hasValueSelected = (value, candidate) => {
+  var hasValueSelected = function hasValueSelected(value, candidate) {
     if (candidate === undefined || value === undefined) return false;
     if (Array.isArray(candidate)) {
       return candidate.includes(value);
@@ -76,27 +76,24 @@ const ToggleButtonGroup = props => {
     return value === candidate;
   };
   //渲染组
-  const renderGroup = () => {
+  var renderGroup = function renderGroup() {
     if (!data || !(data === null || data === void 0 ? void 0 : data.length)) return null;
-    return data.map((item, idx) => {
-      const {
-          label,
-          selected
-        } = item,
+    return data.map(function (item, idx) {
+      var label = item.label,
+        selected = item.selected,
         rest = __rest(item, ["label", "selected"]);
-      const hasSelected = selected === undefined ? hasValueSelected(rest.value, value) : selected;
+      var hasSelected = selected === undefined ? hasValueSelected(rest.value, value) : selected;
       return jsx("div", Object.assign({
         className: 'toggle-button-item'
       }, {
         children: jsx(ToggleButton, Object.assign({}, rest, {
           style: style,
           selected: hasSelected,
-          autoToolTipOverflow: type !== 'text',
-          variant: type === 'text' ? 'text' : 'outlined',
+          type: type,
           onClick: exclusive ? handleExclusiveChange : handleChange,
           exclusive: exclusive
         }, {
-          children: label
+          children: type === 'icon' ? item.icon || null : label
         }))
       }), idx);
     });
@@ -113,23 +110,23 @@ const ToggleButton = props => {
   const {
       className,
       style,
+      type = 'outlined',
       children,
       disabled = false,
       toolTipTitle,
       selected = false,
       exclusive = false,
       value,
-      autoToolTipOverflow = true,
       width,
       onClick
     } = props,
-    restProps = __rest(props, ["className", "style", "children", "disabled", "toolTipTitle", "selected", "exclusive", "value", "autoToolTipOverflow", "width", "onClick"]);
+    restProps = __rest(props, ["className", "style", "type", "children", "disabled", "toolTipTitle", "selected", "exclusive", "value", "width", "onClick"]);
   // const [hasTip, setHasTip] = useState<boolean>(false);
   const id = useRef(UUID()).current;
   const prefixCls = "".concat($prefixCls, "-toggle-button");
   //className
-  const makeCls = clsx(prefixCls, className, {
-    ["".concat(prefixCls, "-").concat(exclusive ? 'radio' : 'check')]: (restProps === null || restProps === void 0 ? void 0 : restProps.variant) !== 'text',
+  const makeCls = clsx(prefixCls, className, "toggle-button-".concat(type), {
+    ["".concat(prefixCls, "-").concat(exclusive ? 'radio' : 'check')]: type === 'outlined',
     ["".concat(prefixCls, "-selected")]: selected,
     ["".concat(prefixCls, "-disabled")]: disabled
   });
@@ -137,10 +134,27 @@ const ToggleButton = props => {
   const handleClick = evt => {
     if (onClick) onClick(evt, value);
   };
+  if (type === 'icon') {
+    return jsx(Button.IconButton, Object.assign({
+      "data-id": id
+    }, restProps, {
+      variant: 'outlined',
+      style: Object.assign({
+        width
+      }, style),
+      className: makeCls,
+      disabled: disabled,
+      toolTipTitle: toolTipTitle,
+      value: value,
+      onClick: handleClick
+    }, {
+      children: children
+    }));
+  }
   return jsx(Button, Object.assign({
-    "data-id": id,
-    variant: 'outlined'
+    "data-id": id
   }, restProps, {
+    variant: type === 'text' ? 'text' : 'outlined',
     style: Object.assign({
       width
     }, style),

package/Tooltip/index.js

@@ -1,4 +1,4 @@
-import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { a as __rest } from '../_verture/tslib.es6-f43aa41d.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default from 'react';
 import RcTooltip from 'rc-tooltip';

package/Transfer/index.js

@@ -16,7 +16,7 @@ import Drag from '@para-ui/icons/Drag';
 import { S as Sortable } from '../_verture/sortable.esm-76fe46a4.js';
 import { d as debounce } from '../_verture/utils-c17b5265.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/tslib.es6-55ed4bd2.js';
+import '../_verture/tslib.es6-f43aa41d.js';
 import '@para-ui/icons/LoadingF';
 import '../Tooltip/index.js';
 import 'rc-tooltip';

package/Tree/index.js

@@ -1,11 +1,11 @@
-import { T as Tree } from '../_verture/index-44152845.js';
-export { T as default } from '../_verture/index-44152845.js';
+import { T as Tree } from '../_verture/index-5f0bfdcf.js';
+export { T as default } from '../_verture/index-5f0bfdcf.js';
 import '../_verture/toConsumableArray-c7a8028f.js';
 import '../_verture/slicedToArray-75fa4188.js';
 import '../_verture/defineProperty-f0e15205.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
-import '../_verture/tslib.es6-55ed4bd2.js';
+import '../_verture/tslib.es6-f43aa41d.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'rc-tree';