jsbox-cview 1.6.5 → 1.6.7

package/dist/index.js

@@ -1,4 +1,5 @@
 "use strict";
+/// <reference types="jsbox-types" preserve="true" />
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -18,6 +19,7 @@ __exportStar(require("./components/base"), exports);
 __exportStar(require("./components/custom-navigation-bar"), exports);
 __exportStar(require("./components/dynamic-contextmenu-view"), exports);
 __exportStar(require("./components/dynamic-itemsize-matrix"), exports);
+__exportStar(require("./components/dynamic-itemsize-section-matrix"), exports);
 __exportStar(require("./components/dynamic-preference-listview"), exports);
 __exportStar(require("./components/dynamic-rowheight-list"), exports);
 __exportStar(require("./components/enhanced-imageview"), exports);

package/dist/utils/colors.d.ts

@@ -0,0 +1,7 @@
+export declare const sheetNavBarColor: UIColor;
+export declare const footBarDefaultSegmentColor: UIColor;
+export declare const searchBarSymbolColor: UIColor;
+export declare const searchBarBgcolor: UIColor;
+export declare const gold: UIColor;
+export declare const sectionHeaderColor: UIColor;
+export declare const sliderMaxColor: UIColor;

package/dist/utils/cvid.d.ts

@@ -0,0 +1,11 @@
+declare class CVID {
+    _prefix: string;
+    _index: number;
+    constructor({ prefix, startIndex }?: {
+        prefix?: string | undefined;
+        startIndex?: number | undefined;
+    });
+    get newId(): string;
+}
+export declare const cvid: CVID;
+export {};

package/dist/utils/l10n.d.ts

@@ -0,0 +1 @@
+export declare function l10n(key: string): string;

package/dist/utils/l10n.js

