hy-app 0.5.12 → 0.5.14

package/components/hy-table/hy-table.vue

@@ -302,8 +302,19 @@
     </view>
 </template>
 
+<script lang="ts">
+export default {
+    name: 'hy-tabs',
+    options: {
+        addGlobalClass: true,
+        virtualHost: true,
+        styleIsolation: 'shared'
+    }
+}
+</script>
+
 <script setup lang="ts">
-import { ref, computed, watch, onMounted } from 'vue'
+import { ref, computed, watch, onMounted, nextTick } from 'vue'
 import { addUnit, IconConfig, sleep, getPx } from '../../libs'
 import type { ITableColumn, ITableEmits } from './typing'
 import tableProps from './props'
@@ -312,6 +323,12 @@ import HyIcon from '../hy-icon/hy-icon.vue'
 import HyEmpty from '../hy-empty/hy-empty.vue'
 import HyLoading from '../hy-loading/hy-loading.vue'
 
+/**
+ * Table是一个基于Uniapp开发的高性能表格组件，支持固定列、排序、斑马纹、自定义插槽等功能，适用于各种数据展示场景。
+ * @displayName hy-table
+ */
+defineOptions({})
+
 const props = defineProps(tableProps)
 const emit = defineEmits<ITableEmits>()
 
@@ -321,6 +338,7 @@ const scrollTop = ref(0)
 const rowHeights = ref<number[]>([])
 const sortField = ref<string>('')
 const sortOrder = ref<'asc' | 'desc'>('asc')
+const SLEEP_TIME = 60
 
 // 防止滚动循环触发和抖动的标志位
 const isUpdatingScroll = ref(false)
@@ -375,8 +393,7 @@ const processedData = computed(() => {
 const getHeaderCellStyle = (col: ITableColumn) => {
     return {
         width: addUnit(col.width),
-        textAlign: col.align || 'left',
-        flexShrink: 0
+        textAlign: col.align || 'left'
     }
 }
 
@@ -385,9 +402,7 @@ const getBodyCellStyle = (col: ITableColumn, rowIndex: number) => {
     return {
         width: addUnit(col.width),
         textAlign: col.align || 'left',
-        flexShrink: 0,
-        height: addUnit(rowHeight),
-        lineHeight: addUnit(rowHeight)
+        height: addUnit(rowHeight)
     }
 }
 
@@ -413,8 +428,7 @@ const getRowStyle = computed(() => {
         const rowHeight = rowHeights.value[rowIndex] || props.rowHeight
         const styles: any = {
             width: addUnit(scrollWidth.value),
-            height: addUnit(rowHeight),
-            lineHeight: addUnit(rowHeight)
+            height: addUnit(rowHeight)
         }
 
         return styles
@@ -428,6 +442,9 @@ const getCellValue = (row: any, col: ITableColumn) => {
     return row[col.key] || ''
 }
 
+/**
+ * 头部横向滚动
+ * */
 const onHeaderScroll = async (e: any) => {
     if (isUpdatingScroll.value) return
 
@@ -436,7 +453,7 @@ const onHeaderScroll = async (e: any) => {
         isUpdatingScroll.value = true
         scrollLeft.value = newScrollLeft
         // 在下一个事件循环重置标志位
-        await sleep(0)
+        await sleep(SLEEP_TIME)
         isUpdatingScroll.value = false
     }
 }
@@ -454,7 +471,7 @@ const onScroll = async (e: any) => {
     }
 
     // 在下一个事件循环重置标志位
-    await sleep(0)
+    await sleep(SLEEP_TIME)
     isUpdatingScroll.value = false
 }
 
@@ -471,7 +488,7 @@ const onCrosswiseScroll = async (e: any) => {
         scrollLeft.value = newScrollLeft
     }
     // 在下一个事件循环重置标志位
-    await sleep(0)
+    await sleep(SLEEP_TIME)
     isUpdatingScroll.value = false
 }
 
@@ -486,7 +503,7 @@ const onLeftScroll = async (e: any) => {
         isUpdatingScroll.value = true
         scrollTop.value = newScrollTop
         // 在下一个事件循环重置标志位
-        await sleep(0)
+        await sleep(SLEEP_TIME)
         isUpdatingScroll.value = false
     }
 }
@@ -502,7 +519,7 @@ const onRightScroll = async (e: any) => {
         isUpdatingScroll.value = true
         scrollTop.value = newScrollTop
         // 在下一个事件循环重置标志位
-        await sleep(0)
+        await sleep(SLEEP_TIME)
         isUpdatingScroll.value = false
     }
 }

