@bscomp/ep-ui 0.0.7

package/README.md

@@ -0,0 +1,71 @@
+# EP-ui
+
+## 介绍
+
+> 基于 vue3+ ts+ Element-plus 二次封装组件
+
+## npm 方式安装使用
+
+```shell
+npm i @bscomp/ep-ui
+```
+
+## 全局注册使用
+
+> ### 前提条件：组件库依赖 Element-plus 组件库
+
+```js
+// main.js
+import { createApp } from "vue"
+import App from "./App.vue"
+import ElementPlus from "element-plus"
+import "element-plus/dist/index.css"
+import "element-plus/theme-chalk/dark/css-vars.css"
+import locale from "element-plus/es/locale/lang/zh-cn"
+// element-plus图标
+import * as ElementPlusIconsVue from "@element-plus/icons-vue"
+
+import EP from "@bscomp/ep-ui"
+import "@bscomp/ep-ui/lib/style.css"
+const app = createApp(App)
+// 注册所有图标
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+  app.component(key, component)
+}
+//全局注册element
+app.use(ElementPlus, {
+  locale // 语言设置
+})
+app.use(EP)
+app.mount("#app")
+```
+
+## 按需引入
+
+```js
+// 在main.js中按需引入
+import "@bscomp/ep-ui/lib/style.css"
+// 单个.vue文件引入
+;<script setup lang="ts">
+  import {EPTable} from "@bscomp/ep-ui"
+</script>
+```
+
+## ep-ui Volar 组件类型提示
+
+需要在项目 src 文件下的 env.d.ts 中引入
+
+```js
+/// <reference types="@bscomp/ep-ui/lib/components.d.ts" />
+```
+
+## 安装依赖
+
+> ### 注意: 本地环境版本最好安装 [Node.js 18.x+](https://nodejs.org/en)
+
+```shell
+# 安装依赖
+npm install
+>npm config set registry https://registry.npmmirror.com/ 切换淘宝镜像源
+>npm install
+```

package/lib/button/index.d.ts

