im-ui-mobile 0.0.98 → 0.1.0

package/package.json

@@ -1,59 +1,59 @@
-{
-  "name": "im-ui-mobile",
-  "version": "0.0.98",
-  "description": "A Vue3.0 + Typescript instant messaging component library for Uniapp",
-  "type": "module",
-  "main": "index.js",
-  "types": "types/index.d.ts",
-  "files": [
-    "components",
-    "libs",
-    "types",
-    "utils",
-    "plugins",
-    "index.js",
-    "styles",
-    "theme.scss",
-    "index.scss"
-  ],
-  "scripts": {
-    "wx": "cd examples1 && npm run dev:mp-weixin",
-    "h5": "cd examples1 && npm run dev:h5",
-    "build": "npm run build:types",
-    "build:types": "vue-tsc -p tsconfig.build.json",
-    "clean:types": "rmdir /s /q src/types 2>nul # '删除 types 目录'",
-    "prepublishOnly": "npm run build"
-  },
-  "devDependencies": {
-    "@dcloudio/uni-app": "3.0.0-4070520250711001",
-    "@dcloudio/types": "^3.4.8",
-    "@dcloudio/uni-cli-shared": "3.0.0-4070520250711001",
-    "@dcloudio/vite-plugin-uni": "3.0.0-4070520250711001",
-    "@types/node": "^24.10.1",
-    "@vitejs/plugin-vue": "^4.0.0",
-    "typescript": "~5.4.5",
-    "vite": "^4.0.0",
-    "vite-plugin-dts": "^3.0.0",
-    "vue-tsc": "^1.0.0"
-  },
-  "peerDependencies": {
-    "@dcloudio/uni-app": "3.0.0-4070520250711001",
-    "uview-plus": "^3.1.0",
-    "vue": "^3.3.0",
-    "pinia": "^2.1.7"
-  },
-  "peerDependenciesMeta": {
-    "pinia": {
-      "optional": true
-    }
-  },
-  "keywords": [
-    "vue3",
-    "components",
-    "ui",
-    "instant-messaging",
-    "chat"
-  ],
-  "author": "Joncky Cai",
-  "license": "MIT"
+{
+  "name": "im-ui-mobile",
+  "version": "0.1.0",
+  "description": "A Vue3.0 + Typescript instant messaging component library for Uniapp",
+  "type": "module",
+  "main": "index.js",
+  "types": "types/index.d.ts",
+  "files": [
+    "components",
+    "libs",
+    "types",
+    "utils",
+    "plugins",
+    "index.js",
+    "styles",
+    "theme.scss",
+    "index.scss"
+  ],
+  "scripts": {
+    "wx": "cd examples-dev && npm run dev:mp-weixin",
+    "h5": "cd examples-dev && npm run dev:h5",
+    "build": "npm run build:types",
+    "build:types": "vue-tsc -p tsconfig.build.json",
+    "clean:types": "rmdir /s /q src/types 2>nul # '删除 types 目录'",
+    "prepublishOnly": "npm run build"
+  },
+  "devDependencies": {
+    "@dcloudio/uni-app": "3.0.0-4070520250711001",
+    "@dcloudio/types": "^3.4.8",
+    "@dcloudio/uni-cli-shared": "3.0.0-4070520250711001",
+    "@dcloudio/vite-plugin-uni": "3.0.0-4070520250711001",
+    "@types/node": "^24.10.1",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "typescript": "~5.4.5",
+    "vite": "^4.0.0",
+    "vite-plugin-dts": "^3.0.0",
+    "vue-tsc": "^1.0.0"
+  },
+  "peerDependencies": {
+    "@dcloudio/uni-app": "3.0.0-4070520250711001",
+    "uview-plus": "^3.1.0",
+    "vue": "^3.3.0",
+    "pinia": "^2.1.7"
+  },
+  "peerDependenciesMeta": {
+    "pinia": {
+      "optional": true
+    }
+  },
+  "keywords": [
+    "vue3",
+    "components",
+    "ui",
+    "instant-messaging",
+    "chat"
+  ],
+  "author": "Joncky Cai",
+  "license": "MIT"
 }

package/styles/button.scss

@@ -28,7 +28,7 @@ button[type='warn'][plain] {
 }
 
 button[size='mini'] {
-	font-size: $im-font-size-smaller !important;
+	font-size: $im-font-size-small !important;
 }
 
 // #endif

package/theme.scss

@@ -1,62 +1,61 @@
-// 颜色
-$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;
-
-$im-nav-bar-height: 50px;
+// 颜色
+$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: 26rpx;
+$im-font-size-small: 18rpx;
+$im-font-size-mini: 14rpx;
+$im-font-size-large: 32rpx;
+$im-font-size-largex: 38rpx;
+$im-font-size-largexx: 44rpx;
+
+// 阴影
+$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;
+
+$im-nav-bar-height: 50px;

package/types/components.d.ts

@@ -16,7 +16,6 @@ declare module 'vue' {
         ['im-avatar']: typeof import('./components/avatar')['Avatar']
         ['im-loading']: typeof import('./components/loading')['Loading']
         ['im-context-menu']: typeof import('./components/context-menu')['ContextMenu']
-        ['im-virtual-scroller']: typeof import('./components/virtual-scroller')['VirtualScroller']
         ['im-virtual-list']: typeof import('./components/virtual-list')['VirtualList']
     }
 }

