@para-ui/core 3.0.28 → 3.0.30

package/SelectorPicker/index.js

@@ -1,19 +1,20 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-f8047a75.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-87c7d895.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, Fragment as Fragment$1 } from 'react';
 import clsx from 'clsx';
 import HelperText from '../HelperText/index.js';
 import Label from '../Label/index.js';
-import { D as Dropdown } from '../_verture/index-bbed73a3.js';
+import { D as Dropdown } from '../_verture/index-be4faaee.js';
 import Selector, { handFieldConfig } from '../Selector/index.js';
 import AutoTips from '../AutoTips/index.js';
 import CloseCircle from '@para-ui/icons/CloseCircle';
 import Down from '@para-ui/icons/Down';
 import CloseIcon from '@para-ui/icons/Close';
-import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/typeof-498dd2b1.js';
 import '../Help/index.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Tooltip/index.js';
@@ -21,23 +22,22 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Help';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-b8ab7cab.js';
+import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 import '@paraview/lib';
-import '../_verture/index-342379c6.js';
+import '../_verture/index-06fea29b.js';
 import '../Radio/index.js';
 import '../Checkbox/index.js';
 import '../Popover/index.js';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
-import '../_verture/useFormatMessage-f4452258.js';
+import '../_verture/useFormatMessage-703f8b20.js';
 import '@para-ui/core/GlobalContext';
 import '../Search/index.js';
 import '../TextField/index.js';
-import '../_verture/typeof-498dd2b1.js';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
-import '../_verture/useGlobalProps-af9a2af6.js';
+import '../_verture/useGlobalProps-1b846a65.js';
 import '../Button/index.js';
 import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Search';
