@para-ui/core 4.0.29 → 4.0.30

package/Cascader/index.js

@@ -1,15 +1,14 @@
-import { C as Cascader } from '../_verture/index-68f0506c.js';
-export { C as default } from '../_verture/index-68f0506c.js';
+import { C as Cascader } from '../_verture/index-8ec857b4.js';
+export { C as default } from '../_verture/index-8ec857b4.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'react/jsx-runtime';
-import '../_verture/Portal-5bd49559.js';
+import '../_verture/Portal-5bf66fed.js';
 import '../_verture/slicedToArray-a8206399.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import 'react';
 import 'react-dom';
-import '../_verture/typeof-adeedc13.js';
+import '../_verture/defineProperty-f0e15205.js';
 import '../_verture/toConsumableArray-8f4c9589.js';
-import '../_verture/defineProperty-6f62bb2a.js';
 import 'rc-motion';
 import 'clsx';
 import '../_verture/typeof-6ec38efd.js';

package/ComboSelect/index.js

@@ -6,7 +6,7 @@ import SearchIcon from '@para-ui/icons/Search';
 import CloseIcon from '@para-ui/icons/Close';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import Table from '../Table/index.js';
-import { T as Tree } from '../_verture/index-e9405e35.js';
+import { T as Tree } from '../_verture/index-28edf318.js';
 import { Button } from '../Button/index.js';
 import { D as Dropdown } from '../_verture/index-bde7aabe.js';
 import { Popover } from '../Popover/index.js';
@@ -56,11 +56,14 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
+import '../_verture/toConsumableArray-8f4c9589.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../_verture/defineProperty-f0e15205.js';
+import '../_verture/slicedToArray-a8206399.js';
+import '../_verture/index-8ac46bd9.js';
+import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';
-import '../_verture/typeof-adeedc13.js';
 import '@para-ui/icons/Document';
-import '../_verture/slicedToArray-a8206399.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import 'react-dom';
 import '@para-ui/icons/EditFile';
 import '@para-ui/icons/PlusCircle';

package/CycleSelector/index.js

@@ -27,8 +27,7 @@ import '@para-ui/icons/Forbid';
 import '@paraview/lib';
 import '../_verture/tinycolor-ece3542d.js';
 import '@para-ui/icons/Plus';
-import '../_verture/defineProperty-6f62bb2a.js';
-import '../_verture/typeof-adeedc13.js';
+import '../_verture/defineProperty-f0e15205.js';
 import 'rc-picker';
 import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/Calendar';

package/DatePicker/index.js

@@ -2,7 +2,7 @@ import dayjsGenerateConfig from 'rc-picker/es/generate/dayjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Button } from '../Button/index.js';
 import { Tag } from '../Tag/index.js';
-import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
+import { a as _defineProperty } from '../_verture/defineProperty-f0e15205.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import React__default, { forwardRef, useImperativeHandle } from 'react';
 import clsx from 'clsx';
@@ -35,7 +35,6 @@ import '@para-ui/icons/Close';
 import '@para-ui/icons/EditOutline';
 import '../_verture/tinycolor-ece3542d.js';
 import '@para-ui/icons/Plus';
-import '../_verture/typeof-adeedc13.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
 

package/DynamicMultiBox/index.js

@@ -70,12 +70,15 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-e9405e35.js';
+import '../_verture/index-28edf318.js';
+import '../_verture/toConsumableArray-8f4c9589.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../_verture/defineProperty-f0e15205.js';
+import '../_verture/slicedToArray-a8206399.js';
+import '../_verture/index-8ac46bd9.js';
+import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';
-import '../_verture/typeof-adeedc13.js';
 import '@para-ui/icons/Document';
-import '../_verture/slicedToArray-a8206399.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import 'react-dom';
 import '@para-ui/icons/EditFile';
 import '@para-ui/icons/PlusCircle';
@@ -87,7 +90,6 @@ import '../Tag/index.js';
 import '@para-ui/icons/EditOutline';
 import '../_verture/tinycolor-ece3542d.js';
 import '@para-ui/icons/Plus';
