mwl-components 0.1.0 → 0.1.2

package/README.md

@@ -42,6 +42,85 @@ app.mount('#app')
 
 ### 如果你不想 全局注册element-plus 你要在注册组件库前，单独注册组件库使用的element-plus组件
 
+```sh
+import 'element-plus/dist/index.css'
+import 'element-plus/theme-chalk/dark/css-vars.css' //暗黑模式
+
+import mwlComponents from 'mwl-components'
+import 'mwl-components/dist/mwl-components.css'
+import {
+  ElForm,
+  ElFormItem,
+  ElInput,
+  ElSelect,
+  ElSelectV2,
+  ElTreeSelect,
+  ElOption,
+  ElDatePicker,
+  ElSwitch,
+  ElCascader,
+  ElCheckbox,
+  ElRadio,
+  ElRadioGroup,
+  ElCheckboxGroup,
+  ElInputNumber,
+  ElTable,
+  ElTableColumn,
+  ElButton,
+  ElMenu,
+  ElSubMenu,
+  ElMenuItem,
+  ElPagination,
+  ElDialog,
+  ElScrollbar,
+  ElCard,
+  ElTooltip,
+  ElIcon
+} from 'element-plus'
+```
+
+```sh
+const components = [
+  ElForm,
+  ElFormItem,
+  ElInput,
+  ElSelect,
+  ElSelectV2,
+  ElTreeSelect,
+  ElOption,
+  ElDatePicker,
+  ElSwitch,
+  ElCascader,
+  ElCheckbox,
+  ElRadio,
+  ElRadioGroup,
+  ElCheckboxGroup,
+  ElInputNumber,
+  ElTable,
+  ElTableColumn,
+  ElButton,
+  ElMenu,
+  ElSubMenu,
+  ElMenuItem,
+  ElPagination,
+  ElDialog,
+  ElScrollbar,
+  ElCard,
+  ElTooltip,
+  ElIcon
+]
+```
+
+```sh
+export const installs = (app: any) => {
+  // app.use(ElementPlus)
+  components.forEach((component) => {
+    app.component(component.name, component)
+  })
+  app.use(mwlComponents)
+}
+```
+
 ⚠️ **注意：：** 主项目使用 ”插件按需导入“ 的无效,请使用手动按需导入
 
 #### 组件包括如果
@@ -79,7 +158,7 @@ import { ElTable, ElTableColumn, ElButton } from 'element-plus'
 EasyForm
 
 ```sh
-import { ElForm, ElFormItem, ElInput, ElSelect, ElOption, ElDatePicker, ElSwitch, ElCascader, ElCheckbox, ElRadio, ElRadioGroup, ElCheckboxGroup, ElInputNumber } from 'element-plus'
+import { ElForm, ElFormItem, ElInput, ElSelect, ElSelectV2, ElTreeSelect, ElOption, ElDatePicker, ElSwitch, ElCascader, ElCheckbox, ElRadio, ElRadioGroup, ElCheckboxGroup, ElInputNumber } from 'element-plus'
 ```
 
 ## 打包配置问题

package/dist/EasyForm/index.vue.d.ts

@@ -1,21 +1,12 @@
 import { PropType } from 'vue';
-import { FormItem } from '../types';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<Record<string, any>> & Record<string, any>;
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+import { FormItem, ComponentMapType } from '../types';
+export declare const getPlaceholder: (item: FormItem) => string | undefined;
+export declare const componentsMap: ComponentMapType[];
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     inline: {
         type: BooleanConstructor;
         default: boolean;
     };
-    formData: {
-        type: PropType<Record<string, any>>;
-        required: true;
-    };
     formItems: {
         type: PropType<FormItem[]>;
         default: () => never[];
@@ -28,15 +19,16 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
         type: StringConstructor[];
         default: string;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: PropType<Record<string, any>>;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, any>) => any;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     inline: {
         type: BooleanConstructor;
         default: boolean;
     };
-    formData: {
-        type: PropType<Record<string, any>>;
-        required: true;
-    };
     formItems: {
         type: PropType<FormItem[]>;
         default: () => never[];
@@ -49,13 +41,17 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
         type: StringConstructor[];
         default: string;
     };
-}>> & Readonly<{}>, {
+    modelValue: {
+        type: PropType<Record<string, any>>;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
+}>, {
     labelWidth: string | number;
     inline: boolean;
     formItems: FormItem[];
     itemWidth: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, Readonly<Record<string, any>> & Record<string, any>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/EasyTable/index.vue.d.ts

@@ -1,3 +1,4 @@
+import { PropType } from 'vue';
 import { TableColumn, buttonType } from '../types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -51,6 +52,10 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
         type: StringConstructor;
         default: undefined;
     };
+    footerHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     data: {
         type: {
@@ -94,6 +99,10 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
         type: StringConstructor;
         default: undefined;
     };
+    footerHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & Readonly<{}>, {
     data: Record<string, any>[];
     maxHeight: string;
@@ -102,6 +111,7 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
     tableColumns: TableColumn[];
     buttons: buttonType[];
     buttonWidth: string | number;
+    footerHeight: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     tableRef: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/index.d.ts

@@ -1,13 +1,13 @@
 import { default as ContentWarp } from './ContentWarp/index.vue';
 import { default as Dialog } from './Dialog/index.vue';
-import { default as EasyForm } from './EasyForm/index.vue';
+import { default as EasyForm, componentsMap, getPlaceholder } from './EasyForm/index.vue';
 import { default as EasyTable } from './EasyTable/index.vue';
 import { default as MenuTree } from './MenuTree/components/index.vue';
 import { default as Pagination } from './Pagination/index.vue';
-export { ContentWarp, Dialog, EasyForm, EasyTable, MenuTree, Pagination, };
+export { ContentWarp, Dialog, EasyForm, EasyTable, MenuTree, Pagination, componentsMap, getPlaceholder };
 export declare const install: (app: any, options: any) => void;
 declare const _default: {
     install: (app: any, options: any) => void;
 };
 export default _default;
-export type { FormItem, rule, Placement, TableColumn, buttonType } from './types';
+export type { Options, FormItem, Rule, Placement, TableColumn, buttonType, ComponentMapType, } from './types';