yc-vep-ui 0.3.41 → 0.3.43

package/README.md

@@ -0,0 +1,37 @@
+
+
+# 基于 vue3 + element-plus 的UI组件库
+
+## 介绍 📖
+vep-ui => vue element plus - ui
+这是一个基于 vue3 + element-plus 的UI组件库，主要用于快速搭建后台管理系统。简化开发流程，提高开发效率。
+
+组件包括：
+table、from、tree、editor、card、InfiniteScroll、dialog、upload、staffSelect等
+
+## 特性 🚀
+无vue, element-plus, element-plus-icons-vue, 仅依赖宿主项目，体积较小，易于使用。
+
+
+## 安装 📦
+```bash
+npm install yc-vep-ui
+```
+
+## 快速上手 
+在`main.ts`中引入`yc-vep-ui`
+```ts
+import { createApp } from 'vue'
+import ElementPlus from 'element-plus'
+import * as Vue from 'vue'
+import VepUi, { setHostVue } from 'yc-vep-ui'
+import 'yc-vep-ui/dist/index.css' // 引入样式
+setHostVue(Vue) // 把vue传给yc-vep-ui
+
+const app = createApp(App)
+app.use(VepUi, { elementPlus: ElementPlus })
+
+app.mount('#app')
+```
+
+## 使用 

package/dist/components/Filter/index.vue.d.ts

@@ -8,15 +8,9 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
-        left?(_: {
-            form: import('@vue/reactivity').DistributeRef<import('vue').Reactive<T>>;
-        }): any;
         handle?(_: {
             form: import('@vue/reactivity').DistributeRef<import('vue').Reactive<T>>;
         }): any;
-        right?(_: {
-            form: import('@vue/reactivity').DistributeRef<import('vue').Reactive<T>>;
-        }): any;
     };
     emit: (event: "search" | "reset" | "submit", ...args: any[]) => void;
 }>) => import('vue').VNode & {

package/dist/components/Filter/type.d.ts

@@ -37,6 +37,7 @@ export interface IFilterProps<T> {
   expandNum?: number
   valueWidth?: string
   labelWidth?: string
+  labelPosition?: 'top' | 'right' | 'left'
   /** 重置需要省略的字段 */
   omitFields?: (keyof T)[]
   rules?: Record<string, any>

package/dist/components/utils/components.d.ts

@@ -27,6 +27,7 @@ export declare const El: {
     readonly ButtonGroup: any;
     readonly Descriptions: any;
     readonly DescriptionsItem: any;
+    readonly Switch: any;
     readonly Message: any;
 };
 export declare function getIcon(name: string): any;

package/dist/components/utils/render.d.ts

@@ -18,7 +18,8 @@ declare function link(props: LinkProps & {
     type?: 'primary' | 'success' | 'warning' | 'info' | 'danger';
 }): any;
 declare function tag(props: TagProps & {
-    prop: string;
+    prop?: string;
+    text?: string | string[];
 }): any;
 declare function _switch(props: SwitchProps): any;
 declare function select(props: SelectProps): any;

package/dist/components/utils/tools.d.ts

@@ -1,5 +1,7 @@
-import { IField } from '../type';
+import { IField, IColumn } from '../type';
 export declare function getLabelWidth(width?: string | number): string;
 export declare function getValueWidth(width: number | string): string;
 export declare function getRenderAttr<T>(field: IField<T>, data: T): any;
 export declare function renderNode<T>(field: IField<T>, data: T): any;
+/** 模板配置，转渲染 */
+export declare function tempToRender<T>(tempList: Array<IColumn<T> | IField<T>>): Array<IColumn<T> | IField<T>>;