@beppla/tapas-ui 1.0.70 → 1.0.72

package/module/ExternalLink/ExternalLink.js

@@ -47,4 +47,152 @@ const useStyles = makeStyles(theme => ({
   }
 }));
 export default withTheme(ExternalLink);
-//# sourceMappingURL=ExternalLink.js.map
+  }), g;
+  function verb(n) {
+    return function (v) {
+      return step([n, v]);
+    };
+  }
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+    while (g && (g = 0, op[0] && (_ = 0)), _) try {
+      if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+      if (y = 0, t) op = [op[0] & 2, t.value];
+      switch (op[0]) {
+        case 0:
+        case 1:
+          t = op;
+          break;
+        case 4:
+          _.label++;
+          return {
+            value: op[1],
+            done: false
+          };
+        case 5:
+          _.label++;
+          y = op[1];
+          op = [0];
+          continue;
+        case 7:
+          op = _.ops.pop();
+          _.trys.pop();
+          continue;
+        default:
+          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+            _ = 0;
+            continue;
+          }
+          if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+            _.label = op[1];
+            break;
+          }
+          if (op[0] === 6 && _.label < t[1]) {
+            _.label = t[1];
+            t = op;
+            break;
+          }
+          if (t && _.label < t[2]) {
+            _.label = t[2];
+            _.ops.push(op);
+            break;
+          }
+          if (t[2]) _.ops.pop();
+          _.trys.pop();
+          continue;
+      }
+      op = body.call(thisArg, _);
+    } catch (e) {
+      op = [6, e];
+      y = 0;
+    } finally {
+      f = t = 0;
+    }
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: true
+    };
+  }
+};
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+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 react_native_1 = require("react-native");
+var themed_1 = require("@rneui/themed");
+var ExternalLink = function (_a) {
+  var href = _a.href,
+    children = _a.children,
+    style = _a.style,
+    textStyle = _a.textStyle,
+    onPress = _a.onPress,
+    rest = __rest(_a, ["href", "children", "style", "textStyle", "onPress"]);
+  var styles = useStyles();
+  var handlePress = function () {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var supported;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            if (onPress) {
+              onPress();
+              return [2 /*return*/];
+            }
+            if (!(react_native_1.Platform.OS !== 'web')) return [3 /*break*/, 5];
+            return [4 /*yield*/, react_native_1.Linking.canOpenURL(href)];
+          case 1:
+            supported = _a.sent();
+            if (!supported) return [3 /*break*/, 3];
+            return [4 /*yield*/, react_native_1.Linking.openURL(href)];
+          case 2:
+            _a.sent();
+            return [3 /*break*/, 4];
+          case 3:
+            console.warn("Cannot open URL: ".concat(href));
+            _a.label = 4;
+          case 4:
+            return [3 /*break*/, 6];
+          case 5:
+            // For web, open in new tab
+            window.open(href, '_blank');
+            _a.label = 6;
+          case 6:
+            return [2 /*return*/];
+        }
+      });
+    });
+  };
+  return react_1.default.createElement(react_native_1.TouchableOpacity, __assign({}, rest, {
+    style: [styles.link, style],
+    onPress: handlePress
+  }), typeof children === 'string' ? react_1.default.createElement(react_native_1.Text, {
+    style: [styles.linkText, textStyle]
+  }, children) : children);
+};
+var useStyles = (0, themed_1.makeStyles)(function (theme) {
+  return {
+    link: {
+      // Base link styles
+    },
+    linkText: {
+      color: theme.colors.primary,
+      textDecorationLine: 'underline',
+      fontSize: 16
+    }
+  };
+});
+exports.default = (0, themed_1.withTheme)(ExternalLink);

package/module/Gantt/Accessories.js

@@ -1,42 +1,22 @@
-"use strict";
+import React from "react";
+import { View, Text, Pressable } from "react-native";
+import { DateUnit } from "./types";
+import { useContext } from "react";
+import { GanttContext } from "./Gantt";
+import { Avatar } from "@rneui/themed";
+import { calculateItemWidth, calculateTimeOffsetForTimeLine, calculateTimeOffsetInCell, defaultColumnHeaderHeight, defaultColumnWidth, defaultRowHeight, generateColumnTitle } from "./helper";
 
-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 __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TimeLineText = exports.Timeline = exports.GanttCellRender = exports.ColumnHeaderCellRnder = exports.ColumnHeaderCon = exports.GanttItemWrapper = exports.useGanttContext = void 0;
-var react_1 = __importDefault(require("react"));
-var react_native_1 = require("react-native");
-var types_1 = require("./types");
-var react_2 = require("react");
-var Gantt_1 = require("./Gantt");
-var themed_1 = require("@rneui/themed");
-var helper_1 = require("./helper");
 /**
  * 甘特Context
  */
