jsbox-cview 1.0.0

package/utils/path.ts

@@ -0,0 +1,100 @@
+// 用于处理路径的工具函数
+
+function _splitProtocol(path: string): [string, string]{
+  const regex = /^\w+:\/\//;
+  const result = regex.exec(path);
+  if (result) {
+    const protocol = result[0];
+    return [protocol, path.slice(protocol.length)];
+  } else {
+    return ["", path];
+  }
+}
+
+// 正规化
+function _normalize(path: string): string {
+  if (!path) return "";
+  path = path.trim();
+  if (!path) return "";
+  const [protocol, remainingPath] = _splitProtocol(path);
+  return protocol + remainingPath.replace(/\/{2,}/g, "/");
+}
+
+export function split(path: string): [string, string]{
+  path = _normalize(path);
+  const [protocol, remainingPath] = _splitProtocol(path);
+  const lastIndex = remainingPath.lastIndexOf("/");
+  if (lastIndex === -1) {
+    return [protocol, remainingPath];
+  } else if (lastIndex === 0) {
+    return [protocol + "/", remainingPath.slice(1)];
+  } else {
+    return [
+      protocol + remainingPath.slice(0, lastIndex),
+      remainingPath.slice(lastIndex + 1)
+    ];
+  }
+}
+
+export function dirname(path: string): string{
+  return split(path)[0];
+}
+
+export function basename(path: string): string {
+  return split(path)[1];
+}
+
+export function extname(path: string): string{
+  const _basename = basename(path);
+  if (!_basename) return "";
+  const components = _basename.split(".");
+  if (components.length === 1) {
+    return "";
+  } else {
+    return "." + components.slice(-1)[0];
+  }
+}
+
+// 拼接目录
+export function join(...args: string[]): string {
+  return args
+    .map((part, i) => {
+      if (i === 0) {
+        return part.trim().replace(/[/]*$/g, "");
+      } else {
+        return part.trim().replace(/(^[/]*|[/]*$)/g, "");
+      }
+    })
+    .filter(x => x.length)
+    .join("/");
+}
+
+function _getAttributes(path: string): {
+  NSFileCreationDate?: Date;
+  NSFileModificationDate?: Date;
+  NSFileSize?: number;
+} {
+  if (!$file.exists(path)) throw new Error("invalid path");
+  path = $file.absolutePath(path);
+  const attributesOfItemAtPath = $objc("NSFileManager")
+    .invoke("defaultManager")
+    .invoke("attributesOfItemAtPath:error", path, null);
+  return attributesOfItemAtPath.jsValue();
+}
+
+export function getCreationDate(path: string): number{
+  const { NSFileCreationDate } = _getAttributes(path);
+  if (!NSFileCreationDate) return 0;
+  return NSFileCreationDate.getTime();
+}
+
+export function getModificationDate(path: string): number{
+  const { NSFileModificationDate } = _getAttributes(path);
+  if (!NSFileModificationDate) return 0;
+  return NSFileModificationDate.getTime();
+}
+
+export function getFileSize(path: string): number{
+  const { NSFileSize } = _getAttributes(path);
+  return NSFileSize || 0;
+}

package/utils/rect.ts

@@ -0,0 +1,67 @@
+// 用于处理矩形的工具函数
+
+// When called without arguments, return the center of the rectangle. When a Point is passed as an argument, the rectangle’s x and y values are adjusted, so that the new center of the rectangle is p.
+export function center(rect: JBRect, point?: JBPoint): JBPoint {
+  const { x = 0, y = 0, width: w, height: h } = rect;
+  if (!point) return $point(x + w / 2, y + h / 2);
+  const { x: px, y: py } = point;
+  rect.x = px - w / 2;
+  rect.y = py - h / 2;
+  return point;
+}
+
+// Return true if the given point lies within the bounds of the rectangle, false otherwise.
+export function containsPoint(rect: JBRect, point: JBPoint): boolean {
+  const { x, y, width: w, height: h } = rect;
+  const { x: px, y: py } = point;
+  return x <= px && px <= x + w && y <= py && py <= y + h;
+}
+
+// Return true if the given rectangle lies entirely within the bounds of this rectangle, false otherwise.
+export function containsRect(rect: JBRect, otherRect: JBRect): boolean {
+  const { x, y, width: w, height: h } = rect;
+  const { x: x1, y: y1, width: w1, height: h1 } = otherRect;
+  return x <= x1 && y <= y1 && x1 + w1 <= x + w && y1 + h1 <= y + h;
+}
+
+// Return true if this rectangle intersects with the other rectangle, false otherwise.
+export function intersects(rect: JBRect, otherRect: JBRect): boolean {
+  const { x, y, width: w, height: h } = rect;
+  const { x: x1, y: y1, width: w1, height: h1 } = otherRect;
+  return x < x1 + w1 && x1 < x + w && y < y1 + h1 && y1 < y + h;
+}
+
+// Return a $rect that corresponds to the intersection of this rectangle with the other one.
+export function intersection(rect: JBRect, otherRect: JBRect): JBRect {
+  const { x, y, width: w, height: h } = rect;
+  const { x: x1, y: y1, width: w1, height: h1 } = otherRect;
+  const nx = Math.max(x, x1);
+  const nw = Math.min(x + w, x1 + w1) - nx;
+  const ny = Math.max(y, y1);
+  const nh = Math.min(y + h, y1 + h1) - ny;
+  return $rect(nx, ny, nw, nh);
+}
+
+// Return the smallest $rect that encloses both rectangles.
+export function union(rect: JBRect, otherRect: JBRect): JBRect {
+  const { x, y, width: w, height: h } = rect;
+  const { x: x1, y: y1, width: w1, height: h1 } = otherRect;
+  const nx = Math.min(x, x1);
+  const nw = Math.max(x + w, x1 + w1) - nx;
+  const ny = Math.min(y, y1);
+  const nh = Math.max(y + h, y1 + h1) - ny;
+  return $rect(nx, ny, nw, nh);
+}
+// Equivalent to $rect(r.x + x, r.y + y, r.w, r.h)
+export function translate(rect: JBRect, point: JBPoint): JBRect {
+  const { x, y, width, height } = rect;
+  const { x: x1, y: y1 } = point;
+  return $rect(x + x1, y + y1, width, height);
+}
+
+// Return a $rect that is adjusted by the given edge insets.
+export function inset(rect: JBRect, insets: JBInsets): JBRect {
+  const { x, y, width, height } = rect;
+  const { top, left, bottom, right } = insets;
+  return $rect(x + left, y + top, width - left - right, height - top - bottom);
+}

