@oceanbase/ui 0.2.0

package/lib/Ranger/constant/index.js

@@ -0,0 +1,268 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Ranger/constant/index.ts
+var constant_exports = {};
+__export(constant_exports, {
+  CUSTOMIZE: () => CUSTOMIZE,
+  DATE_TIME_FORMAT: () => DATE_TIME_FORMAT,
+  LAST_MONTH: () => LAST_MONTH,
+  LAST_QUARTER: () => LAST_QUARTER,
+  LAST_WEEK: () => LAST_WEEK,
+  LAST_YEAR: () => LAST_YEAR,
+  NEAR_10_MINUTES: () => NEAR_10_MINUTES,
+  NEAR_1_HOURS: () => NEAR_1_HOURS,
+  NEAR_1_MINUTES: () => NEAR_1_MINUTES,
+  NEAR_20_MINUTES: () => NEAR_20_MINUTES,
+  NEAR_2_HOURS: () => NEAR_2_HOURS,
+  NEAR_30_MINUTES: () => NEAR_30_MINUTES,
+  NEAR_3_HOURS: () => NEAR_3_HOURS,
+  NEAR_5_MINUTES: () => NEAR_5_MINUTES,
+  NEAR_6_HOURS: () => NEAR_6_HOURS,
+  NEXT_MONTH: () => NEXT_MONTH,
+  NEXT_QUARTER: () => NEXT_QUARTER,
+  NEXT_WEEK: () => NEXT_WEEK,
+  NEXT_YEAR: () => NEXT_YEAR,
+  THIS_MONTH: () => THIS_MONTH,
+  THIS_QUARTER: () => THIS_QUARTER,
+  THIS_WEEK: () => THIS_WEEK,
+  THIS_YEAR: () => THIS_YEAR,
+  TODAY: () => TODAY,
+  TOMORROW: () => TOMORROW,
+  YESTERDAY: () => YESTERDAY
+});
+module.exports = __toCommonJS(constant_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var import_quarterOfYear = __toESM(require("dayjs/plugin/quarterOfYear"));
+var import_moment = __toESM(require("moment"));
+import_dayjs.default.extend(import_quarterOfYear.default);
+var CUSTOMIZE = "customize";
+var DAY_UNIT = "day";
+var WEEK_UNIT = "week";
+var MONTH_UNIT = "month";
+var QUARTER_UNIT = "quarter";
+var YEAR_UNIT = "year";
+var DATE_TIME_FORMAT = "YYYY-MM-DD HH:mm:ss";
+var NEAR_1_MINUTES = {
+  name: "近 1 分钟",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().subtract(1, "minute"),
+    current.clone()
+  ]
+};
+var NEAR_5_MINUTES = {
+  name: "近 5 分钟",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().subtract(5, "minute"),
+    current.clone()
+  ]
+};
+var NEAR_10_MINUTES = {
+  name: "近 10 分钟",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().subtract(10, "minute"),
+    current.clone()
+  ]
+};
+var NEAR_20_MINUTES = {
+  name: "近 20 分钟",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().subtract(20, "minute"),
+    current.clone()
+  ]
+};
+var NEAR_30_MINUTES = {
+  name: "近 30 分钟",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().subtract(30, "minute"),
+    current.clone()
+  ]
+};
+var NEAR_1_HOURS = {
+  name: "近 1 小时",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().subtract(1, "hour"),
+    current.clone()
+  ]
+};
+var NEAR_2_HOURS = {
+  name: "近 2 小时",
+  range: () => [(0, import_moment.default)().subtract(2, "hour"), (0, import_moment.default)()],
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().subtract(2, "hour"),
+    current.clone()
+  ]
+};
+var NEAR_3_HOURS = {
+  name: "近 3 小时",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().subtract(3, "hour"),
+    current.clone()
+  ]
+};
+var NEAR_6_HOURS = {
+  name: "近 6 小时",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().subtract(6, "hour"),
+    current.clone()
+  ]
+};
+var TODAY = {
+  name: "今天",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().startOf(DAY_UNIT),
+    current.clone().endOf(DAY_UNIT)
+  ]
+};
+var YESTERDAY = {
+  name: "昨天",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().startOf(DAY_UNIT).add(-1, DAY_UNIT),
+    current.clone().endOf(DAY_UNIT).add(-1, DAY_UNIT)
+  ]
+};
+var TOMORROW = {
+  name: "明天",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().startOf(DAY_UNIT).add(1, DAY_UNIT),
+    current.clone().endOf(DAY_UNIT).add(1, DAY_UNIT)
+  ]
+};
+var THIS_WEEK = {
+  name: "本周",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().startOf(WEEK_UNIT),
+    current.clone().endOf(WEEK_UNIT)
+  ]
+};
+var LAST_WEEK = {
+  name: "上周",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().startOf(WEEK_UNIT).add(-1, WEEK_UNIT),
+    current.clone().endOf(WEEK_UNIT).add(-1, WEEK_UNIT)
+  ]
+};
+var NEXT_WEEK = {
+  name: "下周",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().startOf(WEEK_UNIT).add(1, WEEK_UNIT),
+    current.clone().endOf(WEEK_UNIT).add(1, WEEK_UNIT)
+  ]
+};
+var THIS_MONTH = {
+  name: "本月",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().startOf(MONTH_UNIT),
+    current.clone().endOf(MONTH_UNIT)
+  ]
+};
+var LAST_MONTH = {
+  name: "上月",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().startOf(MONTH_UNIT).add(-1, MONTH_UNIT),
+    current.clone().endOf(MONTH_UNIT).add(-1, MONTH_UNIT)
+  ]
+};
+var NEXT_MONTH = {
+  name: "下月",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().startOf(MONTH_UNIT).add(1, MONTH_UNIT),
+    current.clone().endOf(MONTH_UNIT).add(1, MONTH_UNIT)
+  ]
+};
+var THIS_QUARTER = {
+  name: "本季度",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().startOf(QUARTER_UNIT),
+    current.clone().endOf(QUARTER_UNIT)
+  ]
+};
+var LAST_QUARTER = {
+  name: "上季度",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().startOf(QUARTER_UNIT).add(-1, QUARTER_UNIT),
+    current.clone().endOf(QUARTER_UNIT).add(-1, QUARTER_UNIT)
+  ]
+};
+var NEXT_QUARTER = {
+  name: "下季度",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().startOf(QUARTER_UNIT).add(1, QUARTER_UNIT),
+    current.clone().endOf(QUARTER_UNIT).add(1, QUARTER_UNIT)
+  ]
+};
+var THIS_YEAR = {
+  name: "今年",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().startOf(YEAR_UNIT),
+    current.clone().endOf(YEAR_UNIT)
+  ]
+};
+var LAST_YEAR = {
+  name: "去年",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().startOf(YEAR_UNIT).add(-1, YEAR_UNIT),
+    current.clone().endOf(YEAR_UNIT).add(-1, YEAR_UNIT)
+  ]
+};
+var NEXT_YEAR = {
+  name: "明年",
+  range: (current = (0, import_moment.default)()) => [
+    current.clone().startOf(YEAR_UNIT).add(1, YEAR_UNIT),
+    current.clone().endOf(YEAR_UNIT).add(1, YEAR_UNIT)
+  ]
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CUSTOMIZE,
+  DATE_TIME_FORMAT,
+  LAST_MONTH,
+  LAST_QUARTER,
+  LAST_WEEK,
+  LAST_YEAR,
+  NEAR_10_MINUTES,
+  NEAR_1_HOURS,
+  NEAR_1_MINUTES,
+  NEAR_20_MINUTES,
+  NEAR_2_HOURS,
+  NEAR_30_MINUTES,
+  NEAR_3_HOURS,
+  NEAR_5_MINUTES,
+  NEAR_6_HOURS,
+  NEXT_MONTH,
+  NEXT_QUARTER,
+  NEXT_WEEK,
+  NEXT_YEAR,
+  THIS_MONTH,
+  THIS_QUARTER,
+  THIS_WEEK,
+  THIS_YEAR,
+  TODAY,
+  TOMORROW,
+  YESTERDAY
+});

