@oceanbase/ui 1.0.0-alpha.1 → 1.0.0-alpha.11

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

@@ -1,49 +1,22 @@
-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);
+"use strict";
 
-// src/DateRanger/locale/en-US.ts
-var en_US_exports = {};
-__export(en_US_exports, {
-  default: () => en_US_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(en_US_exports);
-var import_en_US = __toESM(require("rc-picker/es/locale/en_US"));
-var en_US_default = {
-  customize: "Custom",
-  customTime: "Custom Time",
-  startDate: "Start Date",
-  startTime: "Start Time",
-  endDate: "End Date",
-  endTime: "End Time",
-  cancel: "Cancel",
-  confirm: "Confirm",
-  current: "Current",
-  jumpBack: "Previous Interval",
-  jumpForward: "Next Interval",
-  ...import_en_US.default
-};
+exports.default = void 0;
+var _en_US = _interopRequireDefault(require("rc-picker/es/locale/en_US"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = {
+  customize: 'Custom',
+  customTime: 'Custom Time',
+  startDate: 'Start Date',
+  startTime: 'Start Time',
+  endDate: 'End Date',
+  endTime: 'End Time',
+  cancel: 'Cancel',
+  confirm: 'Confirm',
+  current: 'Current',
+  jumpBack: 'Previous Interval',
+  jumpForward: 'Next Interval',
+  ..._en_US.default
+};

package/lib/DateRanger/locale/ja-JP.d.ts

@@ -0,0 +1,56 @@
+declare const _default: {
+    locale: string;
+    dateFormat?: string;
+    dateTimeFormat?: string;
+    fieldDateTimeFormat?: string;
+    fieldDateFormat?: string;
+    fieldTimeFormat?: string;
+    fieldMonthFormat?: string;
+    fieldYearFormat?: string;
+    fieldWeekFormat?: string;
+    fieldQuarterFormat?: string;
+    monthBeforeYear?: boolean;
+    yearFormat?: string;
+    monthFormat?: string;
+    cellYearFormat?: string;
+    cellQuarterFormat?: string;
+    dayFormat?: string;
+    cellDateFormat?: string;
+    cellMeridiemFormat?: string;
+    today: string;
+    now: string;
+    backToToday: string;
+    ok: string;
+    timeSelect: string;
+    dateSelect: string;
+    weekSelect?: string;
+    clear: string;
+    week: string;
+    month: string;
+    year: string;
+    previousMonth: string;
+    nextMonth: string;
+    monthSelect: string;
+    yearSelect: string;
+    decadeSelect: string;
+    previousYear: string;
+    nextYear: string;
+    previousDecade: string;
+    nextDecade: string;
+    previousCentury: string;
+    nextCentury: string;
+    shortWeekDays?: string[];
+    shortMonths?: string[];
+    customize: string;
+    customTime: string;
+    startDate: string;
+    startTime: string;
+    endDate: string;
+    endTime: string;
+    cancel: string;
+    confirm: string;
+    current: string;
+    jumpBack: string;
+    jumpForward: string;
+};
+export default _default;

package/lib/DateRanger/locale/ja-JP.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ja_JP = _interopRequireDefault(require("rc-picker/es/locale/ja_JP"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = {
+  customize: 'カスタム',
+  customTime: 'カスタム時間',
+  startDate: '開始日',
+  startTime: '開始時刻',
+  endDate: '終了日',
+  endTime: '終了時刻',
+  cancel: 'キャンセル',
+  confirm: 'OK',
+  current: '現在',
+  jumpBack: '前の期間へ',
+  jumpForward: '次の期間へ',
+  ..._ja_JP.default
+};

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

@@ -1,49 +1,22 @@
-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);
+"use strict";
 
-// src/DateRanger/locale/zh-CN.ts
-var zh_CN_exports = {};
-__export(zh_CN_exports, {
-  default: () => zh_CN_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(zh_CN_exports);
-var import_zh_CN = __toESM(require("rc-picker/es/locale/zh_CN"));
-var zh_CN_default = {
-  customize: "自定义",
-  customTime: "自定义时间",
-  startDate: "开始日期",
-  startTime: "开始时间",
-  endDate: "结束日期",
-  endTime: "结束时间",
-  cancel: "取消",
-  confirm: "确定",
-  current: "当前",
-  jumpBack: "向前跳转一个时间区间",
-  jumpForward: "向后跳转一个时间区间",
-  ...import_zh_CN.default
-};
+exports.default = void 0;
+var _zh_CN = _interopRequireDefault(require("rc-picker/es/locale/zh_CN"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = {
+  customize: '自定义',
+  customTime: '自定义时间',
+  startDate: '开始日期',
+  startTime: '开始时间',
+  endDate: '结束日期',
+  endTime: '结束时间',
+  cancel: '取消',
+  confirm: '确定',
+  current: '当前',
+  jumpBack: '向前跳转一个时间区间',
+  jumpForward: '向后跳转一个时间区间',
+  ..._zh_CN.default
+};

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

@@ -1,49 +1,22 @@
-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);
+"use strict";
 
-// src/DateRanger/locale/zh-TW.ts
-var zh_TW_exports = {};
-__export(zh_TW_exports, {
-  default: () => zh_TW_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(zh_TW_exports);
-var import_zh_TW = __toESM(require("rc-picker/es/locale/zh_TW"));
-var zh_TW_default = {
-  customize: "自定義",
-  customTime: "自定義時間",
-  startDate: "開始日期",
-  startTime: "開始時間",
-  endDate: "結束日期",
-  endTime: "結束時間",
-  cancel: "取消",
-  confirm: "確定",
-  current: "當前",
-  jumpBack: "向前跳轉一個時間區間",
-  jumpForward: "向後跳轉一個時間區間",
-  ...import_zh_TW.default
-};
+exports.default = void 0;
+var _zh_TW = _interopRequireDefault(require("rc-picker/es/locale/zh_TW"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = {
+  customize: '自定義',
+  customTime: '自定義時間',
+  startDate: '開始日期',
+  startTime: '開始時間',
+  endDate: '結束日期',
+  endTime: '結束時間',
+  cancel: '取消',
+  confirm: '確定',
+  current: '當前',
+  jumpBack: '向前跳轉一個時間區間',
+  jumpForward: '向後跳轉一個時間區間',
+  ..._zh_TW.default
+};

package/lib/DateRanger/style/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { GenerateStyle } from '@oceanbase/design/es/theme';
+import type { OBToken } from '../../_util/genComponentStyleHook';
+export type DateRangerToken = OBToken;
+export declare const genDateRangerStyle: GenerateStyle<DateRangerToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};
+export default _default;

package/lib/DateRanger/style/index.js

@@ -0,0 +1,174 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genDateRangerStyle = exports.default = void 0;
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genDateRangerStyle = token => {
+  const {
+    componentCls,
+    antCls,
+    colorBgContainer,
+    colorBorder,
+    borderRadius,
+    colorTextSecondary,
+    colorFillSecondary,
+    colorFill
+  } = token;
+  return {
+    [`${componentCls}`]: {
+      cursor: 'pointer',
+      [`${componentCls}-wrapper`]: {
+        backgroundColor: colorBgContainer,
+        border: `1px solid ${colorBorder}`,
+        boxSizing: 'border-box',
+        display: 'flex',
+        borderRadius: borderRadius,
+        transition: 'all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)',
+        [`${componentCls}-picker`]: {
+          paddingLeft: 0,
+          paddingRight: 16,
+          border: 0,
+          '&:focus, &:focus-within': {
+            boxShadow: 'none'
+          },
+          input: {
+            textAlign: 'center'
+          },
+          [`${antCls}-picker-active-bar`]: {
+            height: 0
+          },
+          [`${antCls}-picker-input > input`]: {
+            cursor: 'pointer'
+          }
+        },
+        '&:hover': {
+          borderColor: token.colorPrimaryHover
+        }
+      },
+      [`${componentCls}-wrapper-has-jumper`]: {
+        borderTopRightRadius: 0,
+        borderBottomRightRadius: 0
+      },
+      [`${componentCls}-play`]: {
+        padding: '3px 11px 3px'
+      },
+      [`${componentCls}-picker-input`]: {
+        maxWidth: 125
+      },
+      [`${componentCls}-date-picker`]: {
+        [`${antCls}-select-selector`]: {
+          borderTopLeftRadius: 0,
+          borderBottomLeftRadius: 0,
+          '&:hover': {
+            zIndex: 1
+          }
+        },
+        [`${antCls}-select-arrow`]: {
+          zIndex: 1
+        }
+      }
+    },
+    [`${componentCls}-dropdown-picker`]: {
+      display: 'flex',
+      padding: 4,
+      gap: 4,
+      backgroundColor: colorBgContainer,
+      backgroundClip: 'padding-box',
+      borderRadius: token.borderRadiusMD,
+      outline: 'none',
+      boxShadow: '0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05)',
+      [`${antCls}-dropdown-menu`]: {
+        padding: 0,
+        boxShadow: 'none !important'
+      },
+      [`${antCls}-picker-time-panel-container`]: {
+        [`${antCls}-picker-content`]: {
+          height: 148
+        }
+      }
+    },
+    [`${componentCls}-show-range`]: {
+      [`${componentCls}-quick-picker.${componentCls}-quick-picker-select`]: {
+        marginRight: -1,
+        [`${antCls}-select-selector`]: {
+          borderTopRightRadius: 0,
+          borderBottomRightRadius: 0,
+          '&:hover': {
+            zIndex: 1
+          }
+        },
+        [`${antCls}-select-arrow`]: {
+          zIndex: 1
+        }
+      },
+      [`${componentCls}-playback-control`]: {
+        display: 'flex',
+        flexWrap: 'nowrap',
+        [`${antCls}-radio-button-wrapper`]: {
+          paddingInline: 8,
+          color: colorTextSecondary,
+          transition: 'all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)',
+          '&:hover': {
+            borderColor: token.colorPrimaryHover,
+            '&::before': {
+              backgroundColor: token.colorPrimaryHover
+            }
+          }
+        }
+      }
+    },
+    [`${componentCls}-label`]: {
+      fontSize: token.fontSizeSM,
+      backgroundColor: colorFillSecondary,
+      color: colorTextSecondary,
+      display: 'inline-block',
+      width: 52,
+      padding: '4px 0',
+      borderRadius: token.borderRadiusSM,
+      lineHeight: 1,
+      textAlign: 'center'
+    },
+    [`${componentCls}-back-radio-focused`]: {
+      [`${componentCls}-wrapper`]: {
+        borderRightColor: token.colorPrimaryHover
+      },
+      [`${componentCls}-playback-control`]: {
+        [`${antCls}-radio-button-wrapper:first-child`]: {
+          [`+ ${antCls}-radio-button-wrapper::before`]: {
+            backgroundColor: token.colorPrimaryHover
+          }
+        }
+      }
+    },
+    [`${componentCls}-history-menu-item`]: {
+      [`${componentCls}-menu-text-btn-wrapper`]: {
+        justifyContent: 'space-between',
+        height: 0,
+        transition: 'height 0.2s',
+        overflow: 'hidden'
+      },
+      '&:hover': {
+        [`${componentCls}-menu-text-btn-wrapper`]: {
+          height: 22
+        }
+      }
+    },
+    [`${componentCls}-menu-text-btn`]: {
+      width: 72,
+      backgroundColor: `${colorFillSecondary} !important`,
+      '&:hover': {
+        backgroundColor: `${colorFill} !important`
+      }
+    }
+  };
+};
+exports.genDateRangerStyle = genDateRangerStyle;
+var _default = prefixCls => {
+  const useStyle = (0, _genComponentStyleHook.genComponentStyleHook)('DateRanger', token => {
+    return [genDateRangerStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+exports.default = _default;

package/lib/DateRanger/typing.js

@@ -1,17 +1,5 @@
-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);
+"use strict";
 
-// src/DateRanger/typing.ts
-var typing_exports = {};
-module.exports = __toCommonJS(typing_exports);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/Dialog/Anchor.d.ts

@@ -6,14 +6,6 @@ export interface IAnchorProps extends HTMLAttributes<HTMLDivElement> {
     onMove?: (event: PointerEvent) => void;
     onEnd?: (event: PointerEvent) => void;
     dock?: IDockProps;
+    prefixCls?: string;
 }
-export declare class Anchor extends React.Component<IAnchorProps> {
-    isPointDown: boolean;
-    originBodyStyle: string | null;
-    clientX: number;
-    clientY: number;
-    onDragStart: (event: PointerEvent) => void;
-    onDragMove: (event: PointerEvent) => void;
-    onDragEnd: (event: PointerEvent) => void;
-    render(): import("@emotion/react/jsx-runtime").JSX.Element;
-}
+export declare const Anchor: React.FC<IAnchorProps>;