jsbox-cview 1.0.0 → 1.1.0

package/dist/utils/path.js

@@ -0,0 +1,107 @@
+"use strict";
+// 用于处理路径的工具函数
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFileSize = exports.getModificationDate = exports.getCreationDate = exports.join = exports.extname = exports.basename = exports.dirname = exports.split = void 0;
+function _splitProtocol(path) {
+    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) {
+    if (!path)
+        return "";
+    path = path.trim();
+    if (!path)
+        return "";
+    const [protocol, remainingPath] = _splitProtocol(path);
+    return protocol + remainingPath.replace(/\/{2,}/g, "/");
+}
+function split(path) {
+    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)
+        ];
+    }
+}
+exports.split = split;
+function dirname(path) {
+    return split(path)[0];
+}
+exports.dirname = dirname;
+function basename(path) {
+    return split(path)[1];
+}
+exports.basename = basename;
+function extname(path) {
+    const _basename = basename(path);
+    if (!_basename)
+        return "";
+    const components = _basename.split(".");
+    if (components.length === 1) {
+        return "";
+    }
+    else {
+        return "." + components.slice(-1)[0];
+    }
+}
+exports.extname = extname;
+// 拼接目录
+function join(...args) {
+    return args
+        .map((part, i) => {
+        if (i === 0) {
+            return part.trim().replace(/[/]*$/g, "");
+        }
+        else {
+            return part.trim().replace(/(^[/]*|[/]*$)/g, "");
+        }
+    })
+        .filter(x => x.length)
+        .join("/");
+}
+exports.join = join;
+function _getAttributes(path) {
+    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();
+}
+function getCreationDate(path) {
+    const { NSFileCreationDate } = _getAttributes(path);
+    if (!NSFileCreationDate)
+        return 0;
+    return NSFileCreationDate.getTime();
+}
+exports.getCreationDate = getCreationDate;
+function getModificationDate(path) {
+    const { NSFileModificationDate } = _getAttributes(path);
+    if (!NSFileModificationDate)
+        return 0;
+    return NSFileModificationDate.getTime();
+}
+exports.getModificationDate = getModificationDate;
+function getFileSize(path) {
+    const { NSFileSize } = _getAttributes(path);
+    return NSFileSize || 0;
+}
+exports.getFileSize = getFileSize;

package/dist/utils/rect.js

@@ -0,0 +1,72 @@
+"use strict";
+// 用于处理矩形的工具函数
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.inset = exports.translate = exports.union = exports.intersection = exports.intersects = exports.containsRect = exports.containsPoint = exports.center = void 0;
+// 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.
+function center(rect, point) {
+    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;
+}
+exports.center = center;
+// Return true if the given point lies within the bounds of the rectangle, false otherwise.
+function containsPoint(rect, point) {
+    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;
+}
+exports.containsPoint = containsPoint;
+// Return true if the given rectangle lies entirely within the bounds of this rectangle, false otherwise.
+function containsRect(rect, otherRect) {
+    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;
+}
+exports.containsRect = containsRect;
+// Return true if this rectangle intersects with the other rectangle, false otherwise.
+function intersects(rect, otherRect) {
+    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;
+}
+exports.intersects = intersects;
+// Return a $rect that corresponds to the intersection of this rectangle with the other one.
+function intersection(rect, otherRect) {
+    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);
+}
+exports.intersection = intersection;
+// Return the smallest $rect that encloses both rectangles.
+function union(rect, otherRect) {
+    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);
+}
+exports.union = union;
+// Equivalent to $rect(r.x + x, r.y + y, r.w, r.h)
+function translate(rect, point) {
+    const { x, y, width, height } = rect;
+    const { x: x1, y: y1 } = point;
+    return $rect(x + x1, y + y1, width, height);
+}
+exports.translate = translate;
+// Return a $rect that is adjusted by the given edge insets.
+function inset(rect, insets) {
+    const { x, y, width, height } = rect;
+    const { top, left, bottom, right } = insets;
+    return $rect(x + left, y + top, width - left - right, height - top - bottom);
+}
+exports.inset = inset;

package/dist/utils/uitools.js