package/lib/Ranger/index.d.ts

@@ -0,0 +1,33 @@
+import QuickPicker from './QuickPicker';
+import InternalRanger from './Ranger';
+import type { RangeOption } from './typing';
+declare type InternalRangerType = typeof InternalRanger;
+interface RangerType extends InternalRangerType {
+    NEAR_1_MINUTES: RangeOption;
+    NEAR_5_MINUTES: RangeOption;
+    NEAR_10_MINUTES: RangeOption;
+    NEAR_20_MINUTES: RangeOption;
+    NEAR_30_MINUTES: RangeOption;
+    NEAR_1_HOURS: RangeOption;
+    NEAR_2_HOURS: RangeOption;
+    NEAR_3_HOURS: RangeOption;
+    NEAR_6_HOURS: RangeOption;
+    TODAY: RangeOption;
+    YESTERDAY: RangeOption;
+    TOMORROW: RangeOption;
+    THIS_WEEK: RangeOption;
+    LAST_WEEK: RangeOption;
+    NEXT_WEEK: RangeOption;
+    THIS_MONTH: RangeOption;
+    LAST_MONTH: RangeOption;
+    NEXT_MONTH: RangeOption;
+    THIS_QUARTER: RangeOption;
+    LAST_QUARTER: RangeOption;
+    NEXT_QUARTER: RangeOption;
+    THIS_YEAR: RangeOption;
+    LAST_YEAR: RangeOption;
+    NEXT_YEAR: RangeOption;
+    QuickPicker: typeof QuickPicker;
+}
+declare const Ranger: RangerType;
+export default Ranger;

