@oceanbase/design 0.1.0

package/es/Ranger/constant/index.js

@@ -0,0 +1,187 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+// @ts-nocheck
+
+import moment from 'moment';
+import dayjs from 'dayjs';
+import quarterOfYear from 'dayjs/plugin/quarterOfYear';
+dayjs.extend(quarterOfYear);
+export var CUSTOMIZE = 'customize';
+var DAY_UNIT = 'day';
+var WEEK_UNIT = 'week';
+var MONTH_UNIT = 'month';
+var QUARTER_UNIT = 'quarter';
+var YEAR_UNIT = 'year';
+export var DATE_TIME_FORMAT = 'YYYY-MM-DD HH:mm:ss';
+export var NEAR_1_MINUTES = {
+  name: '近 1 分钟',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().subtract(1, 'minute'), current.clone()];
+  }
+};
+export var NEAR_5_MINUTES = {
+  name: '近 5 分钟',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().subtract(5, 'minute'), current.clone()];
+  }
+};
+export var NEAR_10_MINUTES = {
+  name: '近 10 分钟',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().subtract(10, 'minute'), current.clone()];
+  }
+};
+export var NEAR_20_MINUTES = {
+  name: '近 20 分钟',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().subtract(20, 'minute'), current.clone()];
+  }
+};
+export var NEAR_30_MINUTES = {
+  name: '近 30 分钟',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().subtract(30, 'minute'), current.clone()];
+  }
+};
+export var NEAR_1_HOURS = {
+  name: '近 1 小时',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().subtract(1, 'hour'), current.clone()];
+  }
+};
+export var NEAR_2_HOURS = _defineProperty({
+  name: '近 2 小时',
+  range: function range() {
+    return [moment().subtract(2, 'hour'), moment()];
+  }
+}, "range", function range() {
+  var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+  return [current.clone().subtract(2, 'hour'), current.clone()];
+});
+export var NEAR_3_HOURS = {
+  name: '近 3 小时',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().subtract(3, 'hour'), current.clone()];
+  }
+};
+export var NEAR_6_HOURS = {
+  name: '近 6 小时',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().subtract(6, 'hour'), current.clone()];
+  }
+};
+export var TODAY = {
+  name: '今天',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().startOf(DAY_UNIT), current.clone().endOf(DAY_UNIT)];
+  }
+};
+export var YESTERDAY = {
+  name: '昨天',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().startOf(DAY_UNIT).add(-1, DAY_UNIT), current.clone().endOf(DAY_UNIT).add(-1, DAY_UNIT)];
+  }
+};
+export var TOMORROW = {
+  name: '明天',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().startOf(DAY_UNIT).add(1, DAY_UNIT), current.clone().endOf(DAY_UNIT).add(1, DAY_UNIT)];
+  }
+};
+export var THIS_WEEK = {
+  name: '本周',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().startOf(WEEK_UNIT), current.clone().endOf(WEEK_UNIT)];
+  }
+};
+export var LAST_WEEK = {
+  name: '上周',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().startOf(WEEK_UNIT).add(-1, WEEK_UNIT), current.clone().endOf(WEEK_UNIT).add(-1, WEEK_UNIT)];
+  }
+};
+export var NEXT_WEEK = {
+  name: '下周',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().startOf(WEEK_UNIT).add(1, WEEK_UNIT), current.clone().endOf(WEEK_UNIT).add(1, WEEK_UNIT)];
+  }
+};
+export var THIS_MONTH = {
+  name: '本月',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().startOf(MONTH_UNIT), current.clone().endOf(MONTH_UNIT)];
+  }
+};
+export var LAST_MONTH = {
+  name: '上月',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().startOf(MONTH_UNIT).add(-1, MONTH_UNIT), current.clone().endOf(MONTH_UNIT).add(-1, MONTH_UNIT)];
+  }
+};
+export var NEXT_MONTH = {
+  name: '下月',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().startOf(MONTH_UNIT).add(1, MONTH_UNIT), current.clone().endOf(MONTH_UNIT).add(1, MONTH_UNIT)];
+  }
+};
+export var THIS_QUARTER = {
+  name: '本季度',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().startOf(QUARTER_UNIT), current.clone().endOf(QUARTER_UNIT)];
+  }
+};
+export var LAST_QUARTER = {
+  name: '上季度',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().startOf(QUARTER_UNIT).add(-1, QUARTER_UNIT), current.clone().endOf(QUARTER_UNIT).add(-1, QUARTER_UNIT)];
+  }
+};
+export var NEXT_QUARTER = {
+  name: '下季度',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().startOf(QUARTER_UNIT).add(1, QUARTER_UNIT), current.clone().endOf(QUARTER_UNIT).add(1, QUARTER_UNIT)];
+  }
+};
+export var THIS_YEAR = {
+  name: '今年',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().startOf(YEAR_UNIT), current.clone().endOf(YEAR_UNIT)];
+  }
+};
+export var LAST_YEAR = {
+  name: '去年',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().startOf(YEAR_UNIT).add(-1, YEAR_UNIT), current.clone().endOf(YEAR_UNIT).add(-1, YEAR_UNIT)];
+  }
+};
+export var NEXT_YEAR = {
+  name: '明年',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().startOf(YEAR_UNIT).add(1, YEAR_UNIT), current.clone().endOf(YEAR_UNIT).add(1, YEAR_UNIT)];
+  }
+};

