@a2simcode/ui 0.0.70 → 0.0.72

package/docs/examples/utils/date.vue

@@ -1,56 +1,56 @@
-<template>
-  <div class="utils-demo">
-    <h3>日期工具方法示例</h3>
-
-    <div class="demo-section">
-      <h4>1. formatToDateTime - 格式化为日期时间</h4>
-      <div class="demo-content">
-        <p>当前时间: {{ formatToDateTime(currentDate) }}</p>
-        <p>自定义格式: {{ formatToDateTime(currentDate, 'YYYY年MM月DD日 HH:mm:ss') }}</p>
-        <j-button label="更新时间" @click="updateTime" />
-      </div>
-    </div>
-
-    <div class="demo-section">
-      <h4>2. formatToDate - 格式化为日期</h4>
-      <div class="demo-content">
-        <p>当前日期: {{ formatToDate(currentDate) }}</p>
-        <p>自定义格式: {{ formatToDate(currentDate, 'YYYY/MM/DD') }}</p>
-        <p style="color: #67c23a">💡 常用于日期选择器的值格式化</p>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue'
-import { formatToDateTime, formatToDate } from '@/core'
-
-const currentDate = ref(new Date())
-
-const updateTime = () => {
-  currentDate.value = new Date()
-}
-</script>
-
-<style scoped>
-.utils-demo {
-  padding: 20px;
-}
-.demo-section {
-  margin-bottom: 30px;
-  padding: 15px;
-  border: 1px solid #eee;
-  border-radius: 4px;
-}
-.demo-section h4 {
-  margin-top: 0;
-  color: #409eff;
-}
-.demo-content {
-  margin-top: 10px;
-}
-.demo-content p {
-  margin: 8px 0;
-}
-</style>
+<template>
+  <div class="utils-demo">
+    <h3>日期工具方法示例</h3>
+
+    <div class="demo-section">
+      <h4>1. formatToDateTime - 格式化为日期时间</h4>
+      <div class="demo-content">
+        <p>当前时间: {{ formatToDateTime(currentDate) }}</p>
+        <p>自定义格式: {{ formatToDateTime(currentDate, 'YYYY年MM月DD日 HH:mm:ss') }}</p>
+        <j-button label="更新时间" @click="updateTime" />
+      </div>
+    </div>
+
+    <div class="demo-section">
+      <h4>2. formatToDate - 格式化为日期</h4>
+      <div class="demo-content">
+        <p>当前日期: {{ formatToDate(currentDate) }}</p>
+        <p>自定义格式: {{ formatToDate(currentDate, 'YYYY/MM/DD') }}</p>
+        <p style="color: #67c23a">💡 常用于日期选择器的值格式化</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { formatToDateTime, formatToDate } from '@/core'
+
+const currentDate = ref(new Date())
+
+const updateTime = () => {
+  currentDate.value = new Date()
+}
+</script>
+
+<style scoped>
+.utils-demo {
+  padding: 20px;
+}
+.demo-section {
+  margin-bottom: 30px;
+  padding: 15px;
+  border: 1px solid #eee;
+  border-radius: 4px;
+}
+.demo-section h4 {
+  margin-top: 0;
+  color: #409eff;
+}
+.demo-content {
+  margin-top: 10px;
+}
+.demo-content p {
+  margin: 8px 0;
+}
+</style>

package/docs/examples/utils/dom.vue

@@ -1,52 +1,52 @@
-<template>
-  <div class="utils-demo">
-    <h3>DOM工具方法示例</h3>
-
-    <div class="demo-section">
-      <h4>fullScreenLoading - 全屏加载</h4>
-      <div class="demo-content">
-        <j-button label="显示全屏加载" type="primary" @click="showLoading" />
-        <j-button label="隐藏全屏加载" @click="hideLoading" />
-        <p style="color: #67c23a">💡 点击按钮查看全屏加载效果,3秒后自动关闭</p>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { fullScreenLoading } from '@/core'
-
-const showLoading = () => {
-  fullScreenLoading(true)
-  // 3秒后自动关闭
-  setTimeout(() => {
-    fullScreenLoading(false)
-  }, 3000)
-}
-
-const hideLoading = () => {
-  fullScreenLoading(false)
-}
-</script>
-
-<style scoped>
-.utils-demo {
-  padding: 20px;
-}
-.demo-section {
-  margin-bottom: 30px;
-  padding: 15px;
-  border: 1px solid #eee;
-  border-radius: 4px;
-}
-.demo-section h4 {
-  margin-top: 0;
-  color: #409eff;
-}
-.demo-content {
-  margin-top: 10px;
-}
-.demo-content p {
-  margin: 8px 0;
-}
-</style>
+<template>
+  <div class="utils-demo">
+    <h3>DOM工具方法示例</h3>
+
+    <div class="demo-section">
+      <h4>fullScreenLoading - 全屏加载</h4>
+      <div class="demo-content">
+        <j-button label="显示全屏加载" type="primary" @click="showLoading" />
+        <j-button label="隐藏全屏加载" @click="hideLoading" />
+        <p style="color: #67c23a">💡 点击按钮查看全屏加载效果,3秒后自动关闭</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { fullScreenLoading } from '@/core'
+
+const showLoading = () => {
+  fullScreenLoading(true)
+  // 3秒后自动关闭
+  setTimeout(() => {
+    fullScreenLoading(false)
+  }, 3000)
+}
+
+const hideLoading = () => {
+  fullScreenLoading(false)
+}
+</script>
+
+<style scoped>
+.utils-demo {
+  padding: 20px;
+}
+.demo-section {
+  margin-bottom: 30px;
+  padding: 15px;
+  border: 1px solid #eee;
+  border-radius: 4px;
+}
+.demo-section h4 {
+  margin-top: 0;
+  color: #409eff;
+}
+.demo-content {
+  margin-top: 10px;
+}
+.demo-content p {
+  margin: 8px 0;
+}
+</style>

