@das-fed/ui 6.4.0-dev.6 → 6.4.0-dev.61

package/packages/components/dialog/src/Index.vue.d.ts

@@ -1,46 +1,25 @@
 import 'element-plus/es/components/dialog/style/css';
 import type { Props } from './type';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue?: any;
-} & Props>, {
-    type: string;
-    feedType: string;
-    customClass: string;
-    size: string;
-    alignCenter: boolean;
-    isFeedbackImg: boolean;
-    closeOnClickModal: boolean;
-    closeOnPressEscape: boolean;
-    loading: boolean;
-    defaultFooter: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: any) => void;
-    cancel: () => void;
-    confirm: () => void;
-    open: () => void;
-    close: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+} & Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: any) => any;
+} & {
+    open: () => any;
+    cancel: () => any;
+    confirm: () => any;
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<{
     modelValue?: any;
-} & Props>, {
-    type: string;
-    feedType: string;
-    customClass: string;
-    size: string;
-    alignCenter: boolean;
-    isFeedbackImg: boolean;
-    closeOnClickModal: boolean;
-    closeOnPressEscape: boolean;
-    loading: boolean;
-    defaultFooter: boolean;
-}>>> & {
-    onClose?: (() => any) | undefined;
+} & Props> & Readonly<{
     "onUpdate:modelValue"?: ((modelValue: any) => any) | undefined;
+    onOpen?: (() => any) | undefined;
     onCancel?: (() => any) | undefined;
     onConfirm?: (() => any) | undefined;
-    onOpen?: (() => any) | undefined;
-}, {
-    size: "mini" | "small" | "nomarl" | "large" | "max";
+    onClose?: (() => any) | undefined;
+}>, {
     type: "basic" | "feedback" | "notice";
+    size: "mini" | "small" | "nomarl" | "large" | "max";
     loading: boolean;
     feedType: "primary" | "warning" | "danger" | "delete";
     defaultFooter: boolean;
@@ -48,7 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isFeedbackImg: boolean;
     closeOnClickModal: boolean;
     closeOnPressEscape: boolean;
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     noticeBg?(_: {}): any;
     header?(_: {}): any;
     feedbackImg?(_: {}): any;
@@ -57,25 +36,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     footer?(_: {}): any;
 }>;
 export default _default;
-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;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<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;
-    };
-};

package/packages/components/dialog/src/type.d.ts

@@ -1,53 +1,53 @@
-
-
-export interface Props {
-  
-  modelValue: boolean
-
-  
-  type?: 'basic' | 'feedback' | 'notice'
-  
-  feedType?: 'primary' | 'warning' | 'danger' | 'delete'
-  
-  title?: string
-  
-  headerStyle?: StyleValue
-  
-  bodyStyle?: StyleValue
-  
-  footerStyle?: StyleValue
-  
-  defaultFooter?: boolean
-  
-  size?: 'mini' | 'small' | 'nomarl' | 'large' | 'max'
-  width?: number | string
-  height?: number | string
-  
-  alignCenter?: boolean
-  
-  isFeedbackImg?: boolean
-  
-  
-  
-  noticeBg?: string
-
-  
-  closeOnClickModal?: boolean
-  
-  closeOnPressEscape?: boolean
-  
-  loading?: boolean
-}
-
-export interface Emits {
-  
-  (e: 'cancel'): void
-  
-  (e: 'confirm'): void
-
-  
-  (e: 'open'): void
-
-  
-  (e: 'close'): void
-}
+
+
+export interface Props {
+  
+  modelValue: boolean
+
+  
+  type?: 'basic' | 'feedback' | 'notice'
+  
+  feedType?: 'primary' | 'warning' | 'danger' | 'delete'
+  
+  title?: string
+  
+  headerStyle?: StyleValue
+  
+  bodyStyle?: StyleValue
+  
+  footerStyle?: StyleValue
+  
+  defaultFooter?: boolean
+  
+  size?: 'mini' | 'small' | 'nomarl' | 'large' | 'max'
+  width?: number | string
+  height?: number | string
+  
+  alignCenter?: boolean
+  
+  isFeedbackImg?: boolean
+  
+  
+  
+  noticeBg?: string
+
+  
+  closeOnClickModal?: boolean
+  
+  closeOnPressEscape?: boolean
+  
+  loading?: boolean
+}
+
+export interface Emits {
+  
+  (e: 'cancel'): void
+  
+  (e: 'confirm'): void
+
+  
+  (e: 'open'): void
+
+  
+  (e: 'close'): void
+}

package/packages/components/dialog/src/use-micro-app-dialog/index.d.ts

@@ -4,8 +4,8 @@ declare const useMicroAppDialog: (options?: any) => {
         right: string;
         top: string;
     }>;
-    microAppMaxWidth: import("vue").Ref<number | null>;
-    microAppMaxHeight: import("vue").Ref<number | null>;
+    microAppMaxWidth: import("vue").Ref<number | null, number | null>;
+    microAppMaxHeight: import("vue").Ref<number | null, number | null>;
     onOpen: () => Promise<void>;
     onClose: (destroy?: any) => void;
 };