-import '../_verture/defineProperty-6f62bb2a.js';
 import 'rc-picker';
 import '@para-ui/icons/Calendar';
 import '@para-ui/icons/Time';

package/Form/index.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-15a0b6a6.js';
+import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-33866394.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import '../TextField/index.js';
@@ -69,9 +69,12 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-e9405e35.js';
+import '../_verture/index-28edf318.js';
+import '../_verture/toConsumableArray-8f4c9589.js';
+import '../_verture/defineProperty-f0e15205.js';
+import '../_verture/index-8ac46bd9.js';
+import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';
-import '../_verture/typeof-adeedc13.js';
 import '@para-ui/icons/Document';
 import 'react-dom';
 import '@para-ui/icons/EditFile';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-15a0b6a6.js';
+export { F as default } from '../_verture/index-33866394.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-5317fc89.js';
@@ -69,9 +69,12 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-e9405e35.js';
+import '../_verture/index-28edf318.js';
+import '../_verture/toConsumableArray-8f4c9589.js';
+import '../_verture/defineProperty-f0e15205.js';
+import '../_verture/index-8ac46bd9.js';
+import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';
-import '../_verture/typeof-adeedc13.js';
 import '@para-ui/icons/Document';
 import 'react-dom';
 import '@para-ui/icons/EditFile';

package/FunctionModal/index.js

@@ -1,5 +1,5 @@
-import { u as useModal } from '../_verture/modalContext-10f0c5aa.js';
-export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-10f0c5aa.js';
+import { u as useModal } from '../_verture/modalContext-c57b51b7.js';
+export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-c57b51b7.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'react/jsx-runtime';
 import 'react';

package/Image/index.js

@@ -2,10 +2,9 @@ import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { useState, useRef, useEffect, useContext, useMemo } from 'react';
-import { i as warningOnce, d as wrapperRaf, _ as _objectSpread2, w as warning, c as clsx, P as Portal, K as KeyCode, b as _objectWithoutProperties, a as _extends, j as useMergedState } from '../_verture/Portal-5bd49559.js';
-import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
+import { i as warningOnce, d as wrapperRaf, _ as _objectSpread2, w as warning, c as clsx, P as Portal, K as KeyCode, b as _objectWithoutProperties, a as _extends, j as useMergedState } from '../_verture/Portal-5bf66fed.js';
+import { _ as _typeof, a as _defineProperty } from '../_verture/defineProperty-f0e15205.js';
 import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
-import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
 import Dialog from 'rc-dialog';
 import ReactDOM from 'react-dom';
 import CSSMotion from 'rc-motion';

package/README.md

@@ -1,3 +1,7 @@
+## 版本: 4.0.30
+    para-ui/core@4.0.30 发布
+        【范围输入框-RangeInput】新增组件范围输入框
+
 ## 版本: 4.0.29
         【展示内容容器-ContentBox】新增展示内容容器-ContentBox
 

package/RangeInput/index.d.ts

@@ -0,0 +1,55 @@
+/**
+ * @author linhd
+ * @date 2024/7/29 10:21
+ * @description 范围输入框
+ */
+import React, { FunctionComponent, ReactNode } from 'react';
+import { LabelTooltipProps } from '../Label';
+import { InputNumberProps } from '../InputNumber';
+import { HelperTextDetailProps } from '../HelperText';
+import { TooltipProps } from '../Tooltip';
+import './index.scss';
+export interface RangeInputProps extends HelperTextDetailProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 标题 */
+    label?: ReactNode;
+    /** 帮组提示信息 */
+    labelTooltip?: LabelTooltipProps;
+    /** 尺寸 */
+    size?: 'small' | 'medium' | 'large';
+    /** 是否必填 */
+    required?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean | [boolean, boolean];
+    /**
+     * 禁用提示
+     */
+    disabledTooltip?: TooltipProps | [TooltipProps, TooltipProps];
+    /** 默认值 不受控 */
+    defaultValue?: [number | null, number | null];
+    /** 默认值 */
+    value?: [number | null, number | null];
+    /** 中间符号 */
+    separator?: ReactNode;
+    /** 单位 */
+    unit?: ReactNode;
+    /** 提示语 */
+    placeholder?: ReactNode | [ReactNode, ReactNode];
+    /** 输入框其他参数 */
+    otherProps?: [InputNumberProps, InputNumberProps];
+    /**
+     * 改变值
+     * */
+    onChange?: (val: [number | null, number | null], index: number) => void;
+    /** 失去焦点 */
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>, index: number) => void;
+    /** 得到焦点 */
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>, index: number) => void;
+    /** 回车事件 */
+    onEnter?: (event: React.KeyboardEventHandler<HTMLInputElement>, index: number) => void;
+}
+export declare const RangeInput: FunctionComponent<RangeInputProps>;
+export default RangeInput;

