sunda-tracker 1.0.8

package/src/utils/helpers.js

@@ -0,0 +1,216 @@
+/**
+ * 将中划线分割的字符串转换为驼峰命名
+ * @param {string} str 中划线分割的字符串，例如 "foo-bar-baz"
+ * @param {boolean} [isUpperCamelCase=false] 是否转换为大驼峰（首字母大写），默认为小驼峰
+ * @returns {string} 驼峰命名的字符串，例如 "fooBarBaz" 或 "FooBarBaz"
+ */
+export function kebabToCamelCase(str, isUpperCamelCase = false) {
+  if (!str || typeof str !== 'string') {
+    return ''
+  }
+
+  const parts = str.split('-')
+
+  let result = isUpperCamelCase ?
+    parts[0].charAt(0).toUpperCase() + parts[0].slice(1) :
+    parts[0]
+
+  for (let i = 1; i < parts.length; i++) {
+    const part = parts[i]
+    if (part.length > 0) {
+      result += part.charAt(0).toUpperCase() + part.slice(1)
+    }
+  }
+
+  return result
+}
+
+/**
+ * 简易版的日期格式化函数，类似 moment().format()
+ * @param {Date|string|number} date - 日期对象、日期字符串或时间戳
+ * @param {string} formatStr - 格式化字符串，例如 'YYYY-MM-DD HH:mm:ss'
+ * @returns {string} 格式化后的日期字符串
+ */
+function formatDate(date = new Date(), formatStr = 'YYYY-MM-DD') {
+  // 如果传入的不是 Date 对象，则转换为 Date 对象
+  const dateObj = date instanceof Date ? date : new Date(date)
+
+  // 获取日期的各个部分
+  const year = dateObj.getFullYear()
+  const month = dateObj.getMonth() + 1 // getMonth() 返回 0-11
+  const day = dateObj.getDate()
+  const hours = dateObj.getHours()
+  const minutes = dateObj.getMinutes()
+  const seconds = dateObj.getSeconds()
+
+  // 定义格式化规则
+  const formatRules = {
+    YYYY: year,
+    YY: String(year).slice(-2),
+    MM: month < 10 ? `0${month}` : month,
+    M: month,
+    DD: day < 10 ? `0${day}` : day,
+    D: day,
+    HH: hours < 10 ? `0${hours}` : hours,
+    H: hours,
+    mm: minutes < 10 ? `0${minutes}` : minutes,
+    m: minutes,
+    ss: seconds < 10 ? `0${seconds}` : seconds,
+    s: seconds
+  }
+
+  // 替换格式化字符串中的占位符
+  let result = formatStr
+  for (const [key, value] of Object.entries(formatRules)) {
+    result = result.replace(new RegExp(key, 'g'), value)
+  }
+
+  return result
+}
+
+export function moment(date) {
+  return {
+    _date: date ? new Date(date) : new Date(),
+    format(formatStr) {
+      return formatDate(this._date, formatStr)
+    }
+  }
+}
+
+/**
+ * 生成 UUID v4 (基于随机数)
+ * 格式: xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx
+ * 其中 x 是任何十六进制数字，y 是 8、9、A 或 B 中的一个
+ * @returns {string} 生成的 UUID v4 字符串
+ */
+export function uuidv4() {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+    // 生成 0-15 的随机数
+    const r = (Math.random() * 16) | 0
+    // 如果当前字符是 'x'，使用 r，否则使用 (r & 0x3 | 0x8)
+    // 这确保了 UUID v4 规范中的特定位模式
+    const v = c === 'x' ? r : (r & 0x3) | 0x8
+    return v.toString(16)
+  })
+}
+
+/**
+ * 节流函数 - 限制函数在指定时间内最多执行一次
+ * 类似于 Lodash 的 throttle 函数
+ *
+ * @param {Function} func - 需要节流的函数
+ * @param {number} wait - 等待时间，单位为毫秒
+ * @param {Object} options - 配置选项
+ * @param {boolean} [options.leading=true] - 是否在开始时立即执行一次
+ * @param {boolean} [options.trailing=true] - 是否在结束时再执行一次
+ * @returns {Function} 返回节流后的函数
+ */
+export function throttle(func, wait, options = {}) {
+  // 默认配置
+  const { leading = true, trailing = true } = options
+
+  let timeout = null // 定时器
+  let lastArgs = null // 最后一次调用的参数
+  let lastThis = null // 最后一次调用的 this 上下文
+  let lastCallTime = 0 // 上次执行的时间
+  let result // 函数执行结果
+
+  // 检查是否可以执行函数
+  function shouldInvoke(time) {
+    const timeSinceLastCall = time - lastCallTime
+
+    // 首次调用 或 超过等待时间
+    return lastCallTime === 0 || timeSinceLastCall >= wait
+  }
+
+  // 实际执行函数
+  function invokeFunc(time) {
+    const args = lastArgs
+    const thisArg = lastThis
+
+    // 重置
+    lastArgs = lastThis = null
+    lastCallTime = time
+
+    // 执行原函数
+    result = func.apply(thisArg, args)
+    return result
+  }
+
+  // 开始定时器
+  function startTimer(pendingFunc, wait) {
+    return setTimeout(pendingFunc, wait)
+  }
+
+  // 尾随调用
+  function trailingEdge(time) {
+    timeout = null
+
+    // 如果有尾随调用并且有参数，则执行函数
+    if (trailing && lastArgs) {
+      return invokeFunc(time)
+    }
+
+    // 重置
+    lastArgs = lastThis = null
+    return result
+  }
+
+  // 取消执行
+  function cancel() {
+    if (timeout !== null) {
+      clearTimeout(timeout)
+    }
+    lastCallTime = 0
+    timeout = lastArgs = lastThis = null
+  }
+
+  // 立即执行
+  function flush() {
+    return timeout === null ? result : trailingEdge(Date.now())
+  }
+
+  // 检查是否正在等待执行
+  function pending() {
+    return timeout !== null
+  }
+
+  // 主函数
+  function throttled(...args) {
+    const time = Date.now()
+    const isInvoking = shouldInvoke(time)
+
+    // 保存当前调用的上下文和参数
+    lastArgs = args
+    // eslint-disable-next-line no-invalid-this
+    lastThis = this
+
+    // 如果可以执行
+    if (isInvoking) {
+      // 如果是首次调用且不需要立即执行，则设置调用时间但不执行
+      if (lastCallTime === 0 && !leading) {
+        lastCallTime = time
+        return result
+      }
+
+      // 正常情况，立即执行
+      return invokeFunc(time)
+    }
+
+    // 如果定时器不存在且需要尾随调用，则启动定时器
+    if (timeout === null && trailing) {
+      // 计算剩余等待时间
+      const remainingWait = wait - (time - lastCallTime)
+      timeout = startTimer(() => trailingEdge(Date.now()), remainingWait)
+    }
+
+    return result
+  }
+
+  // 添加方法
+  throttled.cancel = cancel
+  throttled.flush = flush
+  throttled.pending = pending
+
+  return throttled
+}

package/vite.config.js

@@ -0,0 +1,33 @@
+import { defineConfig } from 'vite'
+import { resolve } from 'path'
+import babel from 'vite-plugin-babel';
+
+export default defineConfig({
+  plugins: [
+     babel()
+  ],
+  resolve: {
+    alias: {
+      '~': resolve(__dirname, './'),
+      '@': resolve(__dirname, './src')
+    },
+    extensions: ['.js']
+  },
+  build: {
+    lib: {
+      // 设置入口文件
+      entry: resolve(__dirname, 'src/index.js'),
+      name: 'sundaTracker',
+      fileName: (format) => `sunda-tracker.${format}.js`
+    },
+
+    rollupOptions: {
+      external: ['axios'],
+      output: {
+        globals: {
+          //   vue: 'Vue'
+        }
+      }
+    }
+  }
+})