@wapri/gutils 0.0.0-stage → 1.0.0

package/dist/currency/demo/basic.vue

@@ -0,0 +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>

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from '@wapri/gbase';
+export * from './vconsole';

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from '@wapri/gbase';
+export * from "./vconsole";

package/dist/storage/demo/basic.vue

@@ -0,0 +1,139 @@
+<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>

package/dist/vconsole/index.d.ts

@@ -0,0 +1,15 @@
+interface Eruda {
+    init?: () => void;
+}
+declare global {
+    interface Window {
+        eruda?: Eruda;
+    }
+}
+/**
+ * 动态加载并初始化移动端调试面板 Eruda。
+ *
+ * 同一页面中重复调用只会初始化一次；服务端渲染环境会安全跳过。
+ */
+export declare function vconsole(): Promise<void>;
+export {};

package/dist/vconsole/index.js

@@ -0,0 +1,30 @@
+import { loadResource } from '@wapri/gbase';
+var ERUDA_URL = 'https://cdn.jsdelivr.net/npm/eruda';
+var initializePromise;
+var initialized = false;
+
+/**
+ * 动态加载并初始化移动端调试面板 Eruda。
+ *
+ * 同一页面中重复调用只会初始化一次；服务端渲染环境会安全跳过。
+ */
+export function vconsole() {
+  if (typeof window === 'undefined' || initialized) {
+    return Promise.resolve();
+  }
+  if (initializePromise) {
+    return initializePromise;
+  }
+  initializePromise = (window.eruda ? Promise.resolve() : loadResource(ERUDA_URL)).then(function () {
+    var eruda = window.eruda;
+    if (!(eruda !== null && eruda !== void 0 && eruda.init)) {
+      throw new Error('Eruda 加载失败');
+    }
+    eruda.init();
+    initialized = true;
+  }).catch(function (error) {
+    initializePromise = undefined;
+    throw error;
+  });
+  return initializePromise;
+}

package/package.json

@@ -1,6 +1,28 @@
 {
   "name": "@wapri/gutils",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "1.0.0",
+  "description": "前端js函数库",
+  "keywords": [],
+  "license": "UNLICENSED",
+  "author": "wa",
+  "sideEffects": false,
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "console-ban": "^5.0.0",
+    "dayjs": "^1.11.9",
+    "@wapri/gbase": "^1.0.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "peerDependenciesMeta": {},
+  "scripts": {
+    "build": "father build",
+    "dev": "father dev"
+  }
 }

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.