package/RangeInput/index.js

@@ -0,0 +1,169 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
+import Label from '../Label/index.js';
+import { InputNumber } from '../InputNumber/index.js';
+import HelperText from '../HelperText/index.js';
+import clsx from 'clsx';
+import { Tooltip } from '../Tooltip/index.js';
+import { DeepClone } from '@paraview/lib';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
+import '../Help/index.js';
+import '@para-ui/icons/Help';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Forbid';
+import 'rc-input-number';
+import '@para-ui/icons/Up';
+import '@para-ui/icons/Down';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-range-input {\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  display: inline-block;\n  width: 100%;\n}\n.paraui-v4-range-input > .range-input-content {\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgb(212, 218, 227);\n  display: flex;\n  align-items: center;\n  width: 100%;\n  position: relative;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-range-input > .range-input-content:hover {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-range-input > .range-input-content > .paraui-v4-input-number > .input-number-content {\n  border: none;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-range-input > .range-input-content > .separator {\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  padding-left: 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  line-height: 1;\n}\n.paraui-v4-range-input > .range-input-content > .unit {\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  padding: 0 10px;\n}\n.paraui-v4-range-input.paraui-v4-range-input-focus > .range-input-content {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-range-input.paraui-v4-range-input-disabled > .range-input-content {\n  cursor: not-allowed;\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-range-input.paraui-v4-range-input-disabled > .range-input-content:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-range-input.paraui-v4-range-input-disabled > .range-input-content > .paraui-v4-input-number > .input-number-content {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-range-input.paraui-v4-range-input-error > .range-input-content {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-range-input.paraui-v4-range-input-error > .range-input-content:hover {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-range-input.paraui-v4-range-input-small > .range-input-content {\n  height: 28px;\n}\n.paraui-v4-range-input.paraui-v4-range-input-small > .range-input-content > .paraui-v4-input-number .input-number-content {\n  height: 26px;\n}\n.paraui-v4-range-input.paraui-v4-range-input-medium > .range-input-content {\n  height: 28px;\n}\n.paraui-v4-range-input.paraui-v4-range-input-medium > .range-input-content > .paraui-v4-input-number .input-number-content {\n  height: 26px;\n}\n.paraui-v4-range-input.paraui-v4-range-input-large > .range-input-content {\n  height: 32px;\n}\n.paraui-v4-range-input.paraui-v4-range-input-large > .range-input-content > .paraui-v4-input-number .input-number-content {\n  height: 30px;\n}";
+styleInject(css_248z);
+
+const RangeInput = props => {
+  const {
+    className,
+    style,
+    label,
+    labelTooltip,
+    size = 'large',
+    required = false,
+    disabled = false,
+    disabledTooltip,
+    defaultValue,
+    value,
+    error = false,
+    hideErrorDom,
+    helperText = '',
+    separator = '~',
+    unit,
+    placeholder,
+    onFocus,
+    onBlur,
+    onEnter,
+    onChange,
+    otherProps
+  } = props;
+  const [valueCom, setValueCom] = useState([null, null]);
+  const [focus, setFocus] = useState(false); // 是否获取焦点
+  useEffect(() => {
+    if (props.defaultValue !== undefined) setValueCom(props.defaultValue);
+  }, []);
+  // 监听value
+  useEffect(() => {
+    if (value !== undefined) {
+      setValueCom(value);
+    }
+  }, [value]);
+  /** 处理placeholder */
+  const handlePlaceholder = index => {
+    if (placeholder && placeholder instanceof Array) {
+      return placeholder[index];
+    }
+    return placeholder;
+  };
+  /** 处理disabled */
+  const handleDisabled = index => {
+    if (disabled && disabled instanceof Array) {
+      return disabled[index];
+    }
+    return disabled;
+  };
+  /** 得到焦点 */
+  const onFocusCom = index => event => {
+    setFocus(true);
+    onFocus && onFocus(event, index);
+  };
+  /** 失去焦点 */
+  const onBlurCom = index => event => {
+    setFocus(false);
+    onBlur && onBlur(event, index);
+    if (valueCom[0] !== null && valueCom[1] !== null) {
+      if (valueCom[0] > valueCom[1]) {
+        onChangeCom(index)(null);
+      }
+    }
+  };
+  /** 回车事件 */
+  const onEnterCom = index => event => {
+    onEnter && onEnter(event, index);
+  };
+  /** change事件 */
+  const onChangeCom = index => val => {
+    const valHandle = valueCom ? DeepClone(valueCom) : [];
+    valHandle[index] = val;
+    if (props.value === undefined) {
+      setValueCom(valHandle);
+    }
+    onChange && onChange(valHandle, index);
+  };
+  const contentRender = () => {
+    return jsxs("div", Object.assign({
+      className: 'range-input-content'
+    }, {
+      children: [jsx(InputNumber, Object.assign({}, otherProps && otherProps[0], {
+        btnMode: "none",
+        hideErrorDom: true,
+        placeholder: handlePlaceholder(0),
+        disabled: handleDisabled(0),
+        disabledTooltip: disabledTooltip === null || disabledTooltip === void 0 ? void 0 : disabledTooltip[0],
+        value: valueCom[0],
+        onFocus: onFocusCom(0),
+        onBlur: onBlurCom(0),
+        onPressEnter: onEnterCom(0),
+        onChange: onChangeCom(0)
+      })), jsx("span", Object.assign({
+        className: 'separator'
+      }, {
+        children: separator
+      })), jsx(InputNumber, Object.assign({}, otherProps && otherProps[1], {
+        btnMode: "none",
+        hideErrorDom: true,
+        placeholder: handlePlaceholder(1),
+        disabled: handleDisabled(1),
+        disabledTooltip: disabledTooltip === null || disabledTooltip === void 0 ? void 0 : disabledTooltip[1],
+        value: valueCom[1],
+        onFocus: onFocusCom(1),
+        onBlur: onBlurCom(1),
+        onPressEnter: onEnterCom(1),
+        onChange: onChangeCom(1)
+      })), unit && jsx("span", Object.assign({
+        className: 'unit'
+      }, {
+        children: unit
+      }))]
+    }));
+  };
+  /** 处理内容 */
+  const handleContent = () => {
+    if (disabledTooltip && !(disabledTooltip instanceof Array)) {
+      return jsx(Tooltip, Object.assign({
+        disabled: true
+      }, disabledTooltip, {
+        children: contentRender()
+      }));
+    }
+    return contentRender();
+  };
+  return jsxs("div", Object.assign({
+    className: clsx(className, "".concat($prefixCls, "-range-input"), "".concat($prefixCls, "-range-input-").concat(size), {
+      ["".concat($prefixCls, "-range-input-focus")]: focus,
+      ["".concat($prefixCls, "-range-input-disabled")]: disabled === true || handleDisabled(0) && handleDisabled(1),
+      ["".concat($prefixCls, "-range-input-error")]: error
+    }),
+    style: style
+  }, {
+    children: [jsx(Label, Object.assign({
+      label: label,
+      required: required
+    }, labelTooltip)), handleContent(), jsx(HelperText, {
+      className: "range-input-error-text",
+      error: error,
+      helperText: helperText,
+      hideErrorDom: hideErrorDom
+    })]
+  }));
+};
+
+export { RangeInput, RangeInput as default };