@dcloudio/uni-app-x 0.7.14 → 0.7.15

package/options.d.ts

@@ -2,7 +2,7 @@ import app from '@/App.uvue'
 
 type App = typeof app
 declare global {
-
+  export interface JSExport {}
   export interface AppCreateVueAppComponentDefault extends App {
 
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcloudio/uni-app-x",
-  "version": "0.7.14",
+  "version": "0.7.15",
   "description": "uni-app x types",
   "typings": "index.d.ts",
   "author": "DCloud",

package/types/native/CSSStyleDeclaration.d.ts

@@ -1,24 +1,6 @@
 /**
  * CSSStyleDeclaration表示一个CSS 声明块对象，它是一个 CSS 属性键值对的集合，暴露样式信息和各种与样式相关的方法和属性。
  * @package io.dcloud.uniapp.runtime
- * @uniPlatform {
- *    "app": {
- *        "android": {
- *            "osVer": "5.0",
- *            "uniVer": "x",
- *            "unixVer": "3.9"
- *        },
- *        "ios": {
- *            "osVer": "12.0",
- *            "uniVer": "x",
- *            "unixVer": "4.11"
- *   	  }
- *    }
- *    "web": {
- *        "uniVer": "x",
- *        "unixVer": "4.0"
- *    }
- * }
  */
 export class CSSStyleDeclaration {
 
@@ -26,72 +8,18 @@ export class CSSStyleDeclaration {
    * 对CSS指定样式设置一个新值，如有此样式已存在则更新。
    * @param name CSS样式名称
    * @param value 要设置的新CSS样式值
-   * @uniPlatform {
-   *    "app": {
-   *        "android": {
-   *            "osVer": "5.0",
-   *            "uniVer": "x",
-   *            "unixVer": "3.9"
-   *        },
-   *        "ios": {
-   *            "osVer": "12.0",
-   *            "uniVer": "x",
-   *            "unixVer": "4.11"
-   *   	  }
-   *    }
-   *    "web": {
-   *        "uniVer": "x",
-   *        "unixVer": "4.0"
-   *    }
-   * }
    */
   setProperty(name: string | string.cssPropertyString, value: any | null): void
 
   /**
    * 获取CSS指定的样式值，如果指定的样式不存在则返回null。
    * @param property 要获取的CSS样式名称
-   * @uniPlatform {
-   *    "app": {
-   *        "android": {
-   *            "osVer": "5.0",
-   *            "uniVer": "x",
-   *            "unixVer": "3.9"
-   *        },
-   *        "ios": {
-   *            "osVer": "12.0",
-   *            "uniVer": "x",
-   *            "unixVer": "4.11"
-   *   	  }
-   *    }
-   *    "web": {
-   *        "uniVer": "x",
-   *        "unixVer": "4.0"
-   *    }
-   * }
    */
   getPropertyValue(property: string | string.cssPropertyString): any | null
 
   /**
    * 删除CSS指定的样式值
    * @param property 要删除的CSS样式名称
-   * @uniPlatform {
-   *    "app": {
-   *        "android": {
-   *            "osVer": "5.0",
-   *            "uniVer": "x",
-   *            "unixVer": "3.9"
-   *        },
-   *        "ios": {
-   *            "osVer": "12.0",
-   *            "uniVer": "x",
-   *            "unixVer": "4.11"
-   *   	  }
-   *    }
-   *    "web": {
-   *        "uniVer": "x",
-   *        "unixVer": "4.0"
-   *    }
-   * }
    */
   removeProperty(property: string | string.cssPropertyString): any | null
 }

package/types/native/CanvasRenderingContext2D.d.ts

@@ -0,0 +1,378 @@
+/**
+ * @package io.dcloud.uniapp.runtime
+ */
+
+import { Image } from "./IUniElement"
+import { Path2D } from "./Path2D"
+
+export interface TextMetrics {
+  readonly width: number
+}
+
+export interface CanvasPattern {
+
+}
+
+export interface CanvasGradient {
+  /**
+   * 添加颜色的渐变点。小于最小 stop 的部分会按最小 stop 的 color 来渲染，大于最大 stop 的部分会按最大 stop 的 color 来渲染
+   * @param {number} stop 表示渐变中开始与结束之间的位置，范围 0-1
+   * @param {string} color 渐变点的颜色
+   */
+  addColorStop(stop: number, color: string): void
+}
+
+export interface CanvasRenderingContext2D {
+
+  /**
+  * 是对与给定上下文关联的HTMLCanvasElement对象的只读引用
+  */
+  readonly canvas: UniCanvasElement
+  
+  /**
+   * 设置字体大小
+   * @defaultValue 10px
+   */
+  font: string
+  /**
+    * 设置填充颜色
+    * @defaultValue #000 (黑色)
+    */
+  fillStyle:  CanvasGradient | string
+
+  /**
+   * 用来描述在 canvas 上绘图之前，设置图形和图片透明度的属性。数值的范围从 0.0（完全透明）到 1.0（完全不透明）
+   * @defaultValue 1.0
+   */
+  globalAlpha: number
+
+  /**
+   * 在绘制新形状时应用的合成操作的类型，其中 type 是用于标识要使用的合成或混合模式操作的字符串
+   */
+  globalCompositeOperation: "" | "source-over" | "source-atop" | "source-in" | "source-out" | "destination-over" | "destination-atop" | "destination-in" | "destination-out" | "lighter" | "copy" | "xor"
+  
+  /**
+   * 指定如何绘制每一条线条末端的属性，可选值：`butt`线段末端以方形结束；`round`线段末端以圆形结束；`square`线段末端以方形结束，但是会增加一个一半宽度的矩形区域。
+   * @defaultValue butt
+   */
+  lineCap: "" | "butt" | "round" | "square"
+
+  /**
+   * 设置虚线偏移量
+   */
+  lineDashOffset: number
+
+  /**
+   * 设置 2 个长度不为 0 的线条相连部分如何连接在一起的属性，可选值：`bevel`斜角；`round`圆角；`miter`尖角。
+   * @defaultValue miter
+   */
+  lineJoin: "" | "round" | "bevel" | "miter"
+
+  /**
+   * 设置线条的宽度
+   * @defaultValue 1px
+   */
+  lineWidth: number
+
+  /**
+   * 设置边框的颜色
+   * @defaultValue #000 (黑色)
+   */
+  strokeStyle:  CanvasGradient | string
+
+  /**
+   * 设置文本的对齐方式，可取值：`left`左对齐；`center`居中对齐；`right`右对齐。
+   * @defaultValue left
+   */
+  textAlign: "" | "left" | "right" | "center" | "start" | "end"
+
+  /**
+   * 设置斜接面限制比例的属性。当获取属性值时，会返回当前的值（默认值是10.0 ）。当给属性赋值时，0、负数、 Infinity 和 NaN 都会被忽略；除此之外都会被赋予一个新值。
+   */
+  miterLimit: number
+
+  /**
+   * 描述绘制文本时，当前文本基线的属性
+   */
+  textBaseline: "" | "top" | "hanging" | "middle" | "alphabetic" | "ideographic" | "bottom"
+
+  /**
+   * 绘制一段弧线
+   * @param {number} x 圆弧中心（圆心）的 x 轴坐标
+   * @param {number} y 圆弧中心（圆心）的 y 轴坐标
+   * @param {number} radius 圆弧的半径
+   * @param {number} startAngle 圆弧的起始点，x 轴方向开始计算，单位为弧度
+   * @param {number} endAngle 圆弧的终点，单位为弧度
+   * @param {number} [anticlockwise=true] 圆弧绘制方向，true：逆时针绘制，false：顺时针绘制。
+   */
+  arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise: boolean): void
+
+  /**
+   * 根据控制点和半径绘制圆弧路径，使用当前的描点 (前一个 moveTo 或 lineTo 等函数的止点)。根据当前描点与给定的控制点 1 连接的直线，和控制点 1 与控制点 2 连接的直线，作为使用指定半径的圆的切线，画出两条切线之间的弧线路径
+   * @param {number} x1 第一个控制点的 x 轴坐标
+   * @param {number} y1 第一个控制点的 y 轴坐标
+   * @param {number} x2 第二个控制点的 x 轴坐标
+   * @param {number} y2 第二个控制点的 y 轴坐标
+   * @param {number} radius 圆弧的半径
+   */
+  arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void
+
+  /**
+   * 开始创建一个路径。需要调用 fill 或者 stroke 才会使用路径进行填充或描边
+   */
+  beginPath(): void
+
+  /**
+   * 绘制三次贝赛尔曲线路径
+   * @param {number} cp1x 第一个控制点的 x 轴坐标
+   * @param {number} cp1y 第一个控制点的 y 轴坐标
+   * @param {number} cp2x 第二个控制点的 x 轴坐标
+   * @param {number} cp2y 第二个控制点的 y 轴坐标
+   * @param {number} x 结束点的 x 轴坐标
+   * @param {number} y 结束点的 y 轴坐标
+   */
+  bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void
+
+  /**
+   * 清除画布上在该矩形区域内的内容
+   * @param {number} x 矩形起点的 x 轴坐标
+   * @param {number} y 矩形起点的 y 轴坐标
+   * @param {number} width 矩形的宽度
+   * @param {number} height 矩形的高度
+   */
+  clearRect(x: number, y: number, width: number, height: number): void
+
+  /**
+   * 将当前创建的路径设置为当前剪切路径
+   */
+  clip(): void
+
+  /**
+   * 关闭一个路径
+   */
+  closePath(): void
+
+  /**
+   * 对指定的图像创建模式的方法，可在指定的方向上重复元图像
+   * @param {string} image 重复的图像源，支持代码包路径和本地临时路径 (本地路径)
+   * @param {string} repetition 如何重复图像
+   */
+  createPattern(image: Image, repetition: string): CanvasPattern
+
+  /**
+   * 创建一个线性的渐变颜色。返回的CanvasGradient对象需要使用 CanvasGradient.addColorStop() 来指定渐变点，至少要两个
+   * @param {number} x0 起点的 x 坐标
+   * @param {number} y0 起点的 y 坐标
+   * @param {number} x1 终点的 x 坐标
+   * @param {number} y1 终点的 y 坐标
+   */
+  createLinearGradient(x0: number, y0: number, x1: number, y1: number): CanvasGradient
+
+  /**
+  * 根据参数确定两个圆的坐标，绘制放射性渐变
+  * @param {number} x0 开始圆形的 x 轴坐标
+  * @param {number} y0 开始圆形的 y 轴坐标
+  * @param {number} r0 开始圆形的半径
+  * @param {number} x1 结束圆形的 x 轴坐标
+  * @param {number} y1 结束圆形的 y 轴坐标
+  * @param {number} r1 结束圆形的半径 
+  */
+  createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number, r01: number): CanvasGradient
+
+  /**
+   * 将之前在绘图上下文中的描述（路径、变形、样式）画到 canvas 中
+  */
+  draw(): void
+
+  /**
+   * 绘制图像到画布
+   * @param {string} imageResource 所要绘制的图片资源
+   * @param {number} sx 需要绘制到画布中的，imageResource的矩形（裁剪）选择框的左上角 x 坐标
+   * @param {number} sy 需要绘制到画布中的，imageResource的矩形（裁剪）选择框的左上角 y 坐标
+   * @param {number} sWidth 需要绘制到画布中的，imageResource的矩形（裁剪）选择框的宽度
+   * @param {number} sHeight 需要绘制到画布中的，imageResource的矩形（裁剪）选择框的高度
+   * @param {number} dx imageResource的左上角在目标 canvas 上 x 轴的位置
+   * @param {number} dy imageResource的左上角在目标 canvas 上 y 轴的位置
+   * @param {number} dWidth 在目标画布上绘制imageResource的宽度，允许对绘制的imageResource进行缩放
+   * @param {number} dHeight 在目标画布上绘制imageResource的高度，允许对绘制的imageResource进行缩放
+   */
+  drawImage(imageResource: Image, sx: number, sy: number, sWidth: number, sHeight: number, dx: number, dy: number, dWidth: number, dHeight: number): void
+
+  /**
+   * 对当前路径中的内容进行填充
+   */
+  fill(): void
+
+    /**
+   * 对当前路径中的内容进行填充
+   * @param {string} fillRule 填充当前或已存在的路径的方法。采取非零环绕(nonzero)或者奇偶环绕(evenodd)规则
+   */
+  fill(fillRule: "nonzero" | "evenodd"): void
+
+  /**
+   * 对指定路径中的内容进行填充
+   * @param {string} path 填充路径
+   * @param {string} fillRule 填充当前或已存在的路径的方法。采取非零环绕(nonzero)或者奇偶环绕(evenodd)规则
+   */
+  fill(path: Path2D, fillRule: "nonzero" | "evenodd"): void
+
+  /**
+   *填充一个矩形。用 setFillStyle 设置矩形的填充色，如果没设置默认是黑色
+   * @param {number} x 矩形起点的 x 轴坐标
+   * @param {number} y 矩形起点的 y 轴坐标
+   * @param {number} width 矩形的宽度
+   * @param {number} height 矩形的高度
+   */
+  fillRect(x: number, y: number, width: number, height: number): void
+
+
+  /**
+   * 在填充线时使用虚线模式, 它使用一组值来指定描述模式的线和间隙的交替长度。
+   * @ret {segments} Array<number>一组描述交替绘制线段和间距（坐标空间单位）长度的数字
+   */
+  getLineDash(): Array<number>
+
+  /**
+   * 返回一个Boolean 标记上下文是否已经丢失
+   */
+  isContextLost(): Boolean
+
+  /**
+   * 在画布上绘制文本
+   * @param {string} text 要渲染的文本字符串
+   * @param {number} x 开始绘制文本的点的 X 轴坐标
+   * @param {number} y 开始绘制文本的点的 X 轴坐标
+   * @param {number} maxWidth 需要绘制的最大宽度
+   */
+  fillText(text: string, x: number, y: number, maxWidth: number): void
+
+  /**
+  * 增加一个新点，然后创建一条从上次指定点到目标点的线。用 stroke 方法来画线条
+  * @param {number} x 目标位置的 x 坐标
+  * @param {number} y 目标位置的 y 坐标
+  */
+  lineTo(x: number, y: number): void
+
+  /**
+  * 测量文本尺寸信息。目前仅返回文本宽度
+  * @param {number} text 要渲测量的文本字符串
+  */
+  measureText(text: string): TextMetrics
+
+  /**
+  * 把路径移动到画布中的指定点
+  * @param {number} x 目标位置的 x 坐标
+  * @param {number} y 目标位置的 y 坐标
+  */
+  moveTo(x: number, y: number): void
+
+  /**
+  * 创建二次贝塞尔曲线路径
+  * @param {number} cpx 贝塞尔控制点的 x 坐标
+  * @param {number} cpy 贝塞尔控制点的 y 坐标   
+  * @param {number} x 结束点的 x 坐标
+  * @param {number} y 结束点的 y 坐标
+  */
+  quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void
+
+  /**
+  * 创建一个矩形路径
+  * @param {number} x 矩形路径起点的 x 轴坐标
+  * @param {number} y 矩形路径起点的 y 轴坐标
+  * @param {number} width 矩形路径的宽度
+  * @param {number} height 矩形路径的高度
+  */
+  rect(x: number, y: number, width: number, height: number): void
+
+  /**
+   * 恢复之前保存的绘图上下文
+   */
+  restore(): void
+
+  /**
+   * 以原点为中心顺时针旋转当前坐标轴
+   * @param {rotate} 旋转角度，以弧度计 degrees * Math.PI/180；degrees 范围为 0-360
+   */
+  rotate(rotate: number): void
+
+  /**
+   * 保存绘图上下文
+   */
+  save(): void
+
+  /**
+   * 缩放变换
+   * @param {x} 水平方向的缩放因子
+   * @param {y} 垂直方向的缩放因子
+   */
+  scale(x: number, y: number): void
+
+  /**
+   * 在填充线时使用虚线模式, 它使用一组值来指定描述模式的线和间隙的交替长度。
+   * @param {segments} Array<number>一组描述交替绘制线段和间距（坐标空间单位）长度的数字
+   */
+  setLineDash(segments: Array<number>): void
+
+  /**
+   * 画出当前路径的边框。默认颜色色为黑色
+   */
+  stroke(): void
+
+  /**
+   * 画出指定路径的边框。默认颜色色为黑色
+   * @param {path} Path2D
+   */
+  stroke(path: Path2D): void
+
+  /**
+   * 画一个矩形(非填充)
+   * @param {number} x 矩形起点的 x 轴坐标
+   * @param {number} y 矩形起点的 y 轴坐标
+   * @param {number} width 矩形的宽度
+   * @param {number} height 矩形的高度
+   */
+  strokeRect(x: number, y: number, width: number, height: number): void
+
+  /**
+   * 文本描边
+   * @param {string} text 要渲染的文本字符串
+   * @param {number} x 开始绘制文本的点的 X 轴坐标
+   * @param {number} y 开始绘制文本的点的 X 轴坐标
+   * @param {number} maxWidth 需要绘制的最大宽度
+   */
+  strokeText(text: string, x: number, y: number, maxWidth: number): void
+
+  /**
+   * 使用矩阵多次叠加当前变换，矩阵由方法的参数进行描述。可以缩放、旋转、移动和倾斜上下文
+   * @param {number} scaleX 水平缩放
+   * @param {number} skewY 垂直倾斜
+   * @param {number} skewX 水平倾斜
+   * @param {number} scaleY 垂直缩放
+   * @param {number} translateX 水平移动
+   * @param {number} translateY 垂直移动
+   */
+  transform(scaleX: Number, skewY: number, skewX: number, scaleY: number, translateX: number, translateY: number): void
+
+  /**
+   * 使用单位矩阵重新设置（覆盖）当前的变换并调用变换
+   * @param {number} scaleX 水平缩放
+   * @param {number} skewY 垂直倾斜
+   * @param {number} skewX 水平倾斜
+   * @param {number} scaleY 垂直缩放
+   * @param {number} translateX 水平移动
+   * @param {number} translateY 垂直移动
+   */
+  setTransform(scaleX: Number, skewY: Number, skewX: Number, scaleY: Number, translateX: Number, translateY: Number): void
+
+  /**
+   * 使用单位矩阵重新设置当前变换
+   */
+  resetTransform(): void
+
+  /**
+   * 当前网格添加平移变换
+   * @param {number} translateX 水平方向的移动距离
+   * @param {number} translateY 垂直方向的移动距离
+   */
+  translate(translateX: number, translateY: number): void
+}