package/packages/components/dialog/style.css

@@ -1 +1 @@
-@charset "UTF-8";:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645, .045, .355, 1);--el-transition-function-fast-bezier:cubic-bezier(.23, 1, .32, 1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px}:root{color-scheme:light;--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#ffffff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#ffffff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#ffffff;--el-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, .04),0px 8px 20px rgba(0, 0, 0, .08);--el-box-shadow-light:0px 0px 12px rgba(0, 0, 0, .12);--el-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, .12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, .08),0px 12px 32px rgba(0, 0, 0, .12),0px 8px 16px -8px rgba(0, 0, 0, .16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0, 0, 0, .8);--el-overlay-color-light:rgba(0, 0, 0, .7);--el-overlay-color-lighter:rgba(0, 0, 0, .5);--el-mask-color:rgba(255, 255, 255, .9);--el-mask-color-extra-light:rgba(255, 255, 255, .3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center top}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center bottom}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transition:var(--el-transition-md-fade);transform-origin:top left}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.el-icon{--color:inherit;height:1em;width:1em;line-height:1em;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}:root{--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:.5}.v-modal-enter{-webkit-animation:v-modal-in var(--el-transition-duration-fast) ease;animation:v-modal-in var(--el-transition-duration-fast) ease}.v-modal-leave{-webkit-animation:v-modal-out var(--el-transition-duration-fast) ease forwards;animation:v-modal-out var(--el-transition-duration-fast) ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{to{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:var(--el-popup-modal-opacity);background:var(--el-popup-modal-bg-color)}.el-popup-parent--hidden{overflow:hidden}.el-dialog{--el-dialog-width:50%;--el-dialog-margin-top:15vh;--el-dialog-bg-color:var(--el-bg-color);--el-dialog-box-shadow:var(--el-box-shadow);--el-dialog-title-font-size:var(--el-font-size-large);--el-dialog-content-font-size:14px;--el-dialog-font-line-height:var(--el-font-line-height-primary);--el-dialog-padding-primary:20px;--el-dialog-border-radius:var(--el-border-radius-small);position:relative;margin:var(--el-dialog-margin-top,15vh) auto 50px;background:var(--el-dialog-bg-color);border-radius:var(--el-dialog-border-radius);box-shadow:var(--el-dialog-box-shadow);box-sizing:border-box;width:var(--el-dialog-width,50%)}.el-dialog:focus{outline:0!important}.el-dialog.is-align-center{margin:auto}.el-dialog.is-fullscreen{--el-dialog-width:100%;--el-dialog-margin-top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog.is-draggable .el-dialog__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-dialog__header{padding:var(--el-dialog-padding-primary);padding-bottom:10px;margin-right:16px}.el-dialog__headerbtn{position:absolute;top:6px;right:0;padding:0;width:54px;height:54px;background:0 0;border:none;outline:0;cursor:pointer;font-size:var(--el-message-close-size,16px)}.el-dialog__headerbtn .el-dialog__close{color:var(--el-color-info);font-size:inherit}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:var(--el-color-primary)}.el-dialog__title{line-height:var(--el-dialog-font-line-height);font-size:var(--el-dialog-title-font-size);color:var(--el-text-color-primary)}.el-dialog__body{padding:calc(var(--el-dialog-padding-primary) + 10px) var(--el-dialog-padding-primary);color:var(--el-text-color-regular);font-size:var(--el-dialog-content-font-size)}.el-dialog__footer{padding:var(--el-dialog-padding-primary);padding-top:10px;text-align:right;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial;padding:25px calc(var(--el-dialog-padding-primary) + 5px) 30px}.el-dialog--center .el-dialog__footer{text-align:inherit}.el-overlay-dialog{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto}.dialog-fade-enter-active{-webkit-animation:modal-fade-in var(--el-transition-duration);animation:modal-fade-in var(--el-transition-duration)}.dialog-fade-enter-active .el-overlay-dialog{-webkit-animation:dialog-fade-in var(--el-transition-duration);animation:dialog-fade-in var(--el-transition-duration)}.dialog-fade-leave-active{-webkit-animation:modal-fade-out var(--el-transition-duration);animation:modal-fade-out var(--el-transition-duration)}.dialog-fade-leave-active .el-overlay-dialog{-webkit-animation:dialog-fade-out var(--el-transition-duration);animation:dialog-fade-out var(--el-transition-duration)}@-webkit-keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-20px,0);opacity:0}}@-webkit-keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.el-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;height:100%;background-color:var(--el-overlay-color-lighter);overflow:auto}.el-overlay .el-overlay-root{height:0}.das-ui-dialog[data-v-197cbfab] .el-dialog{display:flex;flex-direction:column}.das-ui-dialog[data-v-197cbfab] .el-dialog .el-dialog__header{margin:0;padding:0}.das-ui-dialog[data-v-197cbfab] .el-dialog .el-dialog__header .el-dialog__headerbtn{top:0;width:50px}.das-ui-dialog[data-v-197cbfab] .el-dialog .el-dialog__body{flex:1;height:100%;overflow:hidden;padding:0}.das-ui-dialog[data-v-197cbfab] .el-dialog .el-dialog__footer{padding:0}.das-ui-dialog .das-dialog-box[data-v-197cbfab]{height:100%;width:100%;display:flex;flex-direction:column}.das-ui-dialog.basic[data-v-197cbfab] .el-dialog__header .el-dialog__headerbtn{height:var(--das-ui-dialog-basic-header-height)}.das-ui-dialog.basic .das-dialog__header[data-v-197cbfab]{height:var(--das-ui-dialog-basic-header-height);line-height:var(--das-ui-dialog-basic-header-height);padding:0 50px 0 20px;border-bottom:1px solid var(--das-ui-dialog-border);color:var(--das-ui-dialog-title);font-size:18px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-dialog.basic .das-dialog__body[data-v-197cbfab]{padding:var(--das-ui-dialog-basic-cont-padding);color:var(--das-ui-dislog-basic-cont-color);height:100%}.das-ui-dialog.basic .das-dialog__body .das-dialog__body-cont[data-v-197cbfab]{height:100%}.das-ui-dialog.basic .das-dialog__footer[data-v-197cbfab]{text-align:center;height:50px;line-height:50px;box-sizing:content-box;border-top:1px solid var(--das-ui-dialog-border)}.das-ui-dialog.feedback[data-v-197cbfab] .el-dialog__header .el-dialog__headerbtn{height:var(--das-ui-dialog-feedback-header-height)}.das-ui-dialog.feedback .das-dialog__header[data-v-197cbfab]{height:var(--das-ui-dialog-feedback-header-height);line-height:var(--das-ui-dialog-feedback-header-height);border-bottom:0;padding:0 50px 0 38px;color:var(--das-ui-dialog-title);font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative}.das-ui-dialog.feedback .das-dialog__header[data-v-197cbfab]:before{content:"";position:absolute;top:50%;left:24px;width:6px;height:6px;border-radius:50%;transform:translateY(-50%)}.das-ui-dialog.feedback .das-dialog__header.primary[data-v-197cbfab]:before,.das-ui-dialog.feedback .das-dialog__header.delete[data-v-197cbfab]:before{background-color:var(--das-ui-color-primary)}.das-ui-dialog.feedback .das-dialog__header.warning[data-v-197cbfab]:before{background-color:var(--das-ui-color-warning)}.das-ui-dialog.feedback .das-dialog__header.danger[data-v-197cbfab]:before{background-color:var(--das-ui-color-danger)}.das-ui-dialog.feedback .das-dialog__header.success[data-v-197cbfab]:before{background-color:var(--das-ui-color-success)}.das-ui-dialog.feedback .das-dialog__body[data-v-197cbfab]{padding:0px var(--das-ui-dialog-feedback-cont-padding);color:var(--das-ui-dislog-feedback-cont-color);text-align:center;height:100%}.das-ui-dialog.feedback .das-dialog__body .das-dialog__feed-img[data-v-197cbfab]{margin:0 auto 12px;overflow:hidden;width:var(--das-ui-dialog-feedback-icon-width);height:var(--das-ui-dialog-feedback-icon-height);display:flex;justify-content:center}.das-ui-dialog.feedback .das-dialog__body .das-dialog__feed-img img[data-v-197cbfab]{max-width:100%;max-height:100%}.das-ui-dialog.feedback .das-dialog__footer[data-v-197cbfab]{border-top:0;text-align:center;padding:32px 0;line-height:28px;height:28px;box-sizing:content-box}.das-ui-dialog.notice[data-v-197cbfab]{width:368px}.das-ui-dialog.notice[data-v-197cbfab] .el-dialog__header .el-dialog__headerbtn{height:50px}.das-ui-dialog.notice .das-dialog__header[data-v-197cbfab]{text-align:center;font-size:16px;font-weight:700;color:var(--das-ui-dialog-title);border-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-dialog.notice .das-dialog__header .das-dialog__notice-bg[data-v-197cbfab]{width:100%;height:96px;margin-bottom:12px;border:none}.das-ui-dialog.notice .das-dialog__header .das-dialog__notice-bg img[data-v-197cbfab]{width:100%;height:100%;border:none}.das-ui-dialog.notice .das-dialog__body[data-v-197cbfab]{color:var(--das-ui-dislog-notice-cont-color);font-size:var(--das-ui-dialog-notice-cont-font-size);padding:12px var(--das-ui-dialog-notice-cont-padding) 0;height:100%}.das-ui-dialog.notice .das-dialog__footer[data-v-197cbfab]{border-top:0;text-align:center;padding:24px}.el-dialog{display:flex;flex-direction:column}.el-dialog .el-dialog__header{margin:0;padding:0}.el-dialog .el-dialog__header .el-dialog__headerbtn{top:0;width:50px}.el-dialog .el-dialog__body{flex:1;height:100%;overflow:hidden;padding:0}.el-dialog .el-dialog__footer{padding:0}.el-dialog .das-dialog-box{height:100%;width:100%;display:flex;flex-direction:column}.el-dialog.basic:deep(.el-dialog__header) .el-dialog__headerbtn{height:var(--das-ui-dialog-basic-header-height)}.el-dialog.basic .das-dialog__header{height:var(--das-ui-dialog-basic-header-height);line-height:var(--das-ui-dialog-basic-header-height);padding:0 50px 0 20px;border-bottom:1px solid var(--das-ui-dialog-border);color:var(--das-ui-dialog-title);font-size:18px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.el-dialog.basic .das-dialog__body{padding:var(--das-ui-dialog-basic-cont-padding);color:var(--das-ui-dislog-basic-cont-color);height:100%}.el-dialog.basic .das-dialog__body .das-dialog__body-cont{height:100%}.el-dialog.basic .das-dialog__footer{text-align:center;height:50px;line-height:50px;box-sizing:content-box;border-top:1px solid var(--das-ui-dialog-border)}.el-dialog.feedback:deep(.el-dialog__header) .el-dialog__headerbtn{height:var(--das-ui-dialog-feedback-header-height)}.el-dialog.feedback .das-dialog__header{height:var(--das-ui-dialog-feedback-header-height);line-height:var(--das-ui-dialog-feedback-header-height);border-bottom:0;padding:0 50px 0 38px;color:var(--das-ui-dialog-title);font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative}.el-dialog.feedback .das-dialog__header:before{content:"";position:absolute;top:50%;left:24px;width:6px;height:6px;border-radius:50%;transform:translateY(-50%)}.el-dialog.feedback .das-dialog__header.primary:before,.el-dialog.feedback .das-dialog__header.delete:before{background-color:var(--das-ui-color-primary)}.el-dialog.feedback .das-dialog__header.warning:before{background-color:var(--das-ui-color-warning)}.el-dialog.feedback .das-dialog__header.danger:before{background-color:var(--das-ui-color-danger)}.el-dialog.feedback .das-dialog__header.success:before{background-color:var(--das-ui-color-success)}.el-dialog.feedback .das-dialog__body{padding:0px var(--das-ui-dialog-feedback-cont-padding);color:var(--das-ui-dislog-feedback-cont-color);text-align:center;height:100%}.el-dialog.feedback .das-dialog__body .das-dialog__feed-img{margin:0 auto 12px;overflow:hidden;width:var(--das-ui-dialog-feedback-icon-width);height:var(--das-ui-dialog-feedback-icon-height);display:flex;justify-content:center}.el-dialog.feedback .das-dialog__body .das-dialog__feed-img img{max-width:100%;max-height:100%}.el-dialog.feedback .das-dialog__footer{border-top:0;text-align:center;padding:32px 0}.el-dialog.notice{width:368px}.el-dialog.notice:deep(.el-dialog__header) .el-dialog__headerbtn{height:50px}.el-dialog.notice .das-dialog__header{text-align:center;font-size:16px;font-weight:700;color:var(--das-ui-dialog-title);border-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.el-dialog.notice .das-dialog__header .das-dialog__notice-bg{width:100%;height:96px;margin-bottom:12px;border:none}.el-dialog.notice .das-dialog__header .das-dialog__notice-bg img{width:100%;height:100%;border:none}.el-dialog.notice .das-dialog__body{color:var(--das-ui-dislog-notice-cont-color);font-size:var(--das-ui-dialog-notice-cont-font-size);padding:12px var(--das-ui-dialog-notice-cont-padding) 0;height:100%}.el-dialog.notice .das-dialog__footer{border-top:0;text-align:center;padding:24px}
+.das-ui-dialog[data-v-c2a2d347] .el-dialog{display:flex;flex-direction:column}.das-ui-dialog[data-v-c2a2d347] .el-dialog .el-dialog__header{margin:0;padding:0}.das-ui-dialog[data-v-c2a2d347] .el-dialog .el-dialog__header .el-dialog__headerbtn{top:0;width:50px}.das-ui-dialog[data-v-c2a2d347] .el-dialog .el-dialog__body{flex:1;height:100%;overflow:hidden;padding:0}.das-ui-dialog[data-v-c2a2d347] .el-dialog .el-dialog__footer{padding:0}.das-ui-dialog .das-dialog-box[data-v-c2a2d347]{height:100%;width:100%;display:flex;flex-direction:column}.das-ui-dialog.basic[data-v-c2a2d347] .el-dialog__header .el-dialog__headerbtn{height:var(--das-ui-dialog-basic-header-height)}.das-ui-dialog.basic .das-dialog__header[data-v-c2a2d347]{height:var(--das-ui-dialog-basic-header-height);line-height:var(--das-ui-dialog-basic-header-height);padding:0 50px 0 20px;border-bottom:1px solid var(--das-ui-dialog-border);color:var(--das-ui-dialog-title);font-size:18px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-dialog.basic .das-dialog__body[data-v-c2a2d347]{padding:var(--das-ui-dialog-basic-cont-padding);color:var(--das-ui-dislog-basic-cont-color);height:100%}.das-ui-dialog.basic .das-dialog__body .das-dialog__body-cont[data-v-c2a2d347]{height:100%}.das-ui-dialog.basic .das-dialog__footer[data-v-c2a2d347]{text-align:center;height:50px;line-height:50px;box-sizing:content-box;border-top:1px solid var(--das-ui-dialog-border)}.das-ui-dialog.feedback[data-v-c2a2d347] .el-dialog__header .el-dialog__headerbtn{height:var(--das-ui-dialog-feedback-header-height)}.das-ui-dialog.feedback .das-dialog__header[data-v-c2a2d347]{height:var(--das-ui-dialog-feedback-header-height);line-height:var(--das-ui-dialog-feedback-header-height);border-bottom:0;padding:0 50px 0 38px;color:var(--das-ui-dialog-title);font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative}.das-ui-dialog.feedback .das-dialog__header[data-v-c2a2d347]:before{content:"";position:absolute;top:50%;left:24px;width:6px;height:6px;border-radius:50%;transform:translateY(-50%)}.das-ui-dialog.feedback .das-dialog__header.primary[data-v-c2a2d347]:before,.das-ui-dialog.feedback .das-dialog__header.delete[data-v-c2a2d347]:before{background-color:var(--das-ui-color-primary)}.das-ui-dialog.feedback .das-dialog__header.warning[data-v-c2a2d347]:before{background-color:var(--das-ui-color-warning)}.das-ui-dialog.feedback .das-dialog__header.danger[data-v-c2a2d347]:before{background-color:var(--das-ui-color-danger)}.das-ui-dialog.feedback .das-dialog__header.success[data-v-c2a2d347]:before{background-color:var(--das-ui-color-success)}.das-ui-dialog.feedback .das-dialog__body[data-v-c2a2d347]{padding:0px var(--das-ui-dialog-feedback-cont-padding);color:var(--das-ui-dislog-feedback-cont-color);text-align:center;height:100%}.das-ui-dialog.feedback .das-dialog__body .das-dialog__feed-img[data-v-c2a2d347]{margin:0 auto 12px;overflow:hidden;width:var(--das-ui-dialog-feedback-icon-width);height:var(--das-ui-dialog-feedback-icon-height);display:flex;justify-content:center}.das-ui-dialog.feedback .das-dialog__body .das-dialog__feed-img img[data-v-c2a2d347]{max-width:100%;max-height:100%}.das-ui-dialog.feedback .das-dialog__footer[data-v-c2a2d347]{border-top:0;text-align:center;padding:32px 0;line-height:28px;height:28px;box-sizing:content-box}.das-ui-dialog.notice[data-v-c2a2d347]{width:368px}.das-ui-dialog.notice[data-v-c2a2d347] .el-dialog__header .el-dialog__headerbtn{height:50px}.das-ui-dialog.notice .das-dialog__header[data-v-c2a2d347]{text-align:center;font-size:16px;font-weight:700;color:var(--das-ui-dialog-title);border-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-dialog.notice .das-dialog__header .das-dialog__notice-bg[data-v-c2a2d347]{width:100%;height:96px;margin-bottom:12px;border:none}.das-ui-dialog.notice .das-dialog__header .das-dialog__notice-bg img[data-v-c2a2d347]{width:100%;height:100%;border:none}.das-ui-dialog.notice .das-dialog__body[data-v-c2a2d347]{color:var(--das-ui-dislog-notice-cont-color);font-size:var(--das-ui-dialog-notice-cont-font-size);padding:12px var(--das-ui-dialog-notice-cont-padding) 0;height:100%}.das-ui-dialog.notice .das-dialog__footer[data-v-c2a2d347]{border-top:0;text-align:center;padding:24px}.el-dialog{display:flex;flex-direction:column}.el-dialog .el-dialog__header{margin:0;padding:0}.el-dialog .el-dialog__header .el-dialog__headerbtn{top:0;width:50px}.el-dialog .el-dialog__body{flex:1;height:100%;overflow:hidden;padding:0}.el-dialog .el-dialog__footer{padding:0}.el-dialog .das-dialog-box{height:100%;width:100%;display:flex;flex-direction:column}.el-dialog.basic:deep(.el-dialog__header) .el-dialog__headerbtn{height:var(--das-ui-dialog-basic-header-height)}.el-dialog.basic .das-dialog__header{height:var(--das-ui-dialog-basic-header-height);line-height:var(--das-ui-dialog-basic-header-height);padding:0 50px 0 20px;border-bottom:1px solid var(--das-ui-dialog-border);color:var(--das-ui-dialog-title);font-size:18px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.el-dialog.basic .das-dialog__body{padding:var(--das-ui-dialog-basic-cont-padding);color:var(--das-ui-dislog-basic-cont-color);height:100%}.el-dialog.basic .das-dialog__body .das-dialog__body-cont{height:100%}.el-dialog.basic .das-dialog__footer{text-align:center;height:50px;line-height:50px;box-sizing:content-box;border-top:1px solid var(--das-ui-dialog-border)}.el-dialog.feedback:deep(.el-dialog__header) .el-dialog__headerbtn{height:var(--das-ui-dialog-feedback-header-height)}.el-dialog.feedback .das-dialog__header{height:var(--das-ui-dialog-feedback-header-height);line-height:var(--das-ui-dialog-feedback-header-height);border-bottom:0;padding:0 50px 0 38px;color:var(--das-ui-dialog-title);font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative}.el-dialog.feedback .das-dialog__header:before{content:"";position:absolute;top:50%;left:24px;width:6px;height:6px;border-radius:50%;transform:translateY(-50%)}.el-dialog.feedback .das-dialog__header.primary:before,.el-dialog.feedback .das-dialog__header.delete:before{background-color:var(--das-ui-color-primary)}.el-dialog.feedback .das-dialog__header.warning:before{background-color:var(--das-ui-color-warning)}.el-dialog.feedback .das-dialog__header.danger:before{background-color:var(--das-ui-color-danger)}.el-dialog.feedback .das-dialog__header.success:before{background-color:var(--das-ui-color-success)}.el-dialog.feedback .das-dialog__body{padding:0px var(--das-ui-dialog-feedback-cont-padding);color:var(--das-ui-dislog-feedback-cont-color);text-align:center;height:100%}.el-dialog.feedback .das-dialog__body .das-dialog__feed-img{margin:0 auto 12px;overflow:hidden;width:var(--das-ui-dialog-feedback-icon-width);height:var(--das-ui-dialog-feedback-icon-height);display:flex;justify-content:center}.el-dialog.feedback .das-dialog__body .das-dialog__feed-img img{max-width:100%;max-height:100%}.el-dialog.feedback .das-dialog__footer{border-top:0;text-align:center;padding:32px 0}.el-dialog.notice{width:368px}.el-dialog.notice:deep(.el-dialog__header) .el-dialog__headerbtn{height:50px}.el-dialog.notice .das-dialog__header{text-align:center;font-size:16px;font-weight:700;color:var(--das-ui-dialog-title);border-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.el-dialog.notice .das-dialog__header .das-dialog__notice-bg{width:100%;height:96px;margin-bottom:12px;border:none}.el-dialog.notice .das-dialog__header .das-dialog__notice-bg img{width:100%;height:100%;border:none}.el-dialog.notice .das-dialog__body{color:var(--das-ui-dislog-notice-cont-color);font-size:var(--das-ui-dialog-notice-cont-font-size);padding:12px var(--das-ui-dialog-notice-cont-padding) 0;height:100%}.el-dialog.notice .das-dialog__footer{border-top:0;text-align:center;padding:24px}

package/packages/components/dimple-layout/editor/editor.vue.d.ts

@@ -1,5 +1,5 @@
 import type { DimpleLayoutCanvas, DimpleLayoutEditorOptions } from './type';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: import("vue").DefineComponent<{
     /** 配置 */
     options?: DimpleLayoutEditorOptions;
     /** 画布实例对象，支持双向绑定 */
@@ -12,15 +12,15 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     backgroundEditing?: boolean;
     /** 业务数据对象，会保存到toJSON结构中，fromJSON过后会自动设置 */
     customData?: any;
-}>, {
-    canvas: import("vue").Ref<DimpleLayoutCanvas | null | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:canvas": (canvas?: DimpleLayoutCanvas | null | undefined) => void;
-    "update:zoom": (zoom?: number | undefined) => void;
-    "update:selectedCellsCount": (count: number) => void;
-    "update:backgroundEditing": (value: boolean) => void;
-    "update:customData": (data: any) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    canvas: import("vue").Ref<DimpleLayoutCanvas | null | undefined, DimpleLayoutCanvas | null | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:canvas": (canvas?: DimpleLayoutCanvas | null | undefined) => any;
+    "update:zoom": (zoom?: number | undefined) => any;
+    "update:selectedCellsCount": (count: number) => any;
+    "update:backgroundEditing": (value: boolean) => any;
+    "update:customData": (data: any) => any;
+}, string, import("vue").PublicProps, Readonly<{
     /** 配置 */
     options?: DimpleLayoutEditorOptions;
     /** 画布实例对象，支持双向绑定 */
@@ -33,20 +33,11 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     backgroundEditing?: boolean;
     /** 业务数据对象，会保存到toJSON结构中，fromJSON过后会自动设置 */
     customData?: any;
-}>>> & {
+}> & Readonly<{
     "onUpdate:canvas"?: ((canvas?: DimpleLayoutCanvas | null | undefined) => any) | undefined;
     "onUpdate:zoom"?: ((zoom?: number | undefined) => any) | undefined;
     "onUpdate:selectedCellsCount"?: ((count: number) => any) | undefined;
     "onUpdate:backgroundEditing"?: ((value: boolean) => any) | undefined;
     "onUpdate:customData"?: ((data: any) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<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;
-    };
-};

package/packages/components/dimple-layout/editor/index.d.ts

@@ -1,147 +1,117 @@
 declare const DimpleLayoutEditor: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<{
-    options: {
-        type: import("vue").PropType<import("./type.js").DimpleLayoutEditorOptions>;
-    };
-    canvas: {
-        type: import("vue").PropType<import("./type.js").DimpleLayoutCanvas | null>;
-    };
-    zoom: {
-        type: import("vue").PropType<number>;
-    };
-    selectedCellsCount: {
-        type: import("vue").PropType<number>;
-    };
-    backgroundEditing: {
-        type: import("vue").PropType<boolean>;
-    };
-    customData: {
-        type: import("vue").PropType<any>;
-    };
+    options?: import("./type.js").DimpleLayoutEditorOptions;
+    canvas?: import("./type.js").DimpleLayoutCanvas | null;
+    zoom?: number;
+    selectedCellsCount?: number;
+    backgroundEditing?: boolean;
+    customData?: any;
 }, {
-    canvas: import("vue").Ref<import("./type.js").DimpleLayoutCanvas | null | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:canvas": (canvas?: import("./type.js").DimpleLayoutCanvas | null | undefined) => void;
-    "update:zoom": (zoom?: number | undefined) => void;
-    "update:selectedCellsCount": (count: number) => void;
-    "update:backgroundEditing": (value: boolean) => void;
-    "update:customData": (data: any) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    options: {
-        type: import("vue").PropType<import("./type.js").DimpleLayoutEditorOptions>;
-    };
-    canvas: {
-        type: import("vue").PropType<import("./type.js").DimpleLayoutCanvas | null>;
-    };
-    zoom: {
-        type: import("vue").PropType<number>;
-    };
-    selectedCellsCount: {
-        type: import("vue").PropType<number>;
-    };
-    backgroundEditing: {
-        type: import("vue").PropType<boolean>;
-    };
-    customData: {
-        type: import("vue").PropType<any>;
-    };
-}>> & {
+    canvas: import("vue").Ref<import("./type.js").DimpleLayoutCanvas | null | undefined, import("./type.js").DimpleLayoutCanvas | null | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:canvas": (canvas?: import("./type.js").DimpleLayoutCanvas | null | undefined) => any;
+    "update:zoom": (zoom?: number | undefined) => any;
+    "update:selectedCellsCount": (count: number) => any;
+    "update:backgroundEditing": (value: boolean) => any;
+    "update:customData": (data: any) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    options?: import("./type.js").DimpleLayoutEditorOptions;
+    canvas?: import("./type.js").DimpleLayoutCanvas | null;
+    zoom?: number;
+    selectedCellsCount?: number;
+    backgroundEditing?: boolean;
+    customData?: any;
+}> & Readonly<{
     "onUpdate:canvas"?: ((canvas?: import("./type.js").DimpleLayoutCanvas | null | undefined) => any) | undefined;
     "onUpdate:zoom"?: ((zoom?: number | undefined) => any) | undefined;
     "onUpdate:selectedCellsCount"?: ((count: number) => any) | undefined;
     "onUpdate:backgroundEditing"?: ((value: boolean) => any) | undefined;
     "onUpdate:customData"?: ((data: any) => any) | undefined;
-}, {}, {}>>;
-declare const getDimpleLayoutEditorRef: () => import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-    options: {
-        type: import("vue").PropType<import("./type.js").DimpleLayoutEditorOptions>;
-    };
-    canvas: {
-        type: import("vue").PropType<import("./type.js").DimpleLayoutCanvas | null>;
-    };
-    zoom: {
-        type: import("vue").PropType<number>;
-    };
-    selectedCellsCount: {
-        type: import("vue").PropType<number>;
-    };
-    backgroundEditing: {
-        type: import("vue").PropType<boolean>;
-    };
-    customData: {
-        type: import("vue").PropType<any>;
-    };
-}>> & {
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
+declare const getDimpleLayoutEditorRef: () => import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+    options?: import("./type.js").DimpleLayoutEditorOptions;
+    canvas?: import("./type.js").DimpleLayoutCanvas | null;
+    zoom?: number;
+    selectedCellsCount?: number;
+    backgroundEditing?: boolean;
+    customData?: any;
+}> & Readonly<{
     "onUpdate:canvas"?: ((canvas?: import("./type.js").DimpleLayoutCanvas | null | undefined) => any) | undefined;
     "onUpdate:zoom"?: ((zoom?: number | undefined) => any) | undefined;
     "onUpdate:selectedCellsCount"?: ((count: number) => any) | undefined;
     "onUpdate:backgroundEditing"?: ((value: boolean) => any) | undefined;
     "onUpdate:customData"?: ((data: any) => any) | undefined;
-}, {
-    canvas: import("vue").Ref<import("./type.js").DimpleLayoutCanvas | null | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:canvas": (canvas?: import("./type.js").DimpleLayoutCanvas | null | undefined) => void;
-    "update:zoom": (zoom?: number | undefined) => void;
-    "update:selectedCellsCount": (count: number) => void;
-    "update:backgroundEditing": (value: boolean) => void;
-    "update:customData": (data: any) => void;
-}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-    options: {
-        type: import("vue").PropType<import("./type.js").DimpleLayoutEditorOptions>;
-    };
-    canvas: {
-        type: import("vue").PropType<import("./type.js").DimpleLayoutCanvas | null>;
-    };
-    zoom: {
-        type: import("vue").PropType<number>;
-    };
-    selectedCellsCount: {
-        type: import("vue").PropType<number>;
-    };
-    backgroundEditing: {
-        type: import("vue").PropType<boolean>;
-    };
-    customData: {
-        type: import("vue").PropType<any>;
-    };
-}>> & {
+}>, {
+    canvas: import("vue").Ref<import("./type.js").DimpleLayoutCanvas | null | undefined, import("./type.js").DimpleLayoutCanvas | null | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:canvas": (canvas?: import("./type.js").DimpleLayoutCanvas | null | undefined) => any;
+    "update:zoom": (zoom?: number | undefined) => any;
+    "update:selectedCellsCount": (count: number) => any;
+    "update:backgroundEditing": (value: boolean) => any;
+    "update:customData": (data: any) => any;
+}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+}, Readonly<{
+    options?: import("./type.js").DimpleLayoutEditorOptions;
+    canvas?: import("./type.js").DimpleLayoutCanvas | null;
+    zoom?: number;
+    selectedCellsCount?: number;
+    backgroundEditing?: boolean;
+    customData?: any;
+}> & Readonly<{
     "onUpdate:canvas"?: ((canvas?: import("./type.js").DimpleLayoutCanvas | null | undefined) => any) | undefined;
     "onUpdate:zoom"?: ((zoom?: number | undefined) => any) | undefined;
     "onUpdate:selectedCellsCount"?: ((count: number) => any) | undefined;
     "onUpdate:backgroundEditing"?: ((value: boolean) => any) | undefined;
     "onUpdate:customData"?: ((data: any) => any) | undefined;
-}, {}, true, {}, {}, {
+}>, {
+    canvas: import("vue").Ref<import("./type.js").DimpleLayoutCanvas | null | undefined, import("./type.js").DimpleLayoutCanvas | null | undefined>;
+}, {}, {}, {}, {}> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+    options?: import("./type.js").DimpleLayoutEditorOptions;
+    canvas?: import("./type.js").DimpleLayoutCanvas | null;
+    zoom?: number;
+    selectedCellsCount?: number;
+    backgroundEditing?: boolean;
+    customData?: any;
+}> & Readonly<{
+    "onUpdate:canvas"?: ((canvas?: import("./type.js").DimpleLayoutCanvas | null | undefined) => any) | undefined;
+    "onUpdate:zoom"?: ((zoom?: number | undefined) => any) | undefined;
+    "onUpdate:selectedCellsCount"?: ((count: number) => any) | undefined;
+    "onUpdate:backgroundEditing"?: ((value: boolean) => any) | undefined;
+    "onUpdate:customData"?: ((data: any) => any) | undefined;
+}>, {
+    canvas: import("vue").Ref<import("./type.js").DimpleLayoutCanvas | null | undefined, import("./type.js").DimpleLayoutCanvas | null | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:canvas": (canvas?: import("./type.js").DimpleLayoutCanvas | null | undefined) => any;
+    "update:zoom": (zoom?: number | undefined) => any;
+    "update:selectedCellsCount": (count: number) => any;
+    "update:backgroundEditing": (value: boolean) => any;
+    "update:customData": (data: any) => any;
+}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
     P: {};
     B: {};
     D: {};
     C: {};
     M: {};
     Defaults: {};
-}, Readonly<import("vue").ExtractPropTypes<{
-    options: {
-        type: import("vue").PropType<import("./type.js").DimpleLayoutEditorOptions>;
-    };
-    canvas: {
-        type: import("vue").PropType<import("./type.js").DimpleLayoutCanvas | null>;
-    };
-    zoom: {
-        type: import("vue").PropType<number>;
-    };
-    selectedCellsCount: {
-        type: import("vue").PropType<number>;
-    };
-    backgroundEditing: {
-        type: import("vue").PropType<boolean>;
-    };
-    customData: {
-        type: import("vue").PropType<any>;
-    };
-}>> & {
+}, Readonly<{
+    options?: import("./type.js").DimpleLayoutEditorOptions;
+    canvas?: import("./type.js").DimpleLayoutCanvas | null;
+    zoom?: number;
+    selectedCellsCount?: number;
+    backgroundEditing?: boolean;
+    customData?: any;
+}> & Readonly<{
     "onUpdate:canvas"?: ((canvas?: import("./type.js").DimpleLayoutCanvas | null | undefined) => any) | undefined;
     "onUpdate:zoom"?: ((zoom?: number | undefined) => any) | undefined;
     "onUpdate:selectedCellsCount"?: ((count: number) => any) | undefined;
     "onUpdate:backgroundEditing"?: ((value: boolean) => any) | undefined;
     "onUpdate:customData"?: ((data: any) => any) | undefined;
-}, {
-    canvas: import("vue").Ref<import("./type.js").DimpleLayoutCanvas | null | undefined>;
+}>, {
+    canvas: import("vue").Ref<import("./type.js").DimpleLayoutCanvas | null | undefined, import("./type.js").DimpleLayoutCanvas | null | undefined>;
 }, {}, {}, {}, {}> | null>;
 export { DimpleLayoutEditor, getDimpleLayoutEditorRef };