@enableai-base/core 1.0.0

package/dist/core.cjs.js

@@ -0,0 +1,263 @@
+/**
+* @enableai-base/core v1.0.0
+* (c) 2024-present Enableai
+* @license Proprietary
+**/
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var lodash = require('lodash');
+var dayjs = require('dayjs');
+var duration = require('dayjs/plugin/duration');
+
+const TableToolType = {
+  "TEXT": 28,
+  "28": "TEXT",
+  "SIMPLE_SELECT": 29,
+  "29": "SIMPLE_SELECT",
+  "MULTI_SELECT": 30,
+  "30": "MULTI_SELECT",
+  "NUMBER": 31,
+  "31": "NUMBER",
+  "ATTACHMENT": 32,
+  "32": "ATTACHMENT",
+  "LINK": 33,
+  "33": "LINK",
+  "JSON": 34,
+  "34": "JSON",
+  "TAG": 35,
+  "35": "TAG",
+  "DATE": 36,
+  "36": "DATE",
+  "TIME_LEN": 37,
+  "37": "TIME_LEN",
+  "USER": 38,
+  "38": "USER",
+  "DROPDOWN": 39,
+  "39": "DROPDOWN"
+};
+const TableColumnInnerType = {
+  "CHECKBOX": -1,
+  "-1": "CHECKBOX",
+  "MORE": -2,
+  "-2": "MORE",
+  "PLUS": -3,
+  "-3": "PLUS",
+  "MAIN": -4,
+  "-4": "MAIN"
+};
+const TOOL_ICON = {
+  [28]: "text",
+  [29]: "single",
+  [30]: "list",
+  [31]: "numbered",
+  [32]: "atachment",
+  [33]: "hyperlink",
+  [34]: "json",
+  [35]: "tag",
+  [36]: "date",
+  [37]: "duration",
+  [38]: "personnel",
+  [39]: "more"
+};
+
+const BORDER_COLOR = "rgb(191, 194, 199)";
+const BORDER_SECONDARY_COLOR = "#f0f0f0";
+const COLOR_BG_CELL = "#ffffff";
+const COLOR_BG_CELL_HOVER = "rgb(244,244,244)";
+const COLOR_BORDER_SELECTION = "#1555F0";
+const COLOR_ICON = "rgb(96, 102, 111)";
+const COLOR_BG_OPTION_HOVER = "#1f232914";
+const DEFAULT_FONT_SIZE = 12;
+const HEADER_FONT_SIZE = 14;
+const TABLE_DEFAULT_ROW_HEIGHT = 30;
+const BORDER_LINE_WIDTH = 1;
+const COLOR_LINK = "#1555F0";
+const CUSTOM_CELL_STYLE_HIGHLIGHT = "CUSTOM_CELL_STYLE_HIGHLIGHT";
+const CUSTOM_CELL_STYLE_HIGHLIGHT_STYLE = { bgColor: "#D0DDFC" };
+const CUSTOM_CELL_STYLE = {
+  id: CUSTOM_CELL_STYLE_HIGHLIGHT,
+  style: CUSTOM_CELL_STYLE_HIGHLIGHT_STYLE
+};
+const CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS = "CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS";
+const CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS_STYLE = {
+  bgColor: "#D0DDFC",
+  borderColor: COLOR_BORDER_SELECTION,
+  borderLineWidth: 3
+};
+const CUSTOM_CELL_FOCUS_STYLE = {
+  id: CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS,
+  style: CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS_STYLE
+};
+const CUSTOM_CELL_STYLE_FEEDBACK_ERROR = "CUSTOM_CELL_STYLE_FEEDBACK_ERROR";
+const CUSTOM_CELL_STYLE_FEEDBACK_ERROR_STYLE = {
+  color: "red"
+};
+const CUSTOM_CELL_FEEDBACK_ERROR_STYLE = {
+  id: CUSTOM_CELL_STYLE_FEEDBACK_ERROR,
+  style: CUSTOM_CELL_STYLE_FEEDBACK_ERROR_STYLE
+};
+const CUSTOM_STYLE_LIST = [
+  CUSTOM_CELL_STYLE_HIGHLIGHT_STYLE,
+  CUSTOM_CELL_STYLE_FEEDBACK_ERROR_STYLE,
+  CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS_STYLE
+];
+
+const FeatureType = {
+  "SELECT": "select",
+  "TYPE_SELECT": "type_select",
+  "MULTI_SELECT": "multi_select",
+  "INPUT": "input",
+  "NUMBER": "number",
+  "SWITCH": "switch",
+  "CUSTOM_OPTION": "custom_option",
+  "DATE_FORMATE": "date_format",
+  "DATE_VALUE": "date_value"
+};
+
+function getColorByStr(s) {
+  let number = lodash.random(0, 360);
+  if (s) {
+    const codes = s.split("").map((i) => i.charCodeAt(0));
+    number = lodash.sum(codes) % 360;
+  }
+  return `hsl(${number} 100% 50%)`;
+}
+
+const formatValue = (raw, format) => {
+  const num = typeof raw === "string" ? parseFloat(raw) : raw;
+  if (isNaN(num)) return "";
+  switch (format) {
+    case "integer":
+      return Math.round(num).toString();
+    case "thousands_separator":
+      return num.toLocaleString("en-US", { maximumFractionDigits: 0 });
+    case "thousands_separator_decimal":
+      return num.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+    case "one_decimal_decimal":
+      return num.toFixed(1);
+    case "two_decimal_decimal":
+      return num.toFixed(2);
+    case "three_decimal_decimal":
+      return num.toFixed(3);
+    case "four_decimal_decimal":
+      return num.toFixed(4);
+    case "five_decimal_decimal":
+      return num.toFixed(5);
+    case "six_decimal_decimal":
+      return num.toFixed(6);
+    case "percentage":
+      return `${Math.round(num * 100)}%`;
+    case "percentage_decimal":
+      return `${(num * 100).toFixed(2)}%`;
+    default:
+      return String(raw);
+  }
+};
+
+dayjs.extend(duration);
+function getSecondsTime(seconds) {
+  return dayjs.duration(typeof seconds === "number" ? seconds : parseInt(seconds), "seconds");
+}
+const formatDuration = (duration2) => {
+  const d = dayjs.duration(duration2, "seconds");
+  let formatStr = "s\u79D2";
+  if (d.minutes()) formatStr = "m\u5206s\u79D2";
+  if (d.hours()) formatStr = "H\u5C0F\u65F6m\u5206";
+  if (d.days()) formatStr = "D\u5929H\u5C0F\u65F6";
+  if (d.months()) formatStr = "M\u6708D\u5929";
+  if (d.years()) formatStr = "Y\u5E74M\u6708";
+  return d.format(formatStr);
+};
+const formatTime = (millisecond, isMatching = true) => {
+  let result = "";
+  const copyMillisecond = lodash.cloneDeep(millisecond);
+  millisecond /= 1e3;
+  const hours = Math.floor(millisecond / 3600);
+  const minutes = Math.floor(millisecond % 3600 / 60);
+  const seconds = Math.floor(millisecond % 60);
+  if (!isMatching && minutes > 0) {
+    if (hours > 0 && minutes < 60) return Number((hours + minutes / 60).toFixed(2)) + "\u5C0F\u65F6";
+    if (seconds > 0 && seconds < 60) return Number((minutes + seconds / 60).toFixed(2)) + "\u5206\u949F";
+  }
+  if (isMatching && hours <= 0 && minutes <= 0 && copyMillisecond < 1e3) return "<1\u79D2";
+  if (hours > 0) result += `${hours.toString().padStart(2, "")}\u5C0F\u65F6`;
+  if (minutes > 0) result += `${minutes.toString().padStart(2, "")}\u5206\u949F`;
+  if (seconds > 0) result += `${seconds.toString().padStart(2, "")}\u79D2`;
+  return result.trim();
+};
+const durationCalc = (secondsTime, unit) => {
+  let result = 0;
+  secondsTime = Number(secondsTime);
+  const hours = Number((secondsTime / 3600).toFixed(2));
+  const minutes = Number((secondsTime % 3600 / 60).toFixed(2));
+  const seconds = Number((secondsTime % 60).toFixed(2));
+  result = unit === "h" ? hours : unit === "m" ? minutes : seconds;
+  return result + "";
+};
+const TZ_LABEL = "GMT+8";
+function parseDateFormat(format) {
+  const GMT_SUFFIX = " (GMT+8)";
+  if (format.endsWith(GMT_SUFFIX)) {
+    return {
+      baseFormat: format.replace(GMT_SUFFIX, ""),
+      showGmt8: true
+    };
+  }
+  return {
+    baseFormat: format,
+    showGmt8: false
+  };
+}
+function inferShowTimeFromFormat(format) {
+  const hasHour = /H|h/.test(format);
+  const hasMinute = /m/.test(format);
+  const hasSecond = /s/.test(format);
+  if (!hasHour && !hasMinute && !hasSecond) {
+    return false;
+  }
+  let timeFormat = "HH";
+  if (hasMinute) {
+    timeFormat = "HH:mm";
+  }
+  if (hasSecond) {
+    timeFormat = "HH:mm:ss";
+  }
+  return {
+    format: timeFormat
+  };
+}
+
+exports.BORDER_COLOR = BORDER_COLOR;
+exports.BORDER_LINE_WIDTH = BORDER_LINE_WIDTH;
+exports.BORDER_SECONDARY_COLOR = BORDER_SECONDARY_COLOR;
+exports.COLOR_BG_CELL = COLOR_BG_CELL;
+exports.COLOR_BG_CELL_HOVER = COLOR_BG_CELL_HOVER;
+exports.COLOR_BG_OPTION_HOVER = COLOR_BG_OPTION_HOVER;
+exports.COLOR_BORDER_SELECTION = COLOR_BORDER_SELECTION;
+exports.COLOR_ICON = COLOR_ICON;
+exports.COLOR_LINK = COLOR_LINK;
+exports.CUSTOM_CELL_FEEDBACK_ERROR_STYLE = CUSTOM_CELL_FEEDBACK_ERROR_STYLE;
+exports.CUSTOM_CELL_FOCUS_STYLE = CUSTOM_CELL_FOCUS_STYLE;
+exports.CUSTOM_CELL_STYLE = CUSTOM_CELL_STYLE;
+exports.CUSTOM_CELL_STYLE_FEEDBACK_ERROR = CUSTOM_CELL_STYLE_FEEDBACK_ERROR;
+exports.CUSTOM_CELL_STYLE_HIGHLIGHT = CUSTOM_CELL_STYLE_HIGHLIGHT;
+exports.CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS = CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS;
+exports.CUSTOM_STYLE_LIST = CUSTOM_STYLE_LIST;
+exports.DEFAULT_FONT_SIZE = DEFAULT_FONT_SIZE;
+exports.FeatureType = FeatureType;
+exports.HEADER_FONT_SIZE = HEADER_FONT_SIZE;
+exports.TABLE_DEFAULT_ROW_HEIGHT = TABLE_DEFAULT_ROW_HEIGHT;
+exports.TOOL_ICON = TOOL_ICON;
+exports.TZ_LABEL = TZ_LABEL;
+exports.TableColumnInnerType = TableColumnInnerType;
+exports.TableToolType = TableToolType;
+exports.durationCalc = durationCalc;
+exports.formatDuration = formatDuration;
+exports.formatTime = formatTime;
+exports.formatValue = formatValue;
+exports.getColorByStr = getColorByStr;
+exports.getSecondsTime = getSecondsTime;
+exports.inferShowTimeFromFormat = inferShowTimeFromFormat;
+exports.parseDateFormat = parseDateFormat;