-var useGanttContext = function () {
-  var context = (0, react_2.useContext)(Gantt_1.GanttContext);
+export const useGanttContext = () => {
+  const context = useContext(GanttContext);
   if (!context) {
     throw new Error("useGanttContext must be used within a GanttProvider");
   }
   return context;
 };
-exports.useGanttContext = useGanttContext;
+
 /**
  * 甘特Grid中的单元格容器模板
  * @param data - 附带循环模板数据
@@ -44,17 +24,19 @@ exports.useGanttContext = useGanttContext;
  * @param rowIndex - 行索引
  * @param style - 模板样式（含模板在grid中对左，对上坐标）
  */
-var GanttItemWrapper = function (_a) {
-  var _b;
-  var data = _a.data,
-    columnIndex = _a.columnIndex,
-    rowIndex = _a.rowIndex,
-    style = _a.style;
-  var ItemRenderer = data.ItemRenderer,
-    cardRender = data.cardRender,
-    rangeVal = data.rangeVal,
-    attachPressCard = data.attachPressCard;
-  return react_1.default.createElement(ItemRenderer, {
+export const GanttItemWrapper = ({
+  data,
+  columnIndex,
+  rowIndex,
+  style
+}) => {
+  const {
+    ItemRenderer,
+    cardRender,
+    rangeVal,
+    attachPressCard
+  } = data;
+  return /*#__PURE__*/React.createElement(ItemRenderer, {
     columnIndex: columnIndex,
     rowIndex: rowIndex,
     rowHeight: data.rowHeight,
@@ -68,27 +50,27 @@ var GanttItemWrapper = function (_a) {
     startDate: data.startDate,
     endDate: data.endDate,
     unit: data.unit,
-    style: __assign(__assign({}, style), {
+    style: {
+      ...style,
       overflow: "hidden",
-      top: style.top + (data.headersRender ? (_b = data.columnHeaderHeight) !== null && _b !== void 0 ? _b : helper_1.defaultColumnHeaderHeight : 0)
-    })
+      top: style.top + (data.headersRender ? data.columnHeaderHeight ?? defaultColumnHeaderHeight : 0)
+    }
   });
 };
-exports.GanttItemWrapper = GanttItemWrapper;
+
 /**
  * 列头模板容器
  * @param children - 子元素
  * @param style - 模板样式（含模板在grid中对左，对上坐标）
  */
-var ColumnHeaderCon = function (_a) {
-  var style = _a.style,
-    children = _a.children;
-  return react_1.default.createElement("div", {
-    className: "sticky",
-    style: style
-  }, children);
-};
-exports.ColumnHeaderCon = ColumnHeaderCon;
+export const ColumnHeaderCon = ({
+  style,
+  children
+}) => /*#__PURE__*/React.createElement("div", {
+  className: "sticky",
+  style: style
+}, children);
+
 /**
  * 列头单元格模板
  * @param theme - 皮肤主题
@@ -96,91 +78,167 @@ exports.ColumnHeaderCon = ColumnHeaderCon;
  * @param rowIndex - 行索引
  * @param style - 模板样式（含模板在grid中对左，对上坐标）
  */
-var ColumnHeaderCellRnder = function (_a) {
-  var _b, _c;
-  var columnIndex = _a.columnIndex,
-    curColumnIndex = _a.curColumnIndex,
-    curColumnText = _a.curColumnText,
-    _d = _a.currentTime,
-    currentTime = _d === void 0 ? new Date() : _d,
-    _e = _a.columnWidth,
-    columnWidth = _e === void 0 ? 165 : _e,
-    startDate = _a.startDate,
-    _f = _a.unit,
-    unit = _f === void 0 ? types_1.DateUnit.HELF : _f,
-    style = _a.style,
-    theme = _a.theme;
-  return react_1.default.createElement("div", {
-    className: "column-headers",
-    style: __assign(__assign({}, style), {
-      overflow: "visible"
-    })
-  }, react_1.default.createElement("span", {
-    style: {
-      position: "absolute",
-      left: columnIndex === 0 ? 0 : -20,
-      width: 40,
-      textAlign: "center",
-      fontSize: (_b = theme === null || theme === void 0 ? void 0 : theme.fonts.sizeS) !== null && _b !== void 0 ? _b : 12,
-      lineHeight: "24px",
-      fontWeight: 400,
-      color: (_c = theme === null || theme === void 0 ? void 0 : theme.colorTextPlaceholder) !== null && _c !== void 0 ? _c : "rgba(0,0,0,.26)"
-    }
-  }, columnIndex !== undefined && startDate ? (0, helper_1.generateColumnTitle)(unit, columnIndex, startDate) : "N/A"), curColumnIndex === columnIndex && react_1.default.createElement(exports.TimeLineText, {
-    theme: theme,
-    text: curColumnText !== null && curColumnText !== void 0 ? curColumnText : "N/A",
-    date: currentTime,
-    unit: unit,
-    columnWidth: columnWidth
-  }));
-};
-exports.ColumnHeaderCellRnder = ColumnHeaderCellRnder;
+export const ColumnHeaderCellRnder = ({
+  columnIndex,
+  curColumnIndex,
+  curColumnText,
+  currentTime = new Date(),
+  columnWidth = 165,
+  startDate,
+  unit = DateUnit.HELF,
+  style,
+  theme
+}) => /*#__PURE__*/React.createElement("div", {
+  className: "column-headers",
+  style: {
+    ...style,
+    overflow: "visible"
+  }
+}, /*#__PURE__*/React.createElement("span", {
+  style: {
+    position: "absolute",
+    left: columnIndex === 0 ? 0 : -20,
+    width: 40,
+    textAlign: "center",
+    fontSize: theme?.fonts.sizeS ?? 12,
+    lineHeight: "24px",
+    fontWeight: 400,
+    color: theme?.colorTextPlaceholder ?? "rgba(0,0,0,.26)"
+  }
+}, columnIndex !== undefined && startDate ? generateColumnTitle(unit, columnIndex, startDate) : "N/A"), curColumnIndex === columnIndex && /*#__PURE__*/React.createElement(TimeLineText, {
+  theme: theme,
+  text: curColumnText ?? "N/A",
+  date: currentTime,
+  unit: unit,
+  columnWidth: columnWidth
+}));
+
 /**
  * 甘特Grid单元格模板(无内容只是背景占位)
  * @param style - 模板样式（含模板在grid中对左，对上坐标）
  */
-var GanttCellRender = function (_a) {
-  var _b, _c;
-  var style = _a.style,
-    curColumnIndex = _a.curColumnIndex,
-    _d = _a.columnIndex,
-    columnIndex = _d === void 0 ? -1 : _d,
-    _e = _a.rowIndex,
-    rowIndex = _e === void 0 ? -1 : _e,
-    _f = _a.columnWidth,
-    columnWidth = _f === void 0 ? helper_1.defaultColumnWidth : _f,
-    _g = _a.rowHeight,
-    rowHeight = _g === void 0 ? helper_1.defaultRowHeight : _g,
-    theme = _a.theme,
-    rangeVal = _a.rangeVal,
-    attachPressCard = _a.attachPressCard,
-    _h = _a.unit,
-    unit = _h === void 0 ? types_1.DateUnit.HELF : _h,
-    ItemRenderer = _a.ItemRenderer;
-  var renderItem = false;
-  var itemInfo;
-  var itemLeft = 0;
-  var itemWidth = 0;
+export const GanttCellRender = ({
+  style,
+  curColumnIndex,
+  columnIndex = -1,
+  rowIndex = -1,
+  columnWidth = defaultColumnWidth,
+  rowHeight = defaultRowHeight,
+  theme,
+  rangeVal,
+  attachPressCard,
+  unit = DateUnit.HELF,
+  ItemRenderer
+}) => {
+  let renderItem = false;
+  let itemInfo;
+  let itemLeft = 0;
+  let itemWidth = 0;
   if (ItemRenderer) {
-    var gridDataMap = (0, exports.useGanttContext)().gridDataMap;
+    const {
+      gridDataMap
+    } = useGanttContext();
     if (rowIndex >= 0 && columnIndex >= 0) {
-      itemInfo = (_b = gridDataMap.get(rowIndex)) === null || _b === void 0 ? void 0 : _b.get(columnIndex);
+      itemInfo = gridDataMap.get(rowIndex)?.get(columnIndex);
       if (itemInfo) {
         renderItem = true;
-        itemLeft = (0, helper_1.calculateTimeOffsetInCell)(unit, columnWidth, itemInfo.startTime);
-        itemWidth = (0, helper_1.calculateItemWidth)(unit, columnWidth, itemInfo.startTime, itemInfo.endTime);
+        itemLeft = calculateTimeOffsetInCell(unit, columnWidth, itemInfo.startTime);
+        itemWidth = calculateItemWidth(unit, columnWidth, itemInfo.startTime, itemInfo.endTime);
       }
     }
   }
-  var goRenderCard = ItemRenderer && renderItem && itemInfo && (rangeVal && (!rangeVal[0] || itemInfo.startTime >= rangeVal[0]) && (!rangeVal[1] || itemInfo.endTime <= rangeVal[1]) || !rangeVal);
-  return react_1.default.createElement("div", {
-    key: "Gantt-cell-".concat(rowIndex, "-").concat(columnIndex),
-    style: __assign(__assign({}, style), {
+  const goRenderCard = ItemRenderer && renderItem && itemInfo && (rangeVal && (!rangeVal[0] || itemInfo.startTime >= rangeVal[0]) && (!rangeVal[1] || itemInfo.endTime <= rangeVal[1]) || !rangeVal);
+  return /*#__PURE__*/React.createElement("div", {
+    key: `Gantt-cell-${rowIndex}-${columnIndex}`,
+    style: {
+      ...style,
       display: "flex",
       whiteSpace: "nowrap",
       borderLeft: "1px solid rgba(0, 0, 0, 0.12)",
       overflow: "visible",
-      backgroundColor: (columnIndex !== null && columnIndex !== void 0 ? columnIndex : 0) < (curColumnIndex !== null && curColumnIndex !== void 0 ? curColumnIndex : 0) ? (_c = theme === null || theme === void 0 ? void 0 : theme.grey5) !== null && _c !== void 0 ? _c : "rgba(0, 0, 0, 0.04)" : "initial"
+      backgroundColor: (columnIndex ?? 0) < (curColumnIndex ?? 0) ? theme?.grey5 ?? "rgba(0, 0, 0, 0.04)" : "initial"
+    }
+  }, goRenderCard && itemInfo && /*#__PURE__*/React.createElement(Pressable, {
+    style: {
+      position: "absolute",
+      display: "flex",
+      flexDirection: "column",
+      left: itemLeft,
+      width: itemWidth || 0,
+      height: rowHeight - 8,
+      overflow: "hidden",
+      zIndex: 2
+    },
+    key: `Gantt-cell-inner-${rowIndex}-${columnIndex}`,
+    onPress: () => attachPressCard?.({
+      columnIndex,
+      rowIndex,
+      dataIndex: itemInfo.taskIndex
+    })
+  }, /*#__PURE__*/React.createElement(ItemRenderer, {
+    columnIndex: columnIndex,
+    rowIndex: rowIndex,
+    dataIndex: itemInfo.taskIndex
+  })));
+};
+
+/**
+ * 甘特Grid根据最小时间单位显示的当前时间线
+ * @param text - 时间线具体值
+ * @param style - 样式
+ * @param theme - 皮肤主题
+ */
+export const Timeline = /*#__PURE__*/React.forwardRef(({
+  style
+}, ref) => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: style,
+    ref: ref
+  });
+});
+
+/**
+ * 甘特Grid根据最小时间单位显示的当前时间线 显示的文本组件 （含在列头）
+ * @param text - 时间线具体值
+ * @param unit - 当前时间最小单位
+ * @param date - 当前时间
+ * @param columnWidth - 列宽
+ * @param theme - 皮肤主题
+ */
+export const TimeLineText = ({
+  theme,
+  text,
+  unit,
+  date,
+  columnWidth
+}) => /*#__PURE__*/React.createElement(View, {
+  style: {
+    position: "absolute",
+    display: "flex",
+    flexDirection: "column",
+    width: 40,
+    height: 24,
+    bottom: -2.25,
+    left: calculateTimeOffsetForTimeLine(unit, columnWidth, date) - 20
+  }
+}, /*#__PURE__*/React.createElement(Text, {
+  style: {
+    color: theme?.colorTextAccent ?? "#F55523",
+    fontSize: 12,
+    width: 40,
+    height: 18,
+    lineHeight: 18,
+    fontWeight: "bold",
+    textAlign: "center"
+  }
+}, text), /*#__PURE__*/React.createElement(Avatar, {
+  size: 7,
+  rounded: true,
+  containerStyle: {
+    alignSelf: "center",
+    backgroundColor: theme?.colorTextAccent ?? "#F55523"
+  }
+}));
     })
   }, goRenderCard && itemInfo && react_1.default.createElement(react_native_1.Pressable, {
     style: {
@@ -266,4 +324,3 @@ var TimeLineText = function (_a) {
   }));
 };
 exports.TimeLineText = TimeLineText;
-//# sourceMappingURL=Accessories.js.map