@atooyu/uxto-ui 1.0.7 → 1.0.9

package/dist/style.css

@@ -2238,46 +2238,46 @@ to {
   height: 100%;
   opacity: 0;
   z-index: 2;
-}.u-skeleton[data-v-8f29b4c7] {
+}.u-skeleton[data-v-1fde8489] {
   display: flex;
   gap: 12px;
 }
-.u-skeleton--animate .u-skeleton__avatar[data-v-8f29b4c7],
-.u-skeleton--animate .u-skeleton__title[data-v-8f29b4c7],
-.u-skeleton--animate .u-skeleton__paragraph[data-v-8f29b4c7] {
-  animation: skeleton-blink-8f29b4c7 1.2s ease-in-out infinite;
+.u-skeleton--animate .u-skeleton__avatar[data-v-1fde8489],
+.u-skeleton--animate .u-skeleton__title[data-v-1fde8489],
+.u-skeleton--animate .u-skeleton__paragraph[data-v-1fde8489] {
+  animation: skeleton-blink-1fde8489 1.2s ease-in-out infinite;
 }
-.u-skeleton__avatar[data-v-8f29b4c7] {
+.u-skeleton__avatar[data-v-1fde8489] {
   flex-shrink: 0;
   background-color: #f2f3f5;
   border-radius: 50%;
 }
-.u-skeleton__avatar--circle[data-v-8f29b4c7] {
+.u-skeleton__avatar--circle[data-v-1fde8489] {
   border-radius: 50%;
 }
-.u-skeleton__avatar--square[data-v-8f29b4c7] {
+.u-skeleton__avatar--square[data-v-1fde8489] {
   border-radius: 4px;
 }
-.u-skeleton__content[data-v-8f29b4c7] {
+.u-skeleton__content[data-v-1fde8489] {
   flex: 1;
   min-width: 0;
 }
-.u-skeleton__title[data-v-8f29b4c7] {
+.u-skeleton__title[data-v-1fde8489] {
   height: 20px;
   margin-bottom: 12px;
   background-color: #f2f3f5;
   border-radius: 4px;
 }
-.u-skeleton__paragraphs[data-v-8f29b4c7] {
+.u-skeleton__paragraphs[data-v-1fde8489] {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-.u-skeleton__paragraph[data-v-8f29b4c7] {
+.u-skeleton__paragraph[data-v-1fde8489] {
   background-color: #f2f3f5;
   border-radius: 4px;
 }
-@keyframes skeleton-blink-8f29b4c7 {
+@keyframes skeleton-blink-1fde8489 {
 0% {
     opacity: 1;
 }
@@ -2287,135 +2287,135 @@ to {
 100% {
     opacity: 1;
 }
-}.u-transition[data-v-48c1ff4a] {
+}.u-transition[data-v-13f0f85c] {
   opacity: 1;
   transform: none;
 }
-.u-transition--fade-enter[data-v-48c1ff4a] {
+.u-transition--fade-enter[data-v-13f0f85c] {
   opacity: 0;
 }
-.u-transition--fade-leave[data-v-48c1ff4a] {
+.u-transition--fade-leave[data-v-13f0f85c] {
   opacity: 0;
 }
-.u-transition--fade-up-enter[data-v-48c1ff4a] {
+.u-transition--fade-up-enter[data-v-13f0f85c] {
   opacity: 0;
   transform: translateY(100%);
 }
-.u-transition--fade-up-leave[data-v-48c1ff4a] {
+.u-transition--fade-up-leave[data-v-13f0f85c] {
   opacity: 0;
   transform: translateY(-100%);
 }
-.u-transition--fade-down-enter[data-v-48c1ff4a] {
+.u-transition--fade-down-enter[data-v-13f0f85c] {
   opacity: 0;
   transform: translateY(-100%);
 }
-.u-transition--fade-down-leave[data-v-48c1ff4a] {
+.u-transition--fade-down-leave[data-v-13f0f85c] {
   opacity: 0;
   transform: translateY(100%);
 }
-.u-transition--fade-left-enter[data-v-48c1ff4a] {
+.u-transition--fade-left-enter[data-v-13f0f85c] {
   opacity: 0;
   transform: translateX(100%);
 }
-.u-transition--fade-left-leave[data-v-48c1ff4a] {
+.u-transition--fade-left-leave[data-v-13f0f85c] {
   opacity: 0;
   transform: translateX(-100%);
 }
-.u-transition--fade-right-enter[data-v-48c1ff4a] {
+.u-transition--fade-right-enter[data-v-13f0f85c] {
   opacity: 0;
   transform: translateX(-100%);
 }
-.u-transition--fade-right-leave[data-v-48c1ff4a] {
+.u-transition--fade-right-leave[data-v-13f0f85c] {
   opacity: 0;
   transform: translateX(100%);
 }
-.u-transition--slide-up-enter[data-v-48c1ff4a] {
+.u-transition--slide-up-enter[data-v-13f0f85c] {
   transform: translateY(100%);
 }
-.u-transition--slide-up-leave[data-v-48c1ff4a] {
+.u-transition--slide-up-leave[data-v-13f0f85c] {
   transform: translateY(-100%);
 }
-.u-transition--slide-down-enter[data-v-48c1ff4a] {
+.u-transition--slide-down-enter[data-v-13f0f85c] {
   transform: translateY(-100%);
 }
-.u-transition--slide-down-leave[data-v-48c1ff4a] {
+.u-transition--slide-down-leave[data-v-13f0f85c] {
   transform: translateY(100%);
 }
-.u-transition--slide-left-enter[data-v-48c1ff4a] {
+.u-transition--slide-left-enter[data-v-13f0f85c] {
   transform: translateX(100%);
 }
-.u-transition--slide-left-leave[data-v-48c1ff4a] {
+.u-transition--slide-left-leave[data-v-13f0f85c] {
   transform: translateX(-100%);
 }
-.u-transition--slide-right-enter[data-v-48c1ff4a] {
+.u-transition--slide-right-enter[data-v-13f0f85c] {
   transform: translateX(-100%);
 }
-.u-transition--slide-right-leave[data-v-48c1ff4a] {
+.u-transition--slide-right-leave[data-v-13f0f85c] {
   transform: translateX(100%);
 }
-.u-transition--zoom-enter[data-v-48c1ff4a] {
+.u-transition--zoom-enter[data-v-13f0f85c] {
   transform: scale(0);
 }
-.u-transition--zoom-leave[data-v-48c1ff4a] {
+.u-transition--zoom-leave[data-v-13f0f85c] {
   transform: scale(0);
 }
-.u-transition--zoom-fade-enter[data-v-48c1ff4a] {
+.u-transition--zoom-fade-enter[data-v-13f0f85c] {
   opacity: 0;
   transform: scale(0.5);
 }
-.u-transition--zoom-fade-leave[data-v-48c1ff4a] {
+.u-transition--zoom-fade-leave[data-v-13f0f85c] {
   opacity: 0;
   transform: scale(0.5);
-}.u-link[data-v-264b49c0] {
+}.u-link[data-v-f60d6c27] {
   display: inline;
   color: #646566;
   font-size: inherit;
   word-break: break-all;
 }
-.u-link--default[data-v-264b49c0] {
+.u-link--default[data-v-f60d6c27] {
   color: #646566;
 }
-.u-link--primary[data-v-264b49c0] {
+.u-link--primary[data-v-f60d6c27] {
   color: #00a29a;
 }
-.u-link--success[data-v-264b49c0] {
+.u-link--success[data-v-f60d6c27] {
   color: #07c160;
 }
-.u-link--warning[data-v-264b49c0] {
+.u-link--warning[data-v-f60d6c27] {
   color: #ff976a;
 }
-.u-link--danger[data-v-264b49c0] {
+.u-link--danger[data-v-f60d6c27] {
   color: #ee0a24;
 }
-.u-link--underline[data-v-264b49c0] {
+.u-link--underline[data-v-f60d6c27] {
   text-decoration: underline;
 }
-.u-link--disabled[data-v-264b49c0] {
+.u-link--disabled[data-v-f60d6c27] {
   color: #969799;
   opacity: 0.5;
-}.u-read-more__content[data-v-e27ed42c] {
+}.u-read-more__content[data-v-b31720eb] {
   font-size: 14px;
   color: #323233;
   line-height: 1.6;
   word-break: break-all;
 }
-.u-read-more__toggle[data-v-e27ed42c] {
+.u-read-more__toggle[data-v-b31720eb] {
   display: inline-flex;
   align-items: center;
   margin-top: 8px;
   color: #00a29a;
   font-size: 14px;
 }
-.u-read-more__toggle[data-v-e27ed42c]:active {
+.u-read-more__toggle[data-v-b31720eb]:active {
   opacity: 0.7;
 }
-.u-read-more__toggle-text[data-v-e27ed42c] {
+.u-read-more__toggle-text[data-v-b31720eb] {
   margin-right: 4px;
 }
-.u-read-more__toggle-icon[data-v-e27ed42c] {
+.u-read-more__toggle-icon[data-v-b31720eb] {
   font-size: 12px;
 }
-.u-tabbar[data-v-9b683b39] {
+.u-tabbar[data-v-a50e7599] {
   position: fixed;
   left: 0;
   right: 0;
@@ -2424,7 +2424,7 @@ to {
   width: 100%;
   pointer-events: none;
 }
-.u-tabbar__nav-wrap[data-v-9b683b39] {
+.u-tabbar__nav-wrap[data-v-a50e7599] {
   pointer-events: auto;
   position: absolute;
   left: 14px;
@@ -2443,8 +2443,7 @@ to {
   padding: 0 8px;
   box-sizing: border-box;
 }
-.u-tabbar__tab-btn[data-v-9b683b39] {
-  flex: 1;
+.u-tabbar__tab-btn[data-v-a50e7599] {
   height: 40px;
   border-radius: 20px;
   background: transparent;
@@ -2456,25 +2455,25 @@ to {
   transition: all 200ms ease;
   white-space: nowrap;
   overflow: hidden;
-  min-width: 0;
+  padding: 0 16px;
 }
-.u-tabbar__tab-btn--active[data-v-9b683b39] {
+.u-tabbar__tab-btn--active[data-v-a50e7599] {
   background: #ffffff;
   box-shadow: inset 0 0 0 1px rgba(17, 135, 128, 0.14);
 }
-.u-tabbar__tab-text[data-v-9b683b39] {
+.u-tabbar__tab-text[data-v-a50e7599] {
   font-weight: 600;
   font-size: 14px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.u-tabbar__center[data-v-9b683b39] {
+.u-tabbar__center[data-v-a50e7599] {
   position: relative;
   width: 72px;
   height: 56px;
   flex-shrink: 0;
 }
-.u-tabbar__center-btn[data-v-9b683b39] {
+.u-tabbar__center-btn[data-v-a50e7599] {
   position: absolute;
   left: 50%;
   top: -22px;
@@ -2492,21 +2491,21 @@ to {
   box-shadow: 0 8px 20px rgba(8, 112, 106, 0.25);
   transition: all 200ms ease;
 }
-.u-tabbar__center-btn[data-v-9b683b39]:active {
+.u-tabbar__center-btn[data-v-a50e7599]:active {
   transform: translateX(-50%) scale(0.95);
 }
-.u-tabbar__center-btn--active[data-v-9b683b39] {
+.u-tabbar__center-btn--active[data-v-a50e7599] {
   border-color: #12b6af;
   box-shadow: 0 8px 24px rgba(8, 112, 106, 0.35);
 }
-.u-tabbar__center-brand[data-v-9b683b39] {
+.u-tabbar__center-brand[data-v-a50e7599] {
   font-size: 22px;
   line-height: 1;
   font-weight: 700;
   color: #12b6af;
   letter-spacing: 1px;
 }
-.u-tabbar__center-text[data-v-9b683b39] {
+.u-tabbar__center-text[data-v-a50e7599] {
   font-size: 12px;
   letter-spacing: 0.5px;
   color: #12b6af;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atooyu/uxto-ui",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "跨平台 UI 组件库 - 支持 Android、iOS、鸿蒙",
   "keywords": [
     "uxto-ui",

package/src/components/index.ts

@@ -1,51 +1,51 @@
-// 组件导出
-export { default as UButton } from './u-button/u-button.vue'
-export { default as UInput } from './u-input/u-input.vue'
-export { default as UCell } from './u-cell/u-cell.vue'
-export { default as UCellGroup } from './u-cell-group/u-cell-group.vue'
-export { default as UModal } from './u-modal/u-modal.vue'
-export { default as UIcon } from './u-icon/u-icon.vue'
-// SVG 图标库
-export * from './u-icon/index'
-export { default as ULoading } from './u-loading/u-loading.vue'
-export { default as UTag } from './u-tag/u-tag.vue'
-export { default as USwitch } from './u-switch/u-switch.vue'
-export { default as UImage } from './u-image/u-image.vue'
-export { default as UDivider } from './u-divider/u-divider.vue'
-export { default as UNoticeBar } from './u-notice-bar/u-notice-bar.vue'
-export { default as ULayout } from './u-layout/u-layout.vue'
-export { default as UBadge } from './u-badge/u-badge.vue'
-export { default as ULoadingPage } from './u-loading-page/u-loading-page.vue'
-export { default as UParse } from './u-parse/u-parse.vue'
-export { default as UKeyboard } from './u-keyboard/u-keyboard.vue'
-export { default as UPicker } from './u-picker/u-picker.vue'
-export { default as UDatetimePicker } from './u-datetime-picker/u-datetime-picker.vue'
-export { default as URate } from './u-rate/u-rate.vue'
-export { default as UGrid } from './u-grid/u-grid.vue'
-export { default as UGridItem } from './u-grid-item/u-grid-item.vue'
-export { default as USwiper } from './u-swiper/u-swiper.vue'
-export { default as USwiperItem } from './u-swiper-item/u-swiper-item.vue'
-export { default as USearch } from './u-search/u-search.vue'
-export { default as UNumberBox } from './u-number-box/u-number-box.vue'
-export { default as UUpload } from './u-upload/u-upload.vue'
-export { default as UTextarea } from './u-textarea/u-textarea.vue'
-export { default as USlider } from './u-slider/u-slider.vue'
-export { default as UList } from './u-list/u-list.vue'
-export { default as UListItem } from './u-list-item/u-list-item.vue'
-export { default as ULineProgress } from './u-line-progress/u-line-progress.vue'
-export { default as UCountDown } from './u-count-down/u-count-down.vue'
-export { default as UTooltip } from './u-tooltip/u-tooltip.vue'
-export { default as UAvatar } from './u-avatar/u-avatar.vue'
-export { default as UEmpty } from './u-empty/u-empty.vue'
-export { default as UCheckbox } from './u-checkbox/u-checkbox.vue'
-export { default as UCheckboxGroup } from './u-checkbox-group/u-checkbox-group.vue'
-export { default as URadio } from './u-radio/u-radio.vue'
-export { default as URadioGroup } from './u-radio-group/u-radio-group.vue'
-export { default as UToast } from './u-toast/u-toast.vue'
-export { default as UPopup } from './u-popup/u-popup.vue'
-export { default as UCodeInput } from './u-code-input/u-code-input.vue'
-export { default as USkeleton } from './u-skeleton/u-skeleton.vue'
-export { default as UTransition } from './u-transition/u-transition.vue'
-export { default as ULink } from './u-link/u-link.vue'
-export { default as UReadMore } from './u-read-more/u-read-more.vue'
+// 组件导出
+export { default as UButton } from './u-button/u-button.vue'
+export { default as UInput } from './u-input/u-input.vue'
+export { default as UCell } from './u-cell/u-cell.vue'
+export { default as UCellGroup } from './u-cell-group/u-cell-group.vue'
+export { default as UModal } from './u-modal/u-modal.vue'
+export { default as UIcon } from './u-icon/u-icon.vue'
+// SVG 图标库
+export * from './u-icon/index'
+export { default as ULoading } from './u-loading/u-loading.vue'
+export { default as UTag } from './u-tag/u-tag.vue'
+export { default as USwitch } from './u-switch/u-switch.vue'
+export { default as UImage } from './u-image/u-image.vue'
+export { default as UDivider } from './u-divider/u-divider.vue'
+export { default as UNoticeBar } from './u-notice-bar/u-notice-bar.vue'
+export { default as ULayout } from './u-layout/u-layout.vue'
+export { default as UBadge } from './u-badge/u-badge.vue'
+export { default as ULoadingPage } from './u-loading-page/u-loading-page.vue'
+export { default as UParse } from './u-parse/u-parse.vue'
+export { default as UKeyboard } from './u-keyboard/u-keyboard.vue'
+export { default as UPicker } from './u-picker/u-picker.vue'
+export { default as UDatetimePicker } from './u-datetime-picker/u-datetime-picker.vue'
+export { default as URate } from './u-rate/u-rate.vue'
+export { default as UGrid } from './u-grid/u-grid.vue'
+export { default as UGridItem } from './u-grid-item/u-grid-item.vue'
+export { default as USwiper } from './u-swiper/u-swiper.vue'
+export { default as USwiperItem } from './u-swiper-item/u-swiper-item.vue'
+export { default as USearch } from './u-search/u-search.vue'
+export { default as UNumberBox } from './u-number-box/u-number-box.vue'
+export { default as UUpload } from './u-upload/u-upload.vue'
+export { default as UTextarea } from './u-textarea/u-textarea.vue'
+export { default as USlider } from './u-slider/u-slider.vue'
+export { default as UList } from './u-list/u-list.vue'
+export { default as UListItem } from './u-list-item/u-list-item.vue'
+export { default as ULineProgress } from './u-line-progress/u-line-progress.vue'
+export { default as UCountDown } from './u-count-down/u-count-down.vue'
+export { default as UTooltip } from './u-tooltip/u-tooltip.vue'
+export { default as UAvatar } from './u-avatar/u-avatar.vue'
+export { default as UEmpty } from './u-empty/u-empty.vue'
+export { default as UCheckbox } from './u-checkbox/u-checkbox.vue'
+export { default as UCheckboxGroup } from './u-checkbox-group/u-checkbox-group.vue'
+export { default as URadio } from './u-radio/u-radio.vue'
+export { default as URadioGroup } from './u-radio-group/u-radio-group.vue'
+export { default as UToast } from './u-toast/u-toast.vue'
+export { default as UPopup } from './u-popup/u-popup.vue'
+export { default as UCodeInput } from './u-code-input/u-code-input.vue'
+export { default as USkeleton } from './u-skeleton/u-skeleton.vue'
+export { default as UTransition } from './u-transition/u-transition.vue'
+export { default as ULink } from './u-link/u-link.vue'
+export { default as UReadMore } from './u-read-more/u-read-more.vue'
 export { default as UTabbar } from './u-tabbar/u-tabbar.vue'

package/src/components/u-link/u-link.vue

@@ -1,113 +1,113 @@
-<template>
-  <text
-    class="u-link"
-    :class="linkClass"
-    :style="linkStyle"
-    @click="handleClick"
-  >
-    <slot>{{ text }}</slot>
-  </text>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-
-type LinkType = 'default' | 'primary' | 'success' | 'warning' | 'danger'
-
-interface Props {
-  text?: string
-  type?: LinkType
-  color?: string
-  underline?: boolean
-  href?: string
-  disabled?: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  text: '',
-  type: 'default',
-  underline: false,
-  disabled: false
-})
-
-const emit = defineEmits<{
-  (e: 'click'): void
-}>()
-
-const linkClass = computed(() => [
-  `u-link--${props.type}`,
-  {
-    'u-link--underline': props.underline,
-    'u-link--disabled': props.disabled
-  }
-])
-
-const linkStyle = computed(() => {
-  const style: Record<string, string> = {}
-  if (props.color) {
-    style.color = props.color
-  }
-  return style
-})
-
-const handleClick = () => {
-  if (props.disabled) return
-
-  if (props.href) {
-    // 在新窗口打开链接
-    // uni-app 环境下使用特定方法
-    // #ifdef H5
-    window.open(props.href, '_blank')
-    // #endif
-  }
-
-  emit('click')
-}
-</script>
-
-<script lang="ts">
-export default {
-  options: {
-    virtualHost: true,
-    styleIsolation: 'shared'
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.u-link {
-  display: inline;
-  color: $--text-color-2;
-  font-size: inherit;
-  word-break: break-all;
-
-  &--default {
-    color: $--text-color-2;
-  }
-
-  &--primary {
-    color: $--color-primary;
-  }
-
-  &--success {
-    color: $--color-success;
-  }
-
-  &--warning {
-    color: $--color-warning;
-  }
-
-  &--danger {
-    color: $--color-danger;
-  }
-
-  &--underline {
-    text-decoration: underline;
-  }
-
-  &--disabled {
-    color: $--text-color-3;
-    opacity: 0.5;
-  }
-}
+<template>
+  <text
+    class="u-link"
+    :class="linkClass"
+    :style="linkStyle"
+    @click="handleClick"
+  >
+    <slot>{{ text }}</slot>
+  </text>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+
+type LinkType = 'default' | 'primary' | 'success' | 'warning' | 'danger'
+
+interface Props {
+  text?: string
+  type?: LinkType
+  color?: string
+  underline?: boolean
+  href?: string
+  disabled?: boolean
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  text: '',
+  type: 'default',
+  underline: false,
+  disabled: false
+})
+
+const emit = defineEmits<{
+  (e: 'click'): void
+}>()
+
+const linkClass = computed(() => [
+  `u-link--${props.type}`,
+  {
+    'u-link--underline': props.underline,
+    'u-link--disabled': props.disabled
+  }
+])
+
+const linkStyle = computed(() => {
+  const style: Record<string, string> = {}
+  if (props.color) {
+    style.color = props.color
+  }
+  return style
+})
+
+const handleClick = () => {
+  if (props.disabled) return
+
+  if (props.href) {
+    // 在新窗口打开链接
+    // uni-app 环境下使用特定方法
+    // #ifdef H5
+    window.open(props.href, '_blank')
+    // #endif
+  }
+
+  emit('click')
+}
+</script>
+
+<script lang="ts">
+export default {
+  options: {
+    virtualHost: true,
+    styleIsolation: 'shared'
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.u-link {
+  display: inline;
+  color: $--text-color-2;
+  font-size: inherit;
+  word-break: break-all;
+
+  &--default {
+    color: $--text-color-2;
+  }
+
+  &--primary {
+    color: $--color-primary;
+  }
+
+  &--success {
+    color: $--color-success;
+  }
+
+  &--warning {
+    color: $--color-warning;
+  }
+
+  &--danger {
+    color: $--color-danger;
+  }
+
+  &--underline {
+    text-decoration: underline;
+  }
+
+  &--disabled {
+    color: $--text-color-3;
+    opacity: 0.5;
+  }
+}
 </style>