package/dist/core.cjs.prod.js

@@ -0,0 +1,263 @@
+/**
+* @enableai-base/core v1.0.0
+* (c) 2024-present Enableai
+* @license Proprietary
+**/
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var lodash = require('lodash');
+var dayjs = require('dayjs');
+var duration = require('dayjs/plugin/duration');
+
+const TableToolType = {
+  "TEXT": 28,
+  "28": "TEXT",
+  "SIMPLE_SELECT": 29,
+  "29": "SIMPLE_SELECT",
+  "MULTI_SELECT": 30,
+  "30": "MULTI_SELECT",
+  "NUMBER": 31,
+  "31": "NUMBER",
+  "ATTACHMENT": 32,
+  "32": "ATTACHMENT",
+  "LINK": 33,
+  "33": "LINK",
+  "JSON": 34,
+  "34": "JSON",
+  "TAG": 35,
+  "35": "TAG",
+  "DATE": 36,
+  "36": "DATE",
+  "TIME_LEN": 37,
+  "37": "TIME_LEN",
+  "USER": 38,
+  "38": "USER",
+  "DROPDOWN": 39,
+  "39": "DROPDOWN"
+};
+const TableColumnInnerType = {
+  "CHECKBOX": -1,
+  "-1": "CHECKBOX",
+  "MORE": -2,
+  "-2": "MORE",
+  "PLUS": -3,
+  "-3": "PLUS",
+  "MAIN": -4,
+  "-4": "MAIN"
+};
+const TOOL_ICON = {
+  [28]: "text",
+  [29]: "single",
+  [30]: "list",
+  [31]: "numbered",
+  [32]: "atachment",
+  [33]: "hyperlink",
+  [34]: "json",
+  [35]: "tag",
+  [36]: "date",
+  [37]: "duration",
+  [38]: "personnel",
+  [39]: "more"
+};
+
+const BORDER_COLOR = "rgb(191, 194, 199)";
+const BORDER_SECONDARY_COLOR = "#f0f0f0";
+const COLOR_BG_CELL = "#ffffff";
+const COLOR_BG_CELL_HOVER = "rgb(244,244,244)";
+const COLOR_BORDER_SELECTION = "#1555F0";
+const COLOR_ICON = "rgb(96, 102, 111)";
+const COLOR_BG_OPTION_HOVER = "#1f232914";
+const DEFAULT_FONT_SIZE = 12;
+const HEADER_FONT_SIZE = 14;
+const TABLE_DEFAULT_ROW_HEIGHT = 30;
+const BORDER_LINE_WIDTH = 1;
+const COLOR_LINK = "#1555F0";
+const CUSTOM_CELL_STYLE_HIGHLIGHT = "CUSTOM_CELL_STYLE_HIGHLIGHT";
+const CUSTOM_CELL_STYLE_HIGHLIGHT_STYLE = { bgColor: "#D0DDFC" };
+const CUSTOM_CELL_STYLE = {
+  id: CUSTOM_CELL_STYLE_HIGHLIGHT,
+  style: CUSTOM_CELL_STYLE_HIGHLIGHT_STYLE
+};
+const CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS = "CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS";
+const CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS_STYLE = {
+  bgColor: "#D0DDFC",
+  borderColor: COLOR_BORDER_SELECTION,
+  borderLineWidth: 3
+};
+const CUSTOM_CELL_FOCUS_STYLE = {
+  id: CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS,
+  style: CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS_STYLE
+};
+const CUSTOM_CELL_STYLE_FEEDBACK_ERROR = "CUSTOM_CELL_STYLE_FEEDBACK_ERROR";
+const CUSTOM_CELL_STYLE_FEEDBACK_ERROR_STYLE = {
+  color: "red"
+};
+const CUSTOM_CELL_FEEDBACK_ERROR_STYLE = {
+  id: CUSTOM_CELL_STYLE_FEEDBACK_ERROR,
+  style: CUSTOM_CELL_STYLE_FEEDBACK_ERROR_STYLE
+};
+const CUSTOM_STYLE_LIST = [
+  CUSTOM_CELL_STYLE_HIGHLIGHT_STYLE,
+  CUSTOM_CELL_STYLE_FEEDBACK_ERROR_STYLE,
+  CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS_STYLE
+];
+
+const FeatureType = {
+  "SELECT": "select",
+  "TYPE_SELECT": "type_select",
+  "MULTI_SELECT": "multi_select",
+  "INPUT": "input",
+  "NUMBER": "number",
+  "SWITCH": "switch",
+  "CUSTOM_OPTION": "custom_option",
+  "DATE_FORMATE": "date_format",
+  "DATE_VALUE": "date_value"
+};
+
+function getColorByStr(s) {
+  let number = lodash.random(0, 360);
+  if (s) {
+    const codes = s.split("").map((i) => i.charCodeAt(0));
+    number = lodash.sum(codes) % 360;
+  }
+  return `hsl(${number} 100% 50%)`;
+}
+
+const formatValue = (raw, format) => {
+  const num = typeof raw === "string" ? parseFloat(raw) : raw;
+  if (isNaN(num)) return "";
+  switch (format) {
+    case "integer":
+      return Math.round(num).toString();
+    case "thousands_separator":
+      return num.toLocaleString("en-US", { maximumFractionDigits: 0 });
+    case "thousands_separator_decimal":
+      return num.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+    case "one_decimal_decimal":
+      return num.toFixed(1);
+    case "two_decimal_decimal":
+      return num.toFixed(2);
+    case "three_decimal_decimal":
+      return num.toFixed(3);
+    case "four_decimal_decimal":
+      return num.toFixed(4);
+    case "five_decimal_decimal":
+      return num.toFixed(5);
+    case "six_decimal_decimal":
+      return num.toFixed(6);
+    case "percentage":
+      return `${Math.round(num * 100)}%`;
+    case "percentage_decimal":
+      return `${(num * 100).toFixed(2)}%`;
+    default:
+      return String(raw);
+  }
+};
+
+dayjs.extend(duration);
+function getSecondsTime(seconds) {
+  return dayjs.duration(typeof seconds === "number" ? seconds : parseInt(seconds), "seconds");
+}
+const formatDuration = (duration2) => {
+  const d = dayjs.duration(duration2, "seconds");
+  let formatStr = "s\u79D2";
+  if (d.minutes()) formatStr = "m\u5206s\u79D2";
+  if (d.hours()) formatStr = "H\u5C0F\u65F6m\u5206";
+  if (d.days()) formatStr = "D\u5929H\u5C0F\u65F6";
+  if (d.months()) formatStr = "M\u6708D\u5929";
+  if (d.years()) formatStr = "Y\u5E74M\u6708";
+  return d.format(formatStr);
+};
+const formatTime = (millisecond, isMatching = true) => {
+  let result = "";
+  const copyMillisecond = lodash.cloneDeep(millisecond);
+  millisecond /= 1e3;
+  const hours = Math.floor(millisecond / 3600);
+  const minutes = Math.floor(millisecond % 3600 / 60);
+  const seconds = Math.floor(millisecond % 60);
+  if (!isMatching && minutes > 0) {
+    if (hours > 0 && minutes < 60) return Number((hours + minutes / 60).toFixed(2)) + "\u5C0F\u65F6";
+    if (seconds > 0 && seconds < 60) return Number((minutes + seconds / 60).toFixed(2)) + "\u5206\u949F";
+  }
+  if (isMatching && hours <= 0 && minutes <= 0 && copyMillisecond < 1e3) return "<1\u79D2";
+  if (hours > 0) result += `${hours.toString().padStart(2, "")}\u5C0F\u65F6`;
+  if (minutes > 0) result += `${minutes.toString().padStart(2, "")}\u5206\u949F`;
+  if (seconds > 0) result += `${seconds.toString().padStart(2, "")}\u79D2`;
+  return result.trim();
+};
+const durationCalc = (secondsTime, unit) => {
+  let result = 0;
+  secondsTime = Number(secondsTime);
+  const hours = Number((secondsTime / 3600).toFixed(2));
+  const minutes = Number((secondsTime % 3600 / 60).toFixed(2));
+  const seconds = Number((secondsTime % 60).toFixed(2));
+  result = unit === "h" ? hours : unit === "m" ? minutes : seconds;
+  return result + "";
+};
+const TZ_LABEL = "GMT+8";
+function parseDateFormat(format) {
+  const GMT_SUFFIX = " (GMT+8)";
+  if (format.endsWith(GMT_SUFFIX)) {
+    return {
+      baseFormat: format.replace(GMT_SUFFIX, ""),
+      showGmt8: true
+    };
+  }
+  return {
+    baseFormat: format,
+    showGmt8: false
+  };
+}
+function inferShowTimeFromFormat(format) {
+  const hasHour = /H|h/.test(format);
+  const hasMinute = /m/.test(format);
+  const hasSecond = /s/.test(format);
+  if (!hasHour && !hasMinute && !hasSecond) {
+    return false;
+  }
+  let timeFormat = "HH";
+  if (hasMinute) {
+    timeFormat = "HH:mm";
+  }
+  if (hasSecond) {
+    timeFormat = "HH:mm:ss";
+  }
+  return {
+    format: timeFormat
+  };
+}
+
+exports.BORDER_COLOR = BORDER_COLOR;
+exports.BORDER_LINE_WIDTH = BORDER_LINE_WIDTH;
+exports.BORDER_SECONDARY_COLOR = BORDER_SECONDARY_COLOR;
+exports.COLOR_BG_CELL = COLOR_BG_CELL;
+exports.COLOR_BG_CELL_HOVER = COLOR_BG_CELL_HOVER;
+exports.COLOR_BG_OPTION_HOVER = COLOR_BG_OPTION_HOVER;
+exports.COLOR_BORDER_SELECTION = COLOR_BORDER_SELECTION;
+exports.COLOR_ICON = COLOR_ICON;
+exports.COLOR_LINK = COLOR_LINK;
+exports.CUSTOM_CELL_FEEDBACK_ERROR_STYLE = CUSTOM_CELL_FEEDBACK_ERROR_STYLE;
+exports.CUSTOM_CELL_FOCUS_STYLE = CUSTOM_CELL_FOCUS_STYLE;
+exports.CUSTOM_CELL_STYLE = CUSTOM_CELL_STYLE;
+exports.CUSTOM_CELL_STYLE_FEEDBACK_ERROR = CUSTOM_CELL_STYLE_FEEDBACK_ERROR;
+exports.CUSTOM_CELL_STYLE_HIGHLIGHT = CUSTOM_CELL_STYLE_HIGHLIGHT;
+exports.CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS = CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS;
+exports.CUSTOM_STYLE_LIST = CUSTOM_STYLE_LIST;
+exports.DEFAULT_FONT_SIZE = DEFAULT_FONT_SIZE;
+exports.FeatureType = FeatureType;
+exports.HEADER_FONT_SIZE = HEADER_FONT_SIZE;
+exports.TABLE_DEFAULT_ROW_HEIGHT = TABLE_DEFAULT_ROW_HEIGHT;
+exports.TOOL_ICON = TOOL_ICON;
+exports.TZ_LABEL = TZ_LABEL;
+exports.TableColumnInnerType = TableColumnInnerType;
+exports.TableToolType = TableToolType;
+exports.durationCalc = durationCalc;
+exports.formatDuration = formatDuration;
+exports.formatTime = formatTime;
+exports.formatValue = formatValue;
+exports.getColorByStr = getColorByStr;
+exports.getSecondsTime = getSecondsTime;
+exports.inferShowTimeFromFormat = inferShowTimeFromFormat;
+exports.parseDateFormat = parseDateFormat;