@@ -0,0 +1,118 @@
+declare const EPButton: ({
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        time: {
+            type: NumberConstructor;
+            default: number;
+        };
+        tip: {
+            type: StringConstructor;
+            default: string;
+        };
+        tipProps: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        isDebounce: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        antiClick: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        value: {
+            type: StringConstructor;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (...args: any[]) => void;
+    }, import('vue').PublicProps, {
+        time: number;
+        tip: string;
+        tipProps: Record<string, any>;
+        isDebounce: boolean;
+        antiClick: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        time: {
+            type: NumberConstructor;
+            default: number;
+        };
+        tip: {
+            type: StringConstructor;
+            default: string;
+        };
+        tipProps: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        isDebounce: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        antiClick: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        value: {
+            type: StringConstructor;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        time: number;
+        tip: string;
+        tipProps: Record<string, any>;
+        isDebounce: boolean;
+        antiClick: boolean;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    time: {
+        type: NumberConstructor;
+        default: number;
+    };
+    tip: {
+        type: StringConstructor;
+        default: string;
+    };
+    tipProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    isDebounce: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    antiClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, {
+    time: number;
+    tip: string;
+    tipProps: Record<string, any>;
+    isDebounce: boolean;
+    antiClick: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & import('vue').Plugin<any[]>) & Record<string, any>;
+export default EPButton;

package/lib/button/src/index.vue.d.ts

@@ -0,0 +1,67 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    time: {
+        type: NumberConstructor;
+        default: number;
+    };
+    tip: {
+        type: StringConstructor;
+        default: string;
+    };
+    tipProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    isDebounce: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    antiClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: StringConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    time: {
+        type: NumberConstructor;
+        default: number;
+    };
+    tip: {
+        type: StringConstructor;
+        default: string;
+    };
+    tipProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    isDebounce: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    antiClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    time: number;
+    tip: string;
+    tipProps: Record<string, any>;
+    isDebounce: boolean;
+    antiClick: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/checkbox/index.d.ts

@@ -0,0 +1,113 @@
+declare const EPCheckbox: ({
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: import('vue').PropType<"button" | "check">;
+            required: true;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<"default" | "small" | "large">;
+            required: true;
+        };
+        options: {
+            type: import('vue').PropType<import('./src/checkbox').CheckboxItem[]>;
+            required: true;
+        };
+        optionsProps: {
+            type: import('vue').PropType<{
+                value?: string | undefined;
+                label?: string | undefined;
+                disabled?: string | undefined;
+            }>;
+            required: true;
+            default: () => {};
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        type: "button" | "check";
+        optionsProps: {
+            value?: string | undefined;
+            label?: string | undefined;
+            disabled?: string | undefined;
+        };
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: import('vue').PropType<"button" | "check">;
+            required: true;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<"default" | "small" | "large">;
+            required: true;
+        };
+        options: {
+            type: import('vue').PropType<import('./src/checkbox').CheckboxItem[]>;
+            required: true;
+        };
+        optionsProps: {
+            type: import('vue').PropType<{
+                value?: string | undefined;
+                label?: string | undefined;
+                disabled?: string | undefined;
+            }>;
+            required: true;
+            default: () => {};
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        type: "button" | "check";
+        optionsProps: {
+            value?: string | undefined;
+            label?: string | undefined;
+            disabled?: string | undefined;
+        };
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: import('vue').PropType<"button" | "check">;
+        required: true;
+        default: string;
+    };
+    size: {
+        type: import('vue').PropType<"default" | "small" | "large">;
+        required: true;
+    };
+    options: {
+        type: import('vue').PropType<import('./src/checkbox').CheckboxItem[]>;
+        required: true;
+    };
+    optionsProps: {
+        type: import('vue').PropType<{
+            value?: string | undefined;
+            label?: string | undefined;
+            disabled?: string | undefined;
+        }>;
+        required: true;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    type: "button" | "check";
+    optionsProps: {
+        value?: string | undefined;
+        label?: string | undefined;
+        disabled?: string | undefined;
+    };
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Partial<Record<string, (_: {
+        value: string | number | boolean;
+        label: string;
+        slot?: string | undefined;
+        disabled?: boolean | undefined;
+    }) => any>> & {
+        default?(_: {}): any;
+    };
+}) & import('vue').Plugin<any[]>) & Record<string, any>;
+export default EPCheckbox;

package/lib/checkbox/src/index.vue.d.ts

@@ -0,0 +1,51 @@
+import { OptionsProps, CheckboxItem } from './checkbox';
+
+type Optional<T> = {
+    [k in keyof T]?: T[k];
+};
+type Props = {
+    type: "check" | "button";
+    options: CheckboxItem[];
+    size: "large" | "default" | "small";
+    optionsProps: Optional<OptionsProps>;
+};
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    type: string;
+    optionsProps: () => {};
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    type: string;
+    optionsProps: () => {};
+}>>> & Readonly<{}>, {
+    type: "button" | "check";
+    optionsProps: Optional<OptionsProps>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, Partial<Record<string, (_: {
+    value: string | number | boolean;
+    label: string;
+    slot?: string | undefined;
+    disabled?: boolean | undefined;
+}) => any>> & {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components.d.ts

@@ -0,0 +1,19 @@
+import EPSelect from "./select/src/index.vue"
+import EPTable from "./table/src/index.vue"
+import EPButton from "./button/src/index.vue"
+import EPInput from "./input/src/index.vue"
+import EPDatePicker from "./date-picker/src/index.vue"
+import EPRadio from "./radio/src/index.vue"
+import EPCheckbox from "./checkbox/src/index.vue"
+
+declare module "vue" {
+  export interface GlobalComponents {
+    EPSelect: typeof EPSelect
+    EPTable: typeof EPTable
+    EPButton: typeof EPButton
+    EPInput: typeof EPInput
+    EPDatePicker: typeof EPDatePicker
+    EPRadio: typeof EPRadio
+    EPCheckbox: typeof EPCheckbox
+  }
+}

package/lib/date-picker/index.d.ts

@@ -0,0 +1,89 @@
+declare const EPDatePicker: ({
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        modelValue: import('vue').PropType<any>;
+        type: {
+            type: import('vue').PropType<"year" | "years" | "month" | "months" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
+        };
+        format: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        valueFormat: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        shortcutsName: {
+            type: import('vue').PropType<string[] | ("本日" | "本月" | "本年" | "近一日" | "近一周" | "近一月" | "近三月" | "近半年" | "近一年")[]>;
+            default: () => never[];
+        };
+    }>> & Readonly<{
+        onGetRef?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        getRef: (...args: any[]) => void;
+    }, import('vue').PublicProps, {
+        format: string;
+        valueFormat: string;
+        shortcutsName: string[] | ("本日" | "本月" | "本年" | "近一日" | "近一周" | "近一月" | "近三月" | "近半年" | "近一年")[];
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        modelValue: import('vue').PropType<any>;
+        type: {
+            type: import('vue').PropType<"year" | "years" | "month" | "months" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
+        };
+        format: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        valueFormat: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        shortcutsName: {
+            type: import('vue').PropType<string[] | ("本日" | "本月" | "本年" | "近一日" | "近一周" | "近一月" | "近三月" | "近半年" | "近一年")[]>;
+            default: () => never[];
+        };
+    }>> & Readonly<{
+        onGetRef?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        format: string;
+        valueFormat: string;
+        shortcutsName: string[] | ("本日" | "本月" | "本年" | "近一日" | "近一周" | "近一月" | "近三月" | "近半年" | "近一年")[];
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any>;
+    type: {
+        type: import('vue').PropType<"year" | "years" | "month" | "months" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
+    };
+    format: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    valueFormat: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    shortcutsName: {
+        type: import('vue').PropType<string[] | ("本日" | "本月" | "本年" | "近一日" | "近一周" | "近一月" | "近三月" | "近半年" | "近一年")[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{
+    onGetRef?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    getRef: (...args: any[]) => void;
+}, string, {
+    format: string;
+    valueFormat: string;
+    shortcutsName: string[] | ("本日" | "本月" | "本年" | "近一日" | "近一周" | "近一月" | "近三月" | "近半年" | "近一年")[];
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Partial<Record<NonNullable<string | number>, (_: any) => any>>;
+}) & import('vue').Plugin<any[]>) & Record<string, any>;
+export default EPDatePicker;

package/lib/date-picker/src/index.vue.d.ts

@@ -0,0 +1,49 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any>;
+    type: {
+        type: import('vue').PropType<"year" | "years" | "month" | "months" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
+    };
+    format: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    valueFormat: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    shortcutsName: {
+        type: import('vue').PropType<string[] | ("本日" | "本月" | "本年" | "近一日" | "近一周" | "近一月" | "近三月" | "近半年" | "近一年")[]>;
+        default: () => never[];
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    getRef: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any>;
+    type: {
+        type: import('vue').PropType<"year" | "years" | "month" | "months" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
+    };
+    format: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    valueFormat: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    shortcutsName: {
+        type: import('vue').PropType<string[] | ("本日" | "本月" | "本年" | "近一日" | "近一周" | "近一月" | "近三月" | "近半年" | "近一年")[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{
+    onGetRef?: ((...args: any[]) => any) | undefined;
+}>, {
+    format: string;
+    valueFormat: string;
+    shortcutsName: string[] | ("本日" | "本月" | "本年" | "近一日" | "近一周" | "近一月" | "近三月" | "近半年" | "近一年")[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, Partial<Record<NonNullable<string | number>, (_: any) => any>>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};