package/components/hy-table/index.scss

@@ -41,6 +41,7 @@ $stripe-bg: $hy-background--table-header;
         position: relative;
         flex-shrink: 0;
         background-color: $hy-background--table-header;
+
         &:last-child {
           border-right: none;
         }
@@ -58,12 +59,13 @@ $stripe-bg: $hy-background--table-header;
       }
 
       @include e(left, right) {
-        position: sticky;;
+        position: sticky;
       }
 
       @include e(left) {
         left: 0;
         border-right: $hy-border-line;
+
         @include is(shadow) {
           box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
         }
@@ -112,6 +114,7 @@ $stripe-bg: $hy-background--table-header;
         border-bottom: $hy-border-line;
         box-sizing: border-box;
         background-color: $hy-background--container;
+
         &:last-child {
           border-right: none;
         }
@@ -160,10 +163,12 @@ $stripe-bg: $hy-background--table-header;
 
     @include m(left) {
       left: 0;
+
       @include is(shadow) {
         box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
       }
     }
+
     @include m(right) {
       right: 0;
       border-left: $hy-border-line;

package/components/hy-table/props.ts

@@ -17,7 +17,7 @@ const tableProps = {
         type: [String, Number],
         default: 400
     },
-    /** 行高，如 '500rpx' */
+    /** 行高，如 '50' */
     rowHeight: {
         type: [String, Number],
         default: 50

package/components/hy-tag/index.scss

@@ -26,6 +26,7 @@ $hy-background--disabled);
   }
 
   @include e(text) {
+    white-space: nowrap;
 
     @include m(mini) {
       font-size: 20rpx;
@@ -44,32 +45,23 @@ $hy-background--disabled);
 
     @include m(large) {
       font-size: $hy-font-size-lg;
-      line-height: $hy-font-size-lg;
     }
   }
 
   @include m(mini) {
-    height: 17px;
-    line-height: 17px;
-    padding: 0 $hy-border-margin-padding-sm;
+    padding: 4rpx 10rpx;
   }
 
   @include m(small) {
-    height: 22px;
-    line-height: 22px;
-    padding: 0 $hy-border-margin-padding-sm;
+    padding: 6rpx $hy-border-margin-padding-sm;
   }
 
   @include m(medium) {
-    height: 26px;
-    line-height: 26px;
-    padding: 0 $hy-border-margin-padding-base;
+    padding: 8rpx $hy-border-margin-padding-base;
   }
 
   @include m(large) {
-    height: 32px;
-    line-height: 32px;
-    padding: 0 15px;
+    padding: 10rpx $hy-border-margin-padding-lg;
   }
 
 

package/components/hy-text/hy-text.vue

@@ -1,5 +1,5 @@
 <template>
-    <view :class="['hy-test', customClass]" v-if="show" :style="wrapStyle" @tap="clickHandler">
+    <view :class="['hy-text', customClass]" v-if="show" :style="wrapStyle" @tap="clickHandler">
         <text
             :class="['hy-text__price', type && `hy-text__value--${type}`]"
             v-if="mode === 'price'"

package/global.d.ts

@@ -1,91 +1,92 @@
-declare module 'vue' {
-    // Helper for Volar
-    export interface GlobalComponents {
-        HyActionSheet: (typeof import('./components/hy-action-sheet/hy-action-sheet.vue'))['default']
-        HyAddressPicker: (typeof import('./components/hy-address-picker/hy-address-picker.vue'))['default']
-        HyAvatar: (typeof import('./components/hy-avatar/hy-avatar.vue'))['default']
-        HyBackTop: (typeof import('./components/hy-back-top/hy-back-top.vue'))['default']
-        HyBadge: (typeof import('./components/hy-badge/hy-badge.vue'))['default']
-        HyButton: (typeof import('./components/hy-button/hy-button.vue'))['default']
-        HyCalendar: (typeof import('./components/hy-calendar/hy-calendar.vue'))['default']
-        HyCard: (typeof import('./components/hy-card/hy-card.vue'))['default']
-        HyCell: (typeof import('./components/hy-cell/hy-cell.vue'))['default']
-        HyCellItem: (typeof import('./components/hy-cell-item/hy-cell-item.vue'))['default']
-        HyCheckButton: (typeof import('./components/hy-check-button/hy-check-button.vue'))['default']
-        HyCheckbox: (typeof import('./components/hy-checkbox/hy-checkbox.vue'))['default']
-        HyCheckboxGroup: (typeof import('./components/hy-checkbox-group/hy-checkbox-group.vue'))['default']
-        HyCheckboxItem: (typeof import('./components/hy-checkbox-item/hy-checkbox-item.vue'))['default']
-        HyCodeInput: (typeof import('./components/hy-code-input/hy-code-input.vue'))['default']
-        HyConfigProvider: (typeof import('./components/hy-config-provider/hy-config-provider.vue'))['default']
-        HyCountDown: (typeof import('./components/hy-count-down/hy-count-down.vue'))['default']
-        HyCountTo: (typeof import('./components/hy-count-to/hy-count-to.vue'))['default']
-        HyCoupon: (typeof import('./components/hy-coupon/hy-coupon.vue'))['default']
-        HyDatetimePicker: (typeof import('./components/hy-datetime-picker/hy-datetime-picker.vue'))['default']
-        HyDatetimePickerView: (typeof import('./components/hy-datetime-picker-view/hy-datetime-picker-view.vue'))['default']
-        HyDivider: (typeof import('./components/hy-divider/hy-divider.vue'))['default']
-        HyDropdown: (typeof import('./components/hy-dropdown/hy-dropdown.vue'))['default']
-        HyDropdownItem: (typeof import('./components/hy-dropdown-item/hy-dropdown-item.vue'))['default']
-        HyEmpty: (typeof import('./components/hy-empty/hy-empty.vue'))['default']
-        HyFlex: (typeof import('./components/hy-flex/hy-flex.vue'))['default']
-        HyFloatButton: (typeof import('./components/hy-float-button/hy-float-button.vue'))['default']
-        HyFloatingPanel: (typeof import('./components/hy-floating-panel/hy-floating-panel.vue'))['default']
-        HyFloatingPanelItem: (typeof import('./components/hy-floating-panel-item/hy-floating-panel-item.vue'))['default']
-        HyForm: (typeof import('@/package/components/hy-form-group/hy-form.vue'))['default']
-        HyFormItem: (typeof import('./components/hy-form-item/hy-form-item.vue'))['default']
-        HyFormGroup: (typeof import('./components/hy-form-group/hy-form-group.vue'))['default']
-        HyGrid: (typeof import('./components/hy-grid/hy-grid.vue'))['default']
-        HyIcon: (typeof import('./components/hy-icon/hy-icon.vue'))['default']
-        HyImage: (typeof import('./components/hy-image/hy-image.vue'))['default']
-        HyInput: (typeof import('./components/hy-input/hy-input.vue'))['default']
-        HyLine: (typeof import('./components/hy-line/hy-line.vue'))['default']
-        HyLineProgress: (typeof import('./components/hy-line-progress/hy-line-progress.vue'))['default']
-        HyList: (typeof import('./components/hy-list/hy-list.vue'))['default']
-        HyLoading: (typeof import('./components/hy-loading/hy-loading.vue'))['default']
-        HyMenu: (typeof import('./components/hy-menu/hy-menu.vue'))['default']
-        HyModal: (typeof import('./components/hy-modal/hy-modal.vue'))['default']
-        HyNavbar: (typeof import('./components/hy-navbar/hy-navbar.vue'))['default']
-        HyNoticeBar: (typeof import('./components/hy-notice-bar/hy-notice-bar.vue'))['default']
-        HyNotify: (typeof import('./components/hy-notify/hy-notify.vue'))['default']
-        HyNumberStep: (typeof import('./components/hy-number-step/hy-number-step.vue'))['default']
-        HyOverlay: (typeof import('./components/hy-overlay/hy-overlay.vue'))['default']
-        HyPagination: (typeof import('./components/hy-pagination/hy-pagination.vue'))['default']
-        HyParse: (typeof import('./components/hy-parse/hy-parse.vue'))['default']
-        HyPicker: (typeof import('./components/hy-picker/hy-picker.vue'))['default']
-        HyPopover: (typeof import('./components/hy-popover/hy-popover.vue'))['default']
-        HyPopup: (typeof import('./components/hy-popup/hy-popup.vue'))['default']
-        HyPrice: (typeof import('./components/hy-price/hy-price.vue'))['default']
-        HyQrcode: (typeof import('./components/hy-qrcode/hy-qrcode.vue'))['default']
-        HyRadio: (typeof import('./components/hy-radio/hy-radio.vue'))['default']
-        HyRate: (typeof import('./components/hy-rate/hy-rate.vue'))['default']
-        HyReadMore: (typeof import('./components/hy-read-more/hy-read-more.vue'))['default']
-        HyRollingNum: (typeof import('./components/hy-rolling-num/hy-rolling-num.vue'))['default']
-        HyScrollList: (typeof import('./components/hy-scroll-list/hy-scroll-list.vue'))['default']
-        HySearch: (typeof import('./components/hy-search/hy-search.vue'))['default']
-        HySignature: (typeof import('./components/hy-signature/hy-signature.vue'))['default']
-        HySlider: (typeof import('./components/hy-slider/hy-slider.vue'))['default']
-        HyStatusBar: (typeof import('./components/hy-status-bar/hy-status-bar.vue'))['default']
-        HySteps: (typeof import('./components/hy-steps/hy-steps.vue'))['default']
-        HySticky: (typeof import('./components/hy-sticky/hy-sticky.vue'))['default']
-        HySubmitBar: (typeof import('./components/hy-submit-bar/hy-submit-bar.vue'))['default']
-        HySubsection: (typeof import('./components/hy-subsection/hy-subsection.vue'))['default']
-        HySwipeAction: (typeof import('./components/hy-swipe-action/hy-swipe-action.vue'))['default']
-        HySwiper: (typeof import('./components/hy-swiper/hy-swiper.vue'))['default']
-        HySwitch: (typeof import('./components/hy-switch/hy-switch.vue'))['default']
-        HyTabbar: (typeof import('@/package/components/hy-tabbar/hy-tabbar.vue'))['default']
-        HyTabbarGroup: (typeof import('./components/hy-tabbar-group/hy-tabbar-group.vue'))['default']
-        HyTabbarItem: (typeof import('./components/hy-tabbar-item/hy-tabbar-item.vue'))['default']
-        HyTabs: (typeof import('./components/hy-tabs/hy-tabs.vue'))['default']
-        HyTag: (typeof import('./components/hy-tag/hy-tag.vue'))['default']
-        HyTextarea: (typeof import('./components/hy-textarea/hy-textarea.vue'))['default']
-        HyText: (typeof import('./components/hy-text/hy-text.vue'))['default']
-        HyToast: (typeof import('./components/hy-toast/hy-toast.vue'))['default']
-        HyTooltip: (typeof import('./components/hy-tooltip/hy-tooltip.vue'))['default']
-        HyTransition: (typeof import('./components/hy-transition/hy-transition.vue'))['default']
-        HyUpload: (typeof import('./components/hy-upload/hy-upload.vue'))['default']
-        HyWarn: (typeof import('./components/hy-warn/hy-warn.vue'))['default']
-        HyWaterfall: (typeof import('./components/hy-waterfall/hy-waterfall.vue'))['default']
-        HyWatermark: (typeof import('./components/hy-watermark/hy-watermark.vue'))['default']
-    }
-}
-
-export {}
+declare module 'vue' {
+    // Helper for Volar
+    export interface GlobalComponents {
+        HyActionSheet: (typeof import('./components/hy-action-sheet/hy-action-sheet.vue'))['default']
+        HyAddressPicker: (typeof import('./components/hy-address-picker/hy-address-picker.vue'))['default']
+        HyAvatar: (typeof import('./components/hy-avatar/hy-avatar.vue'))['default']
+        HyBackTop: (typeof import('./components/hy-back-top/hy-back-top.vue'))['default']
+        HyBadge: (typeof import('./components/hy-badge/hy-badge.vue'))['default']
+        HyButton: (typeof import('./components/hy-button/hy-button.vue'))['default']
+        HyCalendar: (typeof import('./components/hy-calendar/hy-calendar.vue'))['default']
+        HyCard: (typeof import('./components/hy-card/hy-card.vue'))['default']
+        HyCell: (typeof import('./components/hy-cell/hy-cell.vue'))['default']
+        HyCellItem: (typeof import('./components/hy-cell-item/hy-cell-item.vue'))['default']
+        HyCheckButton: (typeof import('./components/hy-check-button/hy-check-button.vue'))['default']
+        HyCheckbox: (typeof import('./components/hy-checkbox/hy-checkbox.vue'))['default']
+        HyCheckboxGroup: (typeof import('./components/hy-checkbox-group/hy-checkbox-group.vue'))['default']
+        HyCheckboxItem: (typeof import('./components/hy-checkbox-item/hy-checkbox-item.vue'))['default']
+        HyCodeInput: (typeof import('./components/hy-code-input/hy-code-input.vue'))['default']
+        HyConfigProvider: (typeof import('./components/hy-config-provider/hy-config-provider.vue'))['default']
+        HyCountDown: (typeof import('./components/hy-count-down/hy-count-down.vue'))['default']
+        HyCountTo: (typeof import('./components/hy-count-to/hy-count-to.vue'))['default']
+        HyCoupon: (typeof import('./components/hy-coupon/hy-coupon.vue'))['default']
+        HyDatetimePicker: (typeof import('./components/hy-datetime-picker/hy-datetime-picker.vue'))['default']
+        HyDatetimePickerView: (typeof import('./components/hy-datetime-picker-view/hy-datetime-picker-view.vue'))['default']
+        HyDivider: (typeof import('./components/hy-divider/hy-divider.vue'))['default']
+        HyDropdown: (typeof import('./components/hy-dropdown/hy-dropdown.vue'))['default']
+        HyDropdownItem: (typeof import('./components/hy-dropdown-item/hy-dropdown-item.vue'))['default']
+        HyEmpty: (typeof import('./components/hy-empty/hy-empty.vue'))['default']
+        HyFlex: (typeof import('./components/hy-flex/hy-flex.vue'))['default']
+        HyFloatButton: (typeof import('./components/hy-float-button/hy-float-button.vue'))['default']
+        HyFloatingPanel: (typeof import('./components/hy-floating-panel/hy-floating-panel.vue'))['default']
+        HyFloatingPanelItem: (typeof import('./components/hy-floating-panel-item/hy-floating-panel-item.vue'))['default']
+        HyForm: (typeof import('@/package/components/hy-form-group/hy-form.vue'))['default']
+        HyFormItem: (typeof import('./components/hy-form-item/hy-form-item.vue'))['default']
+        HyFormGroup: (typeof import('./components/hy-form-group/hy-form-group.vue'))['default']
+        HyGrid: (typeof import('./components/hy-grid/hy-grid.vue'))['default']
+        HyIcon: (typeof import('./components/hy-icon/hy-icon.vue'))['default']
+        HyImage: (typeof import('./components/hy-image/hy-image.vue'))['default']
+        HyInput: (typeof import('./components/hy-input/hy-input.vue'))['default']
+        HyLine: (typeof import('./components/hy-line/hy-line.vue'))['default']
+        HyLineProgress: (typeof import('./components/hy-line-progress/hy-line-progress.vue'))['default']
+        HyList: (typeof import('./components/hy-list/hy-list.vue'))['default']
+        HyLoading: (typeof import('./components/hy-loading/hy-loading.vue'))['default']
+        HyMenu: (typeof import('./components/hy-menu/hy-menu.vue'))['default']
+        HyModal: (typeof import('./components/hy-modal/hy-modal.vue'))['default']
+        HyNavbar: (typeof import('./components/hy-navbar/hy-navbar.vue'))['default']
+        HyNoticeBar: (typeof import('./components/hy-notice-bar/hy-notice-bar.vue'))['default']
+        HyNotify: (typeof import('./components/hy-notify/hy-notify.vue'))['default']
+        HyNumberStep: (typeof import('./components/hy-number-step/hy-number-step.vue'))['default']
+        HyOverlay: (typeof import('./components/hy-overlay/hy-overlay.vue'))['default']
+        HyPagination: (typeof import('./components/hy-pagination/hy-pagination.vue'))['default']
+        HyParse: (typeof import('./components/hy-parse/hy-parse.vue'))['default']
+        HyPicker: (typeof import('./components/hy-picker/hy-picker.vue'))['default']
+        HyPopover: (typeof import('./components/hy-popover/hy-popover.vue'))['default']
+        HyPopup: (typeof import('./components/hy-popup/hy-popup.vue'))['default']
+        HyPrice: (typeof import('./components/hy-price/hy-price.vue'))['default']
+        HyQrcode: (typeof import('./components/hy-qrcode/hy-qrcode.vue'))['default']
+        HyRadio: (typeof import('./components/hy-radio/hy-radio.vue'))['default']
+        HyRate: (typeof import('./components/hy-rate/hy-rate.vue'))['default']
+        HyReadMore: (typeof import('./components/hy-read-more/hy-read-more.vue'))['default']
+        HyRollingNum: (typeof import('./components/hy-rolling-num/hy-rolling-num.vue'))['default']
+        HyScrollList: (typeof import('./components/hy-scroll-list/hy-scroll-list.vue'))['default']
+        HySearch: (typeof import('./components/hy-search/hy-search.vue'))['default']
+        HySignature: (typeof import('./components/hy-signature/hy-signature.vue'))['default']
+        HySlider: (typeof import('./components/hy-slider/hy-slider.vue'))['default']
+        HyStatusBar: (typeof import('./components/hy-status-bar/hy-status-bar.vue'))['default']
+        HySteps: (typeof import('./components/hy-steps/hy-steps.vue'))['default']
+        HySticky: (typeof import('./components/hy-sticky/hy-sticky.vue'))['default']
+        HySubmitBar: (typeof import('./components/hy-submit-bar/hy-submit-bar.vue'))['default']
+        HySubsection: (typeof import('./components/hy-subsection/hy-subsection.vue'))['default']
+        HySwipeAction: (typeof import('./components/hy-swipe-action/hy-swipe-action.vue'))['default']
+        HySwiper: (typeof import('./components/hy-swiper/hy-swiper.vue'))['default']
+        HySwitch: (typeof import('./components/hy-switch/hy-switch.vue'))['default']
+        HyTabbar: (typeof import('@/package/components/hy-tabbar/hy-tabbar.vue'))['default']
+        HyTabbarGroup: (typeof import('./components/hy-tabbar-group/hy-tabbar-group.vue'))['default']
+        HyTabbarItem: (typeof import('./components/hy-tabbar-item/hy-tabbar-item.vue'))['default']
+        HyTable: (typeof import('./components/hy-table/hy-table.vue'))['default']
+        HyTabs: (typeof import('./components/hy-tabs/hy-tabs.vue'))['default']
+        HyTag: (typeof import('./components/hy-tag/hy-tag.vue'))['default']
+        HyTextarea: (typeof import('./components/hy-textarea/hy-textarea.vue'))['default']
+        HyText: (typeof import('./components/hy-text/hy-text.vue'))['default']
+        HyToast: (typeof import('./components/hy-toast/hy-toast.vue'))['default']
+        HyTooltip: (typeof import('./components/hy-tooltip/hy-tooltip.vue'))['default']
+        HyTransition: (typeof import('./components/hy-transition/hy-transition.vue'))['default']
+        HyUpload: (typeof import('./components/hy-upload/hy-upload.vue'))['default']
+        HyWarn: (typeof import('./components/hy-warn/hy-warn.vue'))['default']
+        HyWaterfall: (typeof import('./components/hy-waterfall/hy-waterfall.vue'))['default']
+        HyWatermark: (typeof import('./components/hy-watermark/hy-watermark.vue'))['default']
+    }
+}
+
+export {}