diff --git a/src/components/Empty/index.vue b/src/components/Empty/index.vue
index 19178587..1c594b2d 100644
--- a/src/components/Empty/index.vue
+++ b/src/components/Empty/index.vue
@@ -7,14 +7,13 @@
 </template>
 
 <script lang="ts" setup name="JEmpty">
-import { Empty } from 'ant-design-vue';
+import { Empty } from 'jetlinks-ui-components';
 import { useSlots } from 'vue';
 import NoData from './assets/nodata.svg';
 import { omit } from 'lodash-es';
 import type { PropType, CSSProperties } from 'vue';
 const slots = useSlots();
 const renderArr = Object.keys(slots);
-console.log(renderArr);
 
 const props = defineProps({
     description: {
diff --git a/src/components/FRuleEditor/Debug/index.vue b/src/components/FRuleEditor/Debug/index.vue
index 54462526..8f381a60 100644
--- a/src/components/FRuleEditor/Debug/index.vue
+++ b/src/components/FRuleEditor/Debug/index.vue
@@ -73,7 +73,7 @@
 import { PropType } from 'vue';
 import { DeleteOutlined, PlusOutlined } from '@ant-design/icons-vue';
 import { useProductStore } from '@/store/product';
-import { message } from 'ant-design-vue';
+import { message } from 'jetlinks-ui-components';
 import { useRuleEditorStore } from '@/store/ruleEditor';
 import moment from 'moment';
 import { getWebSocket } from '@/utils/websocket';
diff --git a/src/components/InputSelect/index.vue b/src/components/InputSelect/index.vue
index f3e30f83..4dedc39e 100644
--- a/src/components/InputSelect/index.vue
+++ b/src/components/InputSelect/index.vue
@@ -1,8 +1,7 @@
 <template>
-  <a-select v-model:value="_value" mode="tags" :options="options" :size="size" @change="change" placeholder="请选择单位"></a-select>
+  <j-select v-model:value="_value" mode="tags" :options="options" :size="size" @change="change" placeholder="请选择单位"></j-select>
 </template>
 <script setup lang="ts" name="InputSelect">
-import { SizeType } from 'ant-design-vue/es/config-provider';
 import { DefaultOptionType, SelectValue } from 'ant-design-vue/es/select';
 import { PropType } from 'vue';
 type valueType = string | number
@@ -10,6 +9,8 @@ type Emits = {
   (e: 'update:value', data: valueType | undefined): void;
   (e: 'change'): void;
 };
+
+type SizeType = 'small' | 'middle' | 'large' | undefined;
 const emit = defineEmits<Emits>();
 const props = defineProps({
   value: [String, Number],
diff --git a/src/components/Player/ScreenPlayer.vue b/src/components/Player/ScreenPlayer.vue
index 33743504..1cce180d 100644
--- a/src/components/Player/ScreenPlayer.vue
+++ b/src/components/Player/ScreenPlayer.vue
@@ -149,7 +149,7 @@ import {
     getSearchHistory,
     saveSearchHistory,
 } from '@/api/comm';
-import { message } from 'ant-design-vue';
+import { message } from 'jetlinks-ui-components';
 import LivePlayer from '@/components/Player/index.vue';
 import MediaTool from '@/components/Player/mediaTool.vue';
 
diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index 336a255f..fb72ed8f 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -55,7 +55,8 @@
 </template>
 
 <script lang="ts" setup name='JProUpload'>
-import { message, UploadChangeParam, UploadProps } from 'ant-design-vue';
+import { UploadChangeParam, UploadProps } from 'ant-design-vue';
+import { message } from 'jetlinks-ui-components';
 import { FILE_UPLOAD } from '@/api/comm';
 import { TOKEN_KEY } from '@/utils/variable';
 import { LocalStore } from '@/utils/comm';
diff --git a/src/utils/request.ts b/src/utils/request.ts
index 2760425b..b2c72b21 100644
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@@ -1,6 +1,6 @@
 import axios from 'axios'
 import { BASE_API_PATH, TOKEN_KEY } from '@/utils/variable'
-import { notification as Notification } from 'ant-design-vue'
+import { notification as Notification } from 'jetlinks-ui-components'
 import router from '@/router'
 import { LoginPath } from '@/router/menu'
 import { cleanToken, getToken, LocalStore } from '@/utils/comm'
diff --git a/src/views/device/Firmware/Save/FileUpload.vue b/src/views/device/Firmware/Save/FileUpload.vue
index defb69c6..60ca6653 100644
--- a/src/views/device/Firmware/Save/FileUpload.vue
+++ b/src/views/device/Firmware/Save/FileUpload.vue
@@ -34,7 +34,7 @@ import { TOKEN_KEY } from '@/utils/variable';
 import { FIRMWARE_UPLOAD } from '@/api/device/firmware';
 import { onlyMessage } from '@/utils/comm';
 import type { UploadChangeParam } from 'ant-design-vue';
-import { notification as Notification } from 'ant-design-vue';
+import { notification as Notification } from 'jetlinks-ui-components';
 import { useSystem } from '@/store/system';
 
 const emit = defineEmits(['update:modelValue', 'update:extraValue', 'change']);
diff --git a/src/views/device/Firmware/Save/index.vue b/src/views/device/Firmware/Save/index.vue
index 331bba0e..00baf601 100644
--- a/src/views/device/Firmware/Save/index.vue
+++ b/src/views/device/Firmware/Save/index.vue
@@ -190,7 +190,7 @@
     </j-modal>
 </template>
 <script lang="ts" setup>
-import { message, Form } from 'ant-design-vue';
+import { message, Form } from 'jetlinks-ui-components';
 import { getImage } from '@/utils/comm';
 import FileUpload from './FileUpload.vue';
 import {
diff --git a/src/views/device/Firmware/Task/Detail/index.vue b/src/views/device/Firmware/Task/Detail/index.vue
index 59aeef31..8baa8347 100644
--- a/src/views/device/Firmware/Task/Detail/index.vue
+++ b/src/views/device/Firmware/Task/Detail/index.vue
@@ -131,7 +131,6 @@ import {
     startTask,
     startOneTask,
 } from '@/api/device/firmware';
-import { message } from 'ant-design-vue';
 import { getImage } from '@/utils/comm';
 import moment from 'moment';
 import { cloneDeep } from 'lodash-es';
diff --git a/src/views/device/Firmware/Task/Save/index.vue b/src/views/device/Firmware/Task/Save/index.vue
index b4658025..f4c3a135 100644
--- a/src/views/device/Firmware/Task/Save/index.vue
+++ b/src/views/device/Firmware/Task/Save/index.vue
@@ -108,8 +108,6 @@
     </j-modal>
 </template>
 <script lang="ts" setup name="TaskPage">
-import { message } from 'ant-design-vue';
-import { getImage } from '@/utils/comm';
 import { queryProduct, saveTask } from '@/api/device/firmware';
 import type { FormInstance } from 'ant-design-vue';
 import SelectDevices from './SelectDevices.vue';
diff --git a/src/views/device/Instance/Detail/ChildDevice/BindChildDevice/index.vue b/src/views/device/Instance/Detail/ChildDevice/BindChildDevice/index.vue
index d37f1664..0a75ee60 100644
--- a/src/views/device/Instance/Detail/ChildDevice/BindChildDevice/index.vue
+++ b/src/views/device/Instance/Detail/ChildDevice/BindChildDevice/index.vue
@@ -91,7 +91,7 @@
 <script setup lang="ts">
 import { query, bindDevice } from '@/api/device/instance';
 import moment from 'moment';
-import { message } from 'ant-design-vue';
+import { message } from 'jetlinks-ui-components';
 import { useInstanceStore } from '@/store/instance';
 import { storeToRefs } from 'pinia';
 
diff --git a/src/views/device/Instance/Detail/ChildDevice/EdgeMap/PatchMapping.vue b/src/views/device/Instance/Detail/ChildDevice/EdgeMap/PatchMapping.vue
index c59e7443..0eb7d67e 100644
--- a/src/views/device/Instance/Detail/ChildDevice/EdgeMap/PatchMapping.vue
+++ b/src/views/device/Instance/Detail/ChildDevice/EdgeMap/PatchMapping.vue
@@ -57,7 +57,7 @@
 
 <script lang="ts" setup>
 import { treeEdgeMap, saveEdgeMap, addDevice } from '@/api/device/instance';
-import { message } from 'ant-design-vue/es';
+import { message } from 'jetlinks-ui-components';
 const _props = defineProps({
     metaData: {
         type: Array,
diff --git a/src/views/device/Instance/Detail/ChildDevice/EdgeMap/index.vue b/src/views/device/Instance/Detail/ChildDevice/EdgeMap/index.vue
index 39fa047e..c4f36213 100644
--- a/src/views/device/Instance/Detail/ChildDevice/EdgeMap/index.vue
+++ b/src/views/device/Instance/Detail/ChildDevice/EdgeMap/index.vue
@@ -132,7 +132,7 @@ import {
 } from '@/api/device/instance';
 import MSelect from './MSelect.vue';
 import PatchMapping from './PatchMapping.vue';
-import { message } from 'ant-design-vue/es';
+import { message } from 'jetlinks-ui-components';
 import { inject } from 'vue';
 const columns = [
     {
diff --git a/src/views/device/Instance/Detail/Log/index.vue b/src/views/device/Instance/Detail/Log/index.vue
index b20e8991..570078ba 100644
--- a/src/views/device/Instance/Detail/Log/index.vue
+++ b/src/views/device/Instance/Detail/Log/index.vue
@@ -49,7 +49,7 @@ import type { ActionsType } from '@/components/Table';
 import { queryLog, queryLogsType } from '@/api/device/instance';
 import { useInstanceStore } from '@/store/instance';
 import moment from 'moment';
-import { Modal, Textarea } from 'ant-design-vue';
+import { Modal, Textarea } from 'jetlinks-ui-components';
 
 const params = ref<Record<string, any>>({});
 const instanceStore = useInstanceStore();
diff --git a/src/views/device/Instance/Detail/components/EditTable/PatchMapping.vue b/src/views/device/Instance/Detail/components/EditTable/PatchMapping.vue
index add45b11..fcf52e61 100644
--- a/src/views/device/Instance/Detail/components/EditTable/PatchMapping.vue
+++ b/src/views/device/Instance/Detail/components/EditTable/PatchMapping.vue
@@ -57,7 +57,7 @@
 
 <script lang="ts" setup>
 import { treeMapping, saveMapping } from '@/api/device/instance';
-import { message } from 'ant-design-vue/es';
+import { message } from 'jetlinks-ui-components';
 const _props = defineProps({
     type: {
         type: String,
diff --git a/src/views/device/Product/Save/index.vue b/src/views/device/Product/Save/index.vue
index 9788ebd0..c4472e90 100644
--- a/src/views/device/Product/Save/index.vue
+++ b/src/views/device/Product/Save/index.vue
@@ -115,7 +115,7 @@
 
 <script lang="ts" setup>
 import { category } from '@/api/device/product';
-import { Form } from 'ant-design-vue';
+import { Form } from 'jetlinks-ui-components';
 import { getImage } from '@/utils/comm.ts';
 import { message } from 'jetlinks-ui-components';
 import DialogTips from '../DialogTips/index.vue';
diff --git a/src/views/device/components/Metadata/Base/Edit/index.vue b/src/views/device/components/Metadata/Base/Edit/index.vue
index 53db5276..3ca6b1d4 100644
--- a/src/views/device/components/Metadata/Base/Edit/index.vue
+++ b/src/views/device/components/Metadata/Base/Edit/index.vue
@@ -14,7 +14,7 @@ import { useInstanceStore } from '@/store/instance';
 import { useMetadataStore } from '@/store/metadata';
 import { useProductStore } from '@/store/product';
 import { ProductItem } from '@/views/device/Product/typings';
-import { message } from 'ant-design-vue/es';
+import { message } from 'jetlinks-ui-components';
 import type { FormInstance } from 'ant-design-vue/es';
 import { updateMetadata, asyncUpdateMetadata } from '../../metadata'
 import { detail } from '@/api/device/instance';
diff --git a/src/views/notice/Config/Detail/doc/AliyunSms.tsx b/src/views/notice/Config/Detail/doc/AliyunSms.tsx
index 7fa1a9c1..2fe087dc 100644
--- a/src/views/notice/Config/Detail/doc/AliyunSms.tsx
+++ b/src/views/notice/Config/Detail/doc/AliyunSms.tsx
@@ -1,5 +1,5 @@
 // import './index.less';
-import { Image } from 'ant-design-vue';
+import { Image } from 'jetlinks-ui-components';
 import { getImage } from '@/utils/comm';
 
 const AliyunSms = () => {
diff --git a/src/views/notice/Config/Detail/doc/AliyunVoice.tsx b/src/views/notice/Config/Detail/doc/AliyunVoice.tsx
index 1d9d7df8..1060ebc5 100644
--- a/src/views/notice/Config/Detail/doc/AliyunVoice.tsx
+++ b/src/views/notice/Config/Detail/doc/AliyunVoice.tsx
@@ -1,5 +1,5 @@
 // import './index.less';
-import { Image } from 'ant-design-vue';
+import { Image } from 'jetlinks-ui-components';
 import { getImage } from '@/utils/comm';
 
 const AliyunVoice = () => {
diff --git a/src/views/notice/Config/Detail/doc/DingTalk.tsx b/src/views/notice/Config/Detail/doc/DingTalk.tsx
index d660bb47..a796a3e7 100644
--- a/src/views/notice/Config/Detail/doc/DingTalk.tsx
+++ b/src/views/notice/Config/Detail/doc/DingTalk.tsx
@@ -1,5 +1,5 @@
 // import './index.less';
-import { Image } from 'ant-design-vue';
+import { Image } from 'jetlinks-ui-components';
 import { getImage } from '@/utils/comm';
 
 const DingTalk = () => {
diff --git a/src/views/notice/Config/Detail/index.vue b/src/views/notice/Config/Detail/index.vue
index 5827bf4b..54e79388 100644
--- a/src/views/notice/Config/Detail/index.vue
+++ b/src/views/notice/Config/Detail/index.vue
@@ -322,7 +322,7 @@
 
 <script setup lang="ts">
 import { getImage } from '@/utils/comm';
-import { Form } from 'ant-design-vue';
+import { Form } from 'jetlinks-ui-components';
 import { message } from 'jetlinks-ui-components';
 import type { ConfigFormData } from '../types';
 import {
diff --git a/src/views/notice/Template/Detail/doc/DingTalk.tsx b/src/views/notice/Template/Detail/doc/DingTalk.tsx
index a90aadd8..44763000 100644
--- a/src/views/notice/Template/Detail/doc/DingTalk.tsx
+++ b/src/views/notice/Template/Detail/doc/DingTalk.tsx
@@ -1,6 +1,6 @@
 
 // import './index.less';
-import { Image } from 'ant-design-vue';
+import { Image } from 'jetlinks-ui-components';
 import { getImage } from '@/utils/comm';
 
 const DingTalk = () => {
diff --git a/src/views/notice/Template/Detail/index.vue b/src/views/notice/Template/Detail/index.vue
index b62822dc..848d5304 100644
--- a/src/views/notice/Template/Detail/index.vue
+++ b/src/views/notice/Template/Detail/index.vue
@@ -759,8 +759,8 @@
 
 <script setup lang="ts">
 import { getImage } from '@/utils/comm';
-import { Form, UploadChangeParam } from 'ant-design-vue';
-import { message } from 'jetlinks-ui-components';
+import { UploadChangeParam } from 'ant-design-vue';
+import { message, Form } from 'jetlinks-ui-components';
 import type { IVariableDefinitions, TemplateFormData } from '../types';
 import {
     NOTICE_METHOD,
diff --git a/src/views/notice/Template/Log/index.vue b/src/views/notice/Template/Log/index.vue
index 038e41ed..840b253a 100644
--- a/src/views/notice/Template/Log/index.vue
+++ b/src/views/notice/Template/Log/index.vue
@@ -50,7 +50,7 @@
 import templateApi from '@/api/notice/template';
 import { PropType } from 'vue';
 import moment from 'moment';
-import { Modal } from 'ant-design-vue';
+import { Modal } from 'jetlinks-ui-components';
 
 type Emits = {
     (e: 'update:visible', data: boolean): void;
diff --git a/src/views/rule-engine/DashBoard/index.vue b/src/views/rule-engine/DashBoard/index.vue
index f3658a2c..d5ed9025 100644
--- a/src/views/rule-engine/DashBoard/index.vue
+++ b/src/views/rule-engine/DashBoard/index.vue
@@ -97,7 +97,7 @@
 </template>
 
 <script lang="ts" setup>
-import { Empty } from 'ant-design-vue';
+import { Empty } from 'jetlinks-ui-components';
 import { getImage } from '@/utils/comm';
 import Charts from './components/Charts.vue';
 import TopCard from './components/TopCard.vue';
diff --git a/src/views/rule-engine/Scene/index.vue b/src/views/rule-engine/Scene/index.vue
index b9aa6cef..a7cdd9bc 100644
--- a/src/views/rule-engine/Scene/index.vue
+++ b/src/views/rule-engine/Scene/index.vue
@@ -137,7 +137,7 @@ import SaveModal from './Save/save.vue';
 import type { SceneItem } from './typings';
 import { useMenuStore } from 'store/menu';
 import { query, _delete, _action, _execute } from '@/api/rule-engine/scene';
-import { message } from 'ant-design-vue';
+import { message } from 'jetlinks-ui-components';
 import type { ActionsType } from '@/components/Table';
 import { getImage } from '@/utils/comm';
 import BadgeStatus from '@/components/BadgeStatus/index.vue';
diff --git a/src/views/system/Apply/Save/components/EditForm.vue b/src/views/system/Apply/Save/components/EditForm.vue
index 84cd8aa3..01a7b8cf 100644
--- a/src/views/system/Apply/Save/components/EditForm.vue
+++ b/src/views/system/Apply/Save/components/EditForm.vue
@@ -1456,10 +1456,10 @@ import type { formType, dictType, optionsType } from '../typing';
 import { getRoleList_api } from '@/api/system/user';
 import {
     FormInstance,
-    message,
     UploadChangeParam,
     UploadFile,
 } from 'ant-design-vue';
+import { message } from 'jetlinks-ui-components'
 import { randomString } from '@/utils/utils';
 import { cloneDeep, difference } from 'lodash';
 import { useMenuStore } from '@/store/menu';
diff --git a/src/views/system/DataSource/Management/index.vue b/src/views/system/DataSource/Management/index.vue
index 0c403e48..6a703441 100644
--- a/src/views/system/DataSource/Management/index.vue
+++ b/src/views/system/DataSource/Management/index.vue
@@ -225,7 +225,8 @@ import {
 } from '@/api/system/dataSource';
 import { onlyMessage } from '@/utils/comm';
 import { randomString } from '@/utils/utils';
-import { FormInstance, message } from 'ant-design-vue';
+import { FormInstance } from 'ant-design-vue';
+import { message } from 'jetlinks-ui-components';
 import { DataNode } from 'ant-design-vue/lib/tree';
 import _ from 'lodash';
 import { cloneDeep } from 'lodash';
diff --git a/src/views/system/DataSource/components/EditDialog.vue b/src/views/system/DataSource/components/EditDialog.vue
index 702512c1..3753d2e4 100644
--- a/src/views/system/DataSource/components/EditDialog.vue
+++ b/src/views/system/DataSource/components/EditDialog.vue
@@ -195,7 +195,8 @@ import {
     getDataTypeDict_api,
     saveDataSource_api,
 } from '@/api/system/dataSource';
-import { FormInstance, message } from 'ant-design-vue';
+import { FormInstance } from 'ant-design-vue';
+import { message } from 'jetlinks-ui-components';
 import { Rule } from 'ant-design-vue/lib/form';
 import type { dictItemType, optionItemType, sourceItemType } from '../typing';
 
diff --git a/src/views/system/Menu/Detail/BasicInfo.vue b/src/views/system/Menu/Detail/BasicInfo.vue
index 8c4ebeb4..5d815230 100644
--- a/src/views/system/Menu/Detail/BasicInfo.vue
+++ b/src/views/system/Menu/Detail/BasicInfo.vue
@@ -258,7 +258,8 @@
 
 <script setup lang="ts">
 import PermissionButton from '@/components/PermissionButton/index.vue';
-import { FormInstance, message } from 'ant-design-vue';
+import { FormInstance } from 'ant-design-vue';
+import { message } from 'jetlinks-ui-components';
 import ChooseIconDialog from '../components/ChooseIconDialog.vue';
 import PermissChoose from '../components/PermissChoose.vue';
 
diff --git a/src/views/system/Menu/components/PermissChoose.vue b/src/views/system/Menu/components/PermissChoose.vue
index f4b138cd..83cf39cc 100644
--- a/src/views/system/Menu/components/PermissChoose.vue
+++ b/src/views/system/Menu/components/PermissChoose.vue
@@ -46,7 +46,7 @@
 
 <script setup lang="ts">
 import { exportPermission_api } from '@/api/system/permission';
-import { Form } from 'ant-design-vue';
+import { Form } from 'jetlinks-ui-components';
 Form.useInjectFormItemContext();
 
 const props = defineProps<{
diff --git a/src/views/system/Platforms/Api/components/ChooseApi.vue b/src/views/system/Platforms/Api/components/ChooseApi.vue
index dfa74792..a4d9cc9f 100644
--- a/src/views/system/Platforms/Api/components/ChooseApi.vue
+++ b/src/views/system/Platforms/Api/components/ChooseApi.vue
@@ -35,7 +35,7 @@ import {
     delOperations_api,
     updateOperations_api,
 } from '@/api/system/apiPage';
-import { message } from 'ant-design-vue';
+import { message } from 'jetlinks-ui-components';
 import { modeType } from '../typing';
 import { useDepartmentStore } from '@/store/department';
 
diff --git a/src/views/system/Relationship/components/EditDialog.vue b/src/views/system/Relationship/components/EditDialog.vue
index 73e4170e..78ac0e67 100644
--- a/src/views/system/Relationship/components/EditDialog.vue
+++ b/src/views/system/Relationship/components/EditDialog.vue
@@ -96,7 +96,8 @@
 </template>
 
 <script setup lang="ts">
-import { FormInstance, message } from 'ant-design-vue';
+import { FormInstance } from 'ant-design-vue';
+import { message } from 'jetlinks-ui-components';
 import { Rule } from 'ant-design-vue/es/form';
 
 import {
diff --git a/src/views/system/Role/components/AddDialog.vue b/src/views/system/Role/components/AddDialog.vue
index 76ad205f..89941f64 100644
--- a/src/views/system/Role/components/AddDialog.vue
+++ b/src/views/system/Role/components/AddDialog.vue
@@ -36,7 +36,8 @@
 </template>
 
 <script setup lang="ts">
-import { FormInstance, message } from 'ant-design-vue';
+import { FormInstance } from 'ant-design-vue';
+import { message } from 'jetlinks-ui-components';
 import { saveRole_api } from '@/api/system/role';
 import { useMenuStore } from '@/store/menu';
 const route = useRoute();
diff --git a/src/views/system/User/components/EditUserDialog.vue b/src/views/system/User/components/EditUserDialog.vue
index ca333beb..f63ffac7 100644
--- a/src/views/system/User/components/EditUserDialog.vue
+++ b/src/views/system/User/components/EditUserDialog.vue
@@ -184,7 +184,8 @@
 
 <script setup lang="ts">
 import PermissionButton from '@/components/PermissionButton/index.vue';
-import { FormInstance, message } from 'ant-design-vue';
+import { FormInstance } from 'ant-design-vue';
+import { message } from 'jetlinks-ui-components';
 import {
     validateField_api,
     getRoleList_api,