sybz-components 0.0.6 → 0.0.7

package/dist/is-QqzRK-mo.js

@@ -1,299 +0,0 @@
-const n = `/**
- * \`Object.prototype.toString\` 的别名，适合在需要手动调用 \`call\` 时直接复用。
- *
- * @example
- * objectToString.call([])
- * // => '[object Array]'
- */
-export const objectToString = Object.prototype.toString
-
-/**
- * 获取对象的完整类型字符串。
- *
- * @param value 需要判断的值。
- * @returns 形如 \`[object Array]\` 的类型结果。
- *
- * @example
- * toTypeString([])
- * // => '[object Array]'
- */
-export const toTypeString = (value: unknown): string => objectToString.call(value)
-
-/**
- * 获取对象的原始类型名称。
- *
- * @param value 需要判断的值。
- * @returns 形如 \`Array\`、\`Date\`、\`Map\` 的类型名。
- *
- * @example
- * toRawType(new Map())
- * // => 'Map'
- */
-export const toRawType = (value: unknown): string => {
-  return toTypeString(value).slice(8, -1)
-}
-
-/**
- * 判断值是否为数组。
- *
- * @param value 需要判断的值。
- * @returns 是否为数组。
- *
- * @example
- * isArray([1, 2, 3])
- * // => true
- */
-export const isArray = Array.isArray
-
-/**
- * 判断值是否为 \`Map\`。
- *
- * @param val 需要判断的值。
- * @returns 是否为 \`Map\`。
- *
- * @example
- * isMap(new Map())
- * // => true
- */
-export const isMap = (val: unknown): val is Map<any, any> => toTypeString(val) === '[object Map]'
-
-/**
- * 判断值是否为 \`Set\`。
- *
- * @param val 需要判断的值。
- * @returns 是否为 \`Set\`。
- *
- * @example
- * isSet(new Set([1, 2, 3]))
- * // => true
- */
-export const isSet = (val: unknown): val is Set<any> => toTypeString(val) === '[object Set]'
-
-/**
- * 判断值是否为 \`Date\` 对象。
- *
- * @param val 需要判断的值。
- * @returns 是否为 \`Date\`。
- *
- * @example
- * isDate(new Date())
- * // => true
- */
-export const isDate = (val: unknown): val is Date => toTypeString(val) === '[object Date]'
-
-/**
- * 判断值是否为正则对象。
- *
- * @param val 需要判断的值。
- * @returns 是否为 \`RegExp\`。
- *
- * @example
- * isRegExp(/sybz/i)
- * // => true
- */
-export const isRegExp = (val: unknown): val is RegExp => toTypeString(val) === '[object RegExp]'
-
-/**
- * 判断值是否为函数。
- *
- * @param val 需要判断的值。
- * @returns 是否为函数。
- *
- * @example
- * isFunction(() => {})
- * // => true
- */
-// eslint-disable-next-line @typescript-eslint/ban-types
-export const isFunction = (val: unknown): val is Function => typeof val === 'function'
-
-/**
- * 判断值是否为字符串。
- *
- * @param val 需要判断的值。
- * @returns 是否为字符串。
- *
- * @example
- * isString('sybz')
- * // => true
- */
-export const isString = (val: unknown): val is string => typeof val === 'string'
-
-/**
- * 判断字符串是否可以被转换成有效数字。
- *
- * @param val 需要判断的字符串。
- * @returns 是否可以安全转换成数字。
- *
- * @example
- * isStringNumber('12.5')
- * // => true
- *
- * @example
- * isStringNumber('12px')
- * // => false
- */
-export const isStringNumber = (val: string): boolean => {
-  if (!isString(val)) {
-    return false
-  }
-  return !Number.isNaN(Number(val))
-}
-
-/**
- * 判断值是否为数字类型。
- *
- * @param val 需要判断的值。
- * @returns 是否为 \`number\`。
- *
- * @example
- * isNumber(12)
- * // => true
- */
-export const isNumber = (val: unknown): val is number => typeof val === 'number'
-
-/**
- * 判断值是否为 \`Symbol\`。
- *
- * @param val 需要判断的值。
- * @returns 是否为 \`Symbol\`。
- *
- * @example
- * isSymbol(Symbol('id'))
- * // => true
- */
-export const isSymbol = (val: unknown): val is symbol => typeof val === 'symbol'
-
-/**
- * 判断值是否为布尔值。
- *
- * @param val 需要判断的值。
- * @returns 是否为 \`boolean\`。
- *
- * @example
- * isBoolean(false)
- * // => true
- */
-export const isBoolean = (val: unknown): val is boolean => typeof val === 'boolean'
-
-/**
- * 判断值是否为对象且不为 \`null\`。
- *
- * @param val 需要判断的值。
- * @returns 是否为对象。
- *
- * @example
- * isObject({ id: 1 })
- * // => true
- */
-export const isObject = (val: unknown): val is Record<keyof any, any> => val !== null && typeof val === 'object'
-
-/**
- * 判断值是否为 Promise 风格对象。
- *
- * @param val 需要判断的值。
- * @returns 是否为 Promise。
- *
- * @example
- * isPromise(Promise.resolve(1))
- * // => true
- */
-export const isPromise = <T = any>(val: unknown): val is Promise<T> => {
-  return isObject(val) && isFunction(val.then) && isFunction(val.catch)
-}
-
-/**
- * 判断值是否为普通对象。
- *
- * @param val 需要判断的值。
- * @returns 是否为普通对象。
- *
- * @example
- * isPlainObject({ id: 1 })
- * // => true
- */
-export const isPlainObject = (val: unknown): val is Record<keyof any, any> => toTypeString(val) === '[object Object]'
-
-/**
- * 判断值是否为空普通对象。
- *
- * @param val 需要判断的值。
- * @returns 是否为空对象。
- *
- * @example
- * isEmptyObject({})
- * // => true
- */
-export const isEmptyObject = (val: unknown): val is Record<keyof any, any> =>
-  isPlainObject(val) && Object.keys(val).length === 0
-
-/**
- * 判断字符串是否为合法链接。
- *
- * @param url 需要判断的链接。
- * @returns 是否为合法 URL。
- *
- * @example
- * isUrl('https://sybz-components.com')
- * // => true
- */
-export function isUrl(url: string): url is string {
-  const regex = new RegExp(
-    '^(https?:\\\\/\\\\/)?' +
-      '((([a-z\\\\d]([a-z\\\\d-]*[a-z\\\\d])*)\\\\.)+[a-z]{2,}|' +
-      '((\\\\d{1,3}\\\\.){3}\\\\d{1,3}))' +
-      '(\\\\:\\\\d+)?(\\\\/[-a-z\\\\d%_.~+]*)*' +
-      '(\\\\?[;&a-z\\\\d%_.~+=-]*)?' +
-      '(\\\\#[-a-z\\\\d_]*)?$',
-    'i',
-  )
-  return regex.test(url)
-}
-
-/**
- * 判断节点是否为 \`SVGElement\`。
- *
- * @param tag 需要判断的节点。
- * @returns 是否为 \`SVGElement\`。
- *
- * @example
- * const svg = document.querySelector('svg')
- * isSVGElement(svg)
- */
-export const isSVGElement = (tag: unknown): tag is SVGElement =>
-  typeof SVGElement !== 'undefined' && tag instanceof SVGElement
-
-/**
- * 判断对象是否为 Vue 组件配置。
- *
- * @param val 需要判断的值。
- * @returns 是否像一个 Vue 组件。
- *
- * @example
- * isComponent({
- *   render() {
- *     return null
- *   },
- * })
- */
-export const isComponent = (val: unknown): boolean =>
-  isPlainObject(val) && (isFunction(val.render) || isFunction(val.setup))
-
-/**
- * 判断当前运行环境是否为 iOS。
- *
- * @returns 是否为 iOS 设备。
- *
- * @example
- * if (isIOS()) {
- *   console.log('当前设备是 iOS')
- * }
- */
-export function isIOS(): boolean {
-  const isIphone = navigator.userAgent.includes('iPhone')
-  const isIpad = navigator.userAgent.includes('iPad')
-  return isIphone || isIpad
-}
-`;
-export {
-  n as default
-};

