@wot-ui/ui 1.0.0 → 2.0.0-alpha.3

package/changelog.md

@@ -0,0 +1,53 @@
+# 更新日志 
+
+
+## [2.0.0-alpha.3](https://github.com/wot-ui/wot-ui/compare/v2.0.0-alpha.2...v2.0.0-alpha.3) (2026-04-06)
+
+
+### ✨ Features | 新功能
+
+* ✨ WIP ([a21ee36](https://github.com/wot-ui/wot-ui/commit/a21ee36e66e970f0e8df1e8957f57948c535aad6))
+* ✨ WIP ([f1529f3](https://github.com/wot-ui/wot-ui/commit/f1529f324285f728a2e40cf332563a2aefb596ec))
+* ✨ WIP ([3c48af8](https://github.com/wot-ui/wot-ui/commit/3c48af810294e5864de5cb79ba563de1f10e1cfa))
+
+## [2.0.0-alpha.2](https://github.com/wot-ui/wot-ui/compare/v2.0.0-alpha.1...v2.0.0-alpha.2) (2026-04-06)
+
+
+### ✨ Features | 新功能
+
+* ✨ WIP ([73317ee](https://github.com/wot-ui/wot-ui/commit/73317ee090cef1f55d8619919aa8a05b43eb1ccd))
+
+## [2.0.0-alpha.1](https://github.com/wot-ui/wot-ui/compare/v2.0.0-alpha.0...v2.0.0-alpha.1) (2026-04-06)
+
+
+### ✨ Features | 新功能
+
+* ✨ WIP ([80e884a](https://github.com/wot-ui/wot-ui/commit/80e884a96d3cb901bb3efc72231ac34bf4f7517d))
+
+## [2.0.0-alpha.0](https://github.com/wot-ui/wot-ui/compare/v1.14.0...v2.0.0-alpha.0) (2026-04-06)
+
+
+### ✏️ Documentation | 文档
+
+* ✏️  优化首页标题展示效果 ([3b6833c](https://github.com/wot-ui/wot-ui/commit/3b6833c911f6d091c8e8385078e4ef376d9b2d2a))
+
+
+### ✨ Features | 新功能
+
+* ✨ v2 初始化 ([219f4d4](https://github.com/wot-ui/wot-ui/commit/219f4d4dcdd11b9161065fc5e5fcbe67a36e0f0a))
+* ✨ WIP ([a65b6e2](https://github.com/wot-ui/wot-ui/commit/a65b6e249eb5081037a055ab998f65253cb61df8))
+* ✨ WIP ([08dc4f2](https://github.com/wot-ui/wot-ui/commit/08dc4f2759641e1db1a158bd03477f53e044de58))
+* ✨ WIP ([4b94773](https://github.com/wot-ui/wot-ui/commit/4b94773629af81e253bd27ef583a520cca9f983e))
+* ✨ WIP ([9d03ea1](https://github.com/wot-ui/wot-ui/commit/9d03ea1e2787a15359f243081f0e871e87277bba))
+* ✨ WIP ([0c75bdc](https://github.com/wot-ui/wot-ui/commit/0c75bdc84c02a5aa725308c3e4c6ca873c675c6a))
+* ✨ WIP ([ddca5c3](https://github.com/wot-ui/wot-ui/commit/ddca5c361978e2366041454b98d789f5fe94ccdd))
+* ✨ WIP ([651fc4e](https://github.com/wot-ui/wot-ui/commit/651fc4e6079010067af2895011a846257c07b0a1))
+* ✨ WIP ([83f1afb](https://github.com/wot-ui/wot-ui/commit/83f1afbd71a9ac1da6052ea0e366cac2c116ac47))
+* ✨ WIP ([105ac1b](https://github.com/wot-ui/wot-ui/commit/105ac1b9e5170bde9669b1c9088514199667b177))
+* ✨ WIP ([611bee9](https://github.com/wot-ui/wot-ui/commit/611bee9dc9b6e9e5c920aa142564fb0e04058b1b))
+* ✨ WIP ([0f5ad92](https://github.com/wot-ui/wot-ui/commit/0f5ad92c6c1baaf16009987d257622b6a2006bd4))
+* ✨ WIP ([d284db9](https://github.com/wot-ui/wot-ui/commit/d284db952157398b4a30f99b54c8f006304cbf28))
+* ✨ WIP ([19eaa47](https://github.com/wot-ui/wot-ui/commit/19eaa474a9ea7efcb63de3557c4d9a1d7198733f))
+* ✨ WIP ([8ef0b9c](https://github.com/wot-ui/wot-ui/commit/8ef0b9c3ea4ecefada742eca0a25922201c62f30))
+* ✨ WIP ([1333cc6](https://github.com/wot-ui/wot-ui/commit/1333cc6b93647369fea1f7862406b0865f6e41af))
+* ✨ WIP ([7f3f18c](https://github.com/wot-ui/wot-ui/commit/7f3f18ce60cb780d0509b7b421b133f080f9527b))

package/common/AbortablePromise.ts

@@ -0,0 +1,28 @@
+export class AbortablePromise<T> {
+  promise: Promise<T>
+  private _reject: ((res?: any) => void) | null = null
+
+  constructor(executor: (resolve: (value: T | PromiseLike<T>) => void, reject: (reason?: any) => void) => void) {
+    this.promise = new Promise<T>((resolve, reject) => {
+      executor(resolve, reject)
+      this._reject = reject // 保存reject方法的引用，以便在abort时调用
+    })
+  }
+  // 提供abort方法来中止Promise
+  abort(error?: any) {
+    if (this._reject) {
+      this._reject(error) // 调用reject方法来中止Promise
+    }
+  }
+
+  then<TResult1 = T, TResult2 = never>(
+    onfulfilled?: ((value: T) => TResult1 | PromiseLike<TResult1>) | undefined | null,
+    onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | undefined | null
+  ): Promise<TResult1 | TResult2> {
+    return this.promise.then(onfulfilled, onrejected)
+  }
+
+  catch<TResult = never>(onrejected?: ((reason: any) => TResult | PromiseLike<TResult>) | undefined | null): Promise<T | TResult> {
+    return this.promise.catch(onrejected)
+  }
+}

package/common/canvasHelper.ts

@@ -0,0 +1,49 @@
+/**
+ * 适配 canvas 2d 上下文
+ * @param ctx canvas 2d 上下文
+ * @returns
+ */
+export function canvas2dAdapter(ctx: CanvasRenderingContext2D): UniApp.CanvasContext {
+  return Object.assign(ctx, {
+    setFillStyle(color: string | CanvasGradient) {
+      ctx.fillStyle = color
+    },
+    setStrokeStyle(color: string | CanvasGradient | CanvasPattern) {
+      ctx.strokeStyle = color
+    },
+    setLineWidth(lineWidth: number) {
+      ctx.lineWidth = lineWidth
+    },
+    setLineCap(lineCap: 'butt' | 'round' | 'square') {
+      ctx.lineCap = lineCap
+    },
+
+    setFontSize(font: string) {
+      ctx.font = font
+    },
+    setGlobalAlpha(alpha: number) {
+      ctx.globalAlpha = alpha
+    },
+    setLineJoin(lineJoin: 'bevel' | 'round' | 'miter') {
+      ctx.lineJoin = lineJoin
+    },
+    setTextAlign(align: 'left' | 'center' | 'right') {
+      ctx.textAlign = align
+    },
+    setMiterLimit(miterLimit: number) {
+      ctx.miterLimit = miterLimit
+    },
+    setShadow(offsetX: number, offsetY: number, blur: number, color: string) {
+      ctx.shadowOffsetX = offsetX
+      ctx.shadowOffsetY = offsetY
+      ctx.shadowBlur = blur
+      ctx.shadowColor = color
+    },
+    setTextBaseline(textBaseline: 'top' | 'bottom' | 'middle') {
+      ctx.textBaseline = textBaseline
+    },
+    createCircularGradient() {},
+    draw() {},
+    addColorStop() {}
+  }) as unknown as UniApp.CanvasContext
+}

package/common/clickoutside.ts

@@ -0,0 +1,25 @@
+let queue: any[] = []
+
+export function pushToQueue(comp: any) {
+  queue.push(comp)
+}
+
+export function removeFromQueue(comp: any) {
+  queue = queue.filter((item) => {
+    return item.$.uid !== comp.$.uid
+  })
+}
+
+export function closeOther(comp: any) {
+  queue.forEach((item) => {
+    if (item.$.uid !== comp.$.uid) {
+      item.$.exposed.close()
+    }
+  })
+}
+
+export function closeOutside() {
+  queue.forEach((item) => {
+    item.$.exposed.close()
+  })
+}

package/common/event.ts

@@ -0,0 +1,8 @@
+export const UPDATE_MODEL_EVENT = 'update:modelValue'
+export const CHANGE_EVENT = 'change'
+export const INPUT_EVENT = 'input'
+export const CLICK_EVENT = 'click'
+export const CLOSE_EVENT = 'close'
+export const OPEN_EVENT = 'open'
+export const CONFIRM_EVENT = 'confirm'
+export const CANCEL_EVENT = 'cancel'

package/common/formatDate.ts

@@ -0,0 +1,68 @@
+/**
+ * 轻量级日期格式化工具，用于替代 dayjs
+ */
+
+/**
+ * 日期格式化函数，替代 dayjs.format()
+ * @description 将日期格式化为指定格式的字符串
+ * @param date 日期（时间戳或 Date 对象）
+ * @param format 格式模板，如 'YYYY-MM-DD HH:mm:ss'
+ * @returns 格式化后的字符串
+ *
+ * @example
+ * formatDate(Date.now(), 'YYYY-MM-DD') // '2026-02-02'
+ * formatDate(1706860800000, 'YYYY年MM月DD日') // '2026年02月02日'
+ * formatDate(new Date(), 'HH:mm:ss') // '14:30:00'
+ *
+ * 支持的 tokens:
+ * - YYYY: 4位年份
+ * - YY: 2位年份
+ * - MM: 2位月份（补零）
+ * - M: 月份
+ * - DD: 2位日期（补零）
+ * - D: 日期
+ * - HH: 2位小时（补零，24小时制）
+ * - H: 小时（24小时制）
+ * - mm: 2位分钟（补零）
+ * - m: 分钟
+ * - ss: 2位秒数（补零）
+ * - s: 秒数
+ */
+export function formatDate(date: number | Date, format: string): string {
+  const d = date instanceof Date ? date : new Date(date)
+
+  // 检查日期是否有效
+  if (isNaN(d.getTime())) {
+    return 'Invalid Date'
+  }
+
+  const year = d.getFullYear()
+  const month = d.getMonth() + 1
+  const day = d.getDate()
+  const hours = d.getHours()
+  const minutes = d.getMinutes()
+  const seconds = d.getSeconds()
+
+  // 定义 token 到值的映射（按长度降序排列以确保正确匹配）
+  const tokens: Record<string, string> = {
+    YYYY: String(year),
+    YY: String(year).slice(-2),
+    MM: String(month).padStart(2, '0'),
+    M: String(month),
+    DD: String(day).padStart(2, '0'),
+    D: String(day),
+    HH: String(hours).padStart(2, '0'),
+    H: String(hours),
+    mm: String(minutes).padStart(2, '0'),
+    m: String(minutes),
+    ss: String(seconds).padStart(2, '0'),
+    s: String(seconds)
+  }
+
+  // 按 token 长度降序排列，确保先匹配长 token（如 YYYY 优先于 YY）
+  const pattern = Object.keys(tokens)
+    .sort((a, b) => b.length - a.length)
+    .join('|')
+
+  return format.replace(new RegExp(pattern, 'g'), (match) => tokens[match] || match)
+}

package/common/interceptor.ts

@@ -0,0 +1,43 @@
+import { isPromise } from './util'
+
+function noop() {}
+
+export type Interceptor = (...args: any[]) => Promise<boolean> | boolean | undefined | void
+
+export function callInterceptor(
+  interceptor: Interceptor | undefined,
+  {
+    args = [],
+    done,
+    canceled,
+    error
+  }: {
+    args?: unknown[]
+    done: () => void
+    canceled?: () => void
+    error?: () => void
+  }
+) {
+  if (interceptor) {
+    // eslint-disable-next-line prefer-spread
+    const returnVal = interceptor.apply(null, args)
+
+    if (isPromise(returnVal)) {
+      returnVal
+        .then((value) => {
+          if (value) {
+            done()
+          } else if (canceled) {
+            canceled()
+          }
+        })
+        .catch(error || noop)
+    } else if (returnVal) {
+      done()
+    } else if (canceled) {
+      canceled()
+    }
+  } else {
+    done()
+  }
+}

package/common/props.ts

@@ -0,0 +1,53 @@
+import type { PropType } from 'vue'
+
+export type Numeric = number | string
+
+export const unknownProp = null as unknown as PropType<unknown>
+
+export const numericProp = [Number, String]
+
+export const truthProp = {
+  type: Boolean,
+  default: true as const
+}
+
+export const makeRequiredProp = <T>(type: T) => ({
+  type,
+  required: true as const
+})
+
+export const makeArrayProp = <T>() => ({
+  type: Array as PropType<T[]>,
+  default: () => []
+})
+
+export const makeBooleanProp = <T>(defaultVal: T) => ({
+  type: Boolean,
+  default: defaultVal
+})
+
+export const makeNumberProp = <T>(defaultVal: T) => ({
+  type: Number,
+  default: defaultVal
+})
+
+export const makeNumericProp = <T>(defaultVal: T) => ({
+  type: numericProp,
+  default: defaultVal
+})
+
+export const makeStringProp = <T>(defaultVal: T) => ({
+  type: String as unknown as PropType<T>,
+  default: defaultVal
+})
+
+export const baseProps = {
+  /**
+   * 自定义根节点样式
+   */
+  customStyle: makeStringProp(''),
+  /**
+   * 自定义根节点样式类
+   */
+  customClass: makeStringProp('')
+}