package/docs/examples/utils/is.vue

@@ -1,70 +1,70 @@
-<template>
-  <div class="utils-demo">
-    <h3>类型判断工具方法示例</h3>
-
-    <div class="demo-section">
-      <h4>1. isArray - 判断是否为数组</h4>
-      <div class="demo-content">
-        <p>测试值: {{ JSON.stringify(testArray) }}</p>
-        <p>是否为数组: {{ isArray(testArray) ? '是' : '否' }}</p>
-        <p>测试值: {{ testString }}</p>
-        <p>是否为数组: {{ isArray(testString) ? '是' : '否' }}</p>
-      </div>
-    </div>
-
-    <div class="demo-section">
-      <h4>2. isObject - 判断是否为对象</h4>
-      <div class="demo-content">
-        <p>测试值: {{ JSON.stringify(testObj) }}</p>
-        <p>是否为对象: {{ isObject(testObj) ? '是' : '否' }}</p>
-        <p>测试值: {{ testNull }}</p>
-        <p>是否为对象: {{ isObject(testNull) ? '是' : '否' }}</p>
-      </div>
-    </div>
-
-    <div class="demo-section">
-      <h4>3. isNullOrEmpty - 判断是否为空</h4>
-      <div class="demo-content">
-        <p>null: {{ isNullOrEmpty(null) ? '是空' : '不是空' }}</p>
-        <p>undefined: {{ isNullOrEmpty(undefined) ? '是空' : '不是空' }}</p>
-        <p>'': {{ isNullOrEmpty('') ? '是空' : '不是空' }}</p>
-        <p>[]: {{ isNullOrEmpty([]) ? '是空' : '不是空' }}</p>
-        <p>{}: {{ isNullOrEmpty({}) ? '是空' : '不是空' }}</p>
-        <p>'hello': {{ isNullOrEmpty('hello') ? '是空' : '不是空' }}</p>
-        <p style="color: #67c23a">💡 可用于表单验证,判断值是否有效</p>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue'
-import { isArray, isObject, isNullOrEmpty } from '@/core'
-
-const testArray = ref([1, 2, 3])
-const testString = ref('hello')
-const testObj = ref({ name: '测试' })
-const testNull = ref(null)
-</script>
-
-<style scoped>
-.utils-demo {
-  padding: 20px;
-}
-.demo-section {
-  margin-bottom: 30px;
-  padding: 15px;
-  border: 1px solid #eee;
-  border-radius: 4px;
-}
-.demo-section h4 {
-  margin-top: 0;
-  color: #409eff;
-}
-.demo-content {
-  margin-top: 10px;
-}
-.demo-content p {
-  margin: 8px 0;
-}
-</style>
+<template>
+  <div class="utils-demo">
+    <h3>类型判断工具方法示例</h3>
+
+    <div class="demo-section">
+      <h4>1. isArray - 判断是否为数组</h4>
+      <div class="demo-content">
+        <p>测试值: {{ JSON.stringify(testArray) }}</p>
+        <p>是否为数组: {{ isArray(testArray) ? '是' : '否' }}</p>
+        <p>测试值: {{ testString }}</p>
+        <p>是否为数组: {{ isArray(testString) ? '是' : '否' }}</p>
+      </div>
+    </div>
+
+    <div class="demo-section">
+      <h4>2. isObject - 判断是否为对象</h4>
+      <div class="demo-content">
+        <p>测试值: {{ JSON.stringify(testObj) }}</p>
+        <p>是否为对象: {{ isObject(testObj) ? '是' : '否' }}</p>
+        <p>测试值: {{ testNull }}</p>
+        <p>是否为对象: {{ isObject(testNull) ? '是' : '否' }}</p>
+      </div>
+    </div>
+
+    <div class="demo-section">
+      <h4>3. isNullOrEmpty - 判断是否为空</h4>
+      <div class="demo-content">
+        <p>null: {{ isNullOrEmpty(null) ? '是空' : '不是空' }}</p>
+        <p>undefined: {{ isNullOrEmpty(undefined) ? '是空' : '不是空' }}</p>
+        <p>'': {{ isNullOrEmpty('') ? '是空' : '不是空' }}</p>
+        <p>[]: {{ isNullOrEmpty([]) ? '是空' : '不是空' }}</p>
+        <p>{}: {{ isNullOrEmpty({}) ? '是空' : '不是空' }}</p>
+        <p>'hello': {{ isNullOrEmpty('hello') ? '是空' : '不是空' }}</p>
+        <p style="color: #67c23a">💡 可用于表单验证,判断值是否有效</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { isArray, isObject, isNullOrEmpty } from '@/core'
+
+const testArray = ref([1, 2, 3])
+const testString = ref('hello')
+const testObj = ref({ name: '测试' })
+const testNull = ref(null)
+</script>
+
+<style scoped>
+.utils-demo {
+  padding: 20px;
+}
+.demo-section {
+  margin-bottom: 30px;
+  padding: 15px;
+  border: 1px solid #eee;
+  border-radius: 4px;
+}
+.demo-section h4 {
+  margin-top: 0;
+  color: #409eff;
+}
+.demo-content {
+  margin-top: 10px;
+}
+.demo-content p {
+  margin: 8px 0;
+}
+</style>