lew-ui 2.1.11 → 2.1.13

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2023 lew
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2023 lew
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,53 +1,53 @@
-![471656552467_.pic_i9uhs1_.jpeg](https://cdn.jsdelivr.net/gh/lewkamtao/PicHub-Cloud@master/PicHub/471656552467_.pic_i9uhs1_.jpeg)
-
-# Lew-UI
-
-A Component Library for Vue3.js. Doc address: https://lew.kamtao.com
-
-## Install
-
-```bash
-npm install lew-ui --save
-```
-
-## How to use
-
-引入 css
-
-```js
-// main.ts
-import 'lew-ui/style';
-```
-
-页面
-
-```vue
-<script setup lang="ts">
-    import { LewButton } from 'lew-ui';
-</script>
-
-<template>
-    <lew-button text="发送" />
-</template>
-```
-
-## Todo List
-
--   Step 步骤
--   Upload 上传
--   Card 卡片
--   Progress 进度条
--   Loading 加载
-
-## Thanks
-
--   https://github.com/atomiks/tippyjs
--   https://fengyuanchen.github.io/vue-feather/
-
-## License
-
-Lew UI is open source software licensed as MIT.
-
-## Demo
-
-![这里有图](https://github.com/lewkamtao/lew-ui/blob/dev/images/6221709887502_.pic.jpg) ![这里有图](https://github.com/lewkamtao/lew-ui/blob/dev/images/6231709887502_.pic.jpg) ![这里有图](https://github.com/lewkamtao/lew-ui/blob/dev/images/6241709887502_.pic.jpg) ![这里有图](https://github.com/lewkamtao/lew-ui/blob/dev/images/6251709887502_.pic.jpg)
+![471656552467_.pic_i9uhs1_.jpeg](https://cdn.jsdelivr.net/gh/lewkamtao/PicHub-Cloud@master/PicHub/471656552467_.pic_i9uhs1_.jpeg)
+
+# Lew-UI
+
+A Component Library for Vue3.js. Doc address: https://lew.kamtao.com
+
+## Install
+
+```bash
+npm install lew-ui --save
+```
+
+## How to use
+
+引入 css
+
+```js
+// main.ts
+import 'lew-ui/style';
+```
+
+页面
+
+```vue
+<script setup lang="ts">
+    import { LewButton } from 'lew-ui';
+</script>
+
+<template>
+    <lew-button text="发送" />
+</template>
+```
+
+## Todo List
+
+-   Step 步骤
+-   Upload 上传
+-   Card 卡片
+-   Progress 进度条
+-   Loading 加载
+
+## Thanks
+
+-   https://github.com/atomiks/tippyjs
+-   https://fengyuanchen.github.io/vue-feather/
+
+## License
+
+Lew UI is open source software licensed as MIT.
+
+## Demo
+
+![这里有图](https://github.com/lewkamtao/lew-ui/blob/dev/images/6221709887502_.pic.jpg) ![这里有图](https://github.com/lewkamtao/lew-ui/blob/dev/images/6231709887502_.pic.jpg) ![这里有图](https://github.com/lewkamtao/lew-ui/blob/dev/images/6241709887502_.pic.jpg) ![这里有图](https://github.com/lewkamtao/lew-ui/blob/dev/images/6251709887502_.pic.jpg)

package/dist/components/badge/src/LewBadge.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         description: string;
     };
     color: {
-        type: globalThis.PropType<"gray" | "orange" | "green" | "red" | "blue" | "yellow" | "mint" | "teal" | "cyan" | "indigo" | "purple" | "pink" | "brown">;
+        type: globalThis.PropType<import('./props').BadgeColor>;
         default: string;
         description: string;
     };
@@ -16,13 +16,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         description: string;
     };
     color: {
-        type: globalThis.PropType<"gray" | "orange" | "green" | "red" | "blue" | "yellow" | "mint" | "teal" | "cyan" | "indigo" | "purple" | "pink" | "brown">;
+        type: globalThis.PropType<import('./props').BadgeColor>;
         default: string;
         description: string;
     };
 }>>, {
     value: string;
-    color: "gray" | "orange" | "green" | "red" | "blue" | "yellow" | "mint" | "teal" | "cyan" | "indigo" | "purple" | "pink" | "brown";
+    color: import('./props').BadgeColor;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/components/badge/src/props.d.ts

@@ -1,6 +1,6 @@
 import { ExtractPropTypes, PropType } from 'vue';
 
-type badgeColor = 'red' | 'orange' | 'yellow' | 'green' | 'mint' | 'teal' | 'cyan' | 'blue' | 'indigo' | 'purple' | 'pink' | 'gray' | 'brown';
+export type BadgeColor = 'red' | 'orange' | 'yellow' | 'green' | 'mint' | 'teal' | 'cyan' | 'blue' | 'indigo' | 'purple' | 'pink' | 'gray' | 'brown';
 export declare const badgeProps: {
     value: {
         type: StringConstructor;
@@ -8,10 +8,9 @@ export declare const badgeProps: {
         description: string;
     };
     color: {
-        type: PropType<badgeColor>;
+        type: PropType<BadgeColor>;
         default: string;
         description: string;
     };
 };
 export type BadgeProps = ExtractPropTypes<typeof badgeProps>;
-export {};

package/dist/components/drawer/src/LewDrawer.vue.d.ts

@@ -1,7 +1,8 @@
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
-    visible: {
-        type: BooleanConstructor;
-        default: boolean;
+    visible: globalThis.PropType<any>;
+    title: {
+        type: StringConstructor;
+        default: string;
         description: string;
     };
     width: {
@@ -19,14 +20,48 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         default: string;
         description: string;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:visible": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    visible: {
+    hideFooter: {
         type: BooleanConstructor;
         default: boolean;
         description: string;
     };
+    closeByEsc: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
+    okProps: {
+        type: globalThis.PropType<import('../..').ButtonProps>;
+        default: () => {
+            text: string;
+            color: string;
+        };
+        description: string;
+    };
+    cancelProps: {
+        type: globalThis.PropType<import('../..').ButtonProps>;
+        default: () => {
+            type: string;
+            text: string;
+            color: string;
+        };
+        description: string;
+    };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    ok: (...args: any[]) => void;
+    cancel: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    visible: globalThis.PropType<any>;
+    title: {
+        type: StringConstructor;
+        default: string;
+        description: string;
+    };
     width: {
         type: NumberConstructor;
         default: number;
@@ -42,15 +77,77 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         default: string;
         description: string;
     };
+    hideFooter: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
+    closeByEsc: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
+    okProps: {
+        type: globalThis.PropType<import('../..').ButtonProps>;
+        default: () => {
+            text: string;
+            color: string;
+        };
+        description: string;
+    };
+    cancelProps: {
+        type: globalThis.PropType<import('../..').ButtonProps>;
+        default: () => {
+            type: string;
+            text: string;
+            color: string;
+        };
+        description: string;
+    };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
 }>> & {
-    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+    onOk?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
 }, {
     width: number;
-    visible: boolean;
+    title: string;
     height: number;
+    hideFooter: boolean;
+    closeByEsc: boolean;
+    okProps: {
+        type: import('../..').ButtonType;
+        text: string;
+        color: import('../..').ButtonColor;
+        round: boolean;
+        size: import('../..').ButtonSize;
+        disabled: boolean;
+        loading: boolean;
+        icon: string;
+        iconPosition: string;
+        request: Function;
+    };
+    cancelProps: {
+        type: import('../..').ButtonType;
+        text: string;
+        color: import('../..').ButtonColor;
+        round: boolean;
+        size: import('../..').ButtonSize;
+        disabled: boolean;
+        loading: boolean;
+        icon: string;
+        iconPosition: string;
+        request: Function;
+    };
+    closeOnClickOverlay: boolean;
     position: string;
 }, {}>, {
+    header?(_: {}): any;
     default?(_: {}): any;
+    footer?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/drawer/src/props.d.ts

@@ -1,9 +1,17 @@
+import { ButtonProps } from '../../button/index';
 import { ExtractPropTypes } from 'vue';
 
-export declare const drawerProps: {
+export declare const drawerModel: {
     visible: {
-        type: BooleanConstructor;
-        default: boolean;
+        type: StringConstructor;
+        default: string;
+        description: string;
+    };
+};
+export declare const drawerProps: {
+    title: {
+        type: StringConstructor;
+        default: string;
         description: string;
     };
     width: {
@@ -21,7 +29,37 @@ export declare const drawerProps: {
         default: string;
         description: string;
     };
+    hideFooter: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
+    closeByEsc: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
+    okProps: {
+        type: globalThis.PropType<ButtonProps>;
+        default: () => {
+            text: string;
+            color: string;
+        };
+        description: string;
+    };
+    cancelProps: {
+        type: globalThis.PropType<ButtonProps>;
+        default: () => {
+            type: string;
+            text: string;
+            color: string;
+        };
+        description: string;
+    };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
 };
 export type DrawerProps = ExtractPropTypes<typeof drawerProps>;
-export declare const getStyle: (position: string, width: number, height: number) => string | undefined;
-export declare const getPosition: (position: string) => 1 | 0;

package/dist/components/form/src/LewForm.vue.d.ts

@@ -25,6 +25,7 @@ declare const _default: import('vue').DefineComponent<{
     validate: (field: string) => Promise<unknown>;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (...args: any[]) => void;
+    mounted: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     options: globalThis.PropType<any>;
     size: {
@@ -48,6 +49,7 @@ declare const _default: import('vue').DefineComponent<{
     };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    onMounted?: ((...args: any[]) => any) | undefined;
 }, {
     direction: string;
     size: string;

package/dist/components/index.d.ts

@@ -7,6 +7,7 @@ export * from './tree-select';
 export * from './tabs';
 export * from './breadcrumb';
 export * from './dropdown';
+export * from './steps';
 export * from './input';
 export * from './textarea';
 export * from './input-tag';
@@ -34,4 +35,5 @@ export * from './result';
 export * from './backtop';
 export * from './text-trim';
 export * from './menu';
+export * from './menu-tree';
 export * from './empty';

package/dist/components/menu-tree/index.d.ts

@@ -0,0 +1,2 @@
+export { default as LewMenuTree } from './src/LewMenuTree.vue';
+export * from './src/props';

package/dist/components/menu-tree/src/LewMenuTree.vue.d.ts

@@ -0,0 +1,35 @@
+import { MenuTreeOptions } from './props';
+
+declare const _default: import('vue').DefineComponent<{
+    options: {
+        type: globalThis.PropType<MenuTreeOptions[]>;
+        default: never[];
+        typeDesc: string;
+        description: string;
+    };
+    actived: {
+        type: StringConstructor;
+        default: string;
+        description: string;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    options: {
+        type: globalThis.PropType<MenuTreeOptions[]>;
+        default: never[];
+        typeDesc: string;
+        description: string;
+    };
+    actived: {
+        type: StringConstructor;
+        default: string;
+        description: string;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    options: MenuTreeOptions[];
+    actived: string;
+}, {}>;
+export default _default;

package/dist/components/menu-tree/src/props.d.ts

@@ -0,0 +1,27 @@
+import { TagColor } from '../../..';
+import { ExtractPropTypes, PropType } from 'vue';
+
+export type MenuTreeOptions = {
+    label: string;
+    value?: string;
+    children?: MenuTreeOptions[];
+    disabled?: boolean;
+    level?: number;
+    icon?: string;
+    tagText?: string;
+    tagColor?: TagColor;
+};
+export declare const menuTreeProps: {
+    options: {
+        type: PropType<MenuTreeOptions[]>;
+        default: never[];
+        typeDesc: string;
+        description: string;
+    };
+    actived: {
+        type: StringConstructor;
+        default: string;
+        description: string;
+    };
+};
+export type MenuTreeProps = ExtractPropTypes<typeof menuTreeProps>;

package/dist/components/modal/src/LewModal.vue.d.ts

@@ -15,12 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         default: string;
         description: string;
     };
-    customHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-        description: string;
-    };
-    customFooter: {
+    hideFooter: {
         type: BooleanConstructor;
         default: boolean;
         description: string;
@@ -74,12 +69,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         default: string;
         description: string;
     };
-    customHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-        description: string;
-    };
-    customFooter: {
+    hideFooter: {
         type: BooleanConstructor;
         default: boolean;
         description: string;
@@ -120,8 +110,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     width: string | number;
     title: string;
     height: string | number;
-    customHeader: boolean;
-    customFooter: boolean;
+    hideFooter: boolean;
     closeByEsc: boolean;
     okProps: {
         type: import('../../..').ButtonType;

package/dist/components/modal/src/props.d.ts

@@ -24,12 +24,7 @@ export declare const modalProps: {
         default: string;
         description: string;
     };
-    customHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-        description: string;
-    };
-    customFooter: {
+    hideFooter: {
         type: BooleanConstructor;
         default: boolean;
         description: string;

package/dist/components/steps/index.d.ts

@@ -1,2 +1,2 @@
-export { default as LewTag } from './src/LewTag.vue';
+export { default as LewSteps } from './src/LewSteps.vue';
 export * from './src/props';

package/dist/components/steps/src/LewSteps.vue.d.ts

@@ -0,0 +1,29 @@
+declare const _default: import('vue').DefineComponent<{
+    modelValue: globalThis.PropType<any>;
+    options: {
+        type: globalThis.PropType<import('./props').StepsOptions[]>;
+        default: never[];
+        description: string;
+    };
+    status: {
+        type: globalThis.PropType<import('./props').StepsStatus>;
+        default: string;
+        description: string;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: globalThis.PropType<any>;
+    options: {
+        type: globalThis.PropType<import('./props').StepsOptions[]>;
+        default: never[];
+        description: string;
+    };
+    status: {
+        type: globalThis.PropType<import('./props').StepsStatus>;
+        default: string;
+        description: string;
+    };
+}>>, {
+    options: import('./props').StepsOptions[];
+    status: import('./props').StepsStatus;
+}, {}>;
+export default _default;

package/dist/components/steps/src/props.d.ts

@@ -1,39 +1,27 @@
 import { ExtractPropTypes, PropType } from 'vue';
 
-type TagSize = 'small' | 'medium' | 'large';
-type TagType = 'fill' | 'light' | 'ghost';
-type TagColor = 'red' | 'orange' | 'yellow' | 'green' | 'mint' | 'teal' | 'cyan' | 'blue' | 'indigo' | 'purple' | 'pink' | 'gray' | 'brown';
-export declare const tagProps: {
-    type: {
-        type: PropType<TagType>;
+export type StepsOptions = {
+    title: string;
+    description: string;
+};
+export type StepsStatus = 'pending' | 'done' | 'error' | 'warning';
+export declare const stepsModel: {
+    modelValue: {
+        type: (StringConstructor | NumberConstructor | undefined)[];
         default: string;
         description: string;
     };
-    color: {
-        type: PropType<TagColor>;
-        default: string;
+};
+export declare const stepsProps: {
+    options: {
+        type: PropType<StepsOptions[]>;
+        default: never[];
         description: string;
     };
-    size: {
-        type: PropType<TagSize>;
+    status: {
+        type: PropType<StepsStatus>;
         default: string;
         description: string;
     };
-    round: {
-        type: BooleanConstructor;
-        default: boolean;
-        description: string;
-    };
-    closable: {
-        type: BooleanConstructor;
-        default: boolean;
-        description: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-        description: string;
-    };
 };
-export type TagProps = ExtractPropTypes<typeof tagProps>;
-export {};
+export type StepsProps = ExtractPropTypes<typeof stepsProps>;

package/dist/components/text-trim/src/LewTextTrim.vue.d.ts

@@ -26,7 +26,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     delay: {
         type: ArrayConstructor;
-        default: () => number[];
+        default: number[];
         description: string;
     };
     lineClamp: {
@@ -62,7 +62,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     delay: {
         type: ArrayConstructor;
-        default: () => number[];
+        default: number[];
         description: string;
     };
     lineClamp: {

package/dist/components/text-trim/src/props.d.ts

@@ -28,7 +28,7 @@ export declare const textTrimProps: {
     };
     delay: {
         type: ArrayConstructor;
-        default: () => number[];
+        default: number[];
         description: string;
     };
     lineClamp: {