package/utils/uitools.ts

@@ -0,0 +1,117 @@
+// 用于UI相关的工具函数
+
+// 立即获得window size
+export function getWindowSize(): JBSize {
+  const window = $objc("UIWindow").$keyWindow().jsValue();
+  return window.size;
+}
+
+// 获取单行字符串应有的宽度
+// 默认额外添加3 inset
+export function getTextWidth(
+  text: string, 
+  { font = $font(17), inset = 3 } = {}
+): number {
+  return (
+    Math.ceil(
+      $text.sizeThatFits({
+        text,
+        width: 10000,
+        font,
+        lineSpacing: 0
+      }).width
+    ) + inset
+  );
+}
+
+// 获取字符串指定宽度后应有的高度
+// 默认额外添加3 inset
+export function getTextHeight(
+  text: string,
+  { width = 300, font = $font(17), inset = 3 } = {}
+): number {
+  return (
+    Math.ceil(
+      $text.sizeThatFits({
+        text,
+        width,
+        font,
+        lineSpacing: 0
+      }).height
+    ) + inset
+  );
+}
+
+// 计算某个view在某个上级view（若不指定则为UIWindow）上的绝对frame
+// 此方法不考虑旋转变形等特殊情况
+export function absoluteFrame(view: AllUIView, endView?: AllUIView): JBRect {
+  const frame = view.frame;
+  let superView = view.super;
+  while (superView) {
+    frame.x += superView.frame.x - superView.bounds.x;
+    frame.y += superView.frame.y - superView.bounds.y;
+    if (endView && superView === endView) break;
+    superView = superView.super;
+  }
+  return frame;
+}
+
+export const layerCommonOptions = {
+  none: {
+    cornerRadius: 0,
+    shadowRadius: 0,
+    shadowOpacity: 0,
+    shadowOffset: $size(0, 0),
+    shadowColor: $color("clear")
+  },
+  roundedShadow: {
+    cornerRadius: 12,
+    shadowRadius: 10,
+    shadowOpacity: 1,
+    shadowOffset: $size(0, 0),
+    shadowColor: $color("black")
+  },
+  textShadow: {
+    cornerRadius: 0,
+    shadowRadius: 1.2,
+    shadowOpacity: 1,
+    shadowOffset: $size(0, 1),
+    shadowColor: $color("black")
+  },
+  circleViewShadow: {
+    cornerRadius: 25,
+    shadowRadius: 3,
+    shadowOpacity: 0.6,
+    shadowOffset: $size(0, 3),
+    shadowColor: $color("black")
+  },
+  toastShadows: {
+    cornerRadius: 15,
+    shadowRadius: 8,
+    shadowOpacity: 0.35,
+    shadowOffset: $size(0, 0),
+    shadowColor: $color("black")
+  }
+};
+
+// 在layout中使用
+// 所应用的view不可以指定radius和clipTobounds，否则无效
+export function setLayer(
+  view: AllUIView,
+  {
+    cornerRadius = 0,
+    shadowRadius = 0,
+    shadowOpacity = 0,
+    shadowOffset = $size(0, 0),
+    shadowColor = $color("clear")
+  } = {}
+): void {
+  const layer = view.ocValue().invoke("layer");
+  layer.invoke("setCornerRadius", cornerRadius);
+  layer.invoke("setShadowRadius", shadowRadius);
+  layer.invoke("setShadowOpacity", shadowOpacity);
+  layer.invoke("setShadowOffset", shadowOffset);
+  layer.invoke("setShadowColor", shadowColor.ocValue().invoke("CGColor"));
+}
+
+