package/dist/test-BeRG3MRO.js

@@ -1,18 +0,0 @@
-const n = `/**
- * 返回当前测试占位字符串。
- *
- * 这个方法主要用于确认工具函数导出链路是否正常。
- *
- * @returns 固定字符串 \`test\`。
- *
- * @example
- * onlyTest()
- * // => 'test'
- */
-export function onlyTest(): string {
-  return 'test'
-}
-`;
-export {
-  n as default
-};

package/dist/ws-CdL4IiDX.js

@@ -1,252 +0,0 @@
-const n = `import qs from 'qs'
-
-type Timeout = ReturnType<typeof setTimeout>
-type Interval = ReturnType<typeof setInterval>
-type Nullable<T> = T | null
-
-const reconnectMaxCount = 3
-const message = 'ping'
-const interval = 3000
-const timeout = 1000
-
-/**
- * WebSocket 自动重连配置。
- */
-export interface WSAutoReconnectOptions {
-  /**
-   * 最大重连次数，默认 \`3\`。
-   */
-  reconnectMaxCount?: number
-}
-
-/**
- * WebSocket 心跳配置。
- */
-export interface WSHeartbeatOptions {
-  /**
-   * 心跳消息内容，默认 \`ping\`。
-   */
-  message: string
-  /**
-   * 心跳间隔，单位毫秒，默认 \`3000\`。
-   */
-  interval: number
-}
-
-/**
- * \`WS\` 构造函数可选配置。
- */
-export interface WSOptions {
-  /**
-   * 是否自动重连。
-   *
-   * - \`true\`: 使用默认重连策略
-   * - \`false\`: 不自动重连
-   * - 对象: 自定义重连次数
-   */
-  autoReconnect: boolean | WSAutoReconnectOptions
-  /**
-   * 是否开启心跳。
-   *
-   * - \`false\`: 不发送心跳
-   * - \`true\`: 使用默认心跳策略
-   * - 对象: 自定义心跳内容和间隔
-   */
-  heartbeat: boolean | WSHeartbeatOptions
-  /**
-   * 需要拼接到 url 上的查询参数。
-   */
-  query: Record<string, string>
-}
-
-/**
- * WebSocket 轻量封装，支持自动连接、自动重连、心跳和 query 参数。
- *
- * @example
- * const ws = new WS('wss://example.com/ws', {
- *   autoReconnect: true,
- *   heartbeat: { message: 'ping', interval: 3000 },
- *   query: { token: 'demo-token' },
- * })
- *
- * ws.onMessage((message) => {
- *   console.log(message)
- * })
- *
- * ws.send('hello')
- */
-export class WS {
-  url: string
-  socket: WebSocket | null = null
-  reconnectCount = 0
-  delay: Nullable<Timeout> = null
-  timer: Nullable<Interval> = null
-  autoReconnect: WSOptions['autoReconnect']
-  heartbeat: WSOptions['heartbeat']
-  query: WSOptions['query']
-
-  /**
-   * 创建并立即连接一个 WebSocket 实例。
-   *
-   * @param url WebSocket 地址，例如 \`wss://example.com/ws\`。
-   * @param options 连接配置，支持重连、心跳和 query 参数。
-   *
-   * @example
-   * const ws = new WS('wss://example.com/ws', {
-   *   autoReconnect: { reconnectMaxCount: 5 },
-   *   heartbeat: { message: 'ping', interval: 5000 },
-   *   query: { token: 'abc123' },
-   * })
-   */
-  constructor(url?: string, options?: WSOptions) {
-    const { autoReconnect = true, query = {}, heartbeat = false } = options || {}
-    this.autoReconnect = autoReconnect
-    this.heartbeat = heartbeat
-    this.query = query
-
-    this.url = \`\${url}\` + qs.stringify({ ...this.query }, { addQueryPrefix: true })
-
-    this.connect()
-  }
-
-  /**
-   * 主动发起连接。
-   *
-   * 调用时会先关闭旧连接，再创建新的 WebSocket 实例。
-   *
-   * @example
-   * const ws = new WS('wss://example.com/ws')
-   * ws.connect()
-   */
-  connect(): void {
-    this.close()
-    this.socket = new WebSocket(this.url)
-    this.onError()
-    this.onOpen()
-  }
-
-  /**
-   * 注册连接成功后的处理逻辑，并在需要时开启心跳。
-   *
-   * @example
-   * const ws = new WS('wss://example.com/ws')
-   * ws.onOpen()
-   */
-  onOpen(): void {
-    if (this.socket) {
-      this.socket.onopen = () => {
-        this.send('ping')
-        this.heartbeat && this.startHeartbeat()
-      }
-    }
-  }
-
-  /**
-   * 开启心跳发送。
-   *
-   * @example
-   * const ws = new WS('wss://example.com/ws', {
-   *   heartbeat: { message: 'ping', interval: 3000 },
-   * })
-   * ws.startHeartbeat()
-   */
-  startHeartbeat(): void {
-    const msg = (this.heartbeat as WSHeartbeatOptions)?.message || message
-    const int = (this.heartbeat as WSHeartbeatOptions)?.interval || interval
-    this.timer = setInterval(() => {
-      this.send(msg)
-    }, int)
-  }
-
-  /**
-   * 注册错误处理和自动重连逻辑。
-   *
-   * @example
-   * const ws = new WS('wss://example.com/ws', { autoReconnect: true })
-   * ws.onError()
-   */
-  onError(): void {
-    if (this.socket) {
-      this.socket.onerror = () => {
-        const count = (this.autoReconnect as WSAutoReconnectOptions)?.reconnectMaxCount || reconnectMaxCount
-        if (this.autoReconnect && this.reconnectCount < count) {
-          this.reconnectCount++
-          this.connect()
-        }
-      }
-    }
-  }
-
-  /**
-   * 关闭连接并清理相关定时器。
-   *
-   * @example
-   * ws.close()
-   */
-  close(): void {
-    this.socket && this.socket.close()
-    this.delay && clearTimeout(this.delay)
-    this.timer && clearInterval(this.timer)
-    this.socket = null
-  }
-
-  /**
-   * 监听服务端消息。
-   *
-   * 内部会优先尝试将消息解析为 JSON；解析失败时会回传原始 \`MessageEvent\`。
-   *
-   * @param callback 接收到消息时触发的回调。
-   *
-   * @example
-   * ws.onMessage((message) => {
-   *   console.log(message)
-   * })
-   */
-  onMessage(callback: (data: unknown) => any): void {
-    if (this.socket) {
-      this.socket.onmessage = (data) => {
-        try {
-          const res = JSON.parse(data.data)
-          callback(res)
-        } catch (err) {
-          callback(data)
-        }
-      }
-    }
-  }
-
-  /**
-   * 发送消息。
-   *
-   * - 如果连接已就绪，会立即发送
-   * - 如果正在连接，会延迟发送
-   * - 如果连接已关闭，会先重新连接再发送
-   *
-   * @param data 需要发送的消息内容。
-   *
-   * @example
-   * ws.send('hello')
-   *
-   * @example
-   * ws.send(JSON.stringify({ type: 'ping' }))
-   */
-  send(data: string | ArrayBufferLike | Blob | ArrayBufferView): void {
-    if (!this.socket) return
-    if (this.socket.readyState === this.socket.OPEN) {
-      this.socket.send(JSON.stringify(data))
-    } else if (this.socket.readyState === this.socket.CONNECTING) {
-      this.delay = setTimeout(() => {
-        this.socket?.send(data)
-      }, timeout)
-    } else {
-      this.connect()
-      this.delay = setTimeout(() => {
-        this.socket?.send(data)
-      }, timeout)
-    }
-  }
-}
-`;
-export {
-  n as default
-};