keli-ui 0.0.13 → 0.0.15

package/dist/types/packages/TableComponents/TableRender/index.d.ts

@@ -1,12 +1,11 @@
-import { isMobileDevice } from '@/lib/modeControl.ts';
-declare const KeliTableRender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const KeTableRender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     tableId: {
         required: true;
         type: (StringConstructor | NumberConstructor)[];
     };
     tableConfig: {
         required: true;
-        type: import("vue").PropType<isMobileDevice>;
+        type: import("vue").PropType<import("../../index.js").TableConfigInterface>;
     };
     vxeGridOptions: {
         required: false;
@@ -18,18 +17,18 @@ declare const KeliTableRender: import("vue").DefineComponent<import("vue").Extra
     };
     queryConfig: {
         required: false;
-        type: import("vue").PropType<isMobileDevice[]>;
+        type: import("vue").PropType<import("../../index.js").TableQueryFrame[]>;
         default: any[];
     };
     tableToolButtons: {
         required: false;
         default: () => any[];
-        type: import("vue").PropType<isMobileDevice[]>;
+        type: import("vue").PropType<import("../../index.js").KeliButton[]>;
     };
     tableRowButtons: {
         required: false;
         default: () => any[];
-        type: import("vue").PropType<isMobileDevice[]>;
+        type: import("vue").PropType<import("../../index.js").KeliButton[]>;
     };
     tableData: {
         required: true;
@@ -38,7 +37,7 @@ declare const KeliTableRender: import("vue").DefineComponent<import("vue").Extra
     };
     tablePagination: {
         required: false;
-        type: import("vue").PropType<isMobileDevice>;
+        type: import("vue").PropType<import("../type.js").Pagination>;
         default: () => {
             currentPage: number;
             pageSize: number;
@@ -46,12 +45,12 @@ declare const KeliTableRender: import("vue").DefineComponent<import("vue").Extra
         };
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    btnClick: (...args: any[]) => void;
     queryClick: (...args: any[]) => void;
+    btnClick: (...args: any[]) => void;
     valueChange: (...args: any[]) => void;
     treeLazyLoad: (...args: any[]) => void;
     onSelection: (...args: any[]) => void;
-    "update:tablePagination": (value: any) => void;
+    "update:tablePagination": (value: import("../type.js").Pagination) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tableId: {
         required: true;
@@ -59,7 +58,7 @@ declare const KeliTableRender: import("vue").DefineComponent<import("vue").Extra
     };
     tableConfig: {
         required: true;
-        type: import("vue").PropType<isMobileDevice>;
+        type: import("vue").PropType<import("../../index.js").TableConfigInterface>;
     };
     vxeGridOptions: {
         required: false;
@@ -71,18 +70,18 @@ declare const KeliTableRender: import("vue").DefineComponent<import("vue").Extra
     };
     queryConfig: {
         required: false;
-        type: import("vue").PropType<isMobileDevice[]>;
+        type: import("vue").PropType<import("../../index.js").TableQueryFrame[]>;
         default: any[];
     };
     tableToolButtons: {
         required: false;
         default: () => any[];
-        type: import("vue").PropType<isMobileDevice[]>;
+        type: import("vue").PropType<import("../../index.js").KeliButton[]>;
     };
     tableRowButtons: {
         required: false;
         default: () => any[];
-        type: import("vue").PropType<isMobileDevice[]>;
+        type: import("vue").PropType<import("../../index.js").KeliButton[]>;
     };
     tableData: {
         required: true;
@@ -91,7 +90,7 @@ declare const KeliTableRender: import("vue").DefineComponent<import("vue").Extra
     };
     tablePagination: {
         required: false;
-        type: import("vue").PropType<isMobileDevice>;
+        type: import("vue").PropType<import("../type.js").Pagination>;
         default: () => {
             currentPage: number;
             pageSize: number;
@@ -99,17 +98,17 @@ declare const KeliTableRender: import("vue").DefineComponent<import("vue").Extra
         };
     };
 }>> & Readonly<{
-    onBtnClick?: (...args: any[]) => any;
     onQueryClick?: (...args: any[]) => any;
+    onBtnClick?: (...args: any[]) => any;
     onValueChange?: (...args: any[]) => any;
     onTreeLazyLoad?: (...args: any[]) => any;
     onOnSelection?: (...args: any[]) => any;
-    "onUpdate:tablePagination"?: (value: any) => any;
+    "onUpdate:tablePagination"?: (value: import("../type.js").Pagination) => any;
 }>, {
-    queryConfig: TableQueryFrame[];
-    tableToolButtons: KeliButton[];
-    tableRowButtons: KeliButton[];
+    queryConfig: import("../../index.js").TableQueryFrame[];
+    tableToolButtons: import("../../index.js").KeliButton[];
+    tableRowButtons: import("../../index.js").KeliButton[];
     tableData: any[];
-    tablePagination: Pagination;
+    tablePagination: import("../type.js").Pagination;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default KeliTableRender;
+export default KeTableRender;

package/dist/types/packages/TableComponents/TableSelect/TableSelect.vue.d.ts

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-import type { TableSelector } from '@/packages/types/tableFrame';
+import type { TableSelector } from '../../types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
         required: false;

package/dist/types/packages/TableComponents/TableSelect/index.d.ts

@@ -1,2 +1,2 @@
-import KeliTableSelect from './TableSelect.vue';
-export default KeliTableSelect;
+import KeTableSelect from './TableSelect.vue';
+export default KeTableSelect;

package/dist/types/packages/TableComponents/TableSelectAsync/TableSelectAsync.vue.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { TableSelector } from '@/packages/types/tableFrame';
+import type { TableSelector } from '../../types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
         required: false;

package/dist/types/packages/TableComponents/TableSelectAsync/index.d.ts

@@ -1,2 +1,2 @@
-import TableSelectAsync from './TableSelectAsync.vue';
-export default TableSelectAsync;
+import KeTableSelectAsync from './TableSelectAsync.vue';
+export default KeTableSelectAsync;

package/dist/types/packages/TableComponents/TableSwitch/TableSwitch.vue.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { TableComponentFrame } from '@/packages/types/tableFrame';
+import type { TableComponentFrame } from '../../types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
         type: BooleanConstructor;

package/dist/types/packages/TableComponents/TableSwitch/index.d.ts

@@ -1,2 +1,2 @@
-import TableSwitch from './TableSwitch.vue';
-export default TableSwitch;
+import KeTableSwitch from './TableSwitch.vue';
+export default KeTableSwitch;

package/dist/types/packages/TableComponents/TableTreeRender/TableTreeRender.vue.d.ts

@@ -1,9 +1,7 @@
 import { type PropType } from 'vue';
-import type { TableConfigInterface } from '@/packages/types/tableFrame';
 import type { VxeGridProps } from 'vxe-table';
-import type { TableQueryFrame } from '@/packages/types/queryFrame';
-import type { KeliButton } from '@/packages/types/button';
-import type { Pagination } from '@/packages/TableComponents/type';
+import type { KeliButton, TableConfigInterface, TableQueryFrame } from '../../types';
+import type { Pagination } from '../type';
 declare var __VLS_13: {};
 type __VLS_Slots = {} & {
     'tool-bar'?: (props: typeof __VLS_13) => any;
@@ -55,9 +53,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         };
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    getTableConfig: (...args: any[]) => void;
-    btnClick: (...args: any[]) => void;
     queryClick: (...args: any[]) => void;
+    btnClick: (...args: any[]) => void;
+    getTableConfig: (...args: any[]) => void;
     valueChange: (...args: any[]) => void;
     treeLazyLoad: (...args: any[]) => void;
     onSelection: (...args: any[]) => void;
@@ -108,9 +106,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         };
     };
 }>> & Readonly<{
-    onGetTableConfig?: (...args: any[]) => any;
-    onBtnClick?: (...args: any[]) => any;
     onQueryClick?: (...args: any[]) => any;
+    onBtnClick?: (...args: any[]) => any;
+    onGetTableConfig?: (...args: any[]) => any;
     onValueChange?: (...args: any[]) => any;
     onTreeLazyLoad?: (...args: any[]) => any;
     onOnSelection?: (...args: any[]) => any;

package/dist/types/packages/TableComponents/TableTreeRender/index.d.ts

@@ -1,2 +1,2 @@
-import KeliTableTreeRender from './TableTreeRender.vue';
-export default KeliTableTreeRender;
+import KeTableTreeRender from './TableTreeRender.vue';
+export default KeTableTreeRender;

package/dist/types/packages/TableComponents/utils/dataFormatter.d.ts

@@ -1,4 +1,4 @@
-import type { translateJSON, translateObj } from '@/packages/types/translate';
+import type { translateJSON, translateObj } from '../../types';
 interface FormatterOptions {
     /** 表格数据 */
     cellValue: any;

package/dist/types/packages/ToolBar/ToolBarClient.vue.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { KeliButton } from '@/packages/types/button';
+import type { KeliButton } from '../types';
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {
     'custom-button'?: (props: typeof __VLS_6) => any;

package/dist/types/packages/ToolBar/ToolBarMobile.vue.d.ts

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-import type { KeliButton } from '@/packages/types/button';
+import type { KeliButton } from '../types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     toolButtons: {
         required: true;

package/dist/types/packages/ToolBar/ToolBarProxy.vue.d.ts

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-import type { KeliButton } from '@/packages/types/button';
+import type { KeliButton } from '../types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     toolButtons: {
         required: true;

package/dist/types/packages/index.d.ts

@@ -1,25 +1,26 @@
 import type { App } from 'vue';
 import "../style.css";
-import 'vxe-pc-ui/lib/style.css';
-import KeliTableRender from "./TableComponents/TableRender";
-import KeliTableCardRender from "./TableComponents/TableCardRender";
-import KeliTableTreeRender from "./TableComponents/TableTreeRender";
-import KeliTableCheckBoxAsync from "./TableComponents/TableCheckBoxAsync";
-import KeliTableInput from '@/packages/TableComponents/TableInput/TableInput.vue';
-import KeliTableInputNumber from '@/packages/TableComponents/TableInputNumber';
-import KeliTableSelect from '@/packages/TableComponents/TableSelect';
-import KeliTableSelectAsync from '@/packages/TableComponents/TableSelectAsync';
-import KeliTableSwitch from '@/packages/TableComponents/TableSwitch';
-import KeliQueryBar from '@/packages/QueryComponents/QueryBar';
-import KeliQueryDateTime from '@/packages/QueryComponents/QueryDateTime';
-import KeliQueryInput from '@/packages/QueryComponents/QueryInput';
-import KeliQueryInputLike from '@/packages/QueryComponents/QueryInputLike';
-import KeliQuerySelect from '@/packages/QueryComponents/QuerySelect';
-import KeliToolBar from '@/packages/ToolBar';
-export type * from './types';
-export * from 'vxe-table';
+import KeTableRender from "./TableComponents/TableRender";
+import KeTableCardRender from "./TableComponents/TableCardRender";
+import KeTableTreeRender from "./TableComponents/TableTreeRender";
+import KeTableCheckBoxAsync from "./TableComponents/TableCheckBoxAsync";
+import KeTableInput from './TableComponents/TableInput/TableInput.vue';
+import KeTableInputNumber from './TableComponents/TableInputNumber';
+import KeTableSelect from './TableComponents/TableSelect';
+import KeTableSelectAsync from './TableComponents/TableSelectAsync';
+import KeTableSwitch from './TableComponents/TableSwitch';
+import KeQueryBar from './QueryComponents/QueryBar';
+import KeQueryDateTime from './QueryComponents/QueryDateTime';
+import KeQueryInput from './QueryComponents/QueryInput';
+import KeQueryInputLike from './QueryComponents/QueryInputLike';
+import KeQuerySelect from './QueryComponents/QuerySelect';
+import KeToolBar from './ToolBar';
+declare const install: (app: App) => Promise<void>;
 declare const _default: {
-    install(app: App): void;
+    install: (app: App) => Promise<void>;
 };
 export default _default;
-export { KeliTableRender, KeliTableCardRender, KeliTableTreeRender, KeliTableCheckBoxAsync, KeliTableInput, KeliTableInputNumber, KeliTableSelect, KeliTableSelectAsync, KeliTableSwitch, KeliQueryBar, KeliQueryDateTime, KeliQueryInput, KeliQueryInputLike, KeliQuerySelect, KeliToolBar };
+export { install, KeTableRender, KeTableCardRender, KeTableTreeRender, KeTableCheckBoxAsync, KeTableInput, KeTableInputNumber, KeTableSelect, KeTableSelectAsync, KeTableSwitch, KeQueryBar, KeQueryDateTime, KeQueryInput, KeQueryInputLike, KeQuerySelect, KeToolBar };
+export * from '../utils';
+export type * from './types';
+export * from 'vxe-table';

package/dist/types/packages/types/componentFrame.d.ts

@@ -18,4 +18,6 @@ export interface OptionInterface {
     label: string;
     disabled?: boolean;
     children?: OptionInterface[];
-}
+}
+
+export type HttpMethod = 'delete' | 'get' | 'head' | 'patch' | 'post' | 'put';

package/dist/types/packages/types/formFrame.d.ts

@@ -0,0 +1,86 @@
+import type { ComponentFrame, HttpMethod, OptionInterface } from './componentFrame';
+
+export interface FormFrame extends ComponentFrame {
+    /** 表单编辑器 */
+    formEditor: string;
+    /** 是否禁止编辑 */
+    disabled?: boolean;
+    /** 组件大小 */
+    size?: Size;
+    /** 当值发生变化时 通知这些字段的组件 */
+    noticeField?: string[];
+    /** 接收到字段值发生变化是触发的js函数 */
+    noticeReceive?: Function;
+    /** 组件其他参数 */
+    componentParams?: any;
+    /** 格栅占据数 */
+    formSpan?: number;
+    /** 默认值 */
+    defaultValue?: null | string | undefined;
+}
+
+/** 下拉框 */
+export interface KeFormSelect extends FormFrame {
+    /** 是否多选 */
+    multiple?: boolean;
+    /** 下拉框选项 */
+    options: OptionInterface[];
+}
+
+export interface KeFormSelectAsync extends FormFrame {
+    /** 是否多选 */
+    multiple: boolean;
+    /** Http URL */
+    optionHttpUrl: string;
+    /** http方法 */
+    optionHttpMethod: HttpMethod;
+    /** http默认参数 */
+    optionHttpParams: any;
+    /** http其他字段 */
+    optionHttpComponentValue: string[];
+}
+
+export interface FormCodeEditor extends FormFrame {
+    lang: 'java' | 'javascript' | 'json' | 'mysql' | 'postgresql';
+    componentParams?: {
+        lang: 'java' | 'javascript' | 'json' | 'mysql' | 'postgresql';
+    };
+}
+
+/** 动态表格 */
+export interface FormDynamicTable extends FormFrame {
+    width: number;
+    column: DynamicTableColumn[];
+}
+interface DynamicTableColumn {
+    field: string;
+    title: string;
+    width: number;
+    editor: DynamicComponent;
+    [key: string]: any;
+}
+
+export interface KeFormRadio extends FormFrame {
+    options: OptionInterface[];
+}
+
+/** 表单基本配置 */
+export interface KeFormBasicInterface {
+    /** 主键的key */
+    rowKey: string;
+    labelWidth: number;
+    span?: number;
+    // label对齐方式
+    labelPosition?: LabelPosition;
+    // 表单布局方式
+    layout?: FormLayout;
+    formWindowType?: 'default' | 'DialogForm' | 'DrawerForm';
+}
+
+/** 嵌入表 */
+export interface KeFormEmbeddedTable {
+    /** pageEn */
+    embeddedId: number;
+    /** tab标题 */
+    tabTitle: string;
+}

package/dist/types/packages/types/queryFrame.d.ts

@@ -1,4 +1,4 @@
-import type { OptionInterface } from '@/packages';
+import type { OptionInterface } from './componentFrame';
 
 /** 查询配置 */
 export interface TableQueryFrame {

package/dist/types/packages/types/tableFrame.d.ts

@@ -1,5 +1,5 @@
-import type { translateJSON, translateObj } from '@/packages/types/translate';
-import type { ComponentFrame, OptionInterface, Slots } from '@/packages/types/componentFrame';
+import type { translateJSON, translateObj } from './translate';
+import type { ComponentFrame, HttpMethod, OptionInterface, Slots } from './componentFrame';
 
 /** 表格基础配置 */
 export interface TableConfigInterface {
@@ -41,16 +41,34 @@ export interface TableConfigInterface {
     paste?: boolean;
 }
 
+type Fixed = 'left' | 'right';
+
 export interface TableComponentFrame extends ComponentFrame {
-    slots: {
+    /**
+     * 最小宽度
+     */
+    minWidth: number;
+    /**
+     * 固定列位置
+     */
+    fixed?: Fixed;
+    /**
+     * 允许拖拽
+     */
+    sortable?: boolean,
+    slots?: {
         default: Slots;
     };
-    editRender: {
+    editRender?: {
         /**
          * 组件名称
          */
         name: string;
         props: {
+            /**
+             * 是否禁止编辑
+             */
+            disabled: boolean,
             /** 组件其他参数 可参考element-plus或者vant的组件参数 */
             componentParams?: {
                 [propName: string]: any;
@@ -63,9 +81,20 @@ export interface TableComponentFrame extends ComponentFrame {
 }
 
 export interface TableSelector extends TableComponentFrame {
-    editRender: {
+    editRender?: {
+        /**
+         * 组件名称
+         */
         name: string;
-        props: TableComponentFrame["editRender"]["props"] & {
+        props: {
+            /**
+             * 是否禁止编辑
+             */
+            disabled: boolean,
+            /** 组件其他参数 可参考element-plus或者vant的组件参数 */
+            componentParams?: {
+                [propName: string]: any;
+            };
             /** 是否多选 */
             multiple?: boolean;
             /** Http URL */
@@ -78,6 +107,6 @@ export interface TableSelector extends TableComponentFrame {
             optionHttpParamsValue: string[];
             /** 选项默认是空的 需要在render里面进行数据异步获取 不在组件内部进行数据获取 */
             options: OptionInterface[];
-        };
+        }
     };
 }

package/dist/types/utils/arrayUtils.d.ts

@@ -0,0 +1,60 @@
+/**
+ * 判断某个值是否存在与某个数组中
+ * 如果key是字符串则直接取array的item[key]  数组则是取array的item[key0][key1][key2]...  留空则直接返回item是否等于value
+ * @param value 值
+ * @param array 数组
+ * @param key 键
+ */
+export declare function isInArray(value: any, array: any[], key?: null | string | string[]): boolean;
+/**
+ * 获取valueArray还在array的值
+ * @param valueArray
+ * @param array
+ * @param key
+ */
+export declare function valueArrayInArray(valueArray: any[], array: any[], key?: null | string | string[]): any[];
+/**
+ * 入参是一个数组和一个值，如果数组存在这个值，则移除掉里面所有的这个值并返回移除后的数组
+ * @param array
+ * @param value
+ */
+export declare function removeValueFromArray(array: any[], value: any): any[];
+interface LabelFromArrayByValue {
+    /**
+     * 选项  类似于下拉框选项格式
+     * [
+     *     {
+     *     value: 'option1',
+     *     label: '选项1',
+     *     },
+     *     {
+     *     value: 'option2',
+     *     label: '选项2',
+     *     },
+     *     {
+     *     value: 'option3',
+     *     label: '选项3',
+     *     }
+     * ]
+     */
+    options: any[];
+    /**
+     * 查询值
+     * 例如option1 或者 ['option1', 'option3']
+     */
+    value: number | number[] | string | string[];
+    /**
+     * value字段 对应例子里面的value
+     */
+    valueField: string;
+    /**
+     * label字段 对应例子里面的label
+     */
+    labelField: string;
+}
+/**
+ * 在数组里面查询label
+ * @param params
+ */
+export declare function getLabelFromArrayByValue(params: LabelFromArrayByValue): any;
+export {};

package/dist/types/utils/dateTime.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 获取n天后的时间戳
+ * @param n
+ */
+export declare function getTimeStampAfterNDay(n: number): Date;
+/**
+ * 获取农历
+ * @param date
+ */
+export declare const getLunar: (date: any) => any;
+/**
+ * 根据时间戳获取相差时间
+ * @param startTimestamp 小的时间
+ * @param endTimestamp 大的时间
+ */
+export declare const calculateTimeDifference: (startTimestamp: number, endTimestamp: number) => string;
+/**
+ * 获取显示时间
+ * @param dateTimeStr
+ * @param onlyOne 当非今天时  是否只显示日期
+ */
+export declare function getShowFormatDateTime(dateTimeStr: string, onlyOne?: boolean): string;

package/dist/types/utils/index.d.ts

@@ -1,4 +1,7 @@
+export * from "./arrayUtils";
 export * from "./base";
 export * from "./dataFormatter";
+export * from "./dateTime";
 export * from "./msgTips";
+export * from "./mitt";
 export * from "./sleep";

package/dist/types/utils/mitt.d.ts

@@ -0,0 +1,6 @@
+import type { Emitter } from 'mitt';
+type Events = {
+    [key: string]: any;
+};
+declare let emitter: Emitter<Events>;
+export { emitter as mitt };

package/dist/types/utils/msgTips.d.ts

@@ -23,4 +23,4 @@ declare const msgTips: {
     elNotification: (params: MsgParamsTips) => void;
     tips: (params: MsgParamsTips) => void;
 };
-export default msgTips;
+export { msgTips };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "keli-ui",
   "private": false,
-  "version": "0.0.13",
+  "version": "0.0.15",
   "author": "Luv Letter",
   "description": "配置化组件库",
   "type": "module",
@@ -31,25 +31,44 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@element-plus/icons-vue": "^2.3.1",
+    "@codemirror/lang-java": "^6.0.1",
+    "@codemirror/lang-javascript": "^6.2.4",
+    "@codemirror/lang-json": "^6.0.1",
+    "@codemirror/language": "^6.11.0",
+    "@codemirror/theme-one-dark": "^6.1.2",
     "@vueuse/core": "^13.1.0",
-    "element-plus": "^2.9.9",
+    "js-beautify": "^1.15.4",
+    "solarday2lunarday": "^1.12.1",
+    "sql-formatter": "^15.6.1",
     "vant": "^4.9.19",
     "vue": "^3.5.13",
-    "vxe-pc-ui": "^4.5.34",
+    "vue-codemirror": "^6.1.1",
+    "vue-draggable-plus": "^0.6.0",
     "vxe-table": "^4.13.15"
   },
+  "optionalDependencies": {
+    "mitt": "^3.0.1",
+    "vxe-pc-ui": "^4.5.34"
+  },
+  "peerDependencies": {
+    "@element-plus/icons-vue": "^2.3.1",
+    "element-plus": "^2.9.9"
+  },
   "devDependencies": {
+    "@element-plus/icons-vue": "^2.3.1",
+    "@types/js-beautify": "^1.14.3",
     "@types/node": "^22.15.3",
     "@types/web-bluetooth": "^0.0.21",
     "@vitejs/plugin-vue": "^5.2.2",
     "@vue/tsconfig": "^0.7.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "element-plus": "^2.9.9",
     "sass-embedded": "^1.87.0",
     "terser": "^5.39.0",
     "typescript": "~5.7.2",
     "vite": "^6.3.1",
-    "vue-tsc": "^2.2.8"
+    "vue-tsc": "^2.2.8",
+    "vxe-pc-ui": "^4.5.34"
   }
 }