package/dist/core.d.ts

@@ -0,0 +1,179 @@
+/// <reference types="react" />
+import { RegistryKey } from '@enableai-fonts/font-icon-enableai-base';
+import * as _visactor_vtable_es_ts_types from '@visactor/vtable/es/ts-types';
+import { SelectEditorOption } from '@enableai-base/ui';
+import duration from 'dayjs/plugin/duration';
+
+export declare enum TableToolType {
+    TEXT = 28,
+    SIMPLE_SELECT = 29,
+    MULTI_SELECT = 30,
+    NUMBER = 31,
+    ATTACHMENT = 32,
+    LINK = 33,
+    JSON = 34,
+    TAG = 35,
+    DATE = 36,
+    TIME_LEN = 37,
+    USER = 38,
+    DROPDOWN = 39
+}
+export declare enum TableColumnInnerType {
+    CHECKBOX = -1,
+    MORE = -2,
+    PLUS = -3,
+    MAIN = -4
+}
+export declare const TOOL_ICON: Record<TableToolType, RegistryKey>;
+
+export declare const BORDER_COLOR = "rgb(191, 194, 199)";
+export declare const BORDER_SECONDARY_COLOR = "#f0f0f0";
+export declare const COLOR_BG_CELL = "#ffffff";
+export declare const COLOR_BG_CELL_HOVER = "rgb(244,244,244)";
+export declare const COLOR_BORDER_SELECTION = "#1555F0";
+export declare const COLOR_ICON = "rgb(96, 102, 111)";
+export declare const COLOR_BG_OPTION_HOVER = "#1f232914";
+export declare const DEFAULT_FONT_SIZE = 12;
+export declare const HEADER_FONT_SIZE = 14;
+export declare const TABLE_DEFAULT_ROW_HEIGHT = 30;
+/**
+ * border 宽度，只能为1，否则会有问题
+ */
+export declare const BORDER_LINE_WIDTH = 1;
+export declare const COLOR_LINK = "#1555F0";
+export declare const CUSTOM_CELL_STYLE_HIGHLIGHT = "CUSTOM_CELL_STYLE_HIGHLIGHT";
+export declare const CUSTOM_CELL_STYLE: {
+    id: string;
+    style: _visactor_vtable_es_ts_types.IStyleOption | _visactor_vtable_es_ts_types.ITextStyleOption | _visactor_vtable_es_ts_types.IImageStyleOption | _visactor_vtable_es_ts_types.ProgressBarStyleOption | _visactor_vtable_es_ts_types.CheckboxStyleOption;
+};
+export declare const CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS = "CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS";
+export declare const CUSTOM_CELL_FOCUS_STYLE: {
+    id: string;
+    style: _visactor_vtable_es_ts_types.IStyleOption | _visactor_vtable_es_ts_types.ITextStyleOption | _visactor_vtable_es_ts_types.IImageStyleOption | _visactor_vtable_es_ts_types.ProgressBarStyleOption | _visactor_vtable_es_ts_types.CheckboxStyleOption;
+};
+export declare const CUSTOM_CELL_STYLE_FEEDBACK_ERROR = "CUSTOM_CELL_STYLE_FEEDBACK_ERROR";
+export declare const CUSTOM_CELL_FEEDBACK_ERROR_STYLE: {
+    id: string;
+    style: _visactor_vtable_es_ts_types.IStyleOption | _visactor_vtable_es_ts_types.ITextStyleOption | _visactor_vtable_es_ts_types.IImageStyleOption | _visactor_vtable_es_ts_types.ProgressBarStyleOption | _visactor_vtable_es_ts_types.CheckboxStyleOption;
+};
+export type CustomCellStyleKey = typeof CUSTOM_CELL_STYLE_HIGHLIGHT | typeof CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS | typeof CUSTOM_CELL_STYLE_FEEDBACK_ERROR;
+export declare const CUSTOM_STYLE_LIST: _visactor_vtable_es_ts_types.IStyleOption[];
+
+export declare enum FeatureType {
+    SELECT = "select",
+    TYPE_SELECT = "type_select",
+    MULTI_SELECT = "multi_select",
+    INPUT = "input",
+    NUMBER = "number",
+    SWITCH = "switch",
+    CUSTOM_OPTION = "custom_option",
+    DATE_FORMATE = "date_format",
+    DATE_VALUE = "date_value"
+}
+export type FeatureValue = {
+    [FeatureType.INPUT]: string;
+    [FeatureType.SELECT]: number;
+    [FeatureType.TYPE_SELECT]: number;
+    [FeatureType.MULTI_SELECT]: number[];
+    [FeatureType.NUMBER]: number;
+    [FeatureType.SWITCH]: boolean;
+    [FeatureType.CUSTOM_OPTION]: {
+        label: string;
+        name: string;
+    }[];
+    [FeatureType.DATE_FORMATE]: string;
+    [FeatureType.DATE_VALUE]: string;
+};
+export type Feature<T extends FeatureType> = {
+    name: string;
+    label: string;
+    type?: T;
+    value: FeatureValue[T];
+};
+export type FeatureValues = Record<string, Feature<any>['value']>;
+export type ColumnDefine = {
+    field: string;
+    title: string;
+    freeze?: boolean;
+    lock?: boolean;
+    tool: TableToolType;
+    defaultValue?: FeatureValues[FeatureType];
+    options?: SelectEditorOption[];
+    request?: (props: any) => Promise<any>;
+    fmt?: string;
+};
+export type FilterSelectOptions = {
+    value: string;
+    label: string;
+    [key: string]: any;
+};
+export type PersonItem = {
+    label: string;
+    value: string;
+    avatar?: string;
+};
+export type FilterColumnData = {
+    id: string;
+    label: string;
+    type: number;
+    options?: FilterSelectOptions[];
+    dateFormat?: string;
+    requestPeople?: (value?: string) => Promise<PersonItem[]>;
+};
+
+export type DateFormatType = 'YYYY/MM/DD' | 'YYYY/MM/DD HH:mm (GMT+8)' | 'YYYY-MM-DD' | 'YYYY-MM-DD HH:mm' | 'YYYY-MM-DD HH:mm (GMT+8)' | 'MM-DD' | 'MM/DD/YYYY' | 'DD/MM/YYYY' | 'YYYY/MM/DD HH:mm';
+
+export type MenuInfo = {
+    key: string;
+    keyPath: string[];
+    domEvent: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>;
+};
+
+export type NumberFormatType = 'integer' | 'thousands_separator' | 'thousands_separator_decimal' | 'one_decimal_decimal' | 'two_decimal_decimal' | 'three_decimal_decimal' | 'four_decimal_decimal' | 'five_decimal_decimal' | 'six_decimal_decimal' | 'percentage' | 'percentage_decimal';
+
+export type TableConfig = {
+    customOptions: boolean | {
+        multiSelect: boolean;
+    };
+    numberSelect: boolean;
+    file: boolean;
+    tag: boolean;
+    date: boolean;
+    time: boolean;
+    people: boolean;
+    menu: boolean;
+    json: boolean;
+    defaultValue: boolean;
+};
+export type ToolConfig = {
+    label: string;
+    value: number;
+    iconfont: string;
+    table?: TableConfig;
+};
+
+export declare function getColorByStr(s?: string): string;
+
+/** 数值格式化逻辑 */
+export declare const formatValue: (raw: string | number, format: NumberFormatType) => string;
+
+export declare function getSecondsTime(seconds: string | number): duration.Duration;
+export declare const formatDuration: (duration: number) => string;
+/**
+ * 将毫秒数转换为时分秒
+ * @param millisecond 毫秒
+ * @param isMatching 是否拼接 时分秒
+ */
+export declare const formatTime: (millisecond: number, isMatching?: boolean) => string;
+export declare const durationCalc: (secondsTime: number, unit: string) => string;
+export declare const TZ_LABEL = "GMT+8";
+export declare function parseDateFormat(format: DateFormatType): {
+    baseFormat: string;
+    showGmt8: boolean;
+};
+type ShowTimeConfig = false | {
+    format: string;
+};
+export declare function inferShowTimeFromFormat(format: string): ShowTimeConfig;
+
+