@@ -1,7 +1,7 @@
 "use strict";
 // 用于自定义的国际化支持
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.l10n = void 0;
+exports.l10n = l10n;
 const language = $device.info.language;
 const strings = {
     "zh-Hans": {
@@ -41,4 +41,3 @@ function l10n(key) {
     const value = strings[language][key];
     return value || key;
 }
-exports.l10n = l10n;

package/dist/utils/path.d.ts

@@ -0,0 +1,8 @@
+export declare function split(path: string): [string, string];
+export declare function dirname(path: string): string;
+export declare function basename(path: string): string;
+export declare function extname(path: string): string;
+export declare function join(...args: string[]): string;
+export declare function getCreationDate(path: string): number;
+export declare function getModificationDate(path: string): number;
+export declare function getFileSize(path: string): number;

package/dist/utils/path.js

@@ -1,7 +1,14 @@
 "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;
+exports.split = split;
+exports.dirname = dirname;
+exports.basename = basename;
+exports.extname = extname;
+exports.join = join;
+exports.getCreationDate = getCreationDate;
+exports.getModificationDate = getModificationDate;
+exports.getFileSize = getFileSize;
 function _splitProtocol(path) {
     const regex = /^\w+:\/\//;
     const result = regex.exec(path);
@@ -37,15 +44,12 @@ function split(path) {
         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)
@@ -58,7 +62,6 @@ function extname(path) {
         return "." + components.slice(-1)[0];
     }
 }
-exports.extname = extname;
 // 拼接目录
 function join(...args) {
     return args
@@ -73,7 +76,6 @@ function join(...args) {
         .filter((x) => x.length)
         .join("/");
 }
-exports.join = join;
 function _getAttributes(path) {
     if (!$file.exists(path))
         throw new Error("invalid path");
@@ -89,16 +91,13 @@ function getCreationDate(path) {
         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.d.ts

@@ -0,0 +1,38 @@
+/**
+ * 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 declare function center(rect: JBRect, point?: JBPoint): JBPoint;
+/**
+ * Return true if the given point lies within the bounds of the rectangle,
+ * false otherwise.
+ */
+export declare function containsPoint(rect: JBRect, point: JBPoint): boolean;
+/**
+ * Return true if the given rectangle lies entirely within the bounds of
+ * this rectangle, false otherwise.
+ */
+export declare function containsRect(rect: JBRect, otherRect: JBRect): boolean;
+/**
+ * Return true if this rectangle intersects with the other rectangle,
+ * false otherwise.
+ */
+export declare function intersects(rect: JBRect, otherRect: JBRect): boolean;
+/**
+ * Return a $rect that corresponds to the intersection of this rectangle with
+ * the other one.
+ */
+export declare function intersection(rect: JBRect, otherRect: JBRect): JBRect;
+/**
+ * Return the smallest $rect that encloses both rectangles.
+ */
+export declare function union(rect: JBRect, otherRect: JBRect): JBRect;
+/**
+ * Equivalent to $rect(r.x + x, r.y + y, r.w, r.h)
+ */
+export declare function translate(rect: JBRect, point: JBPoint): JBRect;
+/**
+ * Return a $rect that is adjusted by the given edge insets.
+ */
+export declare function inset(rect: JBRect, insets: JBInsets): JBRect;

package/dist/utils/rect.js

@@ -1,7 +1,14 @@
 "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;
+exports.center = center;
+exports.containsPoint = containsPoint;
+exports.containsRect = containsRect;
+exports.intersects = intersects;
+exports.intersection = intersection;
+exports.union = union;
+exports.translate = translate;
+exports.inset = inset;
 /**
  * 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
@@ -16,7 +23,6 @@ function center(rect, point) {
     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.
@@ -26,7 +32,6 @@ function containsPoint(rect, point) {
     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.
@@ -36,7 +41,6 @@ function containsRect(rect, otherRect) {
     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.
@@ -46,7 +50,6 @@ function intersects(rect, otherRect) {
     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.
@@ -60,7 +63,6 @@ function intersection(rect, otherRect) {
     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.
  */
@@ -73,7 +75,6 @@ function union(rect, otherRect) {
     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)
  */
@@ -82,7 +83,6 @@ function translate(rect, point) {
     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.
  */
@@ -91,4 +91,3 @@ function inset(rect, insets) {
     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.d.ts

@@ -0,0 +1,75 @@
+/**
+ * 立即获得window size
+ */
+export declare function getWindowSize(): JBSize;
+/**
+ * 获取单行字符串应有的宽度
+ * 默认额外添加3 inset
+ */
+export declare function getTextWidth(text: string, { font, inset }?: {
+    font?: UIFont | undefined;
+    inset?: number | undefined;
+}): number;
+/**
+ * 获取字符串指定宽度后应有的高度
+ * 默认额外添加3 inset
+ */
+export declare function getTextHeight(text: string, { width, font, inset, lineSpacing }?: {
+    width?: number | undefined;
+    font?: UIFont | undefined;
+    inset?: number | undefined;
+    lineSpacing?: number | undefined;
+}): number;
+/**
+ * 计算某个view在某个上级view（若不指定则为UIWindow）上的绝对frame
+ * 此方法不考虑旋转变形等特殊情况
+ */
+export declare function absoluteFrame(view: AllUIView, endView?: AllUIView): JBRect;
+export declare const layerCommonOptions: {
+    none: {
+        cornerRadius: number;
+        shadowRadius: number;
+        shadowOpacity: number;
+        shadowOffset: JBSize;
+        shadowColor: UIColor;
+    };
+    roundedShadow: {
+        cornerRadius: number;
+        shadowRadius: number;
+        shadowOpacity: number;
+        shadowOffset: JBSize;
+        shadowColor: UIColor;
+    };
+    textShadow: {
+        cornerRadius: number;
+        shadowRadius: number;
+        shadowOpacity: number;
+        shadowOffset: JBSize;
+        shadowColor: UIColor;
+    };
+    circleViewShadow: {
+        cornerRadius: number;
+        shadowRadius: number;
+        shadowOpacity: number;
+        shadowOffset: JBSize;
+        shadowColor: UIColor;
+    };
+    toastShadows: {
+        cornerRadius: number;
+        shadowRadius: number;
+        shadowOpacity: number;
+        shadowOffset: JBSize;
+        shadowColor: UIColor;
+    };
+};
+/**
+ * 在layout中使用
+ * 所应用的view不可以指定radius和clipTobounds，否则无效
+ */
+export declare function setLayer(view: AllUIView, { cornerRadius, shadowRadius, shadowOpacity, shadowOffset, shadowColor, }?: {
+    cornerRadius?: number | undefined;
+    shadowRadius?: number | undefined;
+    shadowOpacity?: number | undefined;
+    shadowOffset?: JBSize | undefined;
+    shadowColor?: UIColor | undefined;
+}): void;

package/dist/utils/uitools.js

@@ -1,7 +1,12 @@
 "use strict";
 // 用于UI相关的工具函数
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setLayer = exports.layerCommonOptions = exports.absoluteFrame = exports.getTextHeight = exports.getTextWidth = exports.getWindowSize = void 0;
+exports.layerCommonOptions = void 0;
+exports.getWindowSize = getWindowSize;
+exports.getTextWidth = getTextWidth;
+exports.getTextHeight = getTextHeight;
+exports.absoluteFrame = absoluteFrame;
+exports.setLayer = setLayer;
 /**
  * 立即获得window size
  */
@@ -9,7 +14,6 @@ function getWindowSize() {
     const window = $objc("UIWindow").$keyWindow().jsValue();
     return window.size;
 }
-exports.getWindowSize = getWindowSize;
 /**
  * 获取单行字符串应有的宽度
  * 默认额外添加3 inset
@@ -22,7 +26,6 @@ function getTextWidth(text, { font = $font(17), inset = 3 } = {}) {
         lineSpacing: 0,
     }).width) + inset);
 }
-exports.getTextWidth = getTextWidth;
 /**
  * 获取字符串指定宽度后应有的高度
  * 默认额外添加3 inset
@@ -35,7 +38,6 @@ function getTextHeight(text, { width = 300, font = $font(17), inset = 3, lineSpa
         lineSpacing,
     }).height) + inset);
 }
-exports.getTextHeight = getTextHeight;
 /**
  * 计算某个view在某个上级view（若不指定则为UIWindow）上的绝对frame
  * 此方法不考虑旋转变形等特殊情况
@@ -52,7 +54,6 @@ function absoluteFrame(view, endView) {
     }
     return frame;
 }
-exports.absoluteFrame = absoluteFrame;
 exports.layerCommonOptions = {
     none: {
         cornerRadius: 0,
@@ -102,4 +103,3 @@ function setLayer(view, { cornerRadius = 0, shadowRadius = 0, shadowOpacity = 0,
     layer.invoke("setShadowOffset", shadowOffset);
     layer.invoke("setShadowColor", shadowColor.ocValue().invoke("CGColor"));
 }
-exports.setLayer = setLayer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jsbox-cview",
-  "version": "1.6.5",
+  "version": "1.6.7",
   "description": "为 JSBox 设计的微型框架",
   "repository": {
     "type": "git",
@@ -9,17 +9,32 @@
   "homepage": "https://github.com/Gandum2077/JSBox-CView",
   "bugs": "https://github.com/Gandum2077/JSBox-CView/issues",
   "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist/index.js",
+    "dist/index.d.ts",
+    "dist/components",
+    "dist/controller",
+    "dist/utils",
+    "README.md",
+    "LICENSE"
+  ],
   "scripts": {
-    "test": "tsc && node ./dist/test.js",
-    "build": "tsc"
+    "build:debug": "tsc --outDir ./dist-debug && npx browserify ${npm_config_entry:-./dist-debug/index.js} > test.js",
+    "build": "tsc -p tsconfig.build.json",
+    "format": "prettier --write .",
+    "prepack": "npm run build"
   },
   "keywords": [],
   "author": "Gandum2077",
   "license": "MIT",
+  "dependencies": {
+    "jsbox-types": "^2.0.3"
+  },
   "devDependencies": {
     "@types/node": "^20.11.17",
     "browserify": "^17.0.1",
-    "jsbox-types": "^2.0.3",
-    "prettier": "^3.8.1"
+    "prettier": "^3.8.1",
+    "typescript": "^6.0.3"
   }
 }

package/.prettierignore

@@ -1,6 +0,0 @@
-node_modules
-dist
-build
-coverage
-package-lock.json
-tsconfig.json

package/.prettierrc

@@ -1,3 +0,0 @@
-{
-  "printWidth": 120
-}

package/components/alert/input-alert.ts

@@ -1,64 +0,0 @@
-import { UIAlertActionStyle, UIAlertControllerStyle, UIAlertAction, UIAlertController } from "./uialert";
-
-import { l10n } from "../../utils/l10n";
-
-/**
- * 显示一个输入框提示
- *
- * @param title 标题
- * @param message 内容
- * @param text 输入框默认文字
- * @param placeholder 输入框占位符
- * @param type 输入框类型
- * @param secure 是否安全输入
- * @param cancelText 取消按钮文字
- * @param confirmText 确认按钮文字
- */
-export function inputAlert({
-  title = "",
-  message = "",
-  text = "",
-  placeholder,
-  type = 0,
-  secure = false,
-  cancelText = l10n("CANCEL"),
-  confirmText = l10n("OK"),
-}: {
-  title?: string;
-  message?: string;
-  text?: string;
-  placeholder?: string;
-  type?: number;
-  secure?: boolean;
-  cancelText?: string;
-  confirmText?: string;
-}): Promise<string> {
-  return new Promise((resolve, reject) => {
-    const alertVC = new UIAlertController(title, message, UIAlertControllerStyle.Alert);
-    alertVC.addTextField({
-      placeholder,
-      text,
-      type,
-      secure,
-      events: {
-        shouldReturn: () => {
-          const input = alertVC.getText(0);
-          const isValid = input.length > 0;
-          return isValid;
-        },
-      },
-    });
-
-    alertVC.addAction(new UIAlertAction(cancelText, UIAlertActionStyle.Destructive, cancelEvent));
-    alertVC.addAction(new UIAlertAction(confirmText, UIAlertActionStyle.Default, confirmEvent));
-    alertVC.present();
-
-    function confirmEvent() {
-      const input: string = alertVC.getText(0);
-      resolve(input);
-    }
-    function cancelEvent() {
-      reject("cancel");
-    }
-  });
-}

package/components/alert/login-alert.ts

@@ -1,66 +0,0 @@
-import { UIAlertActionStyle, UIAlertControllerStyle, UIAlertAction, UIAlertController } from "./uialert";
-
-import { l10n } from "../../utils/l10n";
-
-/**
- * 显示一个登录输入框提示
- *
- * @param title 标题
- * @param message 内容
- * @param placeholder1 输入框1的占位符
- * @param placeholder2 输入框2的占位符
- * @param cancelText 取消按钮文字
- * @param confirmText 确认按钮文字
- */
-export function loginAlert({
-  title = "",
-  message = "",
-  placeholder1 = "",
-  placeholder2 = "",
-  cancelText = l10n("CANCEL"),
-  confirmText = l10n("OK"),
-}: {
-  title?: string;
-  message?: string;
-  placeholder1?: string;
-  placeholder2?: string;
-  cancelText?: string;
-  confirmText?: string;
-} = {}): Promise<{ username: string; password: string }> {
-  return new Promise((resolve, reject) => {
-    const alertVC = new UIAlertController(title, message, UIAlertControllerStyle.Alert);
-
-    alertVC.addTextField({
-      placeholder: placeholder1,
-    });
-
-    alertVC.addTextField({
-      placeholder: placeholder2,
-      secure: true,
-      events: {
-        shouldReturn: () => {
-          const username = alertVC.getText(0);
-          const password = alertVC.getText(1);
-          const isValid = username.length > 0 && password.length > 0;
-          return isValid;
-        },
-      },
-    });
-
-    alertVC.addAction(new UIAlertAction(cancelText, UIAlertActionStyle.Destructive, cancelEvent));
-    alertVC.addAction(new UIAlertAction(confirmText, UIAlertActionStyle.Default, confirmEvent));
-    alertVC.present();
-
-    function confirmEvent() {
-      const username = alertVC.getText(0);
-      const password = alertVC.getText(1);
-      resolve({
-        username,
-        password,
-      });
-    }
-    function cancelEvent() {
-      reject("cancel");
-    }
-  });
-}

package/components/alert/plain-alert.ts

@@ -1,39 +0,0 @@
-import { UIAlertActionStyle, UIAlertControllerStyle, UIAlertAction, UIAlertController } from "./uialert";
-
-import { l10n } from "../../utils/l10n";
-
-/**
- * 显示一个文字提示
- *
- * @param title 标题
- * @param message 内容
- * @param cancelText 取消按钮文字
- * @param confirmText 确认按钮文字
- * @returns Promise
- */
-export function plainAlert({
-  title = "",
-  message = "",
-  cancelText = l10n("CANCEL"),
-  confirmText = l10n("OK"),
-}: {
-  title?: string;
-  message?: string;
-  cancelText?: string;
-  confirmText?: string;
-} = {}): Promise<string> {
-  return new Promise((resolve, reject) => {
-    const alertVC = new UIAlertController(title, message, UIAlertControllerStyle.Alert);
-
-    alertVC.addAction(new UIAlertAction(cancelText, UIAlertActionStyle.Destructive, cancelEvent));
-    alertVC.addAction(new UIAlertAction(confirmText, UIAlertActionStyle.Default, confirmEvent));
-    alertVC.present();
-
-    function confirmEvent() {
-      resolve("ok");
-    }
-    function cancelEvent() {
-      reject("cancel");
-    }
-  });
-}