@wapri/gutils 1.0.1 → 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 wapri contributors
+
+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/dist/currency/demo/basic.vue

@@ -1,172 +1,172 @@
-<script setup lang="ts">
-import { computed, ref } from 'vue'
-import { currency } from '@wapri/gutils'
-
-const amountInput = ref('1234.56')
-const centsInput = ref('123456')
-const symbol = ref('¥')
-const precision = ref(2)
-
-function toFiniteNumber(value: string): number {
-  const number = Number(value)
-  return Number.isFinite(number) ? number : 0
-}
-
-const amountValue = computed(() => toFiniteNumber(amountInput.value))
-const amount = computed(() => currency(amountValue.value, { symbol: symbol.value, precision: precision.value }))
-const centsValue = computed(() => amount.value.intValue)
-const restoredAmount = computed(() =>
-  currency(centsValue.value, {
-    fromCents: true,
-    symbol: symbol.value,
-    precision: precision.value,
-  }).format(),
-)
-const centsAmount = computed(() =>
-  currency(toFiniteNumber(centsInput.value), {
-    fromCents: true,
-    symbol: symbol.value,
-    precision: precision.value,
-  }),
-)
-const plusAmount = computed(() => amount.value.add('99.90').format())
-const splitAmounts = computed(() =>
-  amount.value
-    .distribute(3)
-    .map((item) => item.format())
-    .join('、'),
-)
-</script>
-
-<template>
-  <div class="currency-demo">
-    <div class="currency-demo__fields">
-      <label class="currency-demo__field">
-        <span>输入金额（元）</span>
-        <input
-          v-model="amountInput"
-          type="number"
-          step="0.01"
-          inputmode="decimal"
-        />
-      </label>
-      <label class="currency-demo__field">
-        <span>货币符号</span>
-        <input
-          v-model="symbol"
-          maxlength="3"
-        />
-      </label>
-      <label class="currency-demo__field">
-        <span>小数位数</span>
-        <select v-model.number="precision">
-          <option :value="0">0</option>
-          <option :value="2">2</option>
-          <option :value="3">3</option>
-        </select>
-      </label>
-    </div>
-
-    <div class="currency-demo__result">
-      <p>
-        格式化展示：
-        <strong>{{ amount.format() }}</strong>
-      </p>
-      <p>
-        元金额数值：
-        <code>{{ amount.value }}</code>
-      </p>
-      <p>
-        转换为最小货币单位：
-        <code>{{ centsValue }}</code>
-      </p>
-      <p>
-        从最小货币单位还原：
-        <strong>{{ restoredAmount }}</strong>
-      </p>
-      <p>
-        加上 99.90：
-        <strong>{{ plusAmount }}</strong>
-      </p>
-      <p>
-        平均分成 3 份：
-        <strong>{{ splitAmounts }}</strong>
-      </p>
-    </div>
-
-    <label class="currency-demo__field currency-demo__field--cents">
-      <span>输入最小货币单位（分）</span>
-      <input
-        v-model="centsInput"
-        type="number"
-        step="1"
-        inputmode="numeric"
-      />
-      <strong>{{ centsAmount.format() }}</strong>
-    </label>
-  </div>
-</template>
-
-<style scoped>
-.currency-demo {
-  max-width: 760px;
-  padding: 20px;
-  border: 1px solid #e5e7eb;
-  border-radius: 8px;
-  color: #1f2937;
-}
-
-.currency-demo__fields {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 16px;
-}
-
-.currency-demo__field {
-  display: inline-flex;
-  min-width: 150px;
-  flex: 1;
-  flex-direction: column;
-  gap: 6px;
-  font-size: 14px;
-}
-
-.currency-demo__field input,
-.currency-demo__field select {
-  box-sizing: border-box;
-  height: 34px;
-  padding: 0 10px;
-  border: 1px solid #d1d5db;
-  border-radius: 4px;
-  background: #fff;
-  color: inherit;
-  font: inherit;
-}
-
-.currency-demo__result {
-  margin: 20px 0;
-  padding: 14px 16px;
-  border-radius: 6px;
-  background: #f8fafc;
-  line-height: 1.8;
-}
-
-.currency-demo__result p {
-  margin: 0;
-}
-
-.currency-demo__result strong,
-.currency-demo__field strong {
-  color: #1677ff;
-}
-
-.currency-demo__field--cents {
-  max-width: 300px;
-}
-
-code {
-  padding: 2px 5px;
-  border-radius: 3px;
-  background: #eef2f7;
-}
-</style>
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import { currency } from '@wapri/gutils'
+
+const amountInput = ref('1234.56')
+const centsInput = ref('123456')
+const symbol = ref('¥')
+const precision = ref(2)
+
+function toFiniteNumber(value: string): number {
+  const number = Number(value)
+  return Number.isFinite(number) ? number : 0
+}
+
+const amountValue = computed(() => toFiniteNumber(amountInput.value))
+const amount = computed(() => currency(amountValue.value, { symbol: symbol.value, precision: precision.value }))
+const centsValue = computed(() => amount.value.intValue)
+const restoredAmount = computed(() =>
+  currency(centsValue.value, {
+    fromCents: true,
+    symbol: symbol.value,
+    precision: precision.value,
+  }).format(),
+)
+const centsAmount = computed(() =>
+  currency(toFiniteNumber(centsInput.value), {
+    fromCents: true,
+    symbol: symbol.value,
+    precision: precision.value,
+  }),
+)
+const plusAmount = computed(() => amount.value.add('99.90').format())
+const splitAmounts = computed(() =>
+  amount.value
+    .distribute(3)
+    .map((item) => item.format())
+    .join('、'),
+)
+</script>
+
+<template>
+  <div class="currency-demo">
+    <div class="currency-demo__fields">
+      <label class="currency-demo__field">
+        <span>输入金额（元）</span>
+        <input
+          v-model="amountInput"
+          type="number"
+          step="0.01"
+          inputmode="decimal"
+        />
+      </label>
+      <label class="currency-demo__field">
+        <span>货币符号</span>
+        <input
+          v-model="symbol"
+          maxlength="3"
+        />
+      </label>
+      <label class="currency-demo__field">
+        <span>小数位数</span>
+        <select v-model.number="precision">
+          <option :value="0">0</option>
+          <option :value="2">2</option>
+          <option :value="3">3</option>
+        </select>
+      </label>
+    </div>
+
+    <div class="currency-demo__result">
+      <p>
+        格式化展示：
+        <strong>{{ amount.format() }}</strong>
+      </p>
+      <p>
+        元金额数值：
+        <code>{{ amount.value }}</code>
+      </p>
+      <p>
+        转换为最小货币单位：
+        <code>{{ centsValue }}</code>
+      </p>
+      <p>
+        从最小货币单位还原：
+        <strong>{{ restoredAmount }}</strong>
+      </p>
+      <p>
+        加上 99.90：
+        <strong>{{ plusAmount }}</strong>
+      </p>
+      <p>
+        平均分成 3 份：
+        <strong>{{ splitAmounts }}</strong>
+      </p>
+    </div>
+
+    <label class="currency-demo__field currency-demo__field--cents">
+      <span>输入最小货币单位（分）</span>
+      <input
+        v-model="centsInput"
+        type="number"
+        step="1"
+        inputmode="numeric"
+      />
+      <strong>{{ centsAmount.format() }}</strong>
+    </label>
+  </div>
+</template>
+
+<style scoped>
+.currency-demo {
+  max-width: 760px;
+  padding: 20px;
+  border: 1px solid #e5e7eb;
+  border-radius: 8px;
+  color: #1f2937;
+}
+
+.currency-demo__fields {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+}
+
+.currency-demo__field {
+  display: inline-flex;
+  min-width: 150px;
+  flex: 1;
+  flex-direction: column;
+  gap: 6px;
+  font-size: 14px;
+}
+
+.currency-demo__field input,
+.currency-demo__field select {
+  box-sizing: border-box;
+  height: 34px;
+  padding: 0 10px;
+  border: 1px solid #d1d5db;
+  border-radius: 4px;
+  background: #fff;
+  color: inherit;
+  font: inherit;
+}
+
+.currency-demo__result {
+  margin: 20px 0;
+  padding: 14px 16px;
+  border-radius: 6px;
+  background: #f8fafc;
+  line-height: 1.8;
+}
+
+.currency-demo__result p {
+  margin: 0;
+}
+
+.currency-demo__result strong,
+.currency-demo__field strong {
+  color: #1677ff;
+}
+
+.currency-demo__field--cents {
+  max-width: 300px;
+}
+
+code {
+  padding: 2px 5px;
+  border-radius: 3px;
+  background: #eef2f7;
+}
+</style>

