im-ui-mobile 0.1.8 → 0.1.10

package/components/im-button/im-button.vue

@@ -103,7 +103,7 @@ interface Props {
 	color?: string
 	bgColor?: string
 	borderColor?: string
-	border: boolean
+	border?: boolean
 	textColor?: string
 	textSize?: TextSize
 	width?: string

package/components/im-card/im-card.vue

@@ -93,8 +93,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import type { CSSProperties } from 'vue'
-import ImIcon from '../im-icon/im-icon.vue'
-import ImBadge from '../im-badge/im-badge.vue'
+import ImButton from '../im-button/im-button.vue'
 
 // 类型定义
 interface CardAction {

package/components/im-dialog/im-dialog.vue

@@ -98,6 +98,7 @@
 <script setup lang="ts">
 import { ref, computed, watch, nextTick } from 'vue'
 import type { Modal as ModalType } from 'im-ui-mobile'
+import ImModal from '../im-modal/im-modal.vue'
 
 // 定义对话框类型
 type DialogType = 'alert' | 'confirm' | 'prompt' | 'success' | 'error' | 'warning' | 'info' | 'html' | 'custom'

package/components/im-emoji-picker/im-emoji-picker.vue

@@ -179,6 +179,7 @@
 
 <script setup lang="ts">
 import { ref, computed, watch, onMounted } from 'vue'
+import ImButton from '../im-button/im-button.vue'
 
 // 类型定义
 interface Emoji {

package/components/im-friend-item/im-friend-item.vue

@@ -13,6 +13,8 @@
 </template>
 
 <script setup lang="ts">
+import ImAvatar from '../im-avatar/im-avatar.vue'
+
 interface Props {
 	friend?: any;
 	detail?: boolean;

package/components/im-group-member-selector/im-group-member-selector.vue

@@ -40,6 +40,7 @@
 
 <script setup lang="ts">
 import { ref, computed } from 'vue'
+import ImPopup from '../im-popup/im-popup.vue'
 
 interface Props {
 	group?: any;

package/components/im-group-rtc-join/im-group-rtc-join.vue

@@ -23,6 +23,8 @@
 
 <script setup lang="ts">
 import ImAvatar from '../im-avatar/im-avatar.vue'
+import ImPopup from '../im-popup/im-popup.vue'
+import ImModal from '../im-modal/im-modal.vue'
 import { ref } from 'vue';
 import { UserInfo } from '../../libs';
 

package/components/im-link/im-link.vue

@@ -113,6 +113,7 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
+import ImBadge from '../im-badge/im-badge.vue'
 
 // 定义 Props
 interface Props {

package/components/im-loading/im-loading.vue

@@ -10,6 +10,7 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
+import ImIcon from '../im-icon/im-icon.vue'
 
 interface Props {
 	size?: number;

package/components/im-mention-picker/im-mention-picker.vue

@@ -37,6 +37,10 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue'
 import { GroupMember } from '../../libs';
+import ImPopup from '../im-popup/im-popup.vue'
+import ImAvatar from '../im-avatar/im-avatar.vue'
+import ImSearch from '../im-search/im-search.vue'
+import ImVirtualList from '../im-virtual-list/im-virtual-list.vue'
 
 interface Props {
 	ownerId?: number;

package/components/im-message-action/im-message-action.vue

@@ -63,6 +63,8 @@
 
 <script setup lang="ts">
 import { ref, computed, watch, nextTick } from 'vue'
+import ImIcon from '../im-icon/im-icon.vue'
+import ImBadge from '../im-badge/im-badge.vue'
 
 // 类型定义
 interface MessageAction {

package/components/im-message-list/im-message-list.vue

@@ -117,7 +117,7 @@
 <script setup lang="ts">
 import { ref, computed, watch, nextTick, onMounted, onUnmounted } from 'vue'
 import { useDynamicRefs, datetime } from 'im-ui-mobile'
-import { MESSAGE_TYPE, MESSAGE_STATUS } from '../..'
+import { MESSAGE_TYPE, MESSAGE_STATUS } from '../../utils/enums'
 import { Message, GroupMember } from '../../libs'
 
 // 使用动态引用

package/components/im-modal/im-modal.vue

@@ -1,29 +1,11 @@
 <template>
-  <im-popup
-    v-model:show="visible"
-    ref="popupRef"
-    :position="position"
-    :animation="animation"
-    :duration="duration"
-    :show-overlay="showOverlay"
-    :overlay-color="overlayColor"
-    :overlay-opacity="overlayOpacity"
-    :close-on-click-overlay="closeOnClickOverlay"
-    :lock-scroll="lockScroll"
-    :width="computedWidth"
-    :border-radius="borderRadius"
-    :background-color="backgroundColor"
-    :z-index="zIndex"
-    :show-close="showClose && showHeader"
-    :close-position="closePosition"
-    :safe-area-inset-bottom="safeAreaInsetBottom"
-    :custom-class="customClass"
-    @open="handleOpen"
-    @opened="handleOpened"
-    @close="handleClose"
-    @closed="handleClosed"
-    @click-overlay="handleClickOverlay"
-  >
+  <im-popup v-model:show="visible" ref="popupRef" :position="position" :animation="animation" :duration="duration"
+    :show-overlay="showOverlay" :overlay-color="overlayColor" :overlay-opacity="overlayOpacity"
+    :close-on-click-overlay="closeOnClickOverlay" :lock-scroll="lockScroll" :width="computedWidth"
+    :border-radius="borderRadius" :background-color="backgroundColor" :z-index="zIndex"
+    :show-close="showClose && showHeader" :close-position="closePosition" :safe-area-inset-bottom="safeAreaInsetBottom"
+    :custom-class="customClass" @open="handleOpen" @opened="handleOpened" @close="handleClose" @closed="handleClosed"
+    @click-overlay="handleClickOverlay">
     <!-- 头部 -->
     <view v-if="showHeader" class="im-modal__header">
       <slot name="header">
@@ -48,30 +30,14 @@
       <slot name="footer">
         <view class="im-modal__footer-buttons">
           <!-- 取消按钮 -->
-          <im-button
-            v-if="showCancel"
-            class="im-modal__button"
-            :type="cancelType"
-            :size="buttonSize"
-            :plain="cancelPlain"
-            :disabled="cancelDisabled"
-            :loading="cancelLoading"
-            @click="handleCancel"
-          >
+          <im-button v-if="showCancel" class="im-modal__button" :type="cancelType" :size="buttonSize"
+            :plain="cancelPlain" :disabled="cancelDisabled" :loading="cancelLoading" @click="handleCancel">
             {{ cancelText }}
           </im-button>
 
           <!-- 确认按钮 -->
-          <im-button
-            v-if="showConfirm"
-            class="im-modal__button"
-            :type="confirmType"
-            :size="buttonSize"
-            :plain="confirmPlain"
-            :disabled="confirmDisabled"
-            :loading="confirmLoading"
-            @click="handleConfirm"
-          >
+          <im-button v-if="showConfirm" class="im-modal__button" :type="confirmType" :size="buttonSize"
+            :plain="confirmPlain" :disabled="confirmDisabled" :loading="confirmLoading" @click="handleConfirm">
             {{ confirmText }}
           </im-button>
         </view>
@@ -83,25 +49,27 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue'
 import type { Popup as PopupType } from 'im-ui-mobile'
+import ImPopup from '../im-popup/im-popup.vue'
+import ImButton from '../im-button/im-button.vue'
 
 // 定义 Props
 interface Props {
   // 显示控制
   show?: boolean
   modelValue?: boolean
-  
+
   // 标题和内容
   title?: string
   subtitle?: string
   content?: string
-  
+
   // 头部配置
   showHeader?: boolean
   showSubtitle?: boolean
-  
+
   // 内容配置
   bodyStyle?: Record<string, string>
-  
+
   // 底部按钮配置
   showFooter?: boolean
   showCancel?: boolean
@@ -117,7 +85,7 @@ interface Props {
   cancelLoading?: boolean
   confirmLoading?: boolean
   buttonSize?: 'small' | 'medium' | 'large'
-  
+
   // 弹窗配置（传递给 im-popup）
   position?: 'center' | 'top' | 'bottom' | 'left' | 'right'
   animation?: 'fade' | 'slide' | 'zoom' | 'none'
@@ -137,7 +105,7 @@ interface Props {
   closePosition?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'
   safeAreaInsetBottom?: boolean
   customClass?: string
-  
+
   // 行为控制
   closeOnClickAction?: boolean
   showCloseAfterConfirm?: boolean
@@ -165,16 +133,16 @@ interface Emits {
 const props = withDefaults(defineProps<Props>(), {
   show: false,
   modelValue: false,
-  
+
   title: '提示',
   subtitle: '',
   content: '',
-  
+
   showHeader: true,
   showSubtitle: true,
-  
+
   bodyStyle: () => ({}),
-  
+
   showFooter: true,
   showCancel: true,
   showConfirm: true,
@@ -189,7 +157,7 @@ const props = withDefaults(defineProps<Props>(), {
   cancelLoading: false,
   confirmLoading: false,
   buttonSize: 'medium',
-  
+
   position: 'center',
   animation: 'zoom',
   duration: 300,
@@ -208,7 +176,7 @@ const props = withDefaults(defineProps<Props>(), {
   closePosition: 'top-right',
   safeAreaInsetBottom: true,
   customClass: '',
-  
+
   closeOnClickAction: true,
   showCloseAfterConfirm: true,
   showCloseAfterCancel: true
@@ -231,17 +199,17 @@ const visible = computed({
 // 计算宽度
 const computedWidth = computed(() => {
   let width = props.width
-  
+
   // 添加最大宽度限制
   if (props.maxWidth) {
     width = `min(${props.width}, ${props.maxWidth})`
   }
-  
+
   // 添加最小宽度限制
   if (props.minWidth) {
     width = `max(${width}, ${props.minWidth})`
   }
-  
+
   return width
 })
 
@@ -292,7 +260,7 @@ const handleCancel = () => {
 
 // 打开模态框
 const open = () => {
-    popupRef.value.open()
+  popupRef.value.open()
 }
 
 // 关闭模态框
@@ -318,12 +286,12 @@ defineExpose({
   &__header {
     padding: 40rpx 40rpx 20rpx;
     border-bottom: 2rpx solid #f5f5f5;
-    
+
     &-content {
       text-align: center;
     }
   }
-  
+
   &__title {
     display: block;
     font-size: 36rpx;
@@ -331,17 +299,17 @@ defineExpose({
     color: #333;
     line-height: 1.4;
   }
-  
+
   &__subtitle {
     margin-top: 12rpx;
-    
+
     text {
       font-size: 28rpx;
       color: #999;
       line-height: 1.4;
     }
   }
-  
+
   &__body {
     padding: 40rpx;
     font-size: 30rpx;
@@ -350,22 +318,22 @@ defineExpose({
     overflow-y: auto;
     max-height: 60vh;
   }
-  
+
   &__content {
     display: block;
     text-align: center;
   }
-  
+
   &__footer {
     padding: 20rpx 40rpx 40rpx;
-    
+
     &-buttons {
       display: flex;
       gap: 20rpx;
       justify-content: center;
     }
   }
-  
+
   &__button {
     flex: 1;
   }

package/components/im-nav-bar/im-nav-bar.vue

@@ -99,6 +99,7 @@
 import { ref, computed, onMounted, watch } from 'vue'
 import { onLoad, onShow } from '@dcloudio/uni-app'
 import type { IconType } from '../../types/components/icon'
+import ImIcon from '../im-icon/im-icon.vue'
 
 // 类型定义
 interface NavBarAction {

package/components/im-read-receipt/im-read-receipt.vue

@@ -2,7 +2,7 @@
 	<im-popup ref="popup" position="bottom">
 		<view class="read-receipt">
 			<view class="uni-padding-wrap uni-common-mt">
-				<im-tabs :current="current" :items="items" :show-bar="false" @change="onClickItem" />
+				<im-tabs v-model="current" :items="items"  @change="onClickItem" />
 			</view>
 			<view class="content">
 				<view v-if="current === 0">
@@ -34,9 +34,11 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
+import { Chat, Message } from '../../libs';
 import ImAvatar from '../im-avatar/im-avatar.vue'
 import ImVirtualList from '../im-virtual-list/im-virtual-list.vue'
-import { Chat, Message } from '../../libs';
+import ImTabs from '../im-tabs/im-tabs.vue'
+import ImPopup from '../im-popup/im-popup.vue'
 
 interface Props {
 	msgInfo: {

package/components/im-search/im-search.vue

@@ -68,6 +68,7 @@
 
 <script setup lang="ts">
 import { ref, nextTick } from 'vue'
+import ImIcon from '../im-icon/im-icon.vue'
 
 // 定义 Props
 interface Props {

package/components/im-sku/im-sku.vue

@@ -147,6 +147,8 @@ import type {
     SkuEmits,
     SelectedSku
 } from '../../types/components/sku'
+import ImPopup from '../im-popup/im-popup.vue'
+import ImIcon from '../im-icon/im-icon.vue'
 
 const props = withDefaults(defineProps<SkuProps>(), {
     current: undefined,

package/components/im-stepper/im-stepper.vue

@@ -58,6 +58,7 @@
 
 <script lang="ts" setup>
 import type { StepperProps, StepperEmits } from '../../types/components/stepper'
+import ImIcon from '../im-icon/im-icon.vue'
 
 const props = withDefaults(defineProps<StepperProps>(), {
     modelValue: 0,
@@ -428,8 +429,8 @@ defineExpose({
         }
 
         .im-stepper-input {
-            border-top: 1px solid #ebedf0;
-            border-bottom: 1px solid #ebedf0;
+            // border-top: 1px solid #ebedf0;
+            // border-bottom: 1px solid #ebedf0;
             margin: 0 2px;
         }
     }

package/components/im-upload/im-upload.vue

@@ -211,6 +211,7 @@
 
 <script setup lang="ts">
 import { ref, computed, watch } from 'vue'
+import ImButton from '../im-button/im-button.vue'
 
 // 定义文件类型
 interface UploadFile {

package/components/im-virtual-list/im-virtual-list.vue

@@ -50,6 +50,7 @@
 
 <script setup lang="ts">
 import { ref, computed, watch, nextTick, onMounted, onUnmounted, getCurrentInstance } from 'vue'
+import ImLoading from '../im-loading/im-loading.vue'
 
 // 定义类型
 export interface VirtualListItem<T = any> {

package/components/im-voice-input/im-voice-input.vue

@@ -28,6 +28,7 @@
 <script setup lang="ts">
 import { ref, computed, onUnmounted } from 'vue'
 import { RecorderApp, RecorderH5 } from '../../index'
+import ImIcon from '../im-icon/im-icon.vue'
 
 const recording = ref(false);
 const moveToCancel = ref(false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "im-ui-mobile",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "A Vue3.0 + Typescript instant messaging component library for Uniapp",
   "type": "module",
   "main": "index.js",

package/types/components/button.d.ts

@@ -26,7 +26,7 @@ declare interface ButtonProps {
     color?: string
     bgColor?: string
     borderColor?: string
-    border: boolean
+    border?: boolean
     textColor?: string
     textSize?: 'small' | 'medium' | 'large'
     width?: string