package/dist/core.esm-bundler.mjs

@@ -0,0 +1,228 @@
+/**
+* @enableai-base/core v1.0.0
+* (c) 2024-present Enableai
+* @license Proprietary
+**/
+import { random, sum, cloneDeep } from 'lodash';
+import dayjs from 'dayjs';
+import duration from 'dayjs/plugin/duration';
+
+const TableToolType = {
+  "TEXT": 28,
+  "28": "TEXT",
+  "SIMPLE_SELECT": 29,
+  "29": "SIMPLE_SELECT",
+  "MULTI_SELECT": 30,
+  "30": "MULTI_SELECT",
+  "NUMBER": 31,
+  "31": "NUMBER",
+  "ATTACHMENT": 32,
+  "32": "ATTACHMENT",
+  "LINK": 33,
+  "33": "LINK",
+  "JSON": 34,
+  "34": "JSON",
+  "TAG": 35,
+  "35": "TAG",
+  "DATE": 36,
+  "36": "DATE",
+  "TIME_LEN": 37,
+  "37": "TIME_LEN",
+  "USER": 38,
+  "38": "USER",
+  "DROPDOWN": 39,
+  "39": "DROPDOWN"
+};
+const TableColumnInnerType = {
+  "CHECKBOX": -1,
+  "-1": "CHECKBOX",
+  "MORE": -2,
+  "-2": "MORE",
+  "PLUS": -3,
+  "-3": "PLUS",
+  "MAIN": -4,
+  "-4": "MAIN"
+};
+const TOOL_ICON = {
+  [28]: "text",
+  [29]: "single",
+  [30]: "list",
+  [31]: "numbered",
+  [32]: "atachment",
+  [33]: "hyperlink",
+  [34]: "json",
+  [35]: "tag",
+  [36]: "date",
+  [37]: "duration",
+  [38]: "personnel",
+  [39]: "more"
+};
+
+const BORDER_COLOR = "rgb(191, 194, 199)";
+const BORDER_SECONDARY_COLOR = "#f0f0f0";
+const COLOR_BG_CELL = "#ffffff";
+const COLOR_BG_CELL_HOVER = "rgb(244,244,244)";
+const COLOR_BORDER_SELECTION = "#1555F0";
+const COLOR_ICON = "rgb(96, 102, 111)";
+const COLOR_BG_OPTION_HOVER = "#1f232914";
+const DEFAULT_FONT_SIZE = 12;
+const HEADER_FONT_SIZE = 14;
+const TABLE_DEFAULT_ROW_HEIGHT = 30;
+const BORDER_LINE_WIDTH = 1;
+const COLOR_LINK = "#1555F0";
+const CUSTOM_CELL_STYLE_HIGHLIGHT = "CUSTOM_CELL_STYLE_HIGHLIGHT";
+const CUSTOM_CELL_STYLE_HIGHLIGHT_STYLE = { bgColor: "#D0DDFC" };
+const CUSTOM_CELL_STYLE = {
+  id: CUSTOM_CELL_STYLE_HIGHLIGHT,
+  style: CUSTOM_CELL_STYLE_HIGHLIGHT_STYLE
+};
+const CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS = "CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS";
+const CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS_STYLE = {
+  bgColor: "#D0DDFC",
+  borderColor: COLOR_BORDER_SELECTION,
+  borderLineWidth: 3
+};
+const CUSTOM_CELL_FOCUS_STYLE = {
+  id: CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS,
+  style: CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS_STYLE
+};
+const CUSTOM_CELL_STYLE_FEEDBACK_ERROR = "CUSTOM_CELL_STYLE_FEEDBACK_ERROR";
+const CUSTOM_CELL_STYLE_FEEDBACK_ERROR_STYLE = {
+  color: "red"
+};
+const CUSTOM_CELL_FEEDBACK_ERROR_STYLE = {
+  id: CUSTOM_CELL_STYLE_FEEDBACK_ERROR,
+  style: CUSTOM_CELL_STYLE_FEEDBACK_ERROR_STYLE
+};
+const CUSTOM_STYLE_LIST = [
+  CUSTOM_CELL_STYLE_HIGHLIGHT_STYLE,
+  CUSTOM_CELL_STYLE_FEEDBACK_ERROR_STYLE,
+  CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS_STYLE
+];
+
+const FeatureType = {
+  "SELECT": "select",
+  "TYPE_SELECT": "type_select",
+  "MULTI_SELECT": "multi_select",
+  "INPUT": "input",
+  "NUMBER": "number",
+  "SWITCH": "switch",
+  "CUSTOM_OPTION": "custom_option",
+  "DATE_FORMATE": "date_format",
+  "DATE_VALUE": "date_value"
+};
+
+function getColorByStr(s) {
+  let number = random(0, 360);
+  if (s) {
+    const codes = s.split("").map((i) => i.charCodeAt(0));
+    number = sum(codes) % 360;
+  }
+  return `hsl(${number} 100% 50%)`;
+}
+
+const formatValue = (raw, format) => {
+  const num = typeof raw === "string" ? parseFloat(raw) : raw;
+  if (isNaN(num)) return "";
+  switch (format) {
+    case "integer":
+      return Math.round(num).toString();
+    case "thousands_separator":
+      return num.toLocaleString("en-US", { maximumFractionDigits: 0 });
+    case "thousands_separator_decimal":
+      return num.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+    case "one_decimal_decimal":
+      return num.toFixed(1);
+    case "two_decimal_decimal":
+      return num.toFixed(2);
+    case "three_decimal_decimal":
+      return num.toFixed(3);
+    case "four_decimal_decimal":
+      return num.toFixed(4);
+    case "five_decimal_decimal":
+      return num.toFixed(5);
+    case "six_decimal_decimal":
+      return num.toFixed(6);
+    case "percentage":
+      return `${Math.round(num * 100)}%`;
+    case "percentage_decimal":
+      return `${(num * 100).toFixed(2)}%`;
+    default:
+      return String(raw);
+  }
+};
+
+dayjs.extend(duration);
+function getSecondsTime(seconds) {
+  return dayjs.duration(typeof seconds === "number" ? seconds : parseInt(seconds), "seconds");
+}
+const formatDuration = (duration2) => {
+  const d = dayjs.duration(duration2, "seconds");
+  let formatStr = "s\u79D2";
+  if (d.minutes()) formatStr = "m\u5206s\u79D2";
+  if (d.hours()) formatStr = "H\u5C0F\u65F6m\u5206";
+  if (d.days()) formatStr = "D\u5929H\u5C0F\u65F6";
+  if (d.months()) formatStr = "M\u6708D\u5929";
+  if (d.years()) formatStr = "Y\u5E74M\u6708";
+  return d.format(formatStr);
+};
+const formatTime = (millisecond, isMatching = true) => {
+  let result = "";
+  const copyMillisecond = cloneDeep(millisecond);
+  millisecond /= 1e3;
+  const hours = Math.floor(millisecond / 3600);
+  const minutes = Math.floor(millisecond % 3600 / 60);
+  const seconds = Math.floor(millisecond % 60);
+  if (!isMatching && minutes > 0) {
+    if (hours > 0 && minutes < 60) return Number((hours + minutes / 60).toFixed(2)) + "\u5C0F\u65F6";
+    if (seconds > 0 && seconds < 60) return Number((minutes + seconds / 60).toFixed(2)) + "\u5206\u949F";
+  }
+  if (isMatching && hours <= 0 && minutes <= 0 && copyMillisecond < 1e3) return "<1\u79D2";
+  if (hours > 0) result += `${hours.toString().padStart(2, "")}\u5C0F\u65F6`;
+  if (minutes > 0) result += `${minutes.toString().padStart(2, "")}\u5206\u949F`;
+  if (seconds > 0) result += `${seconds.toString().padStart(2, "")}\u79D2`;
+  return result.trim();
+};
+const durationCalc = (secondsTime, unit) => {
+  let result = 0;
+  secondsTime = Number(secondsTime);
+  const hours = Number((secondsTime / 3600).toFixed(2));
+  const minutes = Number((secondsTime % 3600 / 60).toFixed(2));
+  const seconds = Number((secondsTime % 60).toFixed(2));
+  result = unit === "h" ? hours : unit === "m" ? minutes : seconds;
+  return result + "";
+};
+const TZ_LABEL = "GMT+8";
+function parseDateFormat(format) {
+  const GMT_SUFFIX = " (GMT+8)";
+  if (format.endsWith(GMT_SUFFIX)) {
+    return {
+      baseFormat: format.replace(GMT_SUFFIX, ""),
+      showGmt8: true
+    };
+  }
+  return {
+    baseFormat: format,
+    showGmt8: false
+  };
+}
+function inferShowTimeFromFormat(format) {
+  const hasHour = /H|h/.test(format);
+  const hasMinute = /m/.test(format);
+  const hasSecond = /s/.test(format);
+  if (!hasHour && !hasMinute && !hasSecond) {
+    return false;
+  }
+  let timeFormat = "HH";
+  if (hasMinute) {
+    timeFormat = "HH:mm";
+  }
+  if (hasSecond) {
+    timeFormat = "HH:mm:ss";
+  }
+  return {
+    format: timeFormat
+  };
+}
+
+export { BORDER_COLOR, BORDER_LINE_WIDTH, BORDER_SECONDARY_COLOR, COLOR_BG_CELL, COLOR_BG_CELL_HOVER, COLOR_BG_OPTION_HOVER, COLOR_BORDER_SELECTION, COLOR_ICON, COLOR_LINK, CUSTOM_CELL_FEEDBACK_ERROR_STYLE, CUSTOM_CELL_FOCUS_STYLE, CUSTOM_CELL_STYLE, CUSTOM_CELL_STYLE_FEEDBACK_ERROR, CUSTOM_CELL_STYLE_HIGHLIGHT, CUSTOM_CELL_STYLE_HIGHLIGHT_FOCUS, CUSTOM_STYLE_LIST, DEFAULT_FONT_SIZE, FeatureType, HEADER_FONT_SIZE, TABLE_DEFAULT_ROW_HEIGHT, TOOL_ICON, TZ_LABEL, TableColumnInnerType, TableToolType, durationCalc, formatDuration, formatTime, formatValue, getColorByStr, getSecondsTime, inferShowTimeFromFormat, parseDateFormat };

package/index.js

@@ -0,0 +1,7 @@
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./dist/core.cjs.prod.js')
+} else {
+  module.exports = require('./dist/core.cjs.js')
+}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@enableai-base/core",
+  "version": "1.0.0",
+  "order": 1,
+  "description": "",
+  "main": "index.js",
+  "types": "dist/core.d.ts",
+  "files": [
+    "dist",
+    "index.node.js",
+    "index.js"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/core.d.ts",
+      "module": "./dist/core.esm-bundler.mjs",
+      "import": "./dist/core.esm-bundler.mjs",
+      "require": "./index.js"
+    },
+    "./*": "./*"
+  },
+  "buildOptions": {
+    "name": "core",
+    "formats": [
+      "esm-bundler",
+      "cjs"
+    ]
+  },
+  "keywords": [],
+  "license": "Proprietary",
+  "peerDependencies": {
+    "@enableai-sdk-common/react-hooks": "workspace:*"
+  },
+  "dependencies": {
+    "@visactor/vtable": "1.22.10",
+    "@enableai-fonts/font-icon-enableai-base": "0.1.3",
+    "lodash": "^4.17.21",
+    "dayjs": "^1.11.13"
+  }
+}