@tplc/wot 0.0.1

package/components/common/base64.ts

@@ -0,0 +1,30 @@
+const _b64chars: string[] = [...'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/']
+const _mkUriSafe = (src: string): string =>
+  src.replace(/[+/]/g, (m0: string) => (m0 === '+' ? '-' : '_')).replace(/=+\$/m, '')
+const fromUint8Array = (src: Uint8Array, rfc4648 = false): string => {
+  let b64 = ''
+  for (let i = 0, l = src.length; i < l; i += 3) {
+    const [a0, a1, a2] = [src[i], src[i + 1], src[i + 2]]
+    const ord = (a0 << 16) | (a1 << 8) | a2
+    b64 += _b64chars[ord >>> 18]
+    b64 += _b64chars[(ord >>> 12) & 63]
+    b64 += typeof a1 !== 'undefined' ? _b64chars[(ord >>> 6) & 63] : '='
+    b64 += typeof a2 !== 'undefined' ? _b64chars[ord & 63] : '='
+  }
+  return rfc4648 ? _mkUriSafe(b64) : b64
+}
+const _btoa: (s: string) => string =
+  typeof btoa === 'function'
+    ? (s: string) => btoa(s)
+    : (s: string) => {
+        if (s.charCodeAt(0) > 255) {
+          throw new RangeError('The string contains invalid characters.')
+        }
+        return fromUint8Array(Uint8Array.from(s, (c: string) => c.charCodeAt(0)))
+      }
+const utob = (src: string): string => unescape(encodeURIComponent(src))
+
+export default function encode(src: string, rfc4648 = false): string {
+  const b64 = _btoa(utob(src))
+  return rfc4648 ? _mkUriSafe(b64) : b64
+}

package/components/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/components/common/clickoutside.ts

@@ -0,0 +1,34 @@
+/*
+ * @Author: weisheng
+ * @Date: 2023-07-02 22:51:06
+ * @LastEditTime: 2024-03-16 19:59:07
+ * @LastEditors: weisheng
+ * @Description:
+ * @FilePath: /wot-design-uni/src/uni_modules/wot-design-uni/components/common/clickoutside.ts
+ * 记得注释
+ */
+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/components/common/dayjs.ts

@@ -0,0 +1,157 @@
+import { isDate } from './util'
+
+/* eslint-disable */
+class Dayjs {
+  utc: boolean
+  date: Date
+  timeZone: number
+  timeZoneString: any
+  mYear: any
+  mMonth: any
+  mDay: any
+  mWeek: any
+  mHour: any
+  mMinute: any
+  mSecond: any
+  constructor(dateStr?: string | number | Date) {
+    this.utc = false
+    const parsedDate = this.parseConfig(dateStr)
+    this.date = new Date(parsedDate)
+    this.timeZone = this.date.getTimezoneOffset() / 60
+    this.timeZoneString = this.padNumber(
+      String(-1 * this.timeZone).replace(/^(.)?(\d)/, '$10$200'),
+      5,
+      '+',
+    )
+    this.mYear = this.date.getFullYear()
+    this.mMonth = this.date.getMonth()
+    this.mDay = this.date.getDate()
+    this.mWeek = this.date.getDay()
+    this.mHour = this.date.getHours()
+    this.mMinute = this.date.getMinutes()
+    this.mSecond = this.date.getSeconds()
+  }
+
+  parseConfig(dateStr?: string | number | Date) {
+    if (!dateStr) return new Date()
+    if (isDate(dateStr)) return dateStr
+    if (/^(\d){8}$/.test(dateStr as string)) {
+      this.utc = true
+      return `${(dateStr as string).substr(0, 4)}-${(dateStr as string).substr(4, 2)}-${(dateStr as string).substr(6, 2)}`
+    }
+    return dateStr
+  }
+
+  padNumber(num: string, length: number, padChar: string) {
+    return !num || num.length >= length
+      ? num
+      : `${Array(length + 1 - num.length).join(padChar)}${num}`
+  }
+
+  year() {
+    return this.mYear
+  }
+
+  month() {
+    return this.mMonth
+  }
+
+  unix() {
+    const timeZoneOffset = this.utc ? 60 * this.timeZone * 60 * 1000 : 0
+    return Math.floor((this.date.getTime() + timeZoneOffset) / 1000)
+  }
+
+  toString() {
+    return this.date.toUTCString()
+  }
+
+  startOf(unit: string) {
+    switch (unit) {
+      case 'year':
+        return new Dayjs(new Date(this.year(), 0, 1))
+      case 'month':
+        return new Dayjs(new Date(this.year(), this.month(), 1))
+      default:
+        return this
+    }
+  }
+
+  add(amount: number, unit: string) {
+    let interval
+    switch (unit) {
+      case 'm':
+      case 'minutes':
+        interval = 60
+        break
+      case 'h':
+      case 'hours':
+        interval = 60 * 60
+        break
+      case 'd':
+      case 'days':
+        interval = 24 * 60 * 60
+        break
+      case 'w':
+      case 'weeks':
+        interval = 7 * 24 * 60 * 60
+        break
+      default:
+        interval = 1
+    }
+    const newUnixTime = this.unix() + amount * interval
+    return new Dayjs(1000 * newUnixTime)
+  }
+
+  subtract(amount: number, unit: string) {
+    return this.add(-1 * amount, unit)
+  }
+
+  format(formatStr = 'YYYY-MM-DDTHH:mm:ssZ') {
+    const weekdays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
+    return formatStr.replace(
+      /Y{2,4}|M{1,2}|D{1,2}|d{1,4}|H{1,2}|m{1,2}|s{1,2}|Z{1,2}/g,
+      (match) => {
+        switch (match) {
+          case 'YY':
+            return String(this.mYear).slice(-2)
+          case 'YYYY':
+            return String(this.mYear)
+          case 'M':
+            return String(this.mMonth + 1)
+          case 'MM':
+            return this.padNumber(String(this.mMonth + 1), 2, '0')
+          case 'D':
+            return String(this.mDay)
+          case 'DD':
+            return this.padNumber(String(this.mDay), 2, '0')
+          case 'd':
+            return String(this.mWeek)
+          case 'dddd':
+            return weekdays[this.mWeek]
+          case 'H':
+            return String(this.mHour)
+          case 'HH':
+            return this.padNumber(String(this.mHour), 2, '0')
+          case 'm':
+            return String(this.mMinute)
+          case 'mm':
+            return this.padNumber(String(this.mMinute), 2, '0')
+          case 's':
+            return String(this.mSecond)
+          case 'ss':
+            return this.padNumber(String(this.mSecond), 2, '0')
+          case 'Z':
+            return `${this.timeZoneString.slice(0, -2)}:00`
+          case 'ZZ':
+            return this.timeZoneString
+          default:
+            return match
+        }
+      },
+    )
+  }
+}
+
+export function dayjs(dateStr?: string | number | Date) {
+  return new Dayjs(dateStr)
+}

package/components/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/components/common/props.ts

@@ -0,0 +1,51 @@
+import type { PropType } from 'vue'
+
+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(''),
+}