package/dist/storage/demo/basic.vue

@@ -1,139 +1,138 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import { setToken, storage } from '@wapri/gutils'
-
-const key = ref('demo-key')
-const value = ref('demo-value')
-const result = ref<string | null>(null)
-const message = ref('等待操作')
-
-const getKey = () => key.value.trim()
-
-const save = () => {
-  const storageKey = getKey()
-  if (!storageKey) {
-    message.value = '请输入 key 后再存储'
-    return
-  }
-
-  storage.setItem(storageKey, value.value)
-  setToken(value.value)
-  message.value = '已存储'
-}
-
-const read = () => {
-  const storageKey = getKey()
-  if (!storageKey) {
-    message.value = '请输入 key 后再读取'
-    result.value = null
-    return
-  }
-
-  result.value = storage.getItem(storageKey)
-  message.value = result.value === null ? '未找到对应数据' : '读取成功'
-}
-</script>
-
-<template>
-  <div class="storage-demo">
-    <label class="storage-demo__field">
-      <span>Key</span>
-      <input
-        v-model="key"
-        placeholder="请输入 key"
-      />
-    </label>
-
-    <label class="storage-demo__field">
-      <span>Value</span>
-      <input
-        v-model="value"
-        placeholder="请输入 value"
-      />
-    </label>
-
-    <div class="storage-demo__actions">
-      <button
-        type="button"
-        @click="save"
-      >
-        存储
-      </button>
-      <button
-        type="button"
-        @click="read"
-      >
-        读取
-      </button>
-    </div>
-
-    <div
-      class="storage-demo__result"
-      aria-live="polite"
-    >
-      <span>{{ message }}</span>
-      <code>读取结果：{{ result ?? 'null' }}</code>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.storage-demo {
-  display: grid;
-  max-width: 640px;
-  gap: 16px;
-  padding: 20px;
-  border: 1px solid #e5e7eb;
-  border-radius: 8px;
-  color: #1f2937;
-}
-
-.storage-demo__field {
-  display: grid;
-  gap: 6px;
-  font-size: 14px;
-}
-
-.storage-demo__field input {
-  box-sizing: border-box;
-  width: 100%;
-  height: 34px;
-  padding: 0 10px;
-  border: 1px solid #d1d5db;
-  border-radius: 4px;
-  color: inherit;
-  font: inherit;
-}
-
-.storage-demo__actions {
-  display: flex;
-  gap: 10px;
-}
-
-.storage-demo__actions button {
-  height: 34px;
-  padding: 0 16px;
-  border: 0;
-  border-radius: 4px;
-  background: #1677ff;
-  color: #fff;
-  cursor: pointer;
-}
-
-.storage-demo__actions button + button {
-  background: #4b5563;
-}
-
-.storage-demo__result {
-  display: grid;
-  gap: 6px;
-  padding: 12px;
-  border-radius: 6px;
-  background: #f8fafc;
-  font-size: 14px;
-}
-
-.storage-demo__result code {
-  color: #1677ff;
-}
-</style>
+<script setup lang="ts">
+import { ref } from 'vue'
+import { storage } from '@wapri/gutils'
+
+const key = ref('demo-key')
+const value = ref('demo-value')
+const result = ref<string | null>(null)
+const message = ref('等待操作')
+
+const getKey = () => key.value.trim()
+
+const save = () => {
+  const storageKey = getKey()
+  if (!storageKey) {
+    message.value = '请输入 key 后再存储'
+    return
+  }
+
+  storage.setItem(storageKey, value.value)
+  message.value = '已存储'
+}
+
+const read = () => {
+  const storageKey = getKey()
+  if (!storageKey) {
+    message.value = '请输入 key 后再读取'
+    result.value = null
+    return
+  }
+
+  result.value = storage.getItem(storageKey)
+  message.value = result.value === null ? '未找到对应数据' : '读取成功'
+}
+</script>
+
+<template>
+  <div class="storage-demo">
+    <label class="storage-demo__field">
+      <span>Key</span>
+      <input
+        v-model="key"
+        placeholder="请输入 key"
+      />
+    </label>
+
+    <label class="storage-demo__field">
+      <span>Value</span>
+      <input
+        v-model="value"
+        placeholder="请输入 value"
+      />
+    </label>
+
+    <div class="storage-demo__actions">
+      <button
+        type="button"
+        @click="save"
+      >
+        存储
+      </button>
+      <button
+        type="button"
+        @click="read"
+      >
+        读取
+      </button>
+    </div>
+
+    <div
+      class="storage-demo__result"
+      aria-live="polite"
+    >
+      <span>{{ message }}</span>
+      <code>读取结果：{{ result ?? 'null' }}</code>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.storage-demo {
+  display: grid;
+  max-width: 640px;
+  gap: 16px;
+  padding: 20px;
+  border: 1px solid #e5e7eb;
+  border-radius: 8px;
+  color: #1f2937;
+}
+
+.storage-demo__field {
+  display: grid;
+  gap: 6px;
+  font-size: 14px;
+}
+
+.storage-demo__field input {
+  box-sizing: border-box;
+  width: 100%;
+  height: 34px;
+  padding: 0 10px;
+  border: 1px solid #d1d5db;
+  border-radius: 4px;
+  color: inherit;
+  font: inherit;
+}
+
+.storage-demo__actions {
+  display: flex;
+  gap: 10px;
+}
+
+.storage-demo__actions button {
+  height: 34px;
+  padding: 0 16px;
+  border: 0;
+  border-radius: 4px;
+  background: #1677ff;
+  color: #fff;
+  cursor: pointer;
+}
+
+.storage-demo__actions button + button {
+  background: #4b5563;
+}
+
+.storage-demo__result {
+  display: grid;
+  gap: 6px;
+  padding: 12px;
+  border-radius: 6px;
+  background: #f8fafc;
+  font-size: 14px;
+}
+
+.storage-demo__result code {
+  color: #1677ff;
+}
+</style>