package/lib/Ranger/index.js

@@ -0,0 +1,64 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Ranger/index.tsx
+var Ranger_exports = {};
+__export(Ranger_exports, {
+  default: () => Ranger_default
+});
+module.exports = __toCommonJS(Ranger_exports);
+var import_constant = require("./constant");
+var import_QuickPicker = __toESM(require("./QuickPicker"));
+var import_Ranger = __toESM(require("./Ranger"));
+var Ranger = import_Ranger.default;
+Ranger.NEAR_1_MINUTES = import_constant.NEAR_1_MINUTES;
+Ranger.NEAR_5_MINUTES = import_constant.NEAR_5_MINUTES;
+Ranger.NEAR_10_MINUTES = import_constant.NEAR_10_MINUTES;
+Ranger.NEAR_20_MINUTES = import_constant.NEAR_20_MINUTES;
+Ranger.NEAR_30_MINUTES = import_constant.NEAR_30_MINUTES;
+Ranger.NEAR_1_HOURS = import_constant.NEAR_1_HOURS;
+Ranger.NEAR_2_HOURS = import_constant.NEAR_2_HOURS;
+Ranger.NEAR_3_HOURS = import_constant.NEAR_3_HOURS;
+Ranger.NEAR_6_HOURS = import_constant.NEAR_6_HOURS;
+Ranger.TODAY = import_constant.TODAY;
+Ranger.YESTERDAY = import_constant.YESTERDAY;
+Ranger.TOMORROW = import_constant.TOMORROW;
+Ranger.THIS_WEEK = import_constant.THIS_WEEK;
+Ranger.LAST_WEEK = import_constant.LAST_WEEK;
+Ranger.NEXT_WEEK = import_constant.NEXT_WEEK;
+Ranger.THIS_MONTH = import_constant.THIS_MONTH;
+Ranger.LAST_MONTH = import_constant.LAST_MONTH;
+Ranger.NEXT_MONTH = import_constant.NEXT_MONTH;
+Ranger.THIS_QUARTER = import_constant.THIS_QUARTER;
+Ranger.LAST_QUARTER = import_constant.LAST_QUARTER;
+Ranger.NEXT_QUARTER = import_constant.NEXT_QUARTER;
+Ranger.THIS_YEAR = import_constant.THIS_YEAR;
+Ranger.LAST_YEAR = import_constant.LAST_YEAR;
+Ranger.NEXT_YEAR = import_constant.NEXT_YEAR;
+Ranger.QuickPicker = import_QuickPicker.default;
+var Ranger_default = Ranger;

package/lib/Ranger/index.less

