yc-design-vue 1.1.7 → 1.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/Affix/index.d.ts +1 -1
- package/es/Affix/index.vue.d.ts +2 -2
- package/es/Affix/index.vue.js +8 -3
- package/es/Drawer/Drawer.vue.js +1 -1
- package/es/Drawer/Drawer.vue2.js +2 -2
- package/es/Drawer/DrawerService.vue.d.ts +0 -1
- package/es/Drawer/DrawerService.vue.js +1 -1
- package/es/Drawer/type.d.ts +1 -1
- package/es/Modal/ModalService.vue.d.ts +0 -1
- package/es/Modal/ModalService.vue.js +1 -1
- package/es/Modal/type.d.ts +1 -1
- package/es/_shared/utils/dom.d.ts +1 -1
- package/es/_shared/utils/dom.js +4 -3
- package/es/style.css +1 -1
- package/lib/Affix/index.d.ts +1 -1
- package/lib/Affix/index.vue.d.ts +2 -2
- package/lib/Affix/index.vue.js +1 -1
- package/lib/Drawer/Drawer.vue.js +1 -1
- package/lib/Drawer/Drawer.vue2.js +1 -1
- package/lib/Drawer/DrawerService.vue.d.ts +0 -1
- package/lib/Drawer/DrawerService.vue.js +1 -1
- package/lib/Drawer/type.d.ts +1 -1
- package/lib/Modal/ModalService.vue.d.ts +0 -1
- package/lib/Modal/ModalService.vue.js +1 -1
- package/lib/Modal/type.d.ts +1 -1
- package/lib/_shared/utils/dom.d.ts +1 -1
- package/lib/_shared/utils/dom.js +1 -1
- package/lib/style.css +1 -1
- package/package.json +2 -3
package/lib/Affix/index.d.ts
CHANGED
@@ -17,7 +17,7 @@ declare const Affix: {
|
|
17
17
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
18
18
|
wrapperRef: HTMLDivElement;
|
19
19
|
affixRef: HTMLDivElement;
|
20
|
-
},
|
20
|
+
}, any, import('vue').ComponentProvideOptions, {
|
21
21
|
P: {};
|
22
22
|
B: {};
|
23
23
|
D: {};
|
package/lib/Affix/index.vue.d.ts
CHANGED
@@ -6,7 +6,7 @@ declare function __VLS_template(): {
|
|
6
6
|
wrapperRef: HTMLDivElement;
|
7
7
|
affixRef: HTMLDivElement;
|
8
8
|
};
|
9
|
-
rootEl:
|
9
|
+
rootEl: any;
|
10
10
|
};
|
11
11
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
12
12
|
declare const __VLS_component: import('vue').DefineComponent<AffixProps, {
|
@@ -23,7 +23,7 @@ declare const __VLS_component: import('vue').DefineComponent<AffixProps, {
|
|
23
23
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
24
24
|
wrapperRef: HTMLDivElement;
|
25
25
|
affixRef: HTMLDivElement;
|
26
|
-
},
|
26
|
+
}, any>;
|
27
27
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
28
28
|
export default _default;
|
29
29
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
package/lib/Affix/index.vue.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js");const o=require("../_shared/utils/dom.js"),l=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css */const
|
1
|
+
"use strict";const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js");const o=require("../_shared/utils/dom.js"),l=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css */const r=e.defineComponent({name:"Affix",inheritAttrs:!1,__name:"index",props:{offsetTop:{default:0},offsetBottom:{default:void 0},target:{default:void 0},targetContainer:{default:void 0}},emits:["change"],setup(r,{expose:a,emit:n}){const u=r,i=n,{target:s,targetContainer:d,offsetTop:f,offsetBottom:v}=e.toRefs(u),c=e.ref(),m=e.ref(),p=e.computed(()=>l.isUndefined(s.value)?o.findFirstScrollableParent(c.value):o.getElement(s.value)),g=e.computed(()=>l.isUndefined(d.value)?o.findFirstScrollableParent(c.value):o.getElement(d.value)),x=e.ref(!1),h=e.ref({}),y=e.ref(0),B=e.ref(0);t.useResizeObserver(c,()=>{const{width:e,height:t}=c.value.getBoundingClientRect();y.value=e,B.value=t,_()},{box:"border-box"}),e.watch(()=>x.value,e=>{i("change",e)});const _=o.throttleByRaf(()=>{if(!p.value||!g.value||!m.value)return;const{top:e,bottom:t}=m.value.getBoundingClientRect(),{top:r,bottom:a}=g.value.getBoundingClientRect();x.value=l.isUndefined(v.value)?e-r<=f.value:a-t<=v.value,x.value?h.value=l.isUndefined(v.value)?{position:"fixed",top:o.valueToPx(r+f.value)}:{position:"fixed",bottom:o.valueToPx(v.value)}:h.value={}});return t.useEventListener(p,"scroll",_),a({updatePosition(){_()}}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:m},[x.value?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle({width:e.unref(o.valueToPx)(y.value),height:e.unref(o.valueToPx)(B.value)})},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([{"yc-affix":x.value},t.$attrs.class]),style:e.normalizeStyle({...h.value,...t.$attrs.style||{}}),ref_key:"affixRef",ref:c},[e.renderSlot(t.$slots,"default")],6)],512))}});module.exports=r;
|
package/lib/Drawer/Drawer.vue.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("./Drawer.vue2.js");;/* empty css */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-
|
1
|
+
"use strict";const e=require("./Drawer.vue2.js");;/* empty css */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-e4dc0e29"]]);module.exports=r;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const o=require("../_shared/utils/dom.js");require("../_shared/utils/time.js");const t=require("../_shared/utils/global-config.js"),l=require("../Modal/hooks/useModalClose.js"),a=require("../Button/index.js"),r=require("../_shared/components/IconButton.vue.js");,/* empty css */;/* empty css */const n={key:0,class:"yc-drawer-header"},s={class:"yc-drawer-title text-ellipsis"},i={class:"yc-drawer-body"},d={key:0,class:"yc-drawer-footer"},c=e.defineComponent({name:"Drawer",inheritAttrs:!1,__name:"Drawer",props:{visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:!1},placement:{default:"right"},title:{default:""},mask:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},okText:{default:"确认"},cancelText:{default:"取消"},okLoading:{type:Boolean,default:!1},okButtonProps:{default:()=>({})},cancelButtonProps:{default:()=>({})},unmountOnClose:{type:Boolean,default:!1},width:{default:250},height:{default:250},popupContainer:{default:void 0},drawerStyle:{default:()=>({})},escToClose:{type:Boolean,default:!0},renderToBody:{type:Boolean,default:!0},header:{type:Boolean,default:!0},footer:{type:Boolean,default:!0},hideCancel:{type:Boolean,default:!1},onBeforeCancel:{type:Function,default:()=>!0},onBeforeOk:{type:Function,default:()=>!0}},emits:["update:visible","ok","cancel","before-open","open","before-close","close"],setup(c,{emit:u}){const f=c,p=u,{visible:m,defaultVisible:y,width:B,height:k,placement:h,maskClosable:v,escToClose:C,drawerStyle:w,renderToBody:b,popupContainer:g}=e.toRefs(f),{onBeforeOk:V,onBeforeCancel:x}=f,{zIndex:T,popupContainer:N}=t.getGlobalConfig(f),S=e.computed(()=>({height:"left"==h.value||"right"==h.value?"
|
1
|
+
"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const o=require("../_shared/utils/dom.js");require("../_shared/utils/time.js");const t=require("../_shared/utils/global-config.js"),l=require("../Modal/hooks/useModalClose.js"),a=require("../Button/index.js"),r=require("../_shared/components/IconButton.vue.js");,/* empty css */;/* empty css */const n={key:0,class:"yc-drawer-header"},s={class:"yc-drawer-title text-ellipsis"},i={class:"yc-drawer-body"},d={key:0,class:"yc-drawer-footer"},c=e.defineComponent({name:"Drawer",inheritAttrs:!1,__name:"Drawer",props:{visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:!1},placement:{default:"right"},title:{default:""},mask:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},okText:{default:"确认"},cancelText:{default:"取消"},okLoading:{type:Boolean,default:!1},okButtonProps:{default:()=>({})},cancelButtonProps:{default:()=>({})},unmountOnClose:{type:Boolean,default:!1},width:{default:250},height:{default:250},popupContainer:{default:void 0},drawerStyle:{default:()=>({})},escToClose:{type:Boolean,default:!0},renderToBody:{type:Boolean,default:!0},header:{type:Boolean,default:!0},footer:{type:Boolean,default:!0},hideCancel:{type:Boolean,default:!1},onBeforeCancel:{type:Function,default:()=>!0},onBeforeOk:{type:Function,default:()=>!0}},emits:["update:visible","ok","cancel","before-open","open","before-close","close"],setup(c,{emit:u}){const f=c,p=u,{visible:m,defaultVisible:y,width:B,height:k,placement:h,maskClosable:v,escToClose:C,drawerStyle:w,renderToBody:b,popupContainer:g}=e.toRefs(f),{onBeforeOk:V,onBeforeCancel:x}=f,{zIndex:T,popupContainer:N}=t.getGlobalConfig(f),S=e.computed(()=>({height:"left"==h.value||"right"==h.value?"":o.valueToPx(k.value),width:"left"==h.value||"right"==h.value?o.valueToPx(B.value):"",...w.value})),{outerVisible:_,innerVisible:$,asyncLoading:q,handleClose:E,handleAfterLeave:j}=l({visible:m,defaultVisible:y,escToClose:C,maskClosable:v,onBeforeCancel:x,onBeforeOk:V,emits:p});return(o,t)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(N),disabled:!e.unref(b)},[!o.unmountOnClose||e.unref(_)?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-drawer-wrapper",`yc-drawer-placement-${e.unref(h)}`,o.$attrs.class,{"yc-drawer-position-absolute":e.unref(g)||!e.unref(b)}]),style:e.normalizeStyle({zIndex:e.unref(T),...o.$attrs.style??{}})},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[o.mask?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-drawer-mask",onClick:t[0]||(t[0]=o=>e.unref(E)("mask",o))},null,512)),[[e.vShow,e.unref($)]]):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:`slide-drawer-${e.unref(h)}`,onBeforeEnter:t[4]||(t[4]=e=>o.$emit("before-open")),onBeforeLeave:t[5]||(t[5]=e=>o.$emit("before-close")),onAfterEnter:t[6]||(t[6]=e=>o.$emit("open")),onAfterLeave:e.unref(j)},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:"yc-drawer-container",style:e.normalizeStyle(S.value)},[e.renderSlot(o.$slots,"header",{},()=>[o.header?(e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("div",s,[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)]),o.closable?(e.openBlock(),e.createBlock(e.unref(r),{key:0,class:"yc-modal-close-button",onClick:t[1]||(t[1]=o=>e.unref(E)("closeBtn",o))})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],!0),e.createElementVNode("div",i,[e.renderSlot(o.$slots,"default",{},void 0,!0)]),e.renderSlot(o.$slots,"footer",{},()=>[o.footer?(e.openBlock(),e.createElementBlock("div",d,[o.hideCancel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(a.default),e.mergeProps({key:0},o.cancelButtonProps,{onClick:t[2]||(t[2]=o=>e.unref(E)("cancelBtn",o))}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.cancelText),1)]),_:1},16)),e.createVNode(e.unref(a.default),e.mergeProps({type:"primary",loading:o.okLoading||e.unref(q)},o.okButtonProps,{onClick:t[3]||(t[3]=o=>e.unref(E)("confirmBtn",o))}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.okText),1)]),_:1},16,["loading"])])):e.createCommentVNode("",!0)],!0)],4),[[e.vShow,e.unref($)]])]),_:3},8,["name","onAfterLeave"])],6)),[[e.vShow,e.unref(_)]]):e.createCommentVNode("",!0)],8,["to","disabled"]))}});module.exports=c;
|
@@ -1,7 +1,6 @@
|
|
1
1
|
import { DrawerServiceProps } from './type';
|
2
2
|
declare const _default: import('vue').DefineComponent<DrawerServiceProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DrawerServiceProps> & Readonly<{}>, {
|
3
3
|
unmountOnClose: boolean;
|
4
|
-
popupContainer: import('..').PopupContainer;
|
5
4
|
renderToBody: boolean;
|
6
5
|
width: number | string;
|
7
6
|
height: number | string;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const o=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css */const n=require("./Drawer.vue.js"),l={class:"yc-drawer-body-content"},t=e.defineComponent({__name:"DrawerService",props:{placement:{default:"right"},title:{type:[String,Array,Function],default:""},mask:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},okText:{default:"确认"},cancelText:{default:"取消"},okLoading:{type:Boolean,default:!1},okButtonProps:{default:()=>({})},cancelButtonProps:{default:()=>({})},unmountOnClose:{type:Boolean,default:!1},width:{default:250},height:{default:250},
|
1
|
+
"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const o=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css */const n=require("./Drawer.vue.js"),l={class:"yc-drawer-body-content"},t=e.defineComponent({__name:"DrawerService",props:{placement:{default:"right"},title:{type:[String,Array,Function],default:""},mask:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},okText:{default:"确认"},cancelText:{default:"取消"},okLoading:{type:Boolean,default:!1},okButtonProps:{default:()=>({})},cancelButtonProps:{default:()=>({})},unmountOnClose:{type:Boolean,default:!1},width:{default:250},height:{default:250},drawerStyle:{default:()=>({})},escToClose:{type:Boolean,default:!0},renderToBody:{type:Boolean,default:!1},header:{type:Boolean,default:!0},footer:{type:Boolean,default:!0},hideCancel:{type:Boolean,default:!1},onBeforeCancel:{type:Function,default:()=>!0},onBeforeOk:{type:Function,default:()=>!0},content:{},onOk:{},onCancel:{},onOpen:{},onClose:{},onBeforeOpen:{},onBeforeClose:{},serviceClose:{}},setup(t){const r=t,{onClose:a,serviceClose:u}=r,s=e.ref(!1),i=()=>{null==u||u(),null==a||a()};return e.onMounted(()=>{s.value=!0}),(t,a)=>(e.openBlock(),e.createBlock(n,e.mergeProps(r,{visible:s.value,"onUpdate:visible":a[0]||(a[0]=e=>s.value=e),style:{position:"fixed"},"popup-container":".yc-overlay-drawer",onOk:a[1]||(a[1]=e=>{var o;return null==(o=t.onOk)?void 0:o.call(t)}),onCancel:a[2]||(a[2]=e=>{var o;return null==(o=t.onCancel)?void 0:o.call(t)}),onBeforeOpen:a[3]||(a[3]=e=>{var o;return null==(o=t.onBeforeOpen)?void 0:o.call(t)}),onBeforeClose:a[4]||(a[4]=e=>{var o;return null==(o=t.onBeforeClose)?void 0:o.call(t)}),onOpen:a[5]||(a[5]=e=>{var o;return null==(o=t.onOpen)?void 0:o.call(t)}),onClose:i}),{title:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o.getSlotFunction)(t.title))))]),default:e.withCtx(()=>[e.createElementVNode("div",l,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o.getSlotFunction)(t.content))))])]),_:1},16,["visible"]))}});module.exports=t;
|
package/lib/Drawer/type.d.ts
CHANGED
@@ -43,7 +43,7 @@ export interface DrawerEmits {
|
|
43
43
|
(e: 'before-close'): void;
|
44
44
|
(e: 'close'): void;
|
45
45
|
}
|
46
|
-
export type DrawerConfig = Omit<DrawerProps, 'visible' | 'defaultVisible'> & {
|
46
|
+
export type DrawerConfig = Omit<DrawerProps, 'visible' | 'defaultVisible' | 'popupContainer'> & {
|
47
47
|
content?: RenderContent;
|
48
48
|
title?: RenderContent;
|
49
49
|
onOk?: () => void | Promise<void>;
|
@@ -2,7 +2,6 @@ import { ModalServiceProps } from './type';
|
|
2
2
|
declare const _default: import('vue').DefineComponent<ModalServiceProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ModalServiceProps> & Readonly<{}>, {
|
3
3
|
top: number;
|
4
4
|
unmountOnClose: boolean;
|
5
|
-
popupContainer: import('..').PopupContainer;
|
6
5
|
renderToBody: boolean;
|
7
6
|
width: number | string;
|
8
7
|
content: import('../_shared/type').RenderContent;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const o=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css */const l=require("../_shared/constants/index.js"),t=require("./Modal.vue.js"),n={key:0,class:"yc-modal-title-icon"},a={class:"yc-modal-title-content text-ellipsis"},r={class:"yc-modal-body-content text-ellipsis"},u=e.defineComponent({__name:"ModalService",props:{width:{default:520},top:{default:100},mask:{type:Boolean,default:!0},title:{type:[String,Array,Function],default:""},titleAlign:{default:"center"},alignCenter:{type:Boolean,default:!0},unmountOnClose:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},hideCancel:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},okText:{default:"确认"},cancelText:{default:"取消"},okLoading:{type:Boolean,default:!1},okButtonProps:{default:()=>({})},cancelButtonProps:{default:()=>({})},footer:{type:Boolean,default:!0},renderToBody:{type:Boolean,default:!0},
|
1
|
+
"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const o=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css */const l=require("../_shared/constants/index.js"),t=require("./Modal.vue.js"),n={key:0,class:"yc-modal-title-icon"},a={class:"yc-modal-title-content text-ellipsis"},r={class:"yc-modal-body-content text-ellipsis"},u=e.defineComponent({__name:"ModalService",props:{width:{default:520},top:{default:100},mask:{type:Boolean,default:!0},title:{type:[String,Array,Function],default:""},titleAlign:{default:"center"},alignCenter:{type:Boolean,default:!0},unmountOnClose:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},hideCancel:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},okText:{default:"确认"},cancelText:{default:"取消"},okLoading:{type:Boolean,default:!1},okButtonProps:{default:()=>({})},cancelButtonProps:{default:()=>({})},footer:{type:Boolean,default:!0},renderToBody:{type:Boolean,default:!0},maskStyle:{default:()=>({})},modalClass:{default:""},modalStyle:{default:()=>({})},escToClose:{type:Boolean,default:!0},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},maskAnimationName:{default:"fade"},modalAnimationName:{default:"zoom-modal"},bodyClass:{default:""},bodyStyle:{default:()=>({})},hideTitle:{type:Boolean,default:!1},simple:{type:Boolean,default:!1},onBeforeCancel:{type:Function,default:()=>!0},onBeforeOk:{type:Function,default:()=>!0},content:{type:[String,Array,Function],default:""},type:{},onOk:{},onCancel:{},onOpen:{},onClose:{},onBeforeOpen:{},onBeforeClose:{},serviceClose:{}},setup(u){const s=u,{onClose:d,serviceClose:c}=s,i=e.ref(!1),p=()=>{null==c||c(),null==d||d()};return e.onMounted(()=>{i.value=!0}),(u,d)=>(e.openBlock(),e.createBlock(t,e.mergeProps(s,{visible:i.value,"onUpdate:visible":d[0]||(d[0]=e=>i.value=e),"popup-container":".yc-overlay-modal","modal-class":["yc-service-modal",{[`yc-service-modal-${u.type}`]:!!u.type}],style:{position:"fixed"},onOk:d[1]||(d[1]=e=>{var o;return null==(o=u.onOk)?void 0:o.call(u)}),onCancel:d[2]||(d[2]=e=>{var o;return null==(o=u.onCancel)?void 0:o.call(u)}),onBeforeOpen:d[3]||(d[3]=e=>{var o;return null==(o=u.onBeforeOpen)?void 0:o.call(u)}),onBeforeClose:d[4]||(d[4]=e=>{var o;return null==(o=u.onBeforeClose)?void 0:o.call(u)}),onOpen:d[5]||(d[5]=e=>{var o;return null==(o=u.onOpen)?void 0:o.call(u)}),onClose:p}),{title:e.withCtx(()=>[u.type?(e.openBlock(),e.createElementBlock("span",n,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(l.TYPE_ICON_MAP)[u.type])))])):e.createCommentVNode("",!0),e.createElementVNode("span",a,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o.getSlotFunction)(u.title))))])]),default:e.withCtx(()=>[e.createElementVNode("div",r,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o.getSlotFunction)(u.content))))])]),_:1},16,["visible","modal-class"]))}});module.exports=u;
|
package/lib/Modal/type.d.ts
CHANGED
@@ -53,7 +53,7 @@ export interface ModalSlots {
|
|
53
53
|
footer?: () => VNode[];
|
54
54
|
title?: () => VNode[];
|
55
55
|
}
|
56
|
-
export type ModalConfig = Omit<ModalProps, 'visible' | 'defaultVisible'> & {
|
56
|
+
export type ModalConfig = Omit<ModalProps, 'visible' | 'defaultVisible' | 'popupContainer'> & {
|
57
57
|
title?: RenderContent;
|
58
58
|
content?: RenderContent;
|
59
59
|
type?: ModalType;
|
@@ -6,7 +6,7 @@ export declare const getElement: (target: string | HTMLElement | undefined, cont
|
|
6
6
|
export declare const getDomText: (dom: Ref<HTMLElement | undefined>) => string;
|
7
7
|
export declare const getBreakpointValue: (breakpoint: BreakpointName, value: string | number | ResponsiveValue, defaultValue?: number | string) => number | string | undefined;
|
8
8
|
export declare const mediaQueryHandler: (onBreakpoint: (breakpoint: BreakpointName, order: Record<string, number>, index: number) => void, queries?: Record<string, string>) => void;
|
9
|
-
export declare const findFirstScrollableParent: (element?: HTMLElement) => HTMLElement | undefined;
|
9
|
+
export declare const findFirstScrollableParent: (element?: HTMLElement | null) => HTMLElement | undefined;
|
10
10
|
export declare const sleep: (ms: number) => Promise<unknown>;
|
11
11
|
export declare const throttleByRaf: (cb: (...args: any[]) => void) => {
|
12
12
|
(...args: any[]): void;
|
package/lib/_shared/utils/dom.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../constants/index.js"),r=require("../../node_modules/@vueuse/core/index.js"),n=require("./is.js"),o=(()=>{try{return!("undefined"!=typeof window&&void 0!==document)}catch(e){return!0}})(),i=(e,t)=>{if(!o)return(t??document).querySelector(e)??void 0};exports.debounce=(e,t,r=!1)=>{let n=null,o=!1;return function(...i){const l=this;n&&clearTimeout(n),r&&!o&&(e.apply(l,i),o=!0),n=setTimeout(()=>{r||e.apply(l,i),o=!1},t)}},exports.findFirstScrollableParent=e=>{if(!e
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../constants/index.js"),r=require("../../node_modules/@vueuse/core/index.js"),n=require("./is.js"),o=(()=>{try{return!("undefined"!=typeof window&&void 0!==document)}catch(e){return!0}})(),i=(e,t)=>{if(!o)return(t??document).querySelector(e)??void 0};exports.debounce=(e,t,r=!1)=>{let n=null,o=!1;return function(...i){const l=this;n&&clearTimeout(n),r&&!o&&(e.apply(l,i),o=!0),n=setTimeout(()=>{r||e.apply(l,i),o=!1},t)}},exports.findFirstScrollableParent=e=>{if(!e)return;let t=e.parentElement;for(;t;){const e=getComputedStyle(t),r=e.overflowY||e.overflow,n=["auto","scroll"].includes(r),o=t.scrollHeight>t.clientHeight;if(n&&o)return t;t=t.parentElement}},exports.getBreakpointValue=(e,t,r)=>{if(!n.isObject(t))return t;const o=["xs","sm","md","lg","xl","xxl"],i=o.indexOf(e);for(let l=i;l>=0;l--){const e=o[l];if(!n.isUndefined(t[e]))return t[e]}for(let l=i+1;l<o.length;l++){const e=o[l];if(!n.isUndefined(t[e]))return t[e]}return r},exports.getDomText=e=>{var t;return(null==(t=r.unrefElement(e))?void 0:t.innerText)||""},exports.getElement=(e,t)=>{if(n.isString(e)){const r="#"===e[0]?`[id='${e.slice(1)}']`:e;return i(r,t)}return e},exports.isHorizontallyScrollable=function(e){const t=getComputedStyle(e),r="scroll"===t.overflowX||"auto"===t.overflowX;if(!("none"!==t.display&&"hidden"!==t.visibility))return!1;const n=e.scrollWidth>e.clientWidth;return r&&n},exports.isServerRendering=o,exports.isVerticallyScrollable=function(e){const t=getComputedStyle(e),r="scroll"===t.overflowY||"auto"===t.overflowY;if(!("none"!==t.display&&"hidden"!==t.visibility))return!1;const n=e.scrollHeight>e.clientHeight;return r&&n},exports.mediaQueryHandler=(n,o=t.MEDICA_QUERY_QUERUES)=>{const i=[],l={},s=[];Object.keys(o).forEach((e,t)=>{i.push(e),l[e]=t,s.push(r.useMediaQuery(o[e]))}),e.watch(s,e=>{const t=e.lastIndexOf(!0);n(i[t],l,t)},{immediate:!0})},exports.querySelector=i,exports.sleep=e=>new Promise(t=>{setTimeout(()=>{t("")},e)}),exports.throttle=(e,t)=>{let r=0,n=null;return function(...o){const i=Date.now(),l=t-(i-r);n&&(clearTimeout(n),n=null),l<=0?(e.apply(this,o),r=i):n=setTimeout(()=>{e.apply(this,o),r=Date.now(),n=null},l)}},exports.throttleByRaf=e=>{let t=0;const r=(...r)=>{t&&cancelAnimationFrame(t),t=requestAnimationFrame(()=>{e(...r),t=0})};return r.cancel=()=>{cancelAnimationFrame(t),t=0},r},exports.valueToPx=e=>n.isNumber(e)||n.isString(e)&&/^-?\d+(\.\d+)?$/.test(e)?e+"px":e;
|