im-ui-mobile 0.0.44 → 0.0.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "im-ui-mobile",
-  "version": "0.0.44",
+  "version": "0.0.46",
   "description": "A Vue3.0 + typescript instant messaging component library for Uniapp",
   "type": "module",
   "main": "index.js",
@@ -11,7 +11,8 @@
     "types",
     "utils",
     "plugins",
-    "index.js"
+    "index.js",
+    "theme.scss"
   ],
   "scripts": {
     "wx": "cd examples && npm run dev:mp-weixin",

package/theme.scss

@@ -0,0 +1,158 @@
+// 颜色
+$im-color-primary: #3e45d7;
+$im-color-primary-light-1: mix(#fff, $im-color-primary, 10%);
+$im-color-primary-light-2: mix(#fff, $im-color-primary, 20%);
+$im-color-primary-light-3: mix(#fff, $im-color-primary, 30%);
+$im-color-primary-light-4: mix(#fff, $im-color-primary, 40%);
+$im-color-primary-light-5: mix(#fff, $im-color-primary, 50%);
+$im-color-primary-light-6: mix(#fff, $im-color-primary, 60%);
+$im-color-primary-light-7: mix(#fff, $im-color-primary, 70%);
+$im-color-primary-light-8: mix(#fff, $im-color-primary, 80%);
+$im-color-primary-light-9: mix(#fff, $im-color-primary, 90%);
+$im-color-primary-dark-1: mix(#000, $im-color-primary, 10%);
+$im-color-primary-dark-2: mix(#000, $im-color-primary, 20%);
+$im-color-primary-dark-3: mix(#000, $im-color-primary, 30%);
+$im-color-primary-dark-4: mix(#000, $im-color-primary, 40%);
+
+$im-color-success: #18bc37;
+$im-color-warning: #f3a73f;
+$im-color-danger: #e43d33;
+$im-color-info: #8f939c;
+
+// 文字颜色
+$im-text-color: #000000;
+$im-text-color-light: #6a6a6a;
+$im-text-color-lighter: #909399;
+$im-text-color-lighter-extra: #c7c7c7;
+
+// 边框颜色
+$im-border: #F0F0F0;
+$im-border-light: #EDEDED;
+$im-border-lighter: #DCDCDC;
+$im-border-lighter-extra: #B9B9B9;
+
+// 文字大小
+$im-font-size: 30rpx;
+$im-font-size-small: 28rpx;
+$im-font-size-smaller: 26rpx;
+$im-font-size-smaller-extra: 24rpx;
+$im-font-size-large: 32rpx;
+$im-font-size-larger: 34rpx;
+$im-font-size-larger-extra: 36rpx;
+
+// 阴影
+$im-box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
+$im-box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+$im-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);
+$im-box-shadow-dark: 0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5);
+
+// 背景
+$im-bg: #f8f9ff;
+$im-bg-linear: linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);
+$im-bg-active: #f7f8fc;
+$im-bg-active-dark: $im-color-primary-light-9;
+$im-bg-input: #fafafa;
+
+
+// 标题
+$im-title-size: 26px;
+$im-title-size-1: 22px;
+$im-title-size-2: 18px;
+
+// $font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
+
+$im-nav-bar-height: 50px;
+
+
+// // #ifdef MP-WEIXIN
+// // wx小程序只有button,没有uni-botton
+// button {
+// 	font-size: $im-font-size !important;
+// }
+
+// button[type='primary'] {
+// 	color: #fff !important;
+// 	background: linear-gradient(135deg, $im-color-primary, lighten($im-color-primary, 15%)) !important;
+// }
+
+// button[type='primary'][plain] {
+// 	color: $im-color-primary !important;
+// 	border: 2px solid $im-color-primary;
+// 	background: transparent;
+// }
+
+// button[type='warn'] {
+// 	color: #fff !important;
+// 	background: linear-gradient(135deg, $im-color-danger, lighten($im-color-danger, 15%)) !important;
+// }
+
+// button[type='warn'][plain] {
+// 	color: $im-color-danger !important;
+// 	border: 1px solid $im-color-danger !important;
+// 	background: transparent !important;
+// }
+
+// button[size='mini'] {
+// 	font-size: $im-font-size-smaller !important;
+// }
+
+// // #endif
+
+// .button-hover[type='primary'] {
+// 	color: #fff !important;
+// 	background-color: $im-color-primary-dark-1 !important;
+// }
+
+// .nav-bar {
+// 	height: 100rpx;
+// 	padding: 0 20rpx;
+// 	display: flex;
+// 	align-items: center;
+// 	border-bottom: 1rpx solid $im-border;
+
+// 	.nav-search {
+// 		flex: 1;
+// 	}
+
+// 	.nav-add {
+// 		cursor: pointer;
+// 	}
+// }
+
+
+// .bottom-btn {
+// 	margin: 40rpx 40rpx;
+// }
+
+// .emoji-large {
+// 	width: 64rpx !important;
+// 	height: 64rpx !important;
+// 	vertical-align: bottom !important;
+// }
+
+// .emoji-normal {
+// 	width: 54rpx !important;
+// 	height: 54rpx !important;
+// 	vertical-align: bottom !important;
+// }
+
+// .emoji-small {
+// 	width: 36rpx !important;
+// 	height: 36rpx !important;
+// 	vertical-align: bottom !important;
+// }
+
+// .none-pointer-events {
+// 	uni-image img {
+// 		// 阻止微信默认长按菜单
+// 		pointer-events: none;
+// 		-webkit-pointer-events: none;
+// 		-ms-pointer-events: none;
+// 		-moz-pointer-events: none;
+// 	}
+// }
+
+// p {
+// 	margin-block-start: 1em;
+// 	margin-block-end: 1em;
+// }

package/types/components/loading.d.ts

@@ -0,0 +1,20 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface LoadingProps {
+    size?: number
+    iconColor?: string
+    mask?: boolean
+}
+
+declare interface LoadingSlots {
+    default?: () => any
+}
+
+declare interface _Loading {
+    new(): {
+        $props: AllowedComponentProps & VNodeProps & LoadingProps
+        $slots: LoadingSlots
+    }
+}
+
+export declare const Loading: _Loading

package/types/components.d.ts

@@ -1,6 +1,24 @@
 declare module 'vue' {
     export interface GlobalComponents {
+        ['im-arrow-bar']: typeof import('./components/arrow-bar')['ArrowBar']
+        ['im-bar-group']: typeof import('./components/bar-group')['BarGroup']
+        ['im-btn-bar']: typeof import('./components/btn-bar')['BtnBar']
+        ['im-chat-at-box']: typeof import('./components/chat-at-box')['ChatAtBox']
+        ['im-chat-group-readed']: typeof import('./components/chat-group-readed')['ChatGroupReaded']
+        ['im-chat-item']: typeof import('./components/chat-item')['ChatItem']
+        ['im-chat-message-item']: typeof import('./components/chat-message-item')['ChatMessageItem']
+        ['im-chat-record']: typeof import('./components/chat-record')['ChatRecord']
+        ['im-chat-upload']: typeof import('./components/chat-upload')['ChatUpload']
+        ['im-friend-item']: typeof import('./components/friend-item')['FriendItem']
+        ['im-group-item']: typeof import('./components/group-item')['GroupItem']
+        ['im-group-member-selector']: typeof import('./components/group-member-selector')['GroupMemberSelector']
+        ['im-group-rtc-join']: typeof import('./components/group-rtc-join')['GroupRtcJoin']
+        ['im-head-image']: typeof import('./components/head-image')['HeadImage']
+        ['im-loading']: typeof import('./components/loading')['Loading']
+        ['im-long-press-menu']: typeof import('./components/long-press-menu')['LongPressMenu']
         ['im-sample']: typeof import('./components/sample')['Sample']
+        ['im-switch-bar']: typeof import('./components/switch-bar')['SwitchBar']
+        ['im-virtual-scroller']: typeof import('./components/virtual-scroller')['VirtualScroller']
     }
 }
 

package/types/components/im-loading.d.ts

@@ -1,20 +0,0 @@
-import { AllowedComponentProps, VNodeProps } from './_common'
-
-declare interface ImLoadingProps {
-    size?: number
-    iconColor?: string
-    mask?: boolean
-}
-
-declare interface ImLoadingSlots {
-    default?: () => any
-}
-
-declare interface _ImLoading {
-    new(): {
-        $props: AllowedComponentProps & VNodeProps & ImLoadingProps
-        $slots: ImLoadingSlots
-    }
-}
-
-export declare const ImLoading: _ImLoading