@@ -0,0 +1,55 @@
+@import '../variable.less';
+
+@prefix: ob-ranger;
+
+.@{prefix} {
+  .@{prefixCls}-space-item:nth-child(2) {
+    flex: 1;
+    width: 100%;
+
+    .@{prefixCls}-picker,
+    .@{prefixCls}-picker-range,
+    .ob-ranger-range-picker {
+      width: 100%;
+      // 去掉左侧圆角，以与下拉选择紧密组合在一起
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+
+      input {
+        text-align: center;
+      }
+    }
+  }
+
+  .ob-ranger-date-picker {
+    .@{prefixCls}-select-selector {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+
+      &:hover {
+        z-index: 1;
+      }
+    }
+
+    .@{prefixCls}-select-arrow {
+      z-index: 1;
+    }
+  }
+
+  .ob-ranger-quick-picker.ob-ranger-quick-picker-select {
+    margin-right: -1px;
+
+    .@{prefixCls}-select-selector {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+
+      &:hover {
+        z-index: 1;
+      }
+    }
+
+    .@{prefixCls}-select-arrow {
+      z-index: 1;
+    }
+  }
+}

package/lib/Ranger/locale/en-US.js

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Ranger/locale/en-US.ts
+var en_US_exports = {};
+__export(en_US_exports, {
+  default: () => en_US_default
+});
+module.exports = __toCommonJS(en_US_exports);
+var en_US_default = {
+  customize: "Custom",
+  // 为保证和之前的逻辑兼容，仍然使用中文作为 key
+  // TODO: 后续需要替换为英文 key
+  "近 1 分钟": "near 1 minute",
+  "近 5 分钟": "near 5 minutes",
+  "近 10 分钟": "near 10 minutes",
+  "近 20 分钟": "near 20 minutes",
+  "近 30 分钟": "near 30 minutes",
+  "近 1 小时": "near 1 hour",
+  "近 2 小时": "near 2 hour",
+  "近 3 小时": "near 3 hour",
+  "近 6 小时": "near 6 hour",
+  今天: "today",
+  昨天: "yesterday",
+  明天: "tomorrow",
+  本周: "this week",
+  上周: "last week",
+  下周: "next week",
+  本月: "this month",
+  上月: "last month",
+  下月: "next month",
+  本季度: "this quarter",
+  上季度: "last quarter",
+  下季度: "next quarter",
+  今年: "this year",
+  去年: "last year",
+  明年: "next year"
+};

package/lib/Ranger/locale/zh-CN.js

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Ranger/locale/zh-CN.ts
+var zh_CN_exports = {};
+__export(zh_CN_exports, {
+  default: () => zh_CN_default
+});
+module.exports = __toCommonJS(zh_CN_exports);
+var zh_CN_default = {
+  customize: "自定义时间"
+};

package/lib/Ranger/locale/zh-TW.js

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Ranger/locale/zh-TW.ts
+var zh_TW_exports = {};
+__export(zh_TW_exports, {
+  default: () => zh_TW_default
+});
+module.exports = __toCommonJS(zh_TW_exports);
+var zh_TW_default = {
+  customize: "自定義時間"
+};

package/lib/Ranger/typing.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Ranger/typing.ts
+var typing_exports = {};
+module.exports = __toCommonJS(typing_exports);

package/lib/SideTip/Dragger.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import type { Position } from './index';
+interface DraggableProps {
+    onOverlap?: () => void;
+    onDragStart?: () => void;
+    onDragEnd?: () => void;
+    onDrag?: (offset: any) => void;
+    onClick?: (e: any) => void;
+    onMouseEnter?: (e: any) => void;
+    onMouseLeave?: (e: any) => void;
+    hide?: boolean;
+    open?: boolean;
+    style?: React.CSSProperties;
+    position?: Position;
+    className?: string;
+    prefix?: string;
+    id?: string;
+    getPopupContainer?: () => HTMLElement;
+    children?: any;
+}
+interface DraggableState {
+    dragged?: boolean;
+    width?: number;
+    bottom?: number;
+    right?: number;
+}
+declare class Draggable extends React.Component<DraggableProps, DraggableState> {
+    nodeRef: React.RefObject<HTMLDivElement>;
+    intervalStart: number;
+    deltaX: number;
+    deltaY: number;
+    defaultScrollBarSize: number;
+    constructor(props: any);
+    overlapDetection: () => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    getContainerDom: () => HTMLElement;
+    componentDidUpdate(preProps: any): void;
+    handleResize: () => void;
+    handleMouseDown: (e: any) => void;
+    handleMouseMove: (e: any) => void;
+    handleMouseUp: (e: any) => void;
+    render(): React.JSX.Element;
+}
+export default Draggable;