assui 3.0.54 → 3.0.55

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

@@ -0,0 +1 @@
+import './index.less';

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

@@ -0,0 +1 @@
+import './index.less';

package/es/label-range-number/style/index.less

@@ -0,0 +1,84 @@
+@import '~antd/lib/style/index.less';
+@import '../../style/themes/default.less';
+
+@color_9aa5b5: #9aa5b5;
+@color_a0a0a0: #a0a0a0;
+@font-size-base: 14px;
+
+.label-range-number {
+  position: relative;
+  width: 320px;
+  height: 100%;
+  cursor: pointer;
+
+  .a-number {
+    position: relative;
+    display: inline-flex;
+    height: 45px;
+    padding-left: 12px;
+    border: 1px solid #e5e5e5;
+    border-radius: 8px;
+    outline: none;
+
+    &-input input {
+      position: relative;
+      top: 19px;
+      display: inline-flex;
+      align-items: center;
+      width: 100%;
+    }
+
+    &-focused {
+      border-color: @labelFocusBorderColor;
+      box-shadow: none;
+    }
+
+    &-range-separator {
+      position: relative;
+      top: 18px;
+      height: 14px;
+      padding: 0;
+    }
+
+    &-range-separator,
+    &-input {
+      opacity: 0;
+    }
+
+    .@{ant-prefix}-input {
+      padding: 0 0 0 3px;
+      border-radius: 0;
+    }
+  }
+
+  &-text {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 2;
+    display: flex;
+    align-items: center;
+    width: calc(100% - 12px);
+    height: 100%;
+    margin-left: 12px;
+    color: @color_9aa5b5;
+    font-size: @font-size-base;
+    line-height: 20px;
+    transform-origin: top left;
+    cursor: pointer;
+    transition: all 0.2s ease-out;
+  }
+
+  &-label-scale {
+    .a-number-range-separator,
+    .a-number-input {
+      opacity: 1;
+    }
+
+    .label-range-number-text {
+      transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
+      cursor: text;
+      pointer-events: none;
+    }
+  }
+}

package/lib/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/lib/index.js

@@ -8,7 +8,7 @@ var __importDefault = this && this.__importDefault || function (mod) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Resizable = exports.BeautifulDnd = exports.RichTextEditor = exports.LabelCustomizeRangePicker = exports.TableCol = exports.LabelTreeSelect = exports.LabelConditionInput = exports.LabelNumberInput = exports.LabelAutoComplete = exports.LabelDatePicker = exports.LabelRangePicker = exports.JsonEditor = exports.AreaText = exports.LabelTextArea = exports.ASelect = exports.LabelSelect = exports.ColorSelect = exports.LabelInput = exports.TextInput = exports.TextArea = exports.SplitPane = exports.sortableHoc = exports.SingleImgUpload = exports.RcTransitionGroup = exports.RcQRcode = exports.RcEcharts = exports.StepNumberInput = exports.NumberInput = exports.RcMotion = exports.KeepTab = exports.ImgCrop = exports.HighlightWords = exports.HighlightTextarea = exports.CopyToClipboard = exports.NumberFormatInput = exports.ConfigProvider = exports.ConditionInput = exports.ButtonModal = exports.ButtonDrawer = void 0;
+exports.Resizable = exports.BeautifulDnd = exports.RichTextEditor = exports.LabelCustomizeRangePicker = exports.TableCol = exports.LabelTreeSelect = exports.LabelConditionInput = exports.LabelNumberInput = exports.LabelAutoComplete = exports.LabelDatePicker = exports.LabelRangePicker = exports.JsonEditor = exports.AreaText = exports.LabelTextArea = exports.ASelect = exports.LabelSelect = exports.ColorSelect = exports.LabelInput = exports.TextInput = exports.TextArea = exports.SplitPane = exports.sortableHoc = exports.SingleImgUpload = exports.RcTransitionGroup = exports.RcQRcode = exports.RcEcharts = exports.StepNumberInput = exports.LabelRangeNumber = exports.NumberInput = exports.RcMotion = exports.KeepTab = exports.ImgCrop = exports.HighlightWords = exports.HighlightTextarea = exports.CopyToClipboard = exports.NumberFormatInput = exports.ConfigProvider = exports.ConditionInput = exports.ButtonModal = exports.ButtonDrawer = void 0;
 var button_drawer_1 = require("./button-drawer");
 Object.defineProperty(exports, "ButtonDrawer", {
   enumerable: true,
@@ -93,6 +93,13 @@ Object.defineProperty(exports, "NumberInput", {
     return __importDefault(number_input_1)["default"];
   }
 });
+var label_range_number_1 = require("./label-range-number");
+Object.defineProperty(exports, "LabelRangeNumber", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(label_range_number_1)["default"];
+  }
+});
 var step_number_input_1 = require("./step-number-input");
 Object.defineProperty(exports, "StepNumberInput", {
   enumerable: true,

package/lib/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/lib/label-range-number/index.js

@@ -0,0 +1,144 @@
+"use strict";
+
+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;
+};
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var react_1 = __importDefault(require("react"));
+var useControllableValue_1 = __importDefault(require("ahooks/lib/useControllableValue"));
+var useClickAway_1 = __importDefault(require("ahooks/lib/useClickAway"));
+var classnames_1 = __importDefault(require("classnames"));
+var number_input_1 = __importDefault(require("../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_1["default"].useRef(null);
+  var startNumberRef = react_1["default"].useRef(null);
+  var _a = __read((0, useControllableValue_1["default"])(props, {
+      valuePropName: 'focus',
+      trigger: 'onFocus'
+    }), 2),
+    focus = _a[0],
+    onFocus = _a[1];
+  var _b = __read((0, useControllableValue_1["default"])(props, {
+      defaultValue: {
+        startInterval: '',
+        endInterval: ''
+      }
+    }), 2),
+    value = _b[0],
+    onChangeValue = _b[1];
+  (0, useClickAway_1["default"])(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 react_1["default"].createElement("div", {
+    ref: containerRef,
+    className: (0, classnames_1["default"])({
+      'label-range-number': true,
+      'label-range-number-disabled': disabled,
+      'label-range-number-label-scale': focus || resultValue.endInterval || resultValue.startInterval
+    }, className)
+  }, react_1["default"].createElement("div", {
+    className: "a-number a-number-range a-number-focused",
+    "aria-required": "true"
+  }, react_1["default"].createElement("div", {
+    className: "a-number-input"
+  }, react_1["default"].createElement(number_input_1["default"], __assign({
+    bordered: false,
+    enableMinus: enableMinus,
+    numberType: numberType,
+    precision: precision,
+    dataType: dataType
+  }, endNumberInputProps, {
+    ref: startNumberRef,
+    onChange: onStartChange,
+    value: resultValue.startInterval
+  }))), react_1["default"].createElement("div", {
+    className: "a-number-range-separator"
+  }, connector || '–'), react_1["default"].createElement("div", {
+    className: "a-number-input"
+  }, react_1["default"].createElement(number_input_1["default"], __assign({
+    bordered: false,
+    enableMinus: enableMinus,
+    numberType: numberType,
+    precision: precision,
+    dataType: dataType
+  }, startNumberInputProps, {
+    onChange: onEndChange,
+    value: resultValue.endInterval
+  })))), react_1["default"].createElement("label", {
+    className: "label-range-number-text",
+    onClick: handleLabelClick
+  }, label));
+};
+exports["default"] = LabelDatePicker;