@para-ui/core 3.0.55 → 3.0.56

package/SingleBox/index.js

@@ -0,0 +1,224 @@
+import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-81040c9e.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { TextField } from '../TextField/index.js';
+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-66aa48a1.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
+import '@paraview/lib';
+import '@para-ui/icons/PreviewClose';
+import '@para-ui/icons/PreviewOpen';
+import '@para-ui/icons/CloseCircle';
+import '../AutoTips/index.js';
+import '../Tooltip/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import 'clsx';
+import '../Loading/index.js';
+import '@para-ui/icons/LoadingF';
+import '../_verture/useGlobalProps-1b846a65.js';
+import '@para-ui/core/GlobalContext';
+import '../_verture/index-77f9e0fb.js';
+import 'rc-dropdown';
+import '../_verture/usePopupContainer-87febeb9.js';
+import 'dayjs';
+import '../Help/index.js';
+import '@para-ui/icons/Help';
+
+var en = {
+  add: 'Newly Added'
+};
+
+var zh = {
+  add: '新增'
+};
+
+var localeJson = {
+  zh: zh,
+  en: en
+};
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-single-box {\n  display: inline-block;\n  width: 100%;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v3-single-box > .single-box-content {\n  line-height: 0;\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item {\n  display: flex;\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item .content-box {\n  flex: 1;\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item .content-box .single-box-text-field .paraui-v3-helper-text {\n  min-height: 12px;\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item > .opera-box {\n  display: flex;\n  align-items: center;\n  margin-left: 12px;\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n  cursor: pointer;\n  border-radius: 4px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item > .opera-box > .del-box:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item > .opera-box > .del-box:hover svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item > .opera-box > .del-box svg {\n  font-size: 24px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-single-box > .single-box-add {\n  text-align: center;\n  border: 1px dashed;\n  border-color: rgba(171, 176, 185, 0.4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  cursor: pointer;\n  background-color: rgba(171, 176, 185, 0.12);\n  color: rgb(54, 102, 214);\n  font-size: 14px;\n}\n.paraui-v3-single-box > .single-box-add > svg {\n  font-size: 16px;\n  color: rgb(54, 102, 214);\n  margin-right: 8px;\n}\n.paraui-v3-single-box > .single-box-add:hover {\n  border-color: rgba(54, 102, 214, 0.4);\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-single-box.paraui-v3-single-box-small > .single-box-content > .single-box-content-item > .opera-box {\n  height: 28px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-small > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n  width: 28px;\n  height: 28px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-small > .single-box-add {\n  height: 28px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-medium > .single-box-content > .single-box-content-item > .opera-box {\n  height: 32px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-medium > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n  width: 32px;\n  height: 32px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-medium > .single-box-add {\n  height: 32px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-large > .single-box-content > .single-box-content-item > .opera-box {\n  height: 36px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-large > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n  width: 36px;\n  height: 36px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-large > .single-box-add {\n  height: 36px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n  cursor: not-allowed;\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-content > .single-box-content-item > .opera-box > .del-box:hover {\n  background-color: transparent;\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-content > .single-box-content-item > .opera-box > .del-box:hover svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-content > .single-box-content-item > .opera-box > .del-box svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-add {\n  border-color: rgba(171, 176, 185, 0.4);\n  cursor: not-allowed;\n  background-color: rgba(171, 176, 185, 0.12);\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-add > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-add:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n  color: rgba(46, 55, 67, 0.4);\n}";
+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;
+  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];
+  useEffect(function () {
+    if (props.defaultValue !== undefined) setValueCom(_toConsumableArray(props.defaultValue));
+  }, []);
+  useEffect(function () {
+    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,
+          helperText: errorItem
+        };
+      }
+    }
+    return obj;
+  };
+  /** 增加 */
+  var add = function add() {
+    if (disabled) return;
+    valueCom.push('');
+    if (props.value === undefined) setValueCom(_toConsumableArray(valueCom));
+    onChange && onChange(valueCom);
+  };
+  /** 删除 */
+  var del = function del(index) {
+    return function () {
+      if (disabled) return;
+      valueCom.splice(index, 1);
+      if (props.value === undefined) setValueCom(_toConsumableArray(valueCom));
+      onChange && onChange(valueCom);
+    };
+  };
+  /**
+   * 改变输入框
+   * @param index
+   */
+  var changeInput = function changeInput(index) {
+    return function (event) {
+      valueCom[index] = event.target.value;
+      if (props.value === undefined) setValueCom(_toConsumableArray(valueCom));
+      onChange && onChange(valueCom);
+    };
+  };
+  /** 选择值*/
+  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);
+    };
+  };
+  /**
+   * 处理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,
+      labelSign: labelSign
+    }, labelTooltip, {
+      className: handLabelClass()
+    }));
+  };
+  /** 处理class */
+  var handClass = function handClass() {
+    var str = $prefixCls + '-single-box';
+    if (className) str += ' ' + className;
+    if (size) str += " ".concat($prefixCls, "-single-box-").concat(size);
+    if (disabled) str += " ".concat($prefixCls, "-single-box-disabled");
+    return str;
+  };
+  return jsxs("div", Object.assign({
+    className: handClass(),
+    style: style
+  }, {
+    children: [handLabel(), jsx("div", Object.assign({
+      className: "single-box-content"
+    }, {
+      children: valueCom.map(function (item, index) {
+        return jsxs("div", Object.assign({
+          className: "single-box-content-item"
+        }, {
+          children: [jsx("div", Object.assign({
+            className: "content-box"
+          }, {
+            children: jsx(TextField, Object.assign({
+              className: 'single-box-text-field',
+              disabled: disabled,
+              value: item || '',
+              placeholder: placeholder,
+              size: size
+            }, handError(index), {
+              onChange: changeInput(index),
+              fetchSuggestions: fetchSuggestions,
+              onSelect: selectValue(index)
+            }))
+          })), !disabled && jsx("div", Object.assign({
+            className: "opera-box"
+          }, {
+            children: jsx("span", Object.assign({
+              className: "del-box",
+              onClick: del(index)
+            }, {
+              children: jsx(Delete, {})
+            }))
+          }))]
+        }), index);
+      })
+    })), jsxs("div", Object.assign({
+      className: "single-box-add",
+      onClick: add
+    }, {
+      children: [jsx(PlusCircleF, {}), jsx("span", {
+        children: intl({
+          id: 'add'
+        })
+      })]
+    })), jsx(HelperText, {
+      className: "single-box-error",
+      error: isError,
+      helperText: isError ? helperText : undefined,
+      hideErrorDom: hideErrorDom
+    })]
+  }));
+};
+
+export { SingleBox, SingleBox as default };

package/SingleBox/lang/en_US.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    add: string;
+};
+export default _default;

package/SingleBox/lang/index.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    zh: {
+        add: string;
+    };
+    en: {
+        add: string;
+    };
+};
+export default _default;

package/SingleBox/lang/zh_CN.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    add: string;
+};
+export default _default;

package/Slider/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @author Hanz
+ * @date 2022/3/7 下午3:52
+ * @description
+ */
+import { FunctionComponent } from 'react';
+import { SliderSingleProps, SliderRangeProps } from './interface';
+import './index.scss';
+export type Visibles = {
+    [index: number]: boolean;
+};
+export declare const Slider: FunctionComponent<SliderSingleProps | SliderRangeProps>;
+export type { SliderSingleProps, SliderRangeProps };
+export default Slider;

package/Slider/index.js

@@ -0,0 +1,119 @@
+import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.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-66aa48a1.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.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"]);
+  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]; //是否显示
+  //切换tooltip 是否显示
+  var toggleTooltipVisible = function toggleTooltipVisible(index, visible) {
+    setVisibles(function (prev) {
+      return Object.assign(Object.assign({}, prev), _defineProperty({}, index, visible));
+    });
+  };
+  //获得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
+  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"]);
+    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;
+    var isTipFormatter = tipFormatter ? visibles[index] || dragging : false;
+    var visible = tooltipVisible || tooltipVisible === undefined && isTipFormatter;
+    return jsx(SliderTooltip, Object.assign({
+      prefixCls: tooltipPrefixCls,
+      overlay: tipFormatter ? tipFormatter(value) : '',
+      visible: visible,
+      placement: getTooltipPlacement(tooltipPlacement, vertical),
+      getTooltipContainer: getTooltipPopupContainer,
+      destroyTooltipOnHide: true
+    }, {
+      children: jsx(Handle, Object.assign({}, restProps, {
+        value: value,
+        onMouseEnter: function onMouseEnter() {
+          return toggleTooltipVisible(index, true);
+        },
+        onMouseLeave: function onMouseLeave() {
+          return toggleTooltipVisible(index, false);
+        }
+      }))
+    }), index);
+  };
+  if (range) {
+    //范围slider
+    return jsx(Range, Object.assign({}, restProps, {
+      className: clsx("".concat($prefixCls, "-slider"), className),
+      step: step,
+      pushable: restProps.pushable,
+      draggableTrack: draggableTrack,
+      handle: function handle(info) {
+        return handleWithTooltip({
+          tooltipPrefixCls: tooltipPrefixCls,
+          info: info
+        });
+      },
+      prefixCls: prefixCls
+    }));
+  }
+  return jsx(RcSlider, Object.assign({}, restProps, {
+    className: clsx("".concat($prefixCls, "-slider"), className),
+    step: step,
+    handle: function handle(info) {
+      return handleWithTooltip({
+        tooltipPrefixCls: tooltipPrefixCls,
+        info: info
+      });
+    },
+    prefixCls: prefixCls
+  }));
+};
+
+export { Slider, Slider as default };

package/Slider/interface.d.ts

@@ -0,0 +1,102 @@
+/**
+ * @author Hanz
+ * @date 2021/11/5 下午4:05
+ * @description
+ */
+import React from "react";
+export type TooltipPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+interface SliderRange {
+    draggableTrack?: boolean;
+}
+export interface SliderMarks {
+    [key: number]: React.ReactNode | {
+        style: React.CSSProperties;
+        label: React.ReactNode;
+    };
+}
+export interface HandleGeneratorInfo {
+    value?: number;
+    dragging?: boolean;
+    index: number;
+}
+export type HandleGeneratorFn = (config: {
+    tooltipPrefixCls?: string;
+    info: HandleGeneratorInfo;
+}) => React.ReactElement;
+export interface SliderBaseProps {
+    /** 反向坐标 */
+    reverse?: boolean;
+    /** 最小值 */
+    min?: number;
+    /** 最大值 */
+    max?: number;
+    /** 步长，取值必须大于 0，并且可被 (max - min) 整除，
+     * 当 marks 不为空对象时，
+     * 可以设置 step 为 null，
+     * 此时 Slider 的可选值仅有 marks 标出来的部分
+     */
+    step?: null | number;
+    /** 刻度标记，key 的类型必须为 number
+     * 且取值在闭区间 [min, max] 内，每个标签可以单独设置样式
+     */
+    marks?: SliderMarks;
+    /** 是否只能拖拽到刻度上 */
+    dots?: boolean;
+    /** marks 不为空对象时有效，值为 true 时表示值为包含关系，false 表示并列 */
+    included?: boolean;
+    /** 禁用状态 */
+    disabled?: boolean;
+    /** 垂直方向 */
+    vertical?: boolean;
+    /** 提示格式化回调 */
+    tipFormatter?: null | ((value?: number) => React.ReactNode);
+    /** 类名 */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** tooltip 是否始终显示 */
+    tooltipVisible?: boolean;
+    /** tooltip 显示位置 */
+    tooltipPlacement?: TooltipPlacement;
+    /** tooltip 挂载节点 */
+    getTooltipPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    /** 是否获得焦点 */
+    autoFocus?: boolean;
+}
+export interface SliderSingleProps extends SliderBaseProps {
+    /** 非范围slider */
+    range?: false;
+    /** 当前值 */
+    value?: number;
+    /** 默认值 */
+    defaultValue?: number;
+    /** 值变化时回调 */
+    onChange?: (value: number) => void;
+    /** 值变化后回调 */
+    onAfterChange?: (value: number) => void;
+    /** handle 样式 */
+    handleStyle?: React.CSSProperties;
+    /** 轨道样式 */
+    trackStyle?: React.CSSProperties;
+}
+export interface SliderRangeProps extends SliderBaseProps {
+    /** 范围slider */
+    range: true | SliderRange;
+    /** 当前值 */
+    value?: number[];
+    /** 默认值 */
+    defaultValue?: number[];
+    /** 值变化时回调 */
+    onChange?: (value: number[]) => void;
+    /** 值变化后回调 */
+    onAfterChange?: (value: number[]) => void;
+    /** handle 样式 */
+    handleStyle?: React.CSSProperties[];
+    /** 轨道样式 */
+    trackStyle?: React.CSSProperties[];
+    /** 允许跨越 */
+    allowCross?: boolean;
+    /** 允许推动 */
+    pushable?: boolean | number;
+}
+export {};

package/Split/index.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponent } from "react";
+import "./style/index.scss";
+interface SplitProps {
+    minWidth?: number;
+}
+declare const Split: FunctionComponent<SplitProps>;
+export default Split;

package/Split/index.js

@@ -0,0 +1,123 @@
+import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-split {\n  display: flex;\n  min-height: 200px;\n  -webkit-user-select: none;\n  user-select: none;\n}\n.paraui-v3-split .split-left {\n  background-color: #ffffff;\n  position: relative;\n  min-width: 201px;\n}\n.paraui-v3-split .split-left .split-separator {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 6px;\n  height: 100%;\n  background-color: white;\n  box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);\n  cursor: col-resize;\n}\n.paraui-v3-split .split-left .split-separator i {\n  display: inline-block;\n  height: 14px;\n  width: 1px;\n  background-color: #e9e9e9;\n  margin: 0 1px;\n}\n.paraui-v3-split .split-left .split-left-content {\n  padding: 20px 34px 20px 20px;\n}\n.paraui-v3-split .split-right {\n  background-color: #ffffff;\n  flex: 1;\n}\n.paraui-v3-split .split-right-content {\n  padding: 20px;\n}";
+styleInject(css_248z);
+
+var Split = function Split(props) {
+  var _props$minWidth = props.minWidth,
+    minWidth = _props$minWidth === void 0 ? 200 : _props$minWidth,
+    children = props.children;
+  var startX, startWidth, startWidthContainer;
+  var separatorRef = React__default.useRef(null);
+  var scalableRef = React__default.useRef(null);
+  var containerRef = React__default.useRef(null);
+  var _React$useState = React__default.useState({
+      left: null,
+      right: null
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    state = _React$useState2[0],
+    setState = _React$useState2[1];
+  /**
+   * 陈夕 2021/4/21 下午3:34
+   * desc: 开始拖拽
+   * @params
+   **/
+  var startDrag = function startDrag(e) {
+    startX = e.clientX;
+    startWidthContainer = getDivWidth(containerRef.current);
+    startWidth = getDivWidth(scalableRef.current);
+    document.documentElement.addEventListener("mousemove", onDrag);
+    document.documentElement.addEventListener("mouseup", onStopDrag);
+  };
+  /**
+   * 陈夕 2021/4/21 下午3:34
+   * desc: 拖拽计算宽度位置，不能出现滚动条，所以要设置临界值
+   * @params
+   **/
+  var onDrag = function onDrag(e) {
+    var newWidth = startWidth + e.clientX - startX;
+    if (startWidthContainer - newWidth <= minWidth || newWidth <= minWidth) return;
+    scalableRef.current.style.width = newWidth + "px";
+  };
+  /**
+   * 陈夕 2021/4/21 下午3:35
+   * desc: 停止拖动，移除事件
+   * @params
+   **/
+  var onStopDrag = function onStopDrag(e) {
+    document.documentElement.removeEventListener("mousemove", onDrag);
+    document.documentElement.removeEventListener("mouseup", onStopDrag);
+  };
+  /**
+   * 陈夕 2021/4/21 下午3:35
+   * desc: 获取dom的宽度
+   * @params
+   **/
+  var getDivWidth = function getDivWidth(dom) {
+    return parseInt(dom.getBoundingClientRect().width, 10);
+  };
+  React__default.useEffect(function () {
+    var _a;
+    if (separatorRef.current) {
+      (_a = separatorRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener("mousedown", startDrag);
+    }
+  }, [separatorRef]);
+  /**
+   * 陈夕 2021/4/21 下午3:35
+   * desc: 切分传进来的数组的组件值
+   * @params
+   **/
+  React__default.useEffect(function () {
+    if (children && _typeof(children) === "object") {
+      setState({
+        left: children,
+        right: null
+      });
+    }
+    if (children && Array.isArray(children)) {
+      var leftComponent = children.slice(0, Math.floor(children.length / 2));
+      var rightComponent = children.slice(Math.floor(children.length / 2), children.length);
+      setState({
+        left: leftComponent,
+        right: rightComponent
+      });
+    }
+  }, [children]);
+  return jsxs("div", Object.assign({
+    className: $prefixCls + '-split',
+    ref: containerRef
+  }, {
+    children: [jsxs("div", Object.assign({
+      className: "split-left"
+    }, {
+      children: [jsx("div", Object.assign({
+        className: "split-left-content",
+        ref: scalableRef
+      }, {
+        children: state.left
+      })), jsxs("div", Object.assign({
+        className: "split-separator",
+        ref: separatorRef
+      }, {
+        children: [jsx("i", {}), jsx("i", {})]
+      }))]
+    })), jsx("div", Object.assign({
+      className: "split-right"
+    }, {
+      children: jsx("div", Object.assign({
+        className: "split-right-content"
+      }, {
+        children: state.right
+      }))
+    }))]
+  }));
+};
+
+export { Split as default };

package/Status/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @author Hanz
+ * @date 2022/11/8 5:53 PM
+ * @description 状态组件
+ */
+import React, { FC, ReactNode } from 'react';
+import './index.scss';
+export interface StatusProps {
+    /** 文本 **/
+    text: ReactNode;
+    /** 状态 */
+    status?: 'info' | 'success' | 'warning' | 'error' | 'completed';
+    /** 自定义状态图标 **/
+    icon?: ReactNode;
+    /** cls */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+}
+export declare const Status: FC<StatusProps>;
+export default Status;