package/es/Ranger/index.d.ts

@@ -0,0 +1,33 @@
+import InternalRanger from './Ranger';
+import QuickPicker from './QuickPicker';
+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/es/Ranger/index.js

@@ -0,0 +1,32 @@
+import InternalRanger from "./Ranger";
+import QuickPicker from "./QuickPicker";
+import { NEAR_1_MINUTES, NEAR_5_MINUTES, NEAR_10_MINUTES, NEAR_20_MINUTES, NEAR_30_MINUTES, NEAR_1_HOURS, NEAR_2_HOURS, NEAR_3_HOURS, NEAR_6_HOURS, 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 } from "./constant";
+var Ranger = InternalRanger;
+
+// 内置 ranges
+Ranger.NEAR_1_MINUTES = NEAR_1_MINUTES;
+Ranger.NEAR_5_MINUTES = NEAR_5_MINUTES;
+Ranger.NEAR_10_MINUTES = NEAR_10_MINUTES;
+Ranger.NEAR_20_MINUTES = NEAR_20_MINUTES;
+Ranger.NEAR_30_MINUTES = NEAR_30_MINUTES;
+Ranger.NEAR_1_HOURS = NEAR_1_HOURS;
+Ranger.NEAR_2_HOURS = NEAR_2_HOURS;
+Ranger.NEAR_3_HOURS = NEAR_3_HOURS;
+Ranger.NEAR_6_HOURS = NEAR_6_HOURS;
+Ranger.TODAY = TODAY;
+Ranger.YESTERDAY = YESTERDAY;
+Ranger.TOMORROW = TOMORROW;
+Ranger.THIS_WEEK = THIS_WEEK;
+Ranger.LAST_WEEK = LAST_WEEK;
+Ranger.NEXT_WEEK = NEXT_WEEK;
+Ranger.THIS_MONTH = THIS_MONTH;
+Ranger.LAST_MONTH = LAST_MONTH;
+Ranger.NEXT_MONTH = NEXT_MONTH;
+Ranger.THIS_QUARTER = THIS_QUARTER;
+Ranger.LAST_QUARTER = LAST_QUARTER;
+Ranger.NEXT_QUARTER = NEXT_QUARTER;
+Ranger.THIS_YEAR = THIS_YEAR;
+Ranger.LAST_YEAR = LAST_YEAR;
+Ranger.NEXT_YEAR = NEXT_YEAR;
+Ranger.QuickPicker = QuickPicker;
+export default Ranger;

package/es/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/es/Ranger/locale/en-US.d.ts

@@ -0,0 +1,28 @@
+declare const _default: {
+    customize: string;
+    '\u8FD1 1 \u5206\u949F': string;
+    '\u8FD1 5 \u5206\u949F': string;
+    '\u8FD1 10 \u5206\u949F': string;
+    '\u8FD1 20 \u5206\u949F': string;
+    '\u8FD1 30 \u5206\u949F': string;
+    '\u8FD1 1 \u5C0F\u65F6': string;
+    '\u8FD1 2 \u5C0F\u65F6': string;
+    '\u8FD1 3 \u5C0F\u65F6': string;
+    '\u8FD1 6 \u5C0F\u65F6': string;
+    今天: string;
+    昨天: string;
+    明天: string;
+    本周: string;
+    上周: string;
+    下周: string;
+    本月: string;
+    上月: string;
+    下月: string;
+    本季度: string;
+    上季度: string;
+    下季度: string;
+    今年: string;
+    去年: string;
+    明年: string;
+};
+export default _default;

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

@@ -0,0 +1,29 @@
+export 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/es/Ranger/locale/zh-CN.d.ts

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

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

@@ -0,0 +1,3 @@
+export default {
+  customize: '自定义时间'
+};

package/es/Ranger/locale/zh-TW.d.ts

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

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

@@ -0,0 +1,3 @@
+export default {
+  customize: '自定義時間'
+};

package/es/Ranger/typing.d.ts

@@ -0,0 +1,12 @@
+import type { Moment } from 'moment';
+import type { Dayjs } from 'dayjs';
+export interface RangeOption {
+    /**
+     * @description 选项名称
+     */
+    name: string;
+    /**
+     * @description 时间范围
+     */
+    range?: (current: Moment | Dayjs) => [Moment | Dayjs, Moment | Dayjs];
+}

package/es/Ranger/typing.js

@@ -0,0 +1 @@
+export {};

package/es/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;