@das-fed/ui 6.4.0-dev.9 → 6.4.0-dev.90

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

@@ -6,6 +6,7 @@ declare function __VLS_template(): {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     showBtns: boolean;
+    width: string;
     placement: string;
 }>, {
     $popoverRef: import("vue").Ref<null>;
@@ -15,6 +16,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     clickOutside: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     showBtns: boolean;
+    width: string;
     placement: string;
 }>>> & {
     onCancel?: (() => any) | undefined;
@@ -22,6 +24,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     onClickOutside?: (() => any) | undefined;
 }, {
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+    width: string | number;
     showBtns: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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

@@ -1,36 +1,50 @@
-
-export interface Props {
-  
-  title?: string
-  
-  content?: string
-  
-  popperClass?: string
-  
-  showBtns?: boolean
-  
-  placement?: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end'
-}
-
-export interface Emits {
-  
-  (e: 'cancel'): void
-
-  
-  (e: 'confirm'): void
-
-  
-  (e: 'clickOutside'): void
-}
-
-export interface Slots {
-  
-  reference: {}
-  
-  default: {}
-}
-
-export type Exposes = {
-  
-  $popoverRef: {}
-}
+
+export interface Props {
+  
+  title?: string
+  
+  width?: string | number
+  
+  content?: string
+  
+  popperClass?: string
+  
+  showBtns?: boolean
+  
+  placement?:
+    | 'top'
+    | 'top-start'
+    | 'top-end'
+    | 'bottom'
+    | 'bottom-start'
+    | 'bottom-end'
+    | 'left'
+    | 'left-start'
+    | 'left-end'
+    | 'right'
+    | 'right-start'
+    | 'right-end'
+}
+
+export interface Emits {
+  
+  (e: 'cancel'): void
+
+  
+  (e: 'confirm'): void
+
+  
+  (e: 'clickOutside'): void
+}
+
+export interface Slots {
+  
+  reference: {}
+  
+  default: {}
+}
+
+export type Exposes = {
+  
+  $popoverRef: {}
+}

package/packages/components/popover/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}.el-popper{--el-popper-border-radius:var(--el-popover-border-radius, 4px)}.el-popper{position:absolute;border-radius:var(--el-popper-border-radius);padding:5px 11px;z-index:2000;font-size:12px;line-height:20px;min-width:10px;word-wrap:break-word;visibility:visible}.el-popper.is-dark{color:var(--el-bg-color);background:var(--el-text-color-primary);border:1px solid var(--el-text-color-primary)}.el-popper.is-dark .el-popper__arrow:before{border:1px solid var(--el-text-color-primary);background:var(--el-text-color-primary);right:0}.el-popper.is-light{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light)}.el-popper.is-light .el-popper__arrow:before{border:1px solid var(--el-border-color-light);background:var(--el-bg-color-overlay);right:0}.el-popper.is-pure{padding:0}.el-popper__arrow{position:absolute;width:10px;height:10px;z-index:-1}.el-popper__arrow:before{position:absolute;width:10px;height:10px;z-index:-1;content:" ";transform:rotate(45deg);background:var(--el-text-color-primary);box-sizing:border-box}.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-bottom-right-radius:2px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-top-left-radius:2px}.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-top-right-radius:2px}.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-bottom-left-radius:2px}.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-top-color:transparent!important;border-left-color:transparent!important}.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent!important;border-right-color:transparent!important}.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-left-color:transparent!important;border-bottom-color:transparent!important}.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent!important;border-top-color:transparent!important}.el-popover{--el-popover-bg-color:var(--el-bg-color-overlay);--el-popover-font-size:var(--el-font-size-base);--el-popover-border-color:var(--el-border-color-lighter);--el-popover-padding:12px;--el-popover-padding-large:18px 20px;--el-popover-title-font-size:16px;--el-popover-title-text-color:var(--el-text-color-primary);--el-popover-border-radius:4px}.el-popover.el-popper{background:var(--el-popover-bg-color);min-width:150px;border-radius:var(--el-popover-border-radius);border:1px solid var(--el-popover-border-color);padding:var(--el-popover-padding);z-index:var(--el-index-popper);color:var(--el-text-color-regular);line-height:1.4;text-align:justify;font-size:var(--el-popover-font-size);box-shadow:var(--el-box-shadow-light);word-break:break-all;box-sizing:border-box}.el-popover.el-popper--plain{padding:var(--el-popover-padding-large)}.el-popover__title{color:var(--el-popover-title-text-color);font-size:var(--el-popover-title-font-size);line-height:1;margin-bottom:12px}.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.el-popover.el-popper.is-dark{--el-popover-bg-color:var(--el-text-color-primary);--el-popover-border-color:var(--el-text-color-primary);--el-popover-title-text-color:var(--el-bg-color);color:var(--el-bg-color)}.el-popover.el-popper:focus,.el-popover.el-popper:focus:active{outline-width:0}.das-ui-popover-over-container.el-popover.el-popper{box-sizing:border-box;padding:0}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container{padding:16px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-title{padding:0;border-bottom:0;min-height:0;height:20px;line-height:20px;color:var(--das-ui-color-normal);font-size:14px;margin-bottom:7px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-content{padding:0;font-size:12px;color:var(--das-ui-color-normal);line-height:18px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-content .btn-groups{margin-top:18px;display:flex;justify-content:flex-end}.das-ui-popover-over-container.el-popover.el-popper[data-popper-placement^=bottom-start]>.el-popper__arrow{left:16px!important}.das-ui-popover-over-container.el-popover.el-popper[data-popper-placement^=bottom-end]>.el-popper__arrow{right:16px!important;left:unset!important}
+.das-ui-popover-over-container.el-popover.el-popper{box-sizing:border-box;padding:0}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container{padding:16px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-title{padding:0;border-bottom:0;min-height:0;height:20px;line-height:20px;color:var(--das-ui-color-normal);font-size:14px;margin-bottom:7px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-content{padding:0;font-size:12px;color:var(--das-ui-color-normal);line-height:18px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-content .btn-groups{margin-top:18px;display:flex;justify-content:flex-end}.das-ui-popover-over-container.el-popover.el-popper[data-popper-placement^=bottom-start]>.el-popper__arrow{left:16px!important}.das-ui-popover-over-container.el-popover.el-popper[data-popper-placement^=bottom-end]>.el-popper__arrow{right:16px!important;left:unset!important}

package/packages/components/popup-mask/index.d.ts

@@ -6,16 +6,16 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
         visible: NonNullable<(typeof visible)["value"]>;
         closeOnClickModal: boolean;
         closeOnPressEscape: boolean;
+        showClose: boolean;
         appendToBody: boolean;
         lockScroll: boolean;
-        showClose: boolean;
     }> & Omit<{
         readonly visible: NonNullable<(typeof visible)["value"]>;
         readonly closeOnClickModal: boolean;
         readonly closeOnPressEscape: boolean;
+        readonly showClose: boolean;
         readonly appendToBody: boolean;
         readonly lockScroll: boolean;
-        readonly showClose: boolean;
         readonly maskClass?: string;
         "onVisible-change"?: ((val: boolean) => any) | undefined;
         "onUpdate:visible"?: ((val: boolean) => any) | undefined;
@@ -32,6 +32,10 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        showClose: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         maskClass: {
             type: import("vue").PropType<string>;
         };
@@ -43,14 +47,10 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        showClose: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
     }>> & {
         "onVisible-change"?: ((val: boolean) => any) | undefined;
         "onUpdate:visible"?: ((val: boolean) => any) | undefined;
-    }, "visible" | "closeOnClickModal" | "closeOnPressEscape" | "appendToBody" | "lockScroll" | "showClose">;
+    }, "visible" | "closeOnClickModal" | "closeOnPressEscape" | "showClose" | "appendToBody" | "lockScroll">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -77,6 +77,10 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        showClose: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         maskClass: {
             type: import("vue").PropType<string>;
         };
@@ -88,10 +92,6 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        showClose: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
     }>> & {
         "onVisible-change"?: ((val: boolean) => any) | undefined;
         "onUpdate:visible"?: ((val: boolean) => any) | undefined;
@@ -102,9 +102,9 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
         visible: NonNullable<(typeof visible)["value"]>;
         closeOnClickModal: boolean;
         closeOnPressEscape: boolean;
+        showClose: boolean;
         appendToBody: boolean;
         lockScroll: boolean;
-        showClose: boolean;
     }, {}, string, {}> & {
         beforeCreate?: (() => void) | (() => void)[];
         created?: (() => void) | (() => void)[];
@@ -138,6 +138,10 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    showClose: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     maskClass: {
         type: import("vue").PropType<string>;
     };
@@ -149,10 +153,6 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    showClose: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
 }>> & {
     "onVisible-change"?: ((val: boolean) => any) | undefined;
     "onUpdate:visible"?: ((val: boolean) => any) | undefined;
@@ -176,6 +176,10 @@ declare const DasPopupMask: import("@das-fed/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        showClose: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         maskClass: {
             type: import("vue").PropType<string>;
         };
@@ -187,10 +191,6 @@ declare const DasPopupMask: import("@das-fed/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        showClose: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
     }>> & {
         "onVisible-change"?: ((val: boolean) => any) | undefined;
         "onUpdate:visible"?: ((val: boolean) => any) | undefined;
@@ -210,6 +210,10 @@ declare const DasPopupMask: import("@das-fed/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        showClose: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         maskClass: {
             type: import("vue").PropType<string>;
         };
@@ -221,10 +225,6 @@ declare const DasPopupMask: import("@das-fed/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        showClose: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
     }>> & {
         "onVisible-change"?: ((val: boolean) => any) | undefined;
         "onUpdate:visible"?: ((val: boolean) => any) | undefined;
@@ -232,9 +232,9 @@ declare const DasPopupMask: import("@das-fed/utils").SFCWithInstall<{
         visible: NonNullable<(typeof visible)["value"]>;
         closeOnClickModal: boolean;
         closeOnPressEscape: boolean;
+        showClose: boolean;
         appendToBody: boolean;
         lockScroll: boolean;
-        showClose: boolean;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -255,6 +255,10 @@ declare const DasPopupMask: import("@das-fed/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        showClose: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         maskClass: {
             type: import("vue").PropType<string>;
         };
@@ -266,10 +270,6 @@ declare const DasPopupMask: import("@das-fed/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        showClose: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
     }>> & {
         "onVisible-change"?: ((val: boolean) => any) | undefined;
         "onUpdate:visible"?: ((val: boolean) => any) | undefined;
@@ -277,9 +277,9 @@ declare const DasPopupMask: import("@das-fed/utils").SFCWithInstall<{
         visible: NonNullable<(typeof visible)["value"]>;
         closeOnClickModal: boolean;
         closeOnPressEscape: boolean;
+        showClose: boolean;
         appendToBody: boolean;
         lockScroll: boolean;
-        showClose: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -297,6 +297,10 @@ declare const DasPopupMask: import("@das-fed/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    showClose: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     maskClass: {
         type: import("vue").PropType<string>;
     };
@@ -308,10 +312,6 @@ declare const DasPopupMask: import("@das-fed/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    showClose: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
 }>> & {
     "onVisible-change"?: ((val: boolean) => any) | undefined;
     "onUpdate:visible"?: ((val: boolean) => any) | undefined;
@@ -322,9 +322,9 @@ declare const DasPopupMask: import("@das-fed/utils").SFCWithInstall<{
     visible: NonNullable<(typeof visible)["value"]>;
     closeOnClickModal: boolean;
     closeOnPressEscape: boolean;
+    showClose: boolean;
     appendToBody: boolean;
     lockScroll: boolean;
-    showClose: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/packages/components/popup-mask/index.js

@@ -90,7 +90,7 @@ const G = { class: "mask-content" }, J = /* @__PURE__ */ I({
   for (const [a, d] of n)
     o[a] = d;
   return o;
-}, Q = /* @__PURE__ */ K(J, [["__scopeId", "data-v-18530c04"]]), le = () => t(null), ae = q(Q);
+}, Q = /* @__PURE__ */ K(J, [["__scopeId", "data-v-563102b2"]]), le = () => t(null), ae = q(Q);
 export {
   ae as DasPopupMask,
   le as DasPopupMaskRef,

package/packages/components/popup-mask/src/Index.vue.d.ts

@@ -31,9 +31,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     visible: NonNullable<(typeof visible)["value"]>;
     closeOnClickModal: boolean;
     closeOnPressEscape: boolean;
+    showClose: boolean;
     appendToBody: boolean;
     lockScroll: boolean;
-    showClose: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/packages/components/popup-mask/src/type.d.ts

@@ -1,28 +1,28 @@
-export interface Props {
-  
-  visible?: boolean
-
-  
-  maskClass?: string
-
-  
-  appendToBody?: boolean
-
-  
-  lockScroll?: boolean
-
-  
-  showClose?: boolean
-
-  
-  closeOnClickModal?: boolean
-
-  
-  closeOnPressEscape?: boolean
-}
-
-export interface Emits {
-  (e: 'update:visible', val: boolean): void
-
-  (e: 'visible-change', val: boolean): void
-}
+export interface Props {
+  
+  visible?: boolean
+
+  
+  maskClass?: string
+
+  
+  appendToBody?: boolean
+
+  
+  lockScroll?: boolean
+
+  
+  showClose?: boolean
+
+  
+  closeOnClickModal?: boolean
+
+  
+  closeOnPressEscape?: boolean
+}
+
+export interface Emits {
+  (e: 'update:visible', val: boolean): void
+
+  (e: 'visible-change', val: boolean): void
+}

package/packages/components/popup-mask/style.css

@@ -1 +1 @@
-.das-ui-popup-mask[data-v-18530c04]{width:100vw;height:100vh;position:fixed;left:0;top:0;background:#21212180}.das-ui-popup-mask .mask-content[data-v-18530c04]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.das-ui-popup-mask .close-icon[data-v-18530c04]{position:absolute;top:40px;right:40px;cursor:pointer}.fade-enter-active[data-v-18530c04],.fade-leave-active[data-v-18530c04]{transition:opacity .1s}.fade-enter[data-v-18530c04],.fade-leave-to[data-v-18530c04]{opacity:0}
+.das-ui-popup-mask[data-v-563102b2]{width:100vw;height:100vh;position:fixed;left:0;top:0;background:#21212180}.das-ui-popup-mask .mask-content[data-v-563102b2]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.das-ui-popup-mask .close-icon[data-v-563102b2]{position:absolute;top:40px;right:40px;cursor:pointer}.fade-enter-active[data-v-563102b2],.fade-leave-active[data-v-563102b2]{transition:opacity .1s}.fade-enter[data-v-563102b2],.fade-leave-to[data-v-563102b2]{opacity:0}

package/packages/components/preview/i18n/index.d.ts

@@ -2,6 +2,7 @@ declare const _default: {
     'das-preview-text': {
         'zh-CN': string;
         en: string;
+        _appCode: string;
     };
 };
 export default _default;

package/packages/components/preview/index.d.ts

@@ -1,13 +1,13 @@
 declare const DasPreview: import("@das-fed/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        mode: {
-            type: import("vue").PropType<"view" | "edit">;
-            default: string;
-        };
         lang: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        mode: {
+            type: import("vue").PropType<"view" | "edit">;
+            default: string;
+        };
         host: {
             type: import("vue").PropType<string>;
         };
@@ -24,14 +24,14 @@ declare const DasPreview: import("@das-fed/utils").SFCWithInstall<{
     }>>, {
         preview: () => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        mode: {
-            type: import("vue").PropType<"view" | "edit">;
-            default: string;
-        };
         lang: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        mode: {
+            type: import("vue").PropType<"view" | "edit">;
+            default: string;
+        };
         host: {
             type: import("vue").PropType<string>;
         };
@@ -46,8 +46,8 @@ declare const DasPreview: import("@das-fed/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
         };
     }>>, {
-        mode: "view" | "edit";
         lang: string;
+        mode: "view" | "edit";
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -56,14 +56,14 @@ declare const DasPreview: import("@das-fed/utils").SFCWithInstall<{
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        mode: {
-            type: import("vue").PropType<"view" | "edit">;
-            default: string;
-        };
         lang: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        mode: {
+            type: import("vue").PropType<"view" | "edit">;
+            default: string;
+        };
         host: {
             type: import("vue").PropType<string>;
         };
@@ -80,21 +80,21 @@ declare const DasPreview: import("@das-fed/utils").SFCWithInstall<{
     }>>, {
         preview: () => void;
     }, {}, {}, {}, {
-        mode: "view" | "edit";
         lang: string;
+        mode: "view" | "edit";
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    mode: {
-        type: import("vue").PropType<"view" | "edit">;
-        default: string;
-    };
     lang: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    mode: {
+        type: import("vue").PropType<"view" | "edit">;
+        default: string;
+    };
     host: {
         type: import("vue").PropType<string>;
     };
@@ -111,8 +111,8 @@ declare const DasPreview: import("@das-fed/utils").SFCWithInstall<{
 }>>, {
     preview: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    mode: "view" | "edit";
     lang: string;
+    mode: "view" | "edit";
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/packages/components/preview/index.js

@@ -1,20 +1,20 @@
 import '@das-fed/ui/packages/components/preview/style.css';
 import { withInstall as f } from "@das-fed/utils/with-install/index";
 import { getLang as m, t as u, setI18nRule as d } from "@das-fed/web/packages/i18n/index";
-import { defineComponent as v, openBlock as w, createElementBlock as g, unref as i, renderSlot as _, createVNode as h, withCtx as x, createTextVNode as $, toDisplayString as k } from "vue";
+import { defineComponent as w, openBlock as v, createElementBlock as g, unref as i, renderSlot as _, createVNode as h, withCtx as k, createTextVNode as x, toDisplayString as $ } from "vue";
 import { DasButton as I } from "@das-fed/ui/packages/components/button/index";
 import { getPersonalInfo as P, getToken as C } from "@das-fed/utils/common-info";
 import { pureImageSrc as U } from "@das-fed/utils/pure-image-src";
-const b = (e) => {
+const y = (e) => {
   const r = P(), t = location.origin, o = e.host ?? t, s = "/web-apps/preview.html";
   return e.userid ?? r.id, e.username ?? r.name, { preview: () => {
     let n = e.fileUrl;
-    const c = m().value, l = C();
+    const l = m().value, c = C();
     n.startsWith("http") || (n = `${t}${U(n)}`);
-    const p = `${o}${s}?access_token=${l}&lang=${c}&fileUrl=${n}`;
+    const p = `${o}${s}?access_token=${c}&lang=${l}&fileUrl=${n}`;
     window.open(p);
   } };
-}, y = /* @__PURE__ */ v({
+}, N = /* @__PURE__ */ w({
   __name: "Index",
   props: {
     host: {},
@@ -25,8 +25,8 @@ const b = (e) => {
     username: {}
   },
   setup(e, { expose: r }) {
-    const t = e, { preview: o } = b(t);
-    return r({ preview: o }), (s, a) => (w(), g("div", {
+    const t = e, { preview: o } = y(t);
+    return r({ preview: o }), (s, a) => (v(), g("div", {
       class: "das-preview-container",
       onClick: a[0] || (a[0] = //@ts-ignore
       (...n) => i(o) && i(o)(...n))
@@ -34,24 +34,23 @@ const b = (e) => {
       _(s.$slots, "default", {}, () => [
         h(i(I), {
           "btn-type": "primary-text",
-          size: "large"
+          size: "large",
+          block: ""
         }, {
-          default: x(() => [
-            $(k(i(u)("das-preview-text")), 1)
+          default: k(() => [
+            x($(i(u)("das-preview-text")), 1)
           ]),
           _: 1
         })
       ], !0)
     ]));
   }
-}), N = (e, r) => {
+}), b = (e, r) => {
   const t = e.__vccOpts || e;
   for (const [o, s] of r)
     t[o] = s;
   return t;
-}, z = /* @__PURE__ */ N(y, [["__scopeId", "data-v-cbdcbae5"]]), B = {
-  "das-preview-text": { "zh-CN": "预览", en: "preview" }
-}, L = f(z);
+}, z = /* @__PURE__ */ b(N, [["__scopeId", "data-v-9643931e"]]), B = { "das-preview-text": { "zh-CN": "预览", en: "Preview", _appCode: "framework" } }, L = f(z);
 d(B);
 export {
   L as DasPreview,

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

@@ -11,8 +11,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     lang: string;
     mode: string;
 }>>>, {
-    mode: "view" | "edit";
     lang: string;
+    mode: "view" | "edit";
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;