package/dist/vconsole/index.js

@@ -3,10 +3,10 @@ var ERUDA_URL = 'https://cdn.jsdelivr.net/npm/eruda';
 var initializePromise;
 var initialized = false;
 
-/**
- * 动态加载并初始化移动端调试面板 Eruda。
- *
- * 同一页面中重复调用只会初始化一次；服务端渲染环境会安全跳过。
+/**
+ * 动态加载并初始化移动端调试面板 Eruda。
+ *
+ * 同一页面中重复调用只会初始化一次；服务端渲染环境会安全跳过。
  */
 export function vconsole() {
   if (typeof window === 'undefined' || initialized) {

package/package.json

@@ -1,28 +1,28 @@
 {
   "name": "@wapri/gutils",
-  "version": "1.0.1",
-  "description": "前端js函数库",
+  "version": "2.0.0",
+  "description": "前端通用函数库",
   "keywords": [],
-  "license": "UNLICENSED",
-  "author": "wa",
-  "sideEffects": false,
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "license": "MIT",
+  "author": "wapri contributors",
   "files": [
     "dist"
   ],
-  "dependencies": {
-    "console-ban": "^5.0.0",
-    "dayjs": "^1.11.9",
-    "@wapri/gbase": "^1.0.1"
-  },
+  "sideEffects": false,
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
+  "dependencies": {
+    "console-ban": "^5.0.0",
+    "dayjs": "^1.11.9",
+    "@wapri/gbase": "^2.0.0"
+  },
   "peerDependenciesMeta": {},
   "scripts": {
-    "build": "father build",
+    "build": "node ../../scripts/clean-dist.mjs && father build",
     "dev": "father dev"
   }
 }