@@ -50,99 +50,82 @@ import '@para-ui/icons/Refresh';
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/8/2 5:57 PM\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-selector-picker > .selector-picker-wrapper {\n  position: relative;\n  display: flex;\n  min-height: 36px;\n  padding: 0 42px 0 12px;\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper:hover {\n  border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-placeholder {\n  position: absolute;\n  top: 50%;\n  left: 12px;\n  right: 42px;\n  transform: translateY(-50%);\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.4);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-arrow {\n  position: absolute;\n  top: 7px;\n  right: 12px;\n  line-height: 0;\n  transition: 0.3s;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-arrow svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 20px;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-clear {\n  position: absolute;\n  top: 9px;\n  right: 12px;\n  opacity: 0;\n  line-height: 0;\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-clear svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 16px;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow {\n  position: relative;\n  display: flex;\n  width: 100%;\n  flex: auto;\n  flex-wrap: wrap;\n  padding-top: 5px;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow.selector-picker-overflow-single {\n  padding-top: 0;\n  align-items: center;\n  overflow: hidden;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow.selector-picker-overflow-single > .selector-picker-single-content {\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item {\n  flex: none;\n  max-width: 100%;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item > .selector-picker-item {\n  display: inline-flex;\n  align-items: center;\n  padding: 0 12px;\n  height: 24px;\n  margin: 0 8px 5px 0;\n  max-width: 100%;\n  color: rgb(46, 55, 67);\n  line-height: 24px;\n  background-color: rgba(171, 176, 185, 0.2);\n  border-radius: 4px;\n  user-select: none;\n  transition: 0.3s;\n  cursor: default;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item > .selector-picker-item > .selector-picker-item-content {\n  display: inline-block;\n  margin-right: 4px;\n  overflow: hidden;\n  font-size: 12px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item > .selector-picker-item > .selector-picker-item-remove {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item > .selector-picker-item > .selector-picker-item-remove svg {\n  font-size: 16px;\n  color: inherit;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-focused > .selector-picker-wrapper {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-focused > .selector-picker-wrapper > .selector-picker-arrow {\n  transform: rotate(180deg);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-disabled > .selector-picker-wrapper {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-color: rgba(171, 176, 185, 0.4);\n  pointer-events: none;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-error > .selector-picker-wrapper {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-error > .selector-picker-wrapper:hover {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-clear > .selector-picker-wrapper:hover > .selector-picker-arrow {\n  opacity: 0;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-clear > .selector-picker-wrapper:hover > .selector-picker-clear {\n  opacity: 1;\n}\n.paraui-v3-selector-picker-dropdown .paraui-v3-selector {\n  border: 0;\n}\n.paraui-v3-selector-picker-dropdown .selector-picker-dropdown-content {\n  max-height: 300px;\n  overflow: auto;\n}";
 styleInject(css_248z);
 
+//下拉选择器
 var SelectorPicker = function SelectorPicker(props) {
   var _a, _b, _c;
-
   var className = props.className,
-      label = props.label,
-      value = props.value,
-      defaultValue = props.defaultValue,
-      _props$required = props.required,
-      required = _props$required === void 0 ? false : _props$required,
-      labelTooltip = props.labelTooltip,
-      _props$error = props.error,
-      error = _props$error === void 0 ? false : _props$error,
-      hideErrorDom = props.hideErrorDom,
-      helperText = props.helperText,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'medium' : _props$size,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      style = props.style,
-      _props$placeholder = props.placeholder,
-      placeholder = _props$placeholder === void 0 ? '请选择' : _props$placeholder,
-      _props$multiple = props.multiple,
-      multiple = _props$multiple === void 0 ? false : _props$multiple,
-      maxCount = props.maxCount,
-      _props$allowClear = props.allowClear,
-      allowClear = _props$allowClear === void 0 ? false : _props$allowClear,
-      selectorProps = props.selectorProps,
-      onChange = props.onChange,
-      onClear = props.onClear,
-      tagRender = props.tagRender,
-      getPopupContainer = props.getPopupContainer;
+    label = props.label,
+    value = props.value,
+    defaultValue = props.defaultValue,
+    _props$required = props.required,
+    required = _props$required === void 0 ? false : _props$required,
+    labelTooltip = props.labelTooltip,
+    _props$error = props.error,
+    error = _props$error === void 0 ? false : _props$error,
+    hideErrorDom = props.hideErrorDom,
+    helperText = props.helperText,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'medium' : _props$size,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    style = props.style,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? '请选择' : _props$placeholder,
+    _props$multiple = props.multiple,
+    multiple = _props$multiple === void 0 ? false : _props$multiple,
+    maxCount = props.maxCount,
+    _props$allowClear = props.allowClear,
+    allowClear = _props$allowClear === void 0 ? false : _props$allowClear,
+    selectorProps = props.selectorProps,
+    onChange = props.onChange,
+    onClear = props.onClear,
+    tagRender = props.tagRender,
+    getPopupContainer = props.getPopupContainer;
   var 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'); // 字段配置,对应数据字段
-
   var selectorFieldConfigHand = Object.assign(Object.assign({}, fieldConfigHand), (_c = props.selectorProps) === null || _c === void 0 ? void 0 : _c.backDataFieldConfig); // 选中值字段配置,对应数据字段
-
   var _useState = useState(!defaultValue ? [] : defaultValue),
-      _useState2 = _slicedToArray(_useState, 2),
-      valueCom = _useState2[0],
-      setValueCom = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    valueCom = _useState2[0],
+    setValueCom = _useState2[1];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      open = _useState4[0],
-      setOpen = _useState4[1]; // 显示下拉
-
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1]; // 显示下拉
   var posDom = useRef(null);
   var prefixCls = $prefixCls + '-selector-picker';
   /** 改变事件 val绑定值, node处理过的数据 rowData原始数据 */
-
   var onChangeCom = function onChangeCom(val, node, rowData) {
     onChange && onChange(val, node, rowData);
     if (!multiple) setOpen(false);
-
     if (value === undefined) {
       setValueCom(!val ? [] : val);
     }
   };
   /** 处理value,defaultValue */
-
-
   var handValue = function handValue() {
     if (value !== undefined) return value;
     return valueCom;
   };
   /** 处理组件绑定的值 */
-
-
   var handComVal = function handComVal() {
     var val = handValue();
     var handVal = !val ? [] : [val];
-
     if (val instanceof Array) {
       handVal = _toConsumableArray(val);
     }
-
     return handVal;
-  }; //打开浮层
-
-
+  };
+  //打开浮层
   var openSelector = function openSelector() {
     setOpen(true);
-  }; //生成cls
-
-
+  };
+  //生成cls
   var makeCls = function makeCls() {
     var _clsx;
-
     var list = handComVal();
     return clsx(prefixCls, className, (_clsx = {}, _defineProperty(_clsx, "".concat(prefixCls, "-focused"), open), _defineProperty(_clsx, "".concat(prefixCls, "-disabled"), disabled), _defineProperty(_clsx, "".concat(prefixCls, "-error"), error), _defineProperty(_clsx, "".concat(prefixCls, "-clear"), allowClear && list.length), _defineProperty(_clsx, "".concat(prefixCls, "-").concat(size), size !== 'medium'), _clsx));
-  }; //渲染label
-
-
+  };
+  //渲染label
   var renderLabel = function renderLabel() {
     if (label || required) {
       return jsx(Label, Object.assign({
@@ -150,19 +133,16 @@ var SelectorPicker = function SelectorPicker(props) {
         required: required
       }, labelTooltip));
     }
-
     return null;
-  }; //删除当前选中项
-
-
+  };
+  //删除当前选中项
   var handleTagRemove = function handleTagRemove(opt, index, e) {
     e.stopPropagation();
     var list = handComVal();
     list.splice(index, 1);
     onChangeCom(_toConsumableArray(list), {}, {});
-  }; //全部清空
-
-
+  };
+  //全部清空
   var handleAllClear = function handleAllClear(e) {
     e.stopPropagation();
     setOpen(false);
@@ -170,8 +150,6 @@ var SelectorPicker = function SelectorPicker(props) {
     onChangeCom(multiple ? [] : {}, {}, {});
   };
   /** 处理tag标签 */
-
-
   var handTagDom = function handTagDom(item, index) {
     var labelStr = selectorFieldConfigHand.mainTitle || '';
     var valKey = selectorFieldConfigHand.key || '';
@@ -199,15 +177,12 @@ var SelectorPicker = function SelectorPicker(props) {
         }))]
       }))
     }));
-  }; //tag memo
-
-
+  };
+  //tag memo
   var tagMemo = function tagMemo() {
     var _a, _b;
-
     var list = handComVal();
     if (!list.length) return;
-
     if (!multiple) {
       //单选
       var labelStr = selectorFieldConfigHand.mainTitle || '';
@@ -220,20 +195,15 @@ var SelectorPicker = function SelectorPicker(props) {
         children: renderVal || val
       }));
     }
-
     var realShowList = _toConsumableArray(list); //实际
-
-
     var overList = []; //超出显示
-
     if (maxCount) {
       if (list.length > maxCount) {
         overList = list.slice(maxCount);
         realShowList = list.slice(0, maxCount);
       }
-    } //超出部分
-
-
+    }
+    //超出部分
     var renderOverTag = (overList === null || overList === void 0 ? void 0 : overList.length) ? jsx("div", Object.assign({
       className: "selector-picker-overflow-item"
     }, {
@@ -256,8 +226,6 @@ var SelectorPicker = function SelectorPicker(props) {
     });
   };
   /** dropdown 下拉浮层 */
-
-
   var renderOverlay = function renderOverlay() {
     var handSelectorProps = function handSelectorProps() {
       var obj = Object.assign({
@@ -270,7 +238,6 @@ var SelectorPicker = function SelectorPicker(props) {
       }, selectorProps);
       return obj;
     };
-
     return jsx("div", Object.assign({
       className: 'selector-picker-dropdown-content',
       style: {
@@ -279,13 +246,12 @@ var SelectorPicker = function SelectorPicker(props) {
     }, {
       children: jsx(Selector, Object.assign({}, handSelectorProps()))
     }));
-  }; //dropdown anchor
-
-
+  };
+  //dropdown anchor
   var renderAnchor = function renderAnchor() {
     var list = handComVal();
-    var overflowCls = clsx("selector-picker-overflow", !multiple && "selector-picker-overflow-single"); //清除图标
-
+    var overflowCls = clsx("selector-picker-overflow", !multiple && "selector-picker-overflow-single");
+    //清除图标
     var clearBtn = allowClear && list.length ? jsx("span", Object.assign({
       className: "selector-picker-clear",
       onClick: handleAllClear
@@ -311,7 +277,6 @@ var SelectorPicker = function SelectorPicker(props) {
       }))]
     }));
   };
-
   return jsxs("div", Object.assign({
     className: makeCls(),
     style: style,

package/SingleBox/index.js

@@ -1,6 +1,6 @@
 import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-f8047a75.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-87c7d895.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { TextField } from '../TextField/index.js';
@@ -8,8 +8,8 @@ import Label from '../Label/index.js';
 import HelperText from '../HelperText/index.js';
 import PlusCircleF from '@para-ui/icons/PlusCircleF';
 import Delete from '@para-ui/icons/Delete';
-import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '@paraview/lib';
@@ -23,11 +23,11 @@ import 'rc-tooltip/lib/placements';
 import 'clsx';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
-import '../_verture/useGlobalProps-af9a2af6.js';
+import '../_verture/useGlobalProps-1b846a65.js';
 import '@para-ui/core/GlobalContext';
-import '../_verture/index-bbed73a3.js';
+import '../_verture/index-be4faaee.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-b8ab7cab.js';
+import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
@@ -50,34 +50,32 @@ styleInject(css_248z);
 
 var SingleBox = function SingleBox(props) {
   var className = props.className,
-      style = props.style,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'large' : _props$size,
-      _props$placeholder = props.placeholder,
-      placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
-      _props$label = props.label,
-      label = _props$label === void 0 ? '' : _props$label,
-      labelTooltip = props.labelTooltip,
-      labelSign = props.labelSign,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$required = props.required,
-      required = _props$required === void 0 ? false : _props$required,
-      hideErrorDom = props.hideErrorDom,
-      _props$helperText = props.helperText,
-      helperText = _props$helperText === void 0 ? '' : _props$helperText,
-      value = props.value,
-      onChange = props.onChange,
-      fetchSuggestions = props.fetchSuggestions;
+    style = props.style,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'large' : _props$size,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
+    _props$label = props.label,
+    label = _props$label === void 0 ? '' : _props$label,
+    labelTooltip = props.labelTooltip,
+    labelSign = props.labelSign,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$required = props.required,
+    required = _props$required === void 0 ? false : _props$required,
+    hideErrorDom = props.hideErrorDom,
+    _props$helperText = props.helperText,
+    helperText = _props$helperText === void 0 ? '' : _props$helperText,
+    value = props.value,
+    onChange = props.onChange,
+    fetchSuggestions = props.fetchSuggestions;
   var isError = helperText && typeof helperText === 'string' ? true : false;
   var isErrorArr = helperText instanceof Array;
   var intl = useFormatMessage('SingleBox', localeJson);
-
   var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      valueCom = _useState2[0],
-      setValueCom = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    valueCom = _useState2[0],
+    setValueCom = _useState2[1];
   useEffect(function () {
     if (props.defaultValue !== undefined) setValueCom(_toConsumableArray(props.defaultValue));
   }, []);
@@ -85,16 +83,13 @@ var SingleBox = function SingleBox(props) {
     if (value !== undefined) setValueCom(_toConsumableArray(value));
   }, [value]);
   /** 处理错误 */
-
   var handError = function handError(index) {
     var obj = {
       error: false,
       helperText: ''
     };
-
     if (isErrorArr) {
       var errorItem = helperText[index];
-
       if (errorItem) {
         obj = {
           error: true,
@@ -102,12 +97,9 @@ var SingleBox = function SingleBox(props) {
         };
       }
     }
-
     return obj;
   };
   /** 增加 */
-
-
   var add = function add() {
     if (disabled) return;
     valueCom.push('');
@@ -115,8 +107,6 @@ var SingleBox = function SingleBox(props) {
     onChange && onChange(valueCom);
   };
   /** 删除 */
-
-
   var del = function del(index) {
     return function () {
       if (disabled) return;
@@ -129,8 +119,6 @@ var SingleBox = function SingleBox(props) {
    * 改变输入框
    * @param index
    */
-
-
   var changeInput = function changeInput(index) {
     return function (event) {
       valueCom[index] = event.target.value;
@@ -139,16 +127,12 @@ var SingleBox = function SingleBox(props) {
     };
   };
   /** 选择值*/
-
-
   var selectValue = function selectValue(index) {
     return function (item) {
       valueCom[index] = item;
-
       if (_typeof(item) === 'object' && item !== null) {
         valueCom[index] = item.value;
       }
-
       if (props.value === undefined) setValueCom(_toConsumableArray(valueCom));
       onChange && onChange(valueCom);
     };
@@ -156,21 +140,15 @@ var SingleBox = function SingleBox(props) {
   /**
    * 处理label
    * */
-
-
   var handLabel = function handLabel() {
     if (!label && !labelSign) return null;
-
     var handLabelClass = function handLabelClass() {
       var str = 'single-box-label';
-
       if (labelTooltip && labelTooltip.className) {
         str += ' ' + labelTooltip.className;
       }
-
       return str;
     };
-
     return jsx(Label, Object.assign({
       label: label,
       required: required,
@@ -180,8 +158,6 @@ var SingleBox = function SingleBox(props) {
     }));
   };
   /** 处理class */
-
-
   var handClass = function handClass() {
     var str = $prefixCls + '-single-box';
     if (className) str += ' ' + className;
@@ -189,7 +165,6 @@ var SingleBox = function SingleBox(props) {
     if (disabled) str += " ".concat($prefixCls, "-single-box-disabled");
     return str;
   };
-
   return jsxs("div", Object.assign({
     className: handClass(),
     style: style
@@ -215,7 +190,7 @@ var SingleBox = function SingleBox(props) {
               fetchSuggestions: fetchSuggestions,
               onSelect: selectValue(index)
             }))
-          })), jsx("div", Object.assign({
+          })), !disabled && jsx("div", Object.assign({
             className: "opera-box"
           }, {
             children: jsx("span", Object.assign({

package/Slider/index.d.ts

@@ -6,7 +6,7 @@
 import { FunctionComponent } from 'react';
 import { SliderSingleProps, SliderRangeProps } from './interface';
 import './index.scss';
-export declare type Visibles = {
+export type Visibles = {
     [index: number]: boolean;
 };
 export declare const Slider: FunctionComponent<SliderSingleProps | SliderRangeProps>;

package/Slider/index.js

@@ -1,80 +1,70 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
 import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import RcSlider, { Range, SliderTooltip, Handle } from 'rc-slider';
 import clsx from 'clsx';
-import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-bf34e6fa.js';
+import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-66aa48a1.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/4 下午2:58\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-slider {\n  position: relative;\n  height: 8px;\n  padding: 0;\n  width: 100%;\n  border-radius: 4px;\n  touch-action: none;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.paraui-v3-slider .component-slider-rail {\n  position: absolute;\n  width: 100%;\n  background-color: rgba(171, 176, 185, 0.2);\n  height: 8px;\n  border-radius: 4px;\n}\n.paraui-v3-slider .component-slider-track {\n  position: absolute;\n  left: 0;\n  height: 8px;\n  border-radius: 4px;\n  background-color: rgb(54, 102, 214);\n}\n.paraui-v3-slider .component-slider-handle {\n  position: absolute;\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n  margin-top: -4px;\n  border-radius: 50%;\n  border: solid 2px rgb(54, 102, 214);\n  background-color: rgb(255, 255, 255);\n  touch-action: pan-x;\n}\n.paraui-v3-slider .component-slider-handle-dragging {\n  border-color: rgb(54, 102, 214);\n  box-shadow: 0 0 5px rgba(54, 102, 214, 0.2);\n  outline: 2px solid rgba(54, 102, 214, 0.2);\n}\n.paraui-v3-slider .component-slider-handle:focus {\n  outline: none;\n}\n.paraui-v3-slider .component-slider-handle-click-focused:focus {\n  border-color: rgb(54, 102, 214);\n  box-shadow: unset;\n}\n.paraui-v3-slider .component-slider-handle:hover {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-slider .component-slider-handle:active {\n  border-color: rgb(54, 102, 214);\n  box-shadow: 0 0 5px rgba(54, 102, 214, 0.2);\n  outline: 2px solid rgba(54, 102, 214, 0.2);\n  cursor: grabbing;\n}\n.paraui-v3-slider .component-slider-mark {\n  position: absolute;\n  top: 18px;\n  left: 0;\n  width: 100%;\n  font-size: 12px;\n}\n.paraui-v3-slider .component-slider-mark-text {\n  position: absolute;\n  display: inline-block;\n  vertical-align: middle;\n  text-align: center;\n  cursor: pointer;\n  color: #999;\n}\n.paraui-v3-slider .component-slider-mark-text-active {\n  color: #666;\n}\n.paraui-v3-slider .component-slider-step {\n  position: absolute;\n  width: 100%;\n  height: 8px;\n  background: transparent;\n}\n.paraui-v3-slider .component-slider-dot {\n  position: absolute;\n  bottom: -2px;\n  margin-left: -4px;\n  width: 12px;\n  height: 12px;\n  border: solid 2px rgba(171, 176, 185, 0.4);\n  background-color: rgb(255, 255, 255);\n  cursor: pointer;\n  border-radius: 50%;\n  vertical-align: middle;\n}\n.paraui-v3-slider .component-slider-dot-active {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-slider .component-slider-dot-reverse {\n  margin-right: -4px;\n}\n.paraui-v3-slider.component-slider-disabled {\n  background-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-slider.component-slider-disabled .component-slider-track {\n  background-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-slider.component-slider-disabled .component-slider-handle, .paraui-v3-slider.component-slider-disabled .component-slider-dot {\n  border-color: #ccc;\n  box-shadow: none;\n  background-color: rgb(255, 255, 255);\n  cursor: not-allowed;\n}\n.paraui-v3-slider.component-slider-disabled .component-slider-mark-text, .paraui-v3-slider.component-slider-disabled .component-slider-dot {\n  cursor: not-allowed !important;\n}\n.paraui-v3-slider.component-slider-vertical {\n  width: 14px;\n  height: 100%;\n  padding: 0 5px;\n}\n.paraui-v3-slider.component-slider-vertical .component-slider-rail {\n  height: 100%;\n  width: 4px;\n}\n.paraui-v3-slider.component-slider-vertical .component-slider-track {\n  left: 5px;\n  bottom: 0;\n  width: 4px;\n}\n.paraui-v3-slider.component-slider-vertical .component-slider-handle {\n  margin-left: -6px;\n  touch-action: pan-y;\n}\n.paraui-v3-slider.component-slider-vertical .component-slider-mark {\n  top: 0;\n  left: 18px;\n  height: 100%;\n}\n.paraui-v3-slider.component-slider-vertical .component-slider-step {\n  height: 100%;\n  width: 4px;\n}\n.paraui-v3-slider.component-slider-vertical .component-slider-dot {\n  left: 0px;\n  margin-bottom: -4px;\n}\n.paraui-v3-slider.component-slider-vertical .component-slider-dot:first-child {\n  margin-bottom: -4px;\n}\n.paraui-v3-slider.component-slider-vertical .component-slider-dot:last-child {\n  margin-bottom: -4px;\n}\n\n.component-slider-tooltip {\n  position: absolute;\n  display: block;\n  left: -9999px;\n  top: -9999px;\n  max-width: 250px;\n  z-index: 1500;\n  visibility: visible;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.component-slider-tooltip-hidden {\n  display: none;\n}\n.component-slider-tooltip-inner {\n  min-width: 24px;\n  font-size: 14px;\n  line-height: 1;\n  color: rgba(46, 55, 67, 0.7);\n  text-align: center;\n  text-decoration: none;\n  background-color: transparent;\n  border-radius: 6px;\n  white-space: nowrap;\n  box-shadow: none;\n}\n.component-slider-tooltip-arrow {\n  display: none;\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n}\n.component-slider-tooltip-placement-top .component-slider-tooltip-arrow {\n  bottom: 4px;\n  left: 50%;\n  margin-left: -4px;\n  border-width: 4px 4px 0;\n  border-top-color: #6c6c6c;\n}\n.component-slider-tooltip-zoom-down-enter, .component-slider-tooltip-zoom-down-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  display: block !important;\n  animation-play-state: paused;\n}\n.component-slider-tooltip-zoom-down-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  display: block !important;\n  animation-play-state: paused;\n}\n.component-slider-tooltip-zoom-down-enter.component-slider-tooltip-zoom-down-enter-active, .component-slider-tooltip-zoom-down-appear.component-slider-tooltip-zoom-down-appear-active {\n  animation-name: sliderTooltipZoomDownIn;\n  animation-play-state: running;\n}\n.component-slider-tooltip-zoom-down-leave.component-slider-tooltip-zoom-down-leave-active {\n  animation-name: sliderTooltipZoomDownOut;\n  animation-play-state: running;\n}\n.component-slider-tooltip-zoom-down-enter, .component-slider-tooltip-zoom-down-appear {\n  transform: scale(0, 0);\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.component-slider-tooltip-zoom-down-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes sliderTooltipZoomDownIn {\n  0% {\n    opacity: 0;\n    transform-origin: 50% 100%;\n    transform: scale(0, 0);\n  }\n  100% {\n    transform-origin: 50% 100%;\n    transform: scale(1, 1);\n  }\n}\n@keyframes sliderTooltipZoomDownOut {\n  0% {\n    transform-origin: 50% 100%;\n    transform: scale(1, 1);\n  }\n  100% {\n    opacity: 0;\n    transform-origin: 50% 100%;\n    transform: scale(0, 0);\n  }\n}";
 styleInject(css_248z);
 
+//slider 滑块
 var Slider = function Slider(props) {
   var range = props.range,
-      step = props.step,
-      className = props.className,
-      restProps = __rest(props, ["range", "step", "className"]);
-
+    step = props.step,
+    className = props.className,
+    restProps = __rest(props, ["range", "step", "className"]);
   var prefixCls = "".concat($rcPrefixCls, "-slider");
   var tooltipPrefixCls = "".concat($rcPrefixCls, "-slider-tooltip");
   var draggableTrack;
-
   if (_typeof(range) === 'object') {
     draggableTrack = range.draggableTrack;
   }
-
   var _React$useState = React__default.useState({}),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      visibles = _React$useState2[0],
-      setVisibles = _React$useState2[1]; //是否显示
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    visibles = _React$useState2[0],
+    setVisibles = _React$useState2[1]; //是否显示
   //切换tooltip 是否显示
-
-
   var toggleTooltipVisible = function toggleTooltipVisible(index, visible) {
     setVisibles(function (prev) {
       return Object.assign(Object.assign({}, prev), _defineProperty({}, index, visible));
     });
-  }; //获得tooltip 显示位置
-
-
+  };
+  //获得tooltip 显示位置
   var getTooltipPlacement = function getTooltipPlacement(tooltipPlacement, vertical) {
     if (tooltipPlacement) {
       return tooltipPlacement;
     }
-
     if (!vertical) {
       return 'top';
     }
-
     return 'right';
-  }; //提示格式化
-
-
+  };
+  //提示格式化
   var tipFormatterFn = function tipFormatterFn(value) {
     return typeof value === 'number' ? value.toString() : '';
-  }; //handle with tooltip
-
-
+  };
+  //handle with tooltip
   var handleWithTooltip = function handleWithTooltip(config) {
     var tooltipPrefixCls = config.tooltipPrefixCls,
-        _a = config.info,
-        value = _a.value,
-        index = _a.index,
-        dragging = _a.dragging,
-        restProps = __rest(_a, ["value", "index", "dragging"]);
-
+      _a = config.info,
+      value = _a.value,
+      index = _a.index,
+      dragging = _a.dragging,
+      restProps = __rest(_a, ["value", "index", "dragging"]);
     var _props$tipFormatter = props.tipFormatter,
-        tipFormatter = _props$tipFormatter === void 0 ? tipFormatterFn : _props$tipFormatter,
-        tooltipVisible = props.tooltipVisible,
-        tooltipPlacement = props.tooltipPlacement,
-        _props$getTooltipPopu = props.getTooltipPopupContainer,
-        getTooltipPopupContainer = _props$getTooltipPopu === void 0 ? function (triggerNode) {
-      return triggerNode;
-    } : _props$getTooltipPopu,
-        vertical = props.vertical;
+      tipFormatter = _props$tipFormatter === void 0 ? tipFormatterFn : _props$tipFormatter,
+      tooltipVisible = props.tooltipVisible,
+      tooltipPlacement = props.tooltipPlacement,
+      _props$getTooltipPopu = props.getTooltipPopupContainer,
+      getTooltipPopupContainer = _props$getTooltipPopu === void 0 ? function (triggerNode) {
+        return triggerNode;
+      } : _props$getTooltipPopu,
+      vertical = props.vertical;
     var isTipFormatter = tipFormatter ? visibles[index] || dragging : false;
     var visible = tooltipVisible || tooltipVisible === undefined && isTipFormatter;
     return jsx(SliderTooltip, Object.assign({
@@ -96,7 +86,6 @@ var Slider = function Slider(props) {
       }))
     }), index);
   };
-
   if (range) {
     //范围slider
     return jsx(Range, Object.assign({}, restProps, {
@@ -113,7 +102,6 @@ var Slider = function Slider(props) {
       prefixCls: prefixCls
     }));
   }
-
   return jsx(RcSlider, Object.assign({}, restProps, {
     className: clsx("".concat($prefixCls, "-slider"), className),
     step: step,