@@ -0,0 +1,95 @@
+"use strict";
+// 用于UI相关的工具函数
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setLayer = exports.layerCommonOptions = exports.absoluteFrame = exports.getTextHeight = exports.getTextWidth = exports.getWindowSize = void 0;
+// 立即获得window size
+function getWindowSize() {
+    const window = $objc("UIWindow").$keyWindow().jsValue();
+    return window.size;
+}
+exports.getWindowSize = getWindowSize;
+// 获取单行字符串应有的宽度
+// 默认额外添加3 inset
+function getTextWidth(text, { font = $font(17), inset = 3 } = {}) {
+    return (Math.ceil($text.sizeThatFits({
+        text,
+        width: 10000,
+        font,
+        lineSpacing: 0
+    }).width) + inset);
+}
+exports.getTextWidth = getTextWidth;
+// 获取字符串指定宽度后应有的高度
+// 默认额外添加3 inset
+function getTextHeight(text, { width = 300, font = $font(17), inset = 3 } = {}) {
+    return (Math.ceil($text.sizeThatFits({
+        text,
+        width,
+        font,
+        lineSpacing: 0
+    }).height) + inset);
+}
+exports.getTextHeight = getTextHeight;
+// 计算某个view在某个上级view（若不指定则为UIWindow）上的绝对frame
+// 此方法不考虑旋转变形等特殊情况
+function absoluteFrame(view, endView) {
+    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;
+}
+exports.absoluteFrame = absoluteFrame;
+exports.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，否则无效
+function setLayer(view, { cornerRadius = 0, shadowRadius = 0, shadowOpacity = 0, shadowOffset = $size(0, 0), shadowColor = $color("clear") } = {}) {
+    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"));
+}
+exports.setLayer = setLayer;

package/index.ts

@@ -0,0 +1,42 @@
+export * from './components/artificial-flowlayout';
+export * from './components/base';
+export * from './components/custom-navigation-bar';
+export * from './components/dynamic-itemsize-matrix';
+export * from './components/dynamic-preference-listview';
+export * from './components/dynamic-rowheight-list';
+export * from './components/enhanced-imageview';
+export * from './components/image-pager';
+export * from './components/page-control';
+export * from './components/pageviewer-titlebar';
+export * from './components/pageviewer';
+export * from './components/rotating-view';
+export * from './components/searchbar';
+export * from './components/sheet';
+export * from './components/single-views';
+export * from './components/static-preference-listview';
+export * from './components/symbol-button';
+export * from './components/tabbar';
+export * from './controller/base-controller';
+export * from './controller/controller-router';
+export * from './controller/pageviewer-controller';
+export * from './controller/presented-page-controller';
+export * from './controller/splitview-controller';
+export * from './controller/tabbar-controller';
+export * from './utils/colors';
+export * from './utils/cvid';
+export * from './utils/l10n';
+export * from './utils/path';
+export * from './utils/rect';
+export * from './utils/uitools';
+export * from './components/alert/input-alert';
+export * from './components/alert/login-alert';
+export * from './components/alert/plain-alert';
+export * from './components/alert/uialert';
+export * from './components/dialogs/dialog-sheet';
+export * from './components/dialogs/form-dialog';
+export * from './components/dialogs/list-dialog';
+export * from './components/dialogs/text-dialog';
+export * from './components/spinners/loading-double-rings';
+export * from './components/spinners/loading-dual-ring';
+export * from './components/spinners/loading-wedges';
+export * from './components/spinners/spinner-androidstyle';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jsbox-cview",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "为 JSBox 设计的微型框架",
   "repository": {
     "type": "git",
@@ -8,9 +8,9 @@
   },
   "homepage": "https://github.com/Gandum2077/JSBox-CView",
   "bugs": "https://github.com/Gandum2077/JSBox-CView/issues",
-  "main": "index.js",
+  "main": "dist/index.js",
   "scripts": {
-    "test": "tsc && node test.js",
+    "test": "tsc && node ./dist/test.js",
     "build": "tsc"
   },
   "keywords": [],
@@ -18,6 +18,7 @@
   "license": "MIT",
   "devDependencies": {
     "@types/node": "^20.11.17",
+    "ctix": "^2.3.0",
     "jsbox-types": "^1.0.19"
   }
 }

package/tsconfig.json

@@ -55,7 +55,7 @@
     // "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
     // "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
     // "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
-    "outDir": "./build",                                   /* Specify an output folder for all emitted files. */
+    "outDir": "./dist",                                   /* Specify an output folder for all emitted files. */
     // "removeComments": true,                           /* Disable emitting comments. */
     // "noEmit": true,                                   /* Disable emitting files from a compilation. */
     // "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
@@ -110,12 +110,14 @@
     "node_modules/jsbox-types/*.d.ts",
     "node_modules/jsbox-types/*/*.d.ts",
     "test.ts",
+    "index.ts",
     "utils/*.ts",
     "components/*.ts",
     "components/*/*.ts",
-    "controller/*.ts",
+    "controller/*.ts"
   ],
   "files": [
-    "test.ts"
+    "test.ts",
+    "index.ts"
   ]
 }