lew-ui 2.3.9 → 2.4.1

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

@@ -33,7 +33,7 @@ import { LewButton } from 'lew-ui'
 Lew UI uses the following open source libraries:
 
 - [tippy.js](https://atomiks.github.io/tippyjs/): For creating tooltips and popovers
-- [feather-icons](https://feathericons.com/): Provides a clean and beautiful icon set
+- [Lucide](https://github.com/lucide-icons/lucide): Provides a clean and beautiful icon set
 - [fancyapps](https://fancyapps.com/): For creating image galleries and carousels
 - [VueUse](https://vueuse.org/): Collection of Vue Composition API utilities
 - [Day.js](https://day.js.org/): Lightweight library for date manipulation

package/README.zh-CN.md

@@ -35,7 +35,7 @@ import { LewButton } from 'lew-ui'
 Lew UI 使用了以下开源库：
 
 - [tippy.js](https://atomiks.github.io/tippyjs/): 用于创建工具提示和弹出框
-- [feather-icons](https://feathericons.com/): 提供简洁美观的图标集
+- [Lucide](https://github.com/lucide-icons/lucide): 提供简洁美观的图标集
 - [fancyapps](https://fancyapps.com/): 用于创建图片画廊和轮播
 - [VueUse](https://vueuse.org/): Vue Composition API 实用工具集合
 - [Day.js](https://day.js.org/): 轻量级日期处理库

package/dist/components/alert/src/LewAlert.vue.d.ts

@@ -1,24 +1,83 @@
-import { AlertItem } from './props';
-
-declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
-    options: {
-        type: PropType<AlertItem[]>;
-        default: () => never[];
+declare function __VLS_template(): {
+    title?(_: {}): any;
+    content?(_: {}): any;
+    footer?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        default: string;
+        description: string;
+        validator: (value: import('../../..').LewStatusColor) => boolean;
+    };
+    title: {
+        type: StringConstructor;
+        typeGhost: string;
+        default: string;
+        description: string;
+    };
+    content: {
+        type: StringConstructor;
+        typeGhost: string;
+        default: string;
+        description: string;
+    };
+    closeable: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
+    footer: {
+        type: StringConstructor;
+        typeGhost: string;
+        default: string;
         description: string;
-        validator: (value: AlertItem[]) => boolean;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    options: {
-        type: PropType<AlertItem[]>;
-        default: () => never[];
+    type: {
+        type: StringConstructor;
+        default: string;
+        description: string;
+        validator: (value: import('../../..').LewStatusColor) => boolean;
+    };
+    title: {
+        type: StringConstructor;
+        typeGhost: string;
+        default: string;
+        description: string;
+    };
+    content: {
+        type: StringConstructor;
+        typeGhost: string;
+        default: string;
+        description: string;
+    };
+    closeable: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
+    footer: {
+        type: StringConstructor;
+        typeGhost: string;
+        default: string;
         description: string;
-        validator: (value: AlertItem[]) => boolean;
     };
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-    options: AlertItem[];
+    type: string;
+    footer: string;
+    title: string;
+    content: string;
+    closeable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,18 +1,35 @@
 import { ExtractPropTypes } from 'vue';
 import { LewStatusColor } from '../../..';
 
-export interface AlertItem {
-    type: LewStatusColor;
-    title: string;
-    content?: string;
-    closeable?: boolean;
-}
 export declare const alertProps: {
-    options: {
-        type: PropType<AlertItem[]>;
-        default: () => never[];
+    type: {
+        type: StringConstructor;
+        default: string;
+        description: string;
+        validator: (value: LewStatusColor) => boolean;
+    };
+    title: {
+        type: StringConstructor;
+        typeGhost: string;
+        default: string;
+        description: string;
+    };
+    content: {
+        type: StringConstructor;
+        typeGhost: string;
+        default: string;
+        description: string;
+    };
+    closeable: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
+    footer: {
+        type: StringConstructor;
+        typeGhost: string;
+        default: string;
         description: string;
-        validator: (value: AlertItem[]) => boolean;
     };
 };
 export type AlertProps = ExtractPropTypes<typeof alertProps>;

package/dist/components/button/src/LewButton.vue.d.ts

@@ -1,5 +1,4 @@
 declare function __VLS_template(): {
-    icon?(_: {}): any;
     default?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
@@ -10,16 +9,21 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
         validator(value: string): boolean;
     };
     type: {
-        type: PropType<import('../../..').ButtonType>;
+        type: PropType<import('./props').ButtonType>;
         default: string;
         description: string;
-        validator(value: import('../../..').ButtonType): boolean;
+        validator(value: import('./props').ButtonType): boolean;
     };
     size: {
-        type: PropType<import('../../..').ButtonSize>;
+        type: PropType<import('./props').ButtonSize>;
         default: string;
         description: string;
-        validator(value: import('../../..').ButtonSize): boolean;
+        validator(value: import('./props').ButtonSize): boolean;
+    };
+    singleIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
     };
     color: {
         type: PropType<import('../../..').LewColor>;
@@ -27,22 +31,6 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
         description: string;
         validator(value: import('../../..').LewColor): boolean;
     };
-    icon: {
-        type: StringConstructor;
-        default: string;
-        description: string;
-    };
-    iconPosition: {
-        type: PropType<import('../../..').IconPosition>;
-        default: string;
-        description: string;
-        validator(value: import('../../..').IconPosition): boolean;
-    };
-    iconSize: {
-        type: (StringConstructor | NumberConstructor)[];
-        description: string;
-        validator(value: number | string): boolean;
-    };
     round: {
         type: BooleanConstructor;
         default: boolean;
@@ -80,16 +68,21 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
         validator(value: string): boolean;
     };
     type: {
-        type: PropType<import('../../..').ButtonType>;
+        type: PropType<import('./props').ButtonType>;
         default: string;
         description: string;
-        validator(value: import('../../..').ButtonType): boolean;
+        validator(value: import('./props').ButtonType): boolean;
     };
     size: {
-        type: PropType<import('../../..').ButtonSize>;
+        type: PropType<import('./props').ButtonSize>;
         default: string;
         description: string;
-        validator(value: import('../../..').ButtonSize): boolean;
+        validator(value: import('./props').ButtonSize): boolean;
+    };
+    singleIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
     };
     color: {
         type: PropType<import('../../..').LewColor>;
@@ -97,22 +90,6 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
         description: string;
         validator(value: import('../../..').LewColor): boolean;
     };
-    icon: {
-        type: StringConstructor;
-        default: string;
-        description: string;
-    };
-    iconPosition: {
-        type: PropType<import('../../..').IconPosition>;
-        default: string;
-        description: string;
-        validator(value: import('../../..').IconPosition): boolean;
-    };
-    iconSize: {
-        type: (StringConstructor | NumberConstructor)[];
-        description: string;
-        validator(value: number | string): boolean;
-    };
     round: {
         type: BooleanConstructor;
         default: boolean;
@@ -141,15 +118,14 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: import('../../..').ButtonType;
-    icon: string;
+    type: import('./props').ButtonType;
+    size: import('./props').ButtonSize;
     text: string;
     color: import('../../..').LewColor;
     round: boolean;
-    size: import('../../..').ButtonSize;
     disabled: boolean;
     loading: boolean;
-    iconPosition: import('../../..').IconPosition;
+    singleIcon: boolean;
     dashed: boolean;
     request: Function;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -23,28 +23,17 @@ export declare const buttonProps: {
         description: string;
         validator(value: ButtonSize): boolean;
     };
+    singleIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
     color: {
         type: PropType<LewColor>;
         default: string;
         description: string;
         validator(value: LewColor): boolean;
     };
-    icon: {
-        type: StringConstructor;
-        default: string;
-        description: string;
-    };
-    iconPosition: {
-        type: PropType<IconPosition>;
-        default: string;
-        description: string;
-        validator(value: IconPosition): boolean;
-    };
-    iconSize: {
-        type: (StringConstructor | NumberConstructor)[];
-        description: string;
-        validator(value: number | string): boolean;
-    };
     round: {
         type: BooleanConstructor;
         default: boolean;

package/dist/components/checkbox/src/LewCheckbox.vue.d.ts

@@ -99,14 +99,14 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
+    size: import('../../..').LewSize;
     label: string;
     block: boolean;
     round: boolean;
-    size: import('../../..').LewSize;
     disabled: boolean;
     readonly: boolean;
-    iconable: boolean;
     checked: boolean;
     certain: boolean;
+    iconable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/checkbox/src/LewCheckboxGroup.vue.d.ts

@@ -103,10 +103,10 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
+    size: import('../../..').LewSize;
     direction: string;
     block: boolean;
     round: boolean;
-    size: import('../../..').LewSize;
     options: CheckboxOptions[];
     disabled: boolean;
     readonly: boolean;

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

@@ -124,13 +124,35 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
     onCancel?: ((...args: any[]) => any) | undefined;
     onOk?: ((...args: any[]) => any) | undefined;
 }>, {
-    width: string | number;
     title: string;
+    width: string | number;
     height: string | number;
     hideFooter: boolean;
     closeByEsc: boolean;
-    okProps: import('../..').ButtonProps;
-    cancelProps: import('../..').ButtonProps;
+    okProps: {
+        type: import('../..').ButtonType;
+        size: import('../..').ButtonSize;
+        text: string;
+        color: import('../../..').LewColor;
+        round: boolean;
+        disabled: boolean;
+        loading: boolean;
+        singleIcon: boolean;
+        dashed: boolean;
+        request: Function;
+    };
+    cancelProps: {
+        type: import('../..').ButtonType;
+        size: import('../..').ButtonSize;
+        text: string;
+        color: import('../../..').LewColor;
+        round: boolean;
+        disabled: boolean;
+        loading: boolean;
+        singleIcon: boolean;
+        dashed: boolean;
+        request: Function;
+    };
     closeOnClickOverlay: boolean;
     position: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/empty/src/LewEmpty.vue.d.ts

@@ -1,8 +1,8 @@
 declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     type: {
-        type: PropType<"address" | "article" | "search" | "404" | "goods" | "likes" | "car" | "comment" | "network" | "order">;
+        type: PropType<"search" | "address" | "article" | "404" | "goods" | "likes" | "car" | "comment" | "network" | "order">;
         default: string;
-        validator: (value: "address" | "article" | "search" | "404" | "goods" | "likes" | "car" | "comment" | "network" | "order") => boolean;
+        validator: (value: "search" | "address" | "article" | "404" | "goods" | "likes" | "car" | "comment" | "network" | "order") => boolean;
         description: string;
     };
     title: {
@@ -37,9 +37,9 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     type: {
-        type: PropType<"address" | "article" | "search" | "404" | "goods" | "likes" | "car" | "comment" | "network" | "order">;
+        type: PropType<"search" | "address" | "article" | "404" | "goods" | "likes" | "car" | "comment" | "network" | "order">;
         default: string;
-        validator: (value: "address" | "article" | "search" | "404" | "goods" | "likes" | "car" | "comment" | "network" | "order") => boolean;
+        validator: (value: "search" | "address" | "article" | "404" | "goods" | "likes" | "car" | "comment" | "network" | "order") => boolean;
         description: string;
     };
     title: {
@@ -73,9 +73,9 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         description: string;
     };
 }>> & Readonly<{}>, {
-    type: "address" | "article" | "search" | "404" | "goods" | "likes" | "car" | "comment" | "network" | "order";
-    width: string;
+    type: "search" | "address" | "article" | "404" | "goods" | "likes" | "car" | "comment" | "network" | "order";
     title: string;
+    width: string;
     height: string;
     fontSize: string | number;
     padding: string;

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

@@ -118,9 +118,9 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     onChange?: ((...args: any[]) => any) | undefined;
     onMounted?: ((...args: any[]) => any) | undefined;
 }>, {
+    size: import('../../..').LewSize;
     direction: import('./props').FormDirection;
     width: string | number;
-    size: import('../../..').LewSize;
     options: Record<string, any>[];
     disabled: boolean;
     readonly: boolean;

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

@@ -188,12 +188,13 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
+    size: import('../../..').LewSize;
+    props: Record<string, any>;
+    tips: string;
+    label: string;
     between: boolean;
     direction: import('../../..').FormDirection;
     width: string | number;
-    props: Record<string, any>;
-    label: string;
-    size: import('../../..').LewSize;
     disabled: boolean;
     readonly: boolean;
     required: boolean;
@@ -201,7 +202,6 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     id: string;
     field: string;
     as: string;
-    tips: string;
     errMessage: string;
     gridArea: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/image/src/LewImage.vue.d.ts

@@ -121,9 +121,9 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
         validator: (value: string) => boolean;
     };
 }>> & Readonly<{}>, {
-    width: string | number;
     lazy: boolean;
     title: string;
+    width: string | number;
     loading: boolean;
     height: string | number;
     alt: string;

package/dist/components/index.d.ts

@@ -1,6 +1,5 @@
 export * from './flex';
 export * from './mark';
-export * from './icon';
 export * from './cascader';
 export * from './tree';
 export * from './tree-select';

package/dist/components/input-number/src/LewInputNumber.vue.d.ts

@@ -134,15 +134,15 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     onFocus?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
 }>, {
-    width: string | number;
     size: import('../../..').LewSize;
+    width: string | number;
     placeholder: string;
     disabled: boolean;
     readonly: boolean;
+    max: string | number;
     align: import('../../..').InputNumberAlign;
     selectByFocus: boolean;
     min: string | number;
-    max: string | number;
     step: string | number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/magic-number/src/LewMagicNumber.vue.d.ts

@@ -31,8 +31,8 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         description: string;
     };
 }>> & Readonly<{}>, {
-    value: number;
     size: string | number;
+    value: number;
     sep: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/mark/src/LewMark.vue.d.ts

@@ -54,8 +54,8 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    color: "gray" | "orange" | "green" | "red" | "blue" | "yellow" | "mint" | "teal" | "cyan" | "indigo" | "purple" | "pink" | "brown";
     bold: string | (100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900);
+    color: "gray" | "orange" | "green" | "red" | "blue" | "yellow" | "mint" | "teal" | "cyan" | "indigo" | "purple" | "pink" | "brown";
     round: boolean;
     cursor: "default" | "text" | "pointer" | "move" | "not-allowed";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/menu/src/LewMenu.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: PropType<MenuOptions[]>;
         default: never[];
         description: string;
-        typeDesc: string;
+        typeGhost: string;
         validator: (value: unknown) => boolean;
     };
     active: {
@@ -21,7 +21,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: PropType<MenuOptions[]>;
         default: never[];
         description: string;
-        typeDesc: string;
+        typeGhost: string;
         validator: (value: unknown) => boolean;
     };
     active: {

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

@@ -16,7 +16,7 @@ export declare const menuProps: {
         type: PropType<MenuOptions[]>;
         default: never[];
         description: string;
-        typeDesc: string;
+        typeGhost: string;
         validator: (value: unknown) => boolean;
     };
     active: {

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

@@ -4,7 +4,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     options: {
         type: PropType<MenuTreeOptions[]>;
         default: never[];
-        typeDesc: string;
+        typeGhost: string;
         description: string;
     };
     active: {
@@ -18,7 +18,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     options: {
         type: PropType<MenuTreeOptions[]>;
         default: never[];
-        typeDesc: string;
+        typeGhost: string;
         description: string;
     };
     active: {

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

@@ -15,7 +15,7 @@ export declare const menuTreeProps: {
     options: {
         type: PropType<MenuTreeOptions[]>;
         default: never[];
-        typeDesc: string;
+        typeGhost: string;
         description: string;
     };
     active: {

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

@@ -136,13 +136,35 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
     onClose?: ((...args: any[]) => any) | undefined;
     onOk?: ((...args: any[]) => any) | undefined;
 }>, {
-    width: string | number;
     title: string;
+    width: string | number;
     height: string | number;
     hideFooter: boolean;
     closeByEsc: boolean;
-    okProps: import('../../..').ButtonProps;
-    cancelProps: import('../../..').ButtonProps;
+    okProps: {
+        type: import('../../..').ButtonType;
+        size: import('../../..').ButtonSize;
+        text: string;
+        color: import('../../..').LewColor;
+        round: boolean;
+        disabled: boolean;
+        loading: boolean;
+        singleIcon: boolean;
+        dashed: boolean;
+        request: Function;
+    };
+    cancelProps: {
+        type: import('../../..').ButtonType;
+        size: import('../../..').ButtonSize;
+        text: string;
+        color: import('../../..').LewColor;
+        round: boolean;
+        disabled: boolean;
+        loading: boolean;
+        singleIcon: boolean;
+        dashed: boolean;
+        request: Function;
+    };
     hideOkButton: boolean;
     hideCancelButton: boolean;
     closeOnClickOverlay: boolean;