assui 3.0.54 → 3.0.55

package/es/index.d.ts

@@ -22,6 +22,8 @@ export type { CSSMotionProps, CSSMotionList, CSSMotionListProps, MotionEventHand
 export { default as RcMotion } from './rc-motion';
 export type { NumberInputProps } from './number-input';
 export { default as NumberInput } from './number-input';
+export type { LabelRangeNumberProps } from './label-range-number';
+export { default as LabelRangeNumber } from './label-range-number';
 export type { StepNumberInputProps } from './step-number-input';
 export { default as StepNumberInput } from './step-number-input';
 export type { RcEchartPropsType } from './rc-echart';

package/es/index.js

@@ -10,6 +10,7 @@ export { default as ImgCrop } from './img-crop';
 export { default as KeepTab } from './keep-tab';
 export { default as RcMotion } from './rc-motion';
 export { default as NumberInput } from './number-input';
+export { default as LabelRangeNumber } from './label-range-number';
 export { default as StepNumberInput } from './step-number-input';
 export { default as RcEcharts } from './rc-echart';
 export { default as RcQRcode } from './rc-qrcode';

package/es/label-range-number/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { NumberInputProps } from '../number-input';
+export declare type RangeNumberValue = {
+    startInterval?: number | string;
+    endInterval?: number | string;
+};
+export interface LabelRangeNumberProps {
+    className?: string;
+    disabled?: boolean;
+    label: React.ReactNode;
+    value?: RangeNumberValue;
+    onChange?: (value: RangeNumberValue) => void;
+    enableMinus?: boolean;
+    numberType?: 'int' | 'float';
+    precision?: number;
+    connector?: React.ReactNode;
+    suffix?: string;
+    /** value的数据类型 */
+    dataType?: 'number' | 'string';
+    startNumberInputProps?: NumberInputProps;
+    endNumberInputProps?: NumberInputProps;
+}
+declare const LabelDatePicker: React.FC<LabelRangeNumberProps>;
+export default LabelDatePicker;

package/es/label-range-number/index.js

@@ -0,0 +1,134 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var __read = this && this.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+    r,
+    ar = [],
+    e;
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+  return ar;
+};
+import React from 'react';
+import useControllableValue from "ahooks/es/useControllableValue";
+import useClickAway from "ahooks/es/useClickAway";
+import classNames from 'classnames';
+import NumberInput from '../number-input';
+var defaultValue = {
+  startInterval: '',
+  endInterval: ''
+};
+var LabelDatePicker = function LabelDatePicker(props) {
+  var disabled = props.disabled,
+    className = props.className,
+    label = props.label,
+    enableMinus = props.enableMinus,
+    numberType = props.numberType,
+    dataType = props.dataType,
+    precision = props.precision,
+    connector = props.connector,
+    startNumberInputProps = props.startNumberInputProps,
+    endNumberInputProps = props.endNumberInputProps;
+  var containerRef = React.useRef(null);
+  var startNumberRef = React.useRef(null);
+  var _a = __read(useControllableValue(props, {
+      valuePropName: 'focus',
+      trigger: 'onFocus'
+    }), 2),
+    focus = _a[0],
+    onFocus = _a[1];
+  var _b = __read(useControllableValue(props, {
+      defaultValue: {
+        startInterval: '',
+        endInterval: ''
+      }
+    }), 2),
+    value = _b[0],
+    onChangeValue = _b[1];
+  useClickAway(function () {
+    onFocus(false);
+  }, containerRef);
+  var onStartChange = function onStartChange(startInterval) {
+    onChangeValue(__assign(__assign({}, value), {
+      startInterval: startInterval
+    }));
+  };
+  var onEndChange = function onEndChange(endInterval) {
+    onChangeValue(__assign(__assign({}, value), {
+      endInterval: endInterval
+    }));
+  };
+  var handleLabelClick = function handleLabelClick() {
+    var _a;
+    if (!focus) {
+      onFocus(!focus);
+    }
+    (_a = startNumberRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+  };
+  var resultValue = value || defaultValue;
+  return /*#__PURE__*/React.createElement("div", {
+    ref: containerRef,
+    className: classNames({
+      'label-range-number': true,
+      'label-range-number-disabled': disabled,
+      'label-range-number-label-scale': focus || resultValue.endInterval || resultValue.startInterval
+    }, className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "a-number a-number-range a-number-focused",
+    "aria-required": "true"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "a-number-input"
+  }, /*#__PURE__*/React.createElement(NumberInput, __assign({
+    bordered: false,
+    enableMinus: enableMinus,
+    numberType: numberType,
+    precision: precision,
+    dataType: dataType
+  }, endNumberInputProps, {
+    ref: startNumberRef,
+    onChange: onStartChange,
+    value: resultValue.startInterval
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "a-number-range-separator"
+  }, connector || '–'), /*#__PURE__*/React.createElement("div", {
+    className: "a-number-input"
+  }, /*#__PURE__*/React.createElement(NumberInput, __assign({
+    bordered: false,
+    enableMinus: enableMinus,
+    numberType: numberType,
+    precision: precision,
+    dataType: dataType
+  }, startNumberInputProps, {
+    onChange: onEndChange,
+    value: resultValue.endInterval
+  })))), /*#__PURE__*/React.createElement("label", {
+    className: "label-range-number-text",
+    onClick: handleLabelClick
+  }, label));
+};
+export default LabelDatePicker;