package/types/index.d.ts

@@ -1,95 +1,95 @@
-/// <reference path="./components.d.ts" />
-
-import eventBus from "./utils/eventBus.d.ts";
-import datetime from "./utils/datetime.d.ts";
-import Emoji from "./utils/emoji.d.ts";
-import { MESSAGE_TYPE, RTC_STATE, TERMINAL_TYPE, MESSAGE_STATUS } from "./utils/enums.d.ts";
-import * as dom from "./utils/dom.d.ts";
-import messageType from "./utils/messageType.d.ts";
-import RecorderApp from "./utils/recorderApp.d.ts";
-import RecorderH5 from "./utils/recorderH5.d.ts";
-import Requester from "./utils/requester.d.ts";
-import * as url from "./utils/url.d.ts";
-import { useDynamicRefs } from "./utils/useDynamicRefs.d.ts";
-import WebSocket from "./utils/websocket.d.ts";
-import type {
-    // 类型常量
-    RtcMode,
-    RtcInfo,
-    Chat,
-    Message,
-    Friend,
-    OnlineTerminal,
-    MenuItem,
-    WebRTCMessage,
-    GroupMember,
-    Group,
-    UploadImageResponse,
-    SubmitItem,
-    ImageItem,
-    FileItem,
-    ApiResponse,
-    RecorderError,
-    UploadRecorderFileResponse,
-    UploadRecorderFileResult,
-    RecorderFile,
-    UserInfo,
-    Response
-} from './libs';
-
-declare module 'im-ui-mobile' {
-    export function install(): void
-
-    interface Config {
-        baseUrl: string;
-        emojiUrl: string;
-    }
-
-    function getConfig(): Config;
-
-    export {
-        getConfig,
-        eventBus,
-        datetime,
-        Emoji,
-        dom,
-        messageType,
-        Requester,
-        url,
-        useDynamicRefs,
-        WebSocket,
-        RecorderApp,
-        RecorderH5,
-
-        // 枚举类型
-        RTC_STATE,
-        MESSAGE_TYPE,
-        TERMINAL_TYPE,
-        MESSAGE_STATUS,
-
-        // 类型常量
-        RtcMode,
-        RtcInfo,
-        Chat,
-        Message,
-        Friend,
-        OnlineTerminal,
-        MenuItem,
-        WebRTCMessage,
-        GroupMember,
-        Group,
-        UploadImageResponse,
-        SubmitItem,
-        ImageItem,
-        FileItem,
-        ApiResponse,
-        RecorderError,
-        UploadRecorderFileResponse,
-        UploadRecorderFileResult,
-        RecorderFile,
-        UserInfo,
-        Response
-    }
-}
-
+/// <reference path="./components.d.ts" />
+
+import eventBus from "./utils/eventBus.d.ts";
+import datetime from "./utils/datetime.d.ts";
+import Emoji from "./utils/emoji.d.ts";
+import { MESSAGE_TYPE, RTC_STATE, TERMINAL_TYPE, MESSAGE_STATUS } from "./utils/enums.d.ts";
+import * as dom from "./utils/dom.d.ts";
+import messageType from "./utils/messageType.d.ts";
+import RecorderApp from "./utils/recorderApp.d.ts";
+import RecorderH5 from "./utils/recorderH5.d.ts";
+import Requester from "./utils/requester.d.ts";
+import * as url from "./utils/url.d.ts";
+import { useDynamicRefs } from "./utils/useDynamicRefs.d.ts";
+import WebSocket from "./utils/websocket.d.ts";
+import type {
+    // 类型常量
+    RtcMode,
+    RtcInfo,
+    Chat,
+    Message,
+    Friend,
+    OnlineTerminal,
+    MenuItem,
+    WebRTCMessage,
+    GroupMember,
+    Group,
+    UploadImageResponse,
+    SubmitItem,
+    ImageItem,
+    FileItem,
+    ApiResponse,
+    RecorderError,
+    UploadRecorderFileResponse,
+    UploadRecorderFileResult,
+    RecorderFile,
+    UserInfo,
+    Response
+} from './libs';
+
+declare module 'im-ui-mobile' {
+    export function install(): void
+
+    interface Config {
+        baseUrl: string;
+        emojiUrl: string;
+    }
+
+    function getConfig(): Config;
+
+    export {
+        getConfig,
+        eventBus,
+        datetime,
+        Emoji,
+        dom,
+        messageType,
+        Requester,
+        url,
+        useDynamicRefs,
+        WebSocket,
+        RecorderApp,
+        RecorderH5,
+
+        // 枚举类型
+        RTC_STATE,
+        MESSAGE_TYPE,
+        TERMINAL_TYPE,
+        MESSAGE_STATUS,
+
+        // 类型常量
+        RtcMode,
+        RtcInfo,
+        Chat,
+        Message,
+        Friend,
+        OnlineTerminal,
+        MenuItem,
+        WebRTCMessage,
+        GroupMember,
+        Group,
+        UploadImageResponse,
+        SubmitItem,
+        ImageItem,
+        FileItem,
+        ApiResponse,
+        RecorderError,
+        UploadRecorderFileResponse,
+        UploadRecorderFileResult,
+        RecorderFile,
+        UserInfo,
+        Response
+    }
+}
+
 export { MESSAGE_TYPE, RTC_STATE, TERMINAL_TYPE, MESSAGE_STATUS }