deckgl-expansion 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 米斯特呜
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,27 @@
+# deckgl-expansion
+
+前端工具库，提供常用工具函数
+
+## 安装
+
+```bash
+pnpm install deckgl-expansion
+```
+
+## 使用
+
+```typescript
+import { add, subtract, multiply, divide } from 'deckgl-expansion'
+
+console.log(add(1, 2)) // 3
+console.log(subtract(5, 3)) // 2
+console.log(multiply(2, 4)) // 8
+console.log(divide(10, 2)) // 5
+```
+
+## 发布
+
+```bash
+pnpm run build
+npm publish
+```

package/dist/lib/index.es.js

@@ -0,0 +1,824 @@
+var W = Object.defineProperty;
+var E = (n, t, e) => t in n ? W(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var b = (n, t, e) => E(n, typeof t != "symbol" ? t + "" : t, e);
+import { Layer as $ } from "@deck.gl/core";
+function G() {
+}
+function N(n) {
+  return Object.getOwnPropertySymbols(n).filter((t) => Object.prototype.propertyIsEnumerable.call(n, t));
+}
+function P(n) {
+  return n == null ? n === void 0 ? "[object Undefined]" : "[object Null]" : Object.prototype.toString.call(n);
+}
+const K = "[object RegExp]", k = "[object String]", q = "[object Number]", Z = "[object Boolean]", z = "[object Arguments]", _ = "[object Symbol]", H = "[object Date]", J = "[object Map]", Q = "[object Set]", tt = "[object Array]", et = "[object Function]", it = "[object ArrayBuffer]", j = "[object Object]", nt = "[object Error]", st = "[object DataView]", ot = "[object Uint8Array]", rt = "[object Uint8ClampedArray]", ct = "[object Uint16Array]", at = "[object Uint32Array]", lt = "[object BigUint64Array]", ht = "[object Int8Array]", ut = "[object Int16Array]", ft = "[object Int32Array]", dt = "[object BigInt64Array]", gt = "[object Float32Array]", xt = "[object Float64Array]";
+function V(n) {
+  if (!n || typeof n != "object")
+    return !1;
+  const t = Object.getPrototypeOf(n);
+  return t === null || t === Object.prototype || Object.getPrototypeOf(t) === null ? Object.prototype.toString.call(n) === "[object Object]" : !1;
+}
+function yt(n, t) {
+  return n === t || Number.isNaN(n) && Number.isNaN(t);
+}
+function pt(n, t, e) {
+  return m(n, t, void 0, void 0, void 0, void 0, e);
+}
+function m(n, t, e, i, s, o, c) {
+  const a = c(n, t, e, i, s, o);
+  if (a !== void 0)
+    return a;
+  if (typeof n == typeof t)
+    switch (typeof n) {
+      case "bigint":
+      case "string":
+      case "boolean":
+      case "symbol":
+      case "undefined":
+        return n === t;
+      case "number":
+        return n === t || Object.is(n, t);
+      case "function":
+        return n === t;
+      case "object":
+        return w(n, t, o, c);
+    }
+  return w(n, t, o, c);
+}
+function w(n, t, e, i) {
+  if (Object.is(n, t))
+    return !0;
+  let s = P(n), o = P(t);
+  if (s === z && (s = j), o === z && (o = j), s !== o)
+    return !1;
+  switch (s) {
+    case k:
+      return n.toString() === t.toString();
+    case q: {
+      const r = n.valueOf(), l = t.valueOf();
+      return yt(r, l);
+    }
+    case Z:
+    case H:
+    case _:
+      return Object.is(n.valueOf(), t.valueOf());
+    case K:
+      return n.source === t.source && n.flags === t.flags;
+    case et:
+      return n === t;
+  }
+  e = e ?? /* @__PURE__ */ new Map();
+  const c = e.get(n), a = e.get(t);
+  if (c != null && a != null)
+    return c === t;
+  e.set(n, t), e.set(t, n);
+  try {
+    switch (s) {
+      case J: {
+        if (n.size !== t.size)
+          return !1;
+        for (const [r, l] of n.entries())
+          if (!t.has(r) || !m(l, t.get(r), r, n, t, e, i))
+            return !1;
+        return !0;
+      }
+      case Q: {
+        if (n.size !== t.size)
+          return !1;
+        const r = Array.from(n.values()), l = Array.from(t.values());
+        for (let f = 0; f < r.length; f++) {
+          const h = r[f], u = l.findIndex((d) => m(h, d, void 0, n, t, e, i));
+          if (u === -1)
+            return !1;
+          l.splice(u, 1);
+        }
+        return !0;
+      }
+      case tt:
+      case ot:
+      case rt:
+      case ct:
+      case at:
+      case lt:
+      case ht:
+      case ut:
+      case ft:
+      case dt:
+      case gt:
+      case xt: {
+        if (typeof Buffer < "u" && Buffer.isBuffer(n) !== Buffer.isBuffer(t) || n.length !== t.length)
+          return !1;
+        for (let r = 0; r < n.length; r++)
+          if (!m(n[r], t[r], r, n, t, e, i))
+            return !1;
+        return !0;
+      }
+      case it:
+        return n.byteLength !== t.byteLength ? !1 : w(new Uint8Array(n), new Uint8Array(t), e, i);
+      case st:
+        return n.byteLength !== t.byteLength || n.byteOffset !== t.byteOffset ? !1 : w(new Uint8Array(n), new Uint8Array(t), e, i);
+      case nt:
+        return n.name === t.name && n.message === t.message;
+      case j: {
+        if (!(w(n.constructor, t.constructor, e, i) || V(n) && V(t)))
+          return !1;
+        const l = [...Object.keys(n), ...N(n)], f = [...Object.keys(t), ...N(t)];
+        if (l.length !== f.length)
+          return !1;
+        for (let h = 0; h < l.length; h++) {
+          const u = l[h], d = n[u];
+          if (!Object.hasOwn(t, u))
+            return !1;
+          const x = t[u];
+          if (!m(d, x, u, n, t, e, i))
+            return !1;
+        }
+        return !0;
+      }
+      default:
+        return !1;
+    }
+  } finally {
+    e.delete(n), e.delete(t);
+  }
+}
+function mt(n, t) {
+  return pt(n, t, G);
+}
+const wt = Object.prototype.hasOwnProperty, y = typeof Symbol < "u" ? Symbol.toStringTag : void 0;
+function bt(n) {
+  if (n === null)
+    return n === void 0 ? "[object Undefined]" : "[object Null]";
+  if (!(y && y in Object(n)))
+    return toString.call(n);
+  const t = wt.call(n, y), e = n[y];
+  let i = !1;
+  try {
+    n[y] = void 0, i = !0;
+  } catch {
+  }
+  const s = Object.prototype.toString.call(n);
+  return i && (t ? n[y] = e : delete n[y]), s;
+}
+function p(n) {
+  if (!jt(n))
+    return !1;
+  const t = bt(n);
+  return t === "[object Function]" || t === "[object AsyncFunction]" || t === "[object GeneratorFunction]" || t === "[object Proxy]";
+}
+function jt(n) {
+  const t = typeof n;
+  return n !== null && (t === "object" || t === "function");
+}
+function At(n) {
+  return n == null ? !1 : typeof n == "string" || n.constructor !== null && n.constructor === String;
+}
+function A(n) {
+  return Object.prototype.toString.call(n) === "[object Number]" && !isNaN(n);
+}
+function vt(n) {
+  return Array.isArray(n);
+}
+function St(n, t) {
+  console.warn(`${t}: ${n}`);
+}
+const Y = {};
+function Ot(n, t) {
+  Y[t] || (St(t, n), Y[t] = !0);
+}
+function It(n, t) {
+  return n - t * Math.floor(n / t);
+}
+function g(n) {
+  return n != null && !isNaN(n);
+}
+function Tt(n, t = {}) {
+  let e, i;
+  if (n.forEach(function(c) {
+    switch (c.header.parameterCategory + "," + c.header.parameterNumber) {
+      case "1,2":
+      case "2,2":
+        e = c;
+        break;
+      case "1,3":
+      case "2,3":
+        i = c;
+        break;
+    }
+  }), !i || !e)
+    return;
+  const s = e.header;
+  return new B({
+    xmin: s.lo1,
+    // 一般格点数据是按照矩形范围来切割，所以定义其经纬度范围
+    ymin: s.la1,
+    xmax: s.lo2,
+    ymax: s.la2,
+    deltaX: s.dx,
+    // x（经度）增量
+    deltaY: s.dy,
+    // y（维度）增量
+    cols: s.nx,
+    // 列（可由 `(xmax - xmin) / deltaX` 得到）
+    rows: s.ny,
+    // 行
+    us: e.data,
+    // U分量
+    vs: i.data,
+    // V分量
+    ...t
+  });
+}
+function Ct(n, t, e, i) {
+  if (typeof document < "u") {
+    const s = document.createElement("canvas");
+    return s.width = n * e, s.height = t * e, s;
+  } else
+    return new i(n * e, t * e);
+}
+function Mt(n) {
+  return n ? (n.parentNode && n.parentNode.removeChild(n), n) : null;
+}
+class L {
+  constructor(t, e) {
+    this.u = t, this.v = e, this.m = this.magnitude();
+  }
+  /**
+   * 向量值（这里指风速）
+   * @returns {Number}
+   */
+  magnitude() {
+    return Math.sqrt(this.u ** 2 + this.v ** 2);
+  }
+  /**
+   * 流体方向 （这里指风向，范围为0-360º）
+   * N is 0º and E is 90º
+   * @returns {Number}
+   */
+  directionTo() {
+    let e = Math.atan2(this.u, this.v) * (180 / Math.PI);
+    return e < 0 && (e += 360), e;
+  }
+  /**
+   * Angle in degrees (0 to 360º) From x-->
+   * N is 0º and E is 90º
+   * @returns {Number}
+   */
+  directionFrom() {
+    return (this.directionTo() + 180) % 360;
+  }
+}
+class B {
+  constructor(t) {
+    this.grid = [], this.xmin = t.xmin, this.xmax = t.xmax, this.ymin = t.ymin, this.ymax = t.ymax, this.cols = t.cols, this.rows = t.rows, this.us = t.us, this.vs = t.vs, this.deltaX = t.deltaX, this.deltaY = t.deltaY, this.flipY = !!t.flipY, this.ymin = Math.min(t.ymax, t.ymin), this.ymax = Math.max(t.ymax, t.ymin), this.deltaY < 0 && this.ymin < this.ymax || (t.flipY === void 0 && (this.flipY = !0), console.warn("[wind-core]: The data is flipY")), this.isFields = !0;
+    const e = Math.ceil((this.xmax - this.xmin) / t.deltaX), i = Math.ceil((this.ymax - this.ymin) / t.deltaY);
+    (e !== this.cols || i !== this.rows) && console.warn("[wind-core]: The data grid not equal"), this.isContinuous = Math.floor(this.cols * t.deltaX) >= 360, this.translateX = "translateX" in t ? t.translateX : this.xmax > 180, "wrappedX" in t && Ot("[wind-core]: ", "`wrappedX` namespace will deprecated please use `translateX` instead！"), this.wrapX = !!t.wrapX, this.grid = this.buildGrid(), this.range = this.calculateRange();
+  }
+  // from https://github.com/sakitam-fdd/wind-layer/blob/95368f9433/src/windy/windy.js#L110
+  buildGrid() {
+    const t = [];
+    let e = 0;
+    const { rows: i, cols: s, us: o, vs: c } = this;
+    for (let a = 0; a < i; a++) {
+      const r = [];
+      for (let l = 0; l < s; l++, e++) {
+        const f = o[e], h = c[e], u = this.isValid(f) && this.isValid(h);
+        r[l] = u ? new L(f, h) : null;
+      }
+      this.isContinuous && r.push(r[0]), t[a] = r;
+    }
+    return t;
+  }
+  /**
+   * release data
+   */
+  release() {
+    this.grid = [];
+  }
+  /**
+   * grib data extent
+   * 格点数据范围
+   */
+  extent() {
+    return [this.xmin, this.ymin, this.xmax, this.ymax];
+  }
+  /**
+   * Bilinear interpolation for Vector
+   * 针对向量进行双线性插值
+   * https://en.wikipedia.org/wiki/Bilinear_interpolation
+   * @param   {Number} x
+   * @param   {Number} y
+   * @param   {Number[]} g00
+   * @param   {Number[]} g10
+   * @param   {Number[]} g01
+   * @param   {Number[]} g11
+   * @returns {Vector}
+   */
+  bilinearInterpolateVector(t, e, i, s, o, c) {
+    const a = 1 - t, r = 1 - e, l = a * r, f = t * r, h = a * e, u = t * e, d = i.u * l + s.u * f + o.u * h + c.u * u, x = i.v * l + s.v * f + o.v * h + c.v * u;
+    return new L(d, x);
+  }
+  /**
+   * calculate vector value range
+   */
+  calculateRange() {
+    if (!this.grid || !this.grid[0])
+      return;
+    const t = this.grid.length, e = this.grid[0].length;
+    let i, s;
+    for (let o = 0; o < t; o++)
+      for (let c = 0; c < e; c++) {
+        const a = this.grid[o][c];
+        if (a !== null) {
+          const r = a.m || a.magnitude();
+          i === void 0 ? i = r : s === void 0 ? (s = r, i = Math.min(i, s), s = Math.max(i, s)) : (i = Math.min(r, i), s = Math.max(r, s));
+        }
+      }
+    return [i, s];
+  }
+  /**
+   * 检查 uv是否合法
+   * @param x
+   * @private
+   */
+  isValid(t) {
+    return t != null;
+  }
+  getWrappedLongitudes() {
+    let t = this.xmin, e = this.xmax;
+    return this.translateX && (this.isContinuous ? (t = -180, e = 180) : (e = this.xmax - 360, t = this.xmin - 360)), [t, e];
+  }
+  contains(t, e) {
+    const [i, s] = this.getWrappedLongitudes();
+    s > 180 && t >= -180 && t <= s - 360 ? t += 360 : i < -180 && t <= 180 && t >= i + 360 && (t -= 360);
+    const o = t >= i && t <= s;
+    let c;
+    return this.deltaY >= 0 ? c = e >= this.ymin && e <= this.ymax : c = e >= this.ymax && e <= this.ymin, o && c;
+  }
+  /**
+   * 获取经纬度所在的位置索引
+   * @param lon
+   * @param lat
+   */
+  getDecimalIndexes(t, e) {
+    const i = It(t - this.xmin, 360) / this.deltaX;
+    if (this.flipY) {
+      const s = (this.ymax - e) / this.deltaY;
+      return [i, s];
+    } else {
+      const s = (this.ymin + e) / this.deltaY;
+      return [i, s];
+    }
+  }
+  /**
+   * Nearest value at lon-lat coordinates
+   * 线性插值
+   * @param lon
+   * @param lat
+   */
+  valueAt(t, e) {
+    let i = !1;
+    if ((this.wrapX || this.contains(t, e)) && (i = !0), !i)
+      return null;
+    const s = this.getDecimalIndexes(t, e), o = Math.floor(s[0]), c = Math.floor(s[1]), a = this.clampColumnIndex(o), r = this.clampRowIndex(c);
+    return this.valueAtIndexes(a, r);
+  }
+  /**
+   * Get interpolated grid value lon-lat coordinates
+   * 双线性插值
+   * @param lon
+   * @param lat
+   */
+  interpolatedValueAt(t, e) {
+    let i = !1;
+    if ((this.wrapX || this.contains(t, e)) && (i = !0), !i)
+      return null;
+    const [s, o] = this.getDecimalIndexes(t, e);
+    return this.interpolatePoint(s, o);
+  }
+  hasValueAt(t, e) {
+    return this.valueAt(t, e) !== null;
+  }
+  /**
+   * 基于向量的双线性插值
+   * @param i
+   * @param j
+   */
+  interpolatePoint(t, e) {
+    const i = this.getFourSurroundingIndexes(t, e), [s, o, c, a] = i, r = this.getFourSurroundingValues(s, o, c, a);
+    if (r) {
+      const [l, f, h, u] = r;
+      return this.bilinearInterpolateVector(t - s, e - c, l, f, h, u);
+    }
+    return null;
+  }
+  /**
+   * Check the column index is inside the field,
+   * adjusting to min or max when needed
+   * @private
+   * @param   {Number} ii - index
+   * @returns {Number} i - inside the allowed indexes
+   */
+  clampColumnIndex(t) {
+    let e = t;
+    t < 0 && (e = 0);
+    const i = this.cols - 1;
+    return t > i && (e = i), e;
+  }
+  /**
+   * Check the row index is inside the field,
+   * adjusting to min or max when needed
+   * @private
+   * @param   {Number} jj index
+   * @returns {Number} j - inside the allowed indexes
+   */
+  clampRowIndex(t) {
+    let e = t;
+    t < 0 && (e = 0);
+    const i = this.rows - 1;
+    return t > i && (e = i), e;
+  }
+  /**
+   * 计算索引位置周围的数据
+   * @private
+   * @param   {Number} i - decimal index
+   * @param   {Number} j - decimal index
+   * @returns {Array} [fi, ci, fj, cj]
+   */
+  getFourSurroundingIndexes(t, e) {
+    const i = Math.floor(t);
+    let s = i + 1;
+    this.isContinuous && s >= this.cols && (s = 0), s = this.clampColumnIndex(s);
+    const o = this.clampRowIndex(Math.floor(e)), c = this.clampRowIndex(o + 1);
+    return [i, s, o, c];
+  }
+  /**
+   * Get four surrounding values or null if not available,
+   * from 4 integer indexes
+   * @private
+   * @param   {Number} fi
+   * @param   {Number} ci
+   * @param   {Number} fj
+   * @param   {Number} cj
+   * @returns {Array}
+   */
+  getFourSurroundingValues(t, e, i, s) {
+    let o;
+    if (o = this.grid[i]) {
+      const c = o[t], a = o[e];
+      if (this.isValid(c) && this.isValid(a) && (o = this.grid[s])) {
+        const r = o[t], l = o[e];
+        if (this.isValid(r) && this.isValid(l))
+          return [c, a, r, l];
+      }
+    }
+    return null;
+  }
+  /**
+   * Value for grid indexes
+   * @param   {Number} i - column index (integer)
+   * @param   {Number} j - row index (integer)
+   * @returns {Vector|Number}
+   */
+  valueAtIndexes(t, e) {
+    return this.grid[e][t];
+  }
+  /**
+   * Lon-Lat for grid indexes
+   * @param   {Number} i - column index (integer)
+   * @param   {Number} j - row index (integer)
+   * @returns {Number[]} [lon, lat]
+   */
+  lonLatAtIndexes(t, e) {
+    const i = this.longitudeAtX(t), s = this.latitudeAtY(e);
+    return [i, s];
+  }
+  /**
+   * Longitude for grid-index
+   * @param   {Number} i - column index (integer)
+   * @returns {Number} longitude at the center of the cell
+   */
+  longitudeAtX(t) {
+    const e = this.deltaX / 2;
+    let i = this.xmin + e + t * this.deltaX;
+    return this.translateX && (i = i > 180 ? i - 360 : i), i;
+  }
+  /**
+   * Latitude for grid-index
+   * @param   {Number} j - row index (integer)
+   * @returns {Number} latitude at the center of the cell
+   */
+  latitudeAtY(t) {
+    const e = this.deltaY / 2;
+    return this.ymax - e - t * this.deltaY;
+  }
+  /**
+   * 生成粒子位置
+   * @param o
+   * @param width
+   * @param height
+   * @param unproject
+   * @return IPosition
+   */
+  randomize(t = {}, e, i, s) {
+    const o = Math.random() * (e || this.cols) | 0, c = Math.random() * (i || this.rows) | 0, a = s([o, c]);
+    return a !== null ? (t.x = a[0], t.y = a[1]) : (t.x = this.longitudeAtX(o), t.y = this.latitudeAtY(c)), t;
+  }
+  /**
+   * 判断是否是 `Field` 的实例
+   * @return boolean
+   */
+  checkFields() {
+    return this.isFields;
+  }
+}
+const U = {
+  globalAlpha: 0.9,
+  // 全局透明度
+  lineWidth: 1,
+  // 线条宽度
+  colorScale: "#fff",
+  velocityScale: 1 / 25,
+  // particleAge: 90,
+  maxAge: 90,
+  // alias for particleAge
+  // particleMultiplier: 1 / 300, // TODO: PATHS = Math.round(width * height * particleMultiplier);
+  paths: 800,
+  frameRate: 20,
+  useCoordsDraw: !0
+};
+function R(n, t, e, i) {
+  return Math.max(0, Math.min(i.length - 1, Math.round((n - t) / (e - t) * (i.length - 1))));
+}
+const S = class S {
+  constructor(t, e, i) {
+    if (this.particles = [], this.generated = !1, this.ctx = t, !this.ctx)
+      throw new Error("ctx error");
+    this.animate = this.animate.bind(this), this.setOptions(e), i && this.updateData(i);
+  }
+  /**
+   * 设置配置项
+   * @param options
+   */
+  setOptions(t) {
+    this.options = { ...U, ...t };
+    const { width: e, height: i } = this.ctx.canvas;
+    "particleAge" in t && !("maxAge" in t) && A(this.options.particleAge) && (this.options.maxAge = this.options.particleAge), "particleMultiplier" in t && !("paths" in t) && A(this.options.particleMultiplier) && (this.options.paths = Math.round(e * i * this.options.particleMultiplier)), this.prerender();
+  }
+  /**
+   * 获取配置项
+   */
+  getOptions() {
+    return this.options;
+  }
+  /**
+   * 更新数据
+   * @param field
+   */
+  updateData(t) {
+    this.field = t, this.generated && (this.particles = this.prepareParticlePaths());
+  }
+  // @ts-ignore
+  project(...t) {
+    throw new Error("project must be overriden");
+  }
+  // @ts-ignore
+  unproject(...t) {
+    throw new Error("unproject must be overriden");
+  }
+  /**
+   * 判断位置是否在当前视窗内
+   * @param coordinates
+   */
+  intersectsCoordinate(t) {
+    throw new Error("must be overriden");
+  }
+  /**
+   * 清空当前画布
+   */
+  clearCanvas() {
+    this.stop(), this.ctx.clearRect(0, 0, this.ctx.canvas.width, this.ctx.canvas.height), this.forceStop = !1;
+  }
+  isStop() {
+    return !this.starting;
+  }
+  /**
+   * 启动粒子动画
+   */
+  start() {
+    this.starting = !0, this.forceStop = !1, this.then = Date.now(), this.animate();
+  }
+  /**
+   * 停止粒子动画
+   */
+  stop() {
+    cancelAnimationFrame(this.animationLoop), this.starting = !1, this.forceStop = !0;
+  }
+  animate() {
+    this.animationLoop && cancelAnimationFrame(this.animationLoop), this.animationLoop = requestAnimationFrame(this.animate);
+    const t = Date.now(), e = t - this.then;
+    e > this.options.frameRate && (this.then = t - e % this.options.frameRate, this.render());
+  }
+  /**
+   * 渲染前处理
+   */
+  prerender() {
+    this.generated = !1, this.field && (this.particles = this.prepareParticlePaths(), this.generated = !0, !this.starting && !this.forceStop && (this.starting = !0, this.then = Date.now(), this.animate()));
+  }
+  /**
+   * 开始渲染
+   */
+  render() {
+    this.moveParticles(), this.drawParticles(), this.postrender();
+  }
+  /**
+   * each frame render end
+   */
+  postrender() {
+  }
+  moveParticles() {
+    const { width: t, height: e } = this.ctx.canvas, i = this.particles, s = this.options.maxAge, o = p(this.options.velocityScale) ? this.options.velocityScale() : this.options.velocityScale;
+    let c = 0;
+    const a = i.length;
+    for (; c < a; c++) {
+      const r = i[c];
+      r.age > s && (r.age = 0, this.field.randomize(r, t, e, this.unproject));
+      const l = r.x, f = r.y, h = this.field.interpolatedValueAt(l, f);
+      if (h === null)
+        r.age = s;
+      else {
+        const u = l + h.u * o, d = f + h.v * o;
+        this.field.hasValueAt(u, d) ? (r.xt = u, r.yt = d, r.m = h.m) : (r.x = u, r.y = d, r.age = s);
+      }
+      r.age++;
+    }
+  }
+  fadeIn() {
+    const t = this.ctx.globalCompositeOperation;
+    this.ctx.globalCompositeOperation = "destination-in", this.ctx.fillRect(0, 0, this.ctx.canvas.width, this.ctx.canvas.height), this.ctx.globalCompositeOperation = t;
+  }
+  drawParticles() {
+    const t = this.particles;
+    this.fadeIn(), this.ctx.globalAlpha = this.options.globalAlpha, this.ctx.fillStyle = `rgba(0, 0, 0, ${this.options.globalAlpha})`, this.ctx.lineWidth = A(this.options.lineWidth) ? this.options.lineWidth : 1, this.ctx.strokeStyle = At(this.options.colorScale) ? this.options.colorScale : "#fff";
+    let e = 0;
+    const i = t.length;
+    if (this.field && i > 0) {
+      let s, o;
+      for (g(this.options.minVelocity) && g(this.options.maxVelocity) ? (s = this.options.minVelocity, o = this.options.maxVelocity) : [s, o] = this.field.range; e < i; e++)
+        this[this.options.useCoordsDraw ? "drawCoordsParticle" : "drawPixelParticle"](t[e], s, o);
+    }
+  }
+  /**
+   * 用于绘制像素粒子
+   * @param particle
+   * @param min
+   * @param max
+   */
+  drawPixelParticle(t, e, i) {
+    const s = [t.x, t.y], o = [t.xt, t.yt];
+    if (o && s && g(o[0]) && g(o[1]) && g(s[0]) && g(s[1]) && t.age <= this.options.maxAge) {
+      if (this.ctx.beginPath(), this.ctx.moveTo(s[0], s[1]), this.ctx.lineTo(o[0], o[1]), p(this.options.colorScale))
+        this.ctx.strokeStyle = this.options.colorScale(t.m);
+      else if (Array.isArray(this.options.colorScale)) {
+        const c = R(t.m, e, i, this.options.colorScale);
+        this.ctx.strokeStyle = this.options.colorScale[c];
+      }
+      p(this.options.lineWidth) && (this.ctx.lineWidth = this.options.lineWidth(t.m)), t.x = t.xt, t.y = t.yt, this.ctx.stroke();
+    }
+  }
+  /**
+   * 用于绘制坐标粒子
+   * @param particle
+   * @param min
+   * @param max
+   */
+  drawCoordsParticle(t, e, i) {
+    const s = [t.x, t.y], o = [t.xt, t.yt];
+    if (o && s && g(o[0]) && g(o[1]) && g(s[0]) && g(s[1]) && this.intersectsCoordinate(o) && t.age <= this.options.maxAge) {
+      const c = this.project(s), a = this.project(o);
+      if (c && a) {
+        if (this.ctx.beginPath(), this.ctx.moveTo(c[0], c[1]), this.ctx.lineTo(a[0], a[1]), t.x = t.xt, t.y = t.yt, p(this.options.colorScale))
+          this.ctx.strokeStyle = this.options.colorScale(t.m);
+        else if (Array.isArray(this.options.colorScale)) {
+          const r = R(t.m, e, i, this.options.colorScale);
+          this.ctx.strokeStyle = this.options.colorScale[r];
+        }
+        p(this.options.lineWidth) && (this.ctx.lineWidth = this.options.lineWidth(t.m)), this.ctx.stroke();
+      }
+    }
+  }
+  prepareParticlePaths() {
+    const { width: t, height: e } = this.ctx.canvas, i = typeof this.options.paths == "function" ? this.options.paths(this) : this.options.paths, s = [];
+    if (!this.field)
+      return [];
+    let o = 0;
+    for (; o < i; o++)
+      s.push(
+        this.field.randomize(
+          {
+            age: this.randomize()
+          },
+          t,
+          e,
+          this.unproject
+        )
+      );
+    return s;
+  }
+  randomize() {
+    return Math.floor(Math.random() * this.options.maxAge);
+  }
+};
+S.Field = B;
+let v = S;
+class Ft extends $ {
+  constructor(e) {
+    super(e);
+    b(this, "_defaultOptions", {
+      ...U
+    });
+    this.props.zIndex = this.props.zIndex || "unset";
+  }
+  initializeState() {
+    this.init();
+  }
+  shouldUpdateState({ changeFlags: e }) {
+    return e.somethingChanged;
+  }
+  updateState({ props: e, oldProps: i, context: s }) {
+    var f;
+    const { bounds: o, wind: c, windOptions: a } = this.state, r = (o == null ? void 0 : o.reduce((h, u) => h + u, 0)) || 0, l = ((f = s.viewport.getBounds()) == null ? void 0 : f.reduce((h, u) => h + u, 0)) || 0;
+    if (r !== l && this.setState({
+      bounds: s.viewport.getBounds()
+    }), (i == null ? void 0 : i.data) !== (e == null ? void 0 : e.data) && this.setData(e.data, (e == null ? void 0 : e.fieldOptions) || {}), (i == null ? void 0 : i.windOptions) !== (e == null ? void 0 : e.windOptions) && this.init(), (i == null ? void 0 : i.visible) !== e.visible && this.setVisible(e.visible), (i == null ? void 0 : i.zIndex) !== e.zIndex && this.setzIndex(String(e.zIndex) || "unset"), !mt(a, e == null ? void 0 : e.windOptions)) {
+      const h = Object.assign({}, a, e.windOptions);
+      c.setOptions(h), this.setState({
+        windOptions: h
+      });
+    }
+  }
+  intersectsCoordinate([e, i]) {
+    const [s, o, c, a] = this.state.bounds;
+    return e >= s && e <= c && i >= o && i <= a;
+  }
+  init() {
+    var I, T, C, M, F, D, X;
+    const { viewport: e, deck: i } = this.context, s = i == null ? void 0 : i.width, o = i == null ? void 0 : i.height, c = this.getDevicePixelRatio(), a = Ct(s, o, c);
+    a.style.position = "absolute", a.style.top = "0px", a.style.left = "0px", a.style.right = "0px", a.style.bottom = "0px", a.style.width = `${s}px`, a.style.height = `${o}px`, a.style.display = (I = this.props) != null && I.visible ? "block" : "none", a.style.zIndex = ((C = (T = this.props) == null ? void 0 : T.zIndex) == null ? void 0 : C.toString()) || "unset";
+    const r = a.getContext("2d"), l = e.getBounds(), f = (M = this.props) == null ? void 0 : M.data, h = Object.assign(this._defaultOptions, ((F = this.props) == null ? void 0 : F.windOptions) || {}), u = ((D = this.props) == null ? void 0 : D.fieldOptions) || null, d = this.checkData(f, u), x = new v(r, h, d);
+    x.postrender = this.postrender.bind(this), x.project = this.cproject.bind(this), x.unproject = this.cunproject.bind(this), x.intersectsCoordinate = this.intersectsCoordinate.bind(this);
+    const O = (X = i == null ? void 0 : i.getCanvas()) == null ? void 0 : X.parentNode;
+    O && O.appendChild(a), this.setState({
+      bounds: l,
+      canvas: a,
+      wind: x,
+      windOpitons: h
+    });
+  }
+  setVisible(e) {
+    this.state.canvas.style.display = e ? "block" : "none";
+  }
+  setzIndex(e) {
+    this.state.canvas.style.zIndex = String(e) || "unset";
+  }
+  getDevicePixelRatio() {
+    return (window == null ? void 0 : window.devicePixelRatio) || 1;
+  }
+  postrender() {
+    var e, i;
+    (i = (e = this.props) == null ? void 0 : e.onPostRender) == null || i.call(e, this);
+  }
+  cproject([e, i]) {
+    const s = this.getDevicePixelRatio(), [o, c] = this.context.viewport.project([e, i, 0]);
+    return [o * s, c * s];
+  }
+  cunproject([e, i]) {
+    const s = this.context.viewport.unproject([e, i]);
+    return s ? [s[0], s[1]] : null;
+  }
+  checkData(e, i) {
+    return typeof e == "string" ? null : e && e.checkFields && e.checkFields() ? e : vt(e) ? Tt(e, i) : (console.error("Illegal data"), null);
+  }
+  setData(e, i) {
+    const s = this.checkData(e, i);
+    this.setState({
+      data: s
+    }), this.state.wind.updateData(s), this.state.wind.prerender();
+  }
+  destory() {
+    const { wind: e } = this.state;
+    e == null || e.stop(), e == null || e.clearCanvas(), Mt(this.state.canvas), this.setState({
+      canvas: null,
+      wind: null,
+      bounds: null,
+      windOptions: null,
+      fieldOptions: null
+    });
+  }
+  finalizeState() {
+    this.destory();
+  }
+}
+b(Ft, "layerName", "WindLayer");
+export {
+  Ft as WindyLayer
+};

package/dist/lib/index.umd.js

@@ -0,0 +1 @@
+(function(d,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("@deck.gl/core")):typeof define=="function"&&define.amd?define(["exports","@deck.gl/core"],g):(d=typeof globalThis<"u"?globalThis:d||self,g(d["deckgl-expansion"]={},d.Deck["gl/core"]))})(this,function(d,g){"use strict";var Ft=Object.defineProperty;var Dt=(d,g,w)=>g in d?Ft(d,g,{enumerable:!0,configurable:!0,writable:!0,value:w}):d[g]=w;var T=(d,g,w)=>Dt(d,typeof g!="symbol"?g+"":g,w);function w(){}function C(n){return Object.getOwnPropertySymbols(n).filter(t=>Object.prototype.propertyIsEnumerable.call(n,t))}function M(n){return n==null?n===void 0?"[object Undefined]":"[object Null]":Object.prototype.toString.call(n)}const G="[object RegExp]",q="[object String]",K="[object Number]",Z="[object Boolean]",F="[object Arguments]",_="[object Symbol]",H="[object Date]",J="[object Map]",Q="[object Set]",tt="[object Array]",et="[object Function]",it="[object ArrayBuffer]",A="[object Object]",nt="[object Error]",st="[object DataView]",ot="[object Uint8Array]",rt="[object Uint8ClampedArray]",ct="[object Uint16Array]",at="[object Uint32Array]",lt="[object BigUint64Array]",ht="[object Int8Array]",ut="[object Int16Array]",ft="[object Int32Array]",dt="[object BigInt64Array]",gt="[object Float32Array]",xt="[object Float64Array]";function D(n){if(!n||typeof n!="object")return!1;const t=Object.getPrototypeOf(n);return t===null||t===Object.prototype||Object.getPrototypeOf(t)===null?Object.prototype.toString.call(n)==="[object Object]":!1}function yt(n,t){return n===t||Number.isNaN(n)&&Number.isNaN(t)}function pt(n,t,e){return b(n,t,void 0,void 0,void 0,void 0,e)}function b(n,t,e,i,s,o,c){const a=c(n,t,e,i,s,o);if(a!==void 0)return a;if(typeof n==typeof t)switch(typeof n){case"bigint":case"string":case"boolean":case"symbol":case"undefined":return n===t;case"number":return n===t||Object.is(n,t);case"function":return n===t;case"object":return j(n,t,o,c)}return j(n,t,o,c)}function j(n,t,e,i){if(Object.is(n,t))return!0;let s=M(n),o=M(t);if(s===F&&(s=A),o===F&&(o=A),s!==o)return!1;switch(s){case q:return n.toString()===t.toString();case K:{const r=n.valueOf(),l=t.valueOf();return yt(r,l)}case Z:case H:case _:return Object.is(n.valueOf(),t.valueOf());case G:return n.source===t.source&&n.flags===t.flags;case et:return n===t}e=e??new Map;const c=e.get(n),a=e.get(t);if(c!=null&&a!=null)return c===t;e.set(n,t),e.set(t,n);try{switch(s){case J:{if(n.size!==t.size)return!1;for(const[r,l]of n.entries())if(!t.has(r)||!b(l,t.get(r),r,n,t,e,i))return!1;return!0}case Q:{if(n.size!==t.size)return!1;const r=Array.from(n.values()),l=Array.from(t.values());for(let f=0;f<r.length;f++){const h=r[f],u=l.findIndex(x=>b(h,x,void 0,n,t,e,i));if(u===-1)return!1;l.splice(u,1)}return!0}case tt:case ot:case rt:case ct:case at:case lt:case ht:case ut:case ft:case dt:case gt:case xt:{if(typeof Buffer<"u"&&Buffer.isBuffer(n)!==Buffer.isBuffer(t)||n.length!==t.length)return!1;for(let r=0;r<n.length;r++)if(!b(n[r],t[r],r,n,t,e,i))return!1;return!0}case it:return n.byteLength!==t.byteLength?!1:j(new Uint8Array(n),new Uint8Array(t),e,i);case st:return n.byteLength!==t.byteLength||n.byteOffset!==t.byteOffset?!1:j(new Uint8Array(n),new Uint8Array(t),e,i);case nt:return n.name===t.name&&n.message===t.message;case A:{if(!(j(n.constructor,t.constructor,e,i)||D(n)&&D(t)))return!1;const l=[...Object.keys(n),...C(n)],f=[...Object.keys(t),...C(t)];if(l.length!==f.length)return!1;for(let h=0;h<l.length;h++){const u=l[h],x=n[u];if(!Object.hasOwn(t,u))return!1;const p=t[u];if(!b(x,p,u,n,t,e,i))return!1}return!0}default:return!1}}finally{e.delete(n),e.delete(t)}}function mt(n,t){return pt(n,t,w)}const wt=Object.prototype.hasOwnProperty,m=typeof Symbol<"u"?Symbol.toStringTag:void 0;function bt(n){if(n===null)return n===void 0?"[object Undefined]":"[object Null]";if(!(m&&m in Object(n)))return toString.call(n);const t=wt.call(n,m),e=n[m];let i=!1;try{n[m]=void 0,i=!0}catch{}const s=Object.prototype.toString.call(n);return i&&(t?n[m]=e:delete n[m]),s}function v(n){if(!jt(n))return!1;const t=bt(n);return t==="[object Function]"||t==="[object AsyncFunction]"||t==="[object GeneratorFunction]"||t==="[object Proxy]"}function jt(n){const t=typeof n;return n!==null&&(t==="object"||t==="function")}function vt(n){return n==null?!1:typeof n=="string"||n.constructor!==null&&n.constructor===String}function S(n){return Object.prototype.toString.call(n)==="[object Number]"&&!isNaN(n)}function At(n){return Array.isArray(n)}function St(n,t){console.warn(`${t}: ${n}`)}const X={};function Ot(n,t){X[t]||(St(t,n),X[t]=!0)}function It(n,t){return n-t*Math.floor(n/t)}function y(n){return n!=null&&!isNaN(n)}function Tt(n,t={}){let e,i;if(n.forEach(function(c){switch(c.header.parameterCategory+","+c.header.parameterNumber){case"1,2":case"2,2":e=c;break;case"1,3":case"2,3":i=c;break}}),!i||!e)return;const s=e.header;return new P({xmin:s.lo1,ymin:s.la1,xmax:s.lo2,ymax:s.la2,deltaX:s.dx,deltaY:s.dy,cols:s.nx,rows:s.ny,us:e.data,vs:i.data,...t})}function Ct(n,t,e,i){if(typeof document<"u"){const s=document.createElement("canvas");return s.width=n*e,s.height=t*e,s}else return new i(n*e,t*e)}function Mt(n){return n?(n.parentNode&&n.parentNode.removeChild(n),n):null}class N{constructor(t,e){this.u=t,this.v=e,this.m=this.magnitude()}magnitude(){return Math.sqrt(this.u**2+this.v**2)}directionTo(){let e=Math.atan2(this.u,this.v)*(180/Math.PI);return e<0&&(e+=360),e}directionFrom(){return(this.directionTo()+180)%360}}class P{constructor(t){this.grid=[],this.xmin=t.xmin,this.xmax=t.xmax,this.ymin=t.ymin,this.ymax=t.ymax,this.cols=t.cols,this.rows=t.rows,this.us=t.us,this.vs=t.vs,this.deltaX=t.deltaX,this.deltaY=t.deltaY,this.flipY=!!t.flipY,this.ymin=Math.min(t.ymax,t.ymin),this.ymax=Math.max(t.ymax,t.ymin),this.deltaY<0&&this.ymin<this.ymax||(t.flipY===void 0&&(this.flipY=!0),console.warn("[wind-core]: The data is flipY")),this.isFields=!0;const e=Math.ceil((this.xmax-this.xmin)/t.deltaX),i=Math.ceil((this.ymax-this.ymin)/t.deltaY);(e!==this.cols||i!==this.rows)&&console.warn("[wind-core]: The data grid not equal"),this.isContinuous=Math.floor(this.cols*t.deltaX)>=360,this.translateX="translateX"in t?t.translateX:this.xmax>180,"wrappedX"in t&&Ot("[wind-core]: ","`wrappedX` namespace will deprecated please use `translateX` instead！"),this.wrapX=!!t.wrapX,this.grid=this.buildGrid(),this.range=this.calculateRange()}buildGrid(){const t=[];let e=0;const{rows:i,cols:s,us:o,vs:c}=this;for(let a=0;a<i;a++){const r=[];for(let l=0;l<s;l++,e++){const f=o[e],h=c[e],u=this.isValid(f)&&this.isValid(h);r[l]=u?new N(f,h):null}this.isContinuous&&r.push(r[0]),t[a]=r}return t}release(){this.grid=[]}extent(){return[this.xmin,this.ymin,this.xmax,this.ymax]}bilinearInterpolateVector(t,e,i,s,o,c){const a=1-t,r=1-e,l=a*r,f=t*r,h=a*e,u=t*e,x=i.u*l+s.u*f+o.u*h+c.u*u,p=i.v*l+s.v*f+o.v*h+c.v*u;return new N(x,p)}calculateRange(){if(!this.grid||!this.grid[0])return;const t=this.grid.length,e=this.grid[0].length;let i,s;for(let o=0;o<t;o++)for(let c=0;c<e;c++){const a=this.grid[o][c];if(a!==null){const r=a.m||a.magnitude();i===void 0?i=r:s===void 0?(s=r,i=Math.min(i,s),s=Math.max(i,s)):(i=Math.min(r,i),s=Math.max(r,s))}}return[i,s]}isValid(t){return t!=null}getWrappedLongitudes(){let t=this.xmin,e=this.xmax;return this.translateX&&(this.isContinuous?(t=-180,e=180):(e=this.xmax-360,t=this.xmin-360)),[t,e]}contains(t,e){const[i,s]=this.getWrappedLongitudes();s>180&&t>=-180&&t<=s-360?t+=360:i<-180&&t<=180&&t>=i+360&&(t-=360);const o=t>=i&&t<=s;let c;return this.deltaY>=0?c=e>=this.ymin&&e<=this.ymax:c=e>=this.ymax&&e<=this.ymin,o&&c}getDecimalIndexes(t,e){const i=It(t-this.xmin,360)/this.deltaX;if(this.flipY){const s=(this.ymax-e)/this.deltaY;return[i,s]}else{const s=(this.ymin+e)/this.deltaY;return[i,s]}}valueAt(t,e){let i=!1;if((this.wrapX||this.contains(t,e))&&(i=!0),!i)return null;const s=this.getDecimalIndexes(t,e),o=Math.floor(s[0]),c=Math.floor(s[1]),a=this.clampColumnIndex(o),r=this.clampRowIndex(c);return this.valueAtIndexes(a,r)}interpolatedValueAt(t,e){let i=!1;if((this.wrapX||this.contains(t,e))&&(i=!0),!i)return null;const[s,o]=this.getDecimalIndexes(t,e);return this.interpolatePoint(s,o)}hasValueAt(t,e){return this.valueAt(t,e)!==null}interpolatePoint(t,e){const i=this.getFourSurroundingIndexes(t,e),[s,o,c,a]=i,r=this.getFourSurroundingValues(s,o,c,a);if(r){const[l,f,h,u]=r;return this.bilinearInterpolateVector(t-s,e-c,l,f,h,u)}return null}clampColumnIndex(t){let e=t;t<0&&(e=0);const i=this.cols-1;return t>i&&(e=i),e}clampRowIndex(t){let e=t;t<0&&(e=0);const i=this.rows-1;return t>i&&(e=i),e}getFourSurroundingIndexes(t,e){const i=Math.floor(t);let s=i+1;this.isContinuous&&s>=this.cols&&(s=0),s=this.clampColumnIndex(s);const o=this.clampRowIndex(Math.floor(e)),c=this.clampRowIndex(o+1);return[i,s,o,c]}getFourSurroundingValues(t,e,i,s){let o;if(o=this.grid[i]){const c=o[t],a=o[e];if(this.isValid(c)&&this.isValid(a)&&(o=this.grid[s])){const r=o[t],l=o[e];if(this.isValid(r)&&this.isValid(l))return[c,a,r,l]}}return null}valueAtIndexes(t,e){return this.grid[e][t]}lonLatAtIndexes(t,e){const i=this.longitudeAtX(t),s=this.latitudeAtY(e);return[i,s]}longitudeAtX(t){const e=this.deltaX/2;let i=this.xmin+e+t*this.deltaX;return this.translateX&&(i=i>180?i-360:i),i}latitudeAtY(t){const e=this.deltaY/2;return this.ymax-e-t*this.deltaY}randomize(t={},e,i,s){const o=Math.random()*(e||this.cols)|0,c=Math.random()*(i||this.rows)|0,a=s([o,c]);return a!==null?(t.x=a[0],t.y=a[1]):(t.x=this.longitudeAtX(o),t.y=this.latitudeAtY(c)),t}checkFields(){return this.isFields}}const z={globalAlpha:.9,lineWidth:1,colorScale:"#fff",velocityScale:1/25,maxAge:90,paths:800,frameRate:20,useCoordsDraw:!0};function V(n,t,e,i){return Math.max(0,Math.min(i.length-1,Math.round((n-t)/(e-t)*(i.length-1))))}const I=class I{constructor(t,e,i){if(this.particles=[],this.generated=!1,this.ctx=t,!this.ctx)throw new Error("ctx error");this.animate=this.animate.bind(this),this.setOptions(e),i&&this.updateData(i)}setOptions(t){this.options={...z,...t};const{width:e,height:i}=this.ctx.canvas;"particleAge"in t&&!("maxAge"in t)&&S(this.options.particleAge)&&(this.options.maxAge=this.options.particleAge),"particleMultiplier"in t&&!("paths"in t)&&S(this.options.particleMultiplier)&&(this.options.paths=Math.round(e*i*this.options.particleMultiplier)),this.prerender()}getOptions(){return this.options}updateData(t){this.field=t,this.generated&&(this.particles=this.prepareParticlePaths())}project(...t){throw new Error("project must be overriden")}unproject(...t){throw new Error("unproject must be overriden")}intersectsCoordinate(t){throw new Error("must be overriden")}clearCanvas(){this.stop(),this.ctx.clearRect(0,0,this.ctx.canvas.width,this.ctx.canvas.height),this.forceStop=!1}isStop(){return!this.starting}start(){this.starting=!0,this.forceStop=!1,this.then=Date.now(),this.animate()}stop(){cancelAnimationFrame(this.animationLoop),this.starting=!1,this.forceStop=!0}animate(){this.animationLoop&&cancelAnimationFrame(this.animationLoop),this.animationLoop=requestAnimationFrame(this.animate);const t=Date.now(),e=t-this.then;e>this.options.frameRate&&(this.then=t-e%this.options.frameRate,this.render())}prerender(){this.generated=!1,this.field&&(this.particles=this.prepareParticlePaths(),this.generated=!0,!this.starting&&!this.forceStop&&(this.starting=!0,this.then=Date.now(),this.animate()))}render(){this.moveParticles(),this.drawParticles(),this.postrender()}postrender(){}moveParticles(){const{width:t,height:e}=this.ctx.canvas,i=this.particles,s=this.options.maxAge,o=v(this.options.velocityScale)?this.options.velocityScale():this.options.velocityScale;let c=0;const a=i.length;for(;c<a;c++){const r=i[c];r.age>s&&(r.age=0,this.field.randomize(r,t,e,this.unproject));const l=r.x,f=r.y,h=this.field.interpolatedValueAt(l,f);if(h===null)r.age=s;else{const u=l+h.u*o,x=f+h.v*o;this.field.hasValueAt(u,x)?(r.xt=u,r.yt=x,r.m=h.m):(r.x=u,r.y=x,r.age=s)}r.age++}}fadeIn(){const t=this.ctx.globalCompositeOperation;this.ctx.globalCompositeOperation="destination-in",this.ctx.fillRect(0,0,this.ctx.canvas.width,this.ctx.canvas.height),this.ctx.globalCompositeOperation=t}drawParticles(){const t=this.particles;this.fadeIn(),this.ctx.globalAlpha=this.options.globalAlpha,this.ctx.fillStyle=`rgba(0, 0, 0, ${this.options.globalAlpha})`,this.ctx.lineWidth=S(this.options.lineWidth)?this.options.lineWidth:1,this.ctx.strokeStyle=vt(this.options.colorScale)?this.options.colorScale:"#fff";let e=0;const i=t.length;if(this.field&&i>0){let s,o;for(y(this.options.minVelocity)&&y(this.options.maxVelocity)?(s=this.options.minVelocity,o=this.options.maxVelocity):[s,o]=this.field.range;e<i;e++)this[this.options.useCoordsDraw?"drawCoordsParticle":"drawPixelParticle"](t[e],s,o)}}drawPixelParticle(t,e,i){const s=[t.x,t.y],o=[t.xt,t.yt];if(o&&s&&y(o[0])&&y(o[1])&&y(s[0])&&y(s[1])&&t.age<=this.options.maxAge){if(this.ctx.beginPath(),this.ctx.moveTo(s[0],s[1]),this.ctx.lineTo(o[0],o[1]),v(this.options.colorScale))this.ctx.strokeStyle=this.options.colorScale(t.m);else if(Array.isArray(this.options.colorScale)){const c=V(t.m,e,i,this.options.colorScale);this.ctx.strokeStyle=this.options.colorScale[c]}v(this.options.lineWidth)&&(this.ctx.lineWidth=this.options.lineWidth(t.m)),t.x=t.xt,t.y=t.yt,this.ctx.stroke()}}drawCoordsParticle(t,e,i){const s=[t.x,t.y],o=[t.xt,t.yt];if(o&&s&&y(o[0])&&y(o[1])&&y(s[0])&&y(s[1])&&this.intersectsCoordinate(o)&&t.age<=this.options.maxAge){const c=this.project(s),a=this.project(o);if(c&&a){if(this.ctx.beginPath(),this.ctx.moveTo(c[0],c[1]),this.ctx.lineTo(a[0],a[1]),t.x=t.xt,t.y=t.yt,v(this.options.colorScale))this.ctx.strokeStyle=this.options.colorScale(t.m);else if(Array.isArray(this.options.colorScale)){const r=V(t.m,e,i,this.options.colorScale);this.ctx.strokeStyle=this.options.colorScale[r]}v(this.options.lineWidth)&&(this.ctx.lineWidth=this.options.lineWidth(t.m)),this.ctx.stroke()}}}prepareParticlePaths(){const{width:t,height:e}=this.ctx.canvas,i=typeof this.options.paths=="function"?this.options.paths(this):this.options.paths,s=[];if(!this.field)return[];let o=0;for(;o<i;o++)s.push(this.field.randomize({age:this.randomize()},t,e,this.unproject));return s}randomize(){return Math.floor(Math.random()*this.options.maxAge)}};I.Field=P;let O=I;class Y extends g.Layer{constructor(e){super(e);T(this,"_defaultOptions",{...z});this.props.zIndex=this.props.zIndex||"unset"}initializeState(){this.init()}shouldUpdateState({changeFlags:e}){return e.somethingChanged}updateState({props:e,oldProps:i,context:s}){var f;const{bounds:o,wind:c,windOptions:a}=this.state,r=(o==null?void 0:o.reduce((h,u)=>h+u,0))||0,l=((f=s.viewport.getBounds())==null?void 0:f.reduce((h,u)=>h+u,0))||0;if(r!==l&&this.setState({bounds:s.viewport.getBounds()}),(i==null?void 0:i.data)!==(e==null?void 0:e.data)&&this.setData(e.data,(e==null?void 0:e.fieldOptions)||{}),(i==null?void 0:i.windOptions)!==(e==null?void 0:e.windOptions)&&this.init(),(i==null?void 0:i.visible)!==e.visible&&this.setVisible(e.visible),(i==null?void 0:i.zIndex)!==e.zIndex&&this.setzIndex(String(e.zIndex)||"unset"),!mt(a,e==null?void 0:e.windOptions)){const h=Object.assign({},a,e.windOptions);c.setOptions(h),this.setState({windOptions:h})}}intersectsCoordinate([e,i]){const[s,o,c,a]=this.state.bounds;return e>=s&&e<=c&&i>=o&&i<=a}init(){var R,B,W,U,E,k,$;const{viewport:e,deck:i}=this.context,s=i==null?void 0:i.width,o=i==null?void 0:i.height,c=this.getDevicePixelRatio(),a=Ct(s,o,c);a.style.position="absolute",a.style.top="0px",a.style.left="0px",a.style.right="0px",a.style.bottom="0px",a.style.width=`${s}px`,a.style.height=`${o}px`,a.style.display=(R=this.props)!=null&&R.visible?"block":"none",a.style.zIndex=((W=(B=this.props)==null?void 0:B.zIndex)==null?void 0:W.toString())||"unset";const r=a.getContext("2d"),l=e.getBounds(),f=(U=this.props)==null?void 0:U.data,h=Object.assign(this._defaultOptions,((E=this.props)==null?void 0:E.windOptions)||{}),u=((k=this.props)==null?void 0:k.fieldOptions)||null,x=this.checkData(f,u),p=new O(r,h,x);p.postrender=this.postrender.bind(this),p.project=this.cproject.bind(this),p.unproject=this.cunproject.bind(this),p.intersectsCoordinate=this.intersectsCoordinate.bind(this);const L=($=i==null?void 0:i.getCanvas())==null?void 0:$.parentNode;L&&L.appendChild(a),this.setState({bounds:l,canvas:a,wind:p,windOpitons:h})}setVisible(e){this.state.canvas.style.display=e?"block":"none"}setzIndex(e){this.state.canvas.style.zIndex=String(e)||"unset"}getDevicePixelRatio(){return(window==null?void 0:window.devicePixelRatio)||1}postrender(){var e,i;(i=(e=this.props)==null?void 0:e.onPostRender)==null||i.call(e,this)}cproject([e,i]){const s=this.getDevicePixelRatio(),[o,c]=this.context.viewport.project([e,i,0]);return[o*s,c*s]}cunproject([e,i]){const s=this.context.viewport.unproject([e,i]);return s?[s[0],s[1]]:null}checkData(e,i){return typeof e=="string"?null:e&&e.checkFields&&e.checkFields()?e:At(e)?Tt(e,i):(console.error("Illegal data"),null)}setData(e,i){const s=this.checkData(e,i);this.setState({data:s}),this.state.wind.updateData(s),this.state.wind.prerender()}destory(){const{wind:e}=this.state;e==null||e.stop(),e==null||e.clearCanvas(),Mt(this.state.canvas),this.setState({canvas:null,wind:null,bounds:null,windOptions:null,fieldOptions:null})}finalizeState(){this.destory()}}T(Y,"layerName","WindLayer"),d.WindyLayer=Y,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export * from './layers/index';

package/dist/types/layers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src/windy-layer';
+export { default as WindyLayer } from './src/windy-layer';

package/dist/types/layers/src/windy-layer.d.ts

@@ -0,0 +1,36 @@
+import { Layer, LayerProps, UpdateParameters } from '@deck.gl/core';
+import { IField, IGFSItem, IOptions, WindCore } from 'wind-core';
+export interface WindLayerProps extends LayerProps {
+    data: IGFSItem[] | string;
+    windOptions?: Partial<IOptions> | undefined;
+    zIndex?: string | number;
+    fieldOptions?: Partial<IField> | undefined;
+    onPostRender?: (ctx: Layer) => void;
+}
+export default class WindyLayer extends Layer<WindLayerProps> {
+    static layerName: string;
+    private _defaultOptions;
+    constructor(props: WindLayerProps);
+    state: {
+        canvas: HTMLCanvasElement;
+        wind: WindCore;
+        bounds: [number, number, number, number];
+        windOptions: Partial<IOptions> | undefined;
+        fieldOptions: Partial<IField> | undefined;
+    };
+    initializeState(): void;
+    shouldUpdateState({ changeFlags }: UpdateParameters<this>): boolean;
+    updateState({ props, oldProps, context }: UpdateParameters<this>): void;
+    intersectsCoordinate([lng, lat]: [number, number]): boolean;
+    init(): void;
+    setVisible(visible: boolean): void;
+    setzIndex(zIndex: WindLayerProps['zIndex']): void;
+    getDevicePixelRatio(): number;
+    postrender(): void;
+    cproject([lng, lat]: [number, number]): number[];
+    cunproject([x, y]: [number, number]): number[] | null;
+    checkData(data: any, options: Partial<IField>): any;
+    setData(data: any, options: Partial<IField>): void;
+    destory(): void;
+    finalizeState(): void;
+}

package/package.json

@@ -0,0 +1,62 @@
+{
+	"name": "deckgl-expansion",
+	"version": "1.0.0",
+	"description": "",
+	"private": false,
+	"types": "dist/types/index.d.ts",
+	"files": [
+		"dist"
+	],
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/ThorSmallice/deckgl-expansion.git"
+	},
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org/"
+	},
+	"exports": {
+		".": {
+			"import": "./dist/lib/index.es.js",
+			"require": "./dist/lib/index.umd.js",
+			"types": "./dist/types/src/main.d.ts",
+			"default": "./dist/lib/index.umd.js"
+		},
+		"./*": "./*"
+	},
+	"scripts": {
+		"build": "tsc && vite build",
+		"test": "echo \"Error: no test specified\" && exit 1",
+		"push": "npm publish"
+	},
+	"keywords": [
+		"deckgl",
+		"deckgl-windy"
+	],
+	"author": "dbthor",
+	"license": "MIT",
+	"packageManager": "pnpm@10.27.0",
+	"devDependencies": {
+		"@deck.gl/core": "~9.2.0",
+		"@deck.gl/layers": "~9.2.0",
+		"@deck.gl/mapbox": "~9.2.0",
+		"@luma.gl/constants": "~9.2.6",
+		"@luma.gl/core": "~9.2.6",
+		"@luma.gl/engine": "~9.2.6",
+		"@types/node": "^25.2.1",
+		"typescript": "^5.9.3",
+		"vite": "^5.4.21",
+		"vite-plugin-dts": "^4.5.4"
+	},
+	"peerDependencies": {
+		"@deck.gl/core": "~9.2.0",
+		"@deck.gl/layers": "~9.2.0",
+		"@deck.gl/mapbox": "~9.2.0",
+		"@luma.gl/constants": "~9.2.6",
+		"@luma.gl/core": "~9.2.6",
+		"@luma.gl/engine": "~9.2.6"
+	},
+	"dependencies": {
+		"es-toolkit": "^1.44.0",
+		"wind-core": "^1.1.8"
+	}
+}