vue-devui 1.5.4-alpha.0 → 1.5.5

package/global.d.ts

@@ -4,7 +4,8 @@ export{}
 declare module '@vue/runtime-core' {
 
   export interface GlobalComponents{
-    DAlert: typeof import('./types/vue-devui')['Alert']
+    DActionTimeline: typeof import('./types/vue-devui')['ActionTimeline']
+DAlert: typeof import('./types/vue-devui')['Alert']
 DAutoComplete: typeof import('./types/vue-devui')['AutoComplete']
 DAvatar: typeof import('./types/vue-devui')['Avatar']
 DBadge: typeof import('./types/vue-devui')['Badge']
@@ -13,10 +14,13 @@ DBreadcrumbItem: typeof import('./types/vue-devui')['BreadcrumbItem']
 DButton: typeof import('./types/vue-devui')['Button']
 DButtonGroup: typeof import('./types/vue-devui')['ButtonGroup']
 DCard: typeof import('./types/vue-devui')['Card']
+DCarousel: typeof import('./types/vue-devui')['Carousel']
+DCarouselItem: typeof import('./types/vue-devui')['CarouselItem']
 DCheckbox: typeof import('./types/vue-devui')['Checkbox']
 DCheckboxGroup: typeof import('./types/vue-devui')['CheckboxGroup']
 DCheckboxButton: typeof import('./types/vue-devui')['CheckboxButton']
 DCodeEditor: typeof import('./types/vue-devui')['CodeEditor']
+DCodeReview: typeof import('./types/vue-devui')['CodeReview']
 DCollapse: typeof import('./types/vue-devui')['Collapse']
 DCollapseItem: typeof import('./types/vue-devui')['CollapseItem']
 DCountdown: typeof import('./types/vue-devui')['Countdown']
@@ -26,6 +30,8 @@ DDrawer: typeof import('./types/vue-devui')['Drawer']
 DDropdown: typeof import('./types/vue-devui')['Dropdown']
 DDropdownMenu: typeof import('./types/vue-devui')['DropdownMenu']
 DEditableSelect: typeof import('./types/vue-devui')['EditableSelect']
+DEditorMd: typeof import('./types/vue-devui')['EditorMd']
+DMdRender: typeof import('./types/vue-devui')['MdRender']
 DForm: typeof import('./types/vue-devui')['Form']
 DFormItem: typeof import('./types/vue-devui')['FormItem']
 DFormOperation: typeof import('./types/vue-devui')['FormOperation']
@@ -46,9 +52,9 @@ DMenu: typeof import('./types/vue-devui')['Menu']
 DMenuItem: typeof import('./types/vue-devui')['MenuItem']
 DSubMenu: typeof import('./types/vue-devui')['SubMenu']
 DModal: typeof import('./types/vue-devui')['Modal']
-DModalHeader: typeof import('./types/vue-devui')['Modal']
-DModalBody: typeof import('./types/vue-devui')['Modal']
-DModalFooter: typeof import('./types/vue-devui')['Modal']
+DModalHeader: typeof import('./types/vue-devui')['ModalHeader']
+DModalBody: typeof import('./types/vue-devui')['ModalBody']
+DModalFooter: typeof import('./types/vue-devui')['ModalFooter']
 DNotification: typeof import('./types/vue-devui')['Notification']
 DFixedOverlay: typeof import('./types/vue-devui')['FixedOverlay']
 DFlexibleOverlay: typeof import('./types/vue-devui')['FlexibleOverlay']

package/grid/index.es.js

@@ -31,6 +31,10 @@ const rowProps = {
   wrap: {
     type: Boolean,
     default: false
+  },
+  noOuter: {
+    type: Boolean,
+    default: true
   }
 };
 const numberProp = Number;
@@ -194,10 +198,30 @@ var Row = defineComponent({
       };
     });
     provide("gutterStyle", gutterStyle);
+    const gutterRowStyle = computed(() => {
+      const result = {};
+      if (!props.noOuter) {
+        return result;
+      }
+      if (parseInt(gutterStyle.value.paddingLeft) !== 0) {
+        result["marginLeft"] = `-${gutterStyle.value.paddingLeft}`;
+      }
+      if (parseInt(gutterStyle.value.paddingRight) !== 0) {
+        result["marginRight"] = `-${gutterStyle.value.paddingRight}`;
+      }
+      if (parseInt(gutterStyle.value.paddingTop) !== 0) {
+        result["marginTop"] = `-${gutterStyle.value.paddingTop}`;
+      }
+      if (parseInt(gutterStyle.value.paddingBottom) !== 0) {
+        result["marginBottom"] = `-${gutterStyle.value.paddingBottom}`;
+      }
+      return result;
+    });
     return () => {
       var _a;
       return createVNode("div", {
-        "class": [ns.b(), rowClass.value]
+        "class": [ns.b(), rowClass.value],
+        "style": gutterRowStyle.value
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }

package/grid/index.umd.js

@@ -1 +1 @@
-var I=Object.defineProperty;var _=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var L=(s,n,i)=>n in s?I(s,n,{enumerable:!0,configurable:!0,writable:!0,value:i}):s[n]=i,a=(s,n)=>{for(var i in n||(n={}))J.call(n,i)&&L(s,i,n[i]);if(_)for(var i of _(n))Q.call(n,i)&&L(s,i,n[i]);return s};(function(s,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(s=typeof globalThis!="undefined"?globalThis:s||self,n(s.index={},s.Vue))})(this,function(s,n){"use strict";const i={align:{type:String,default:"top"},gutter:{type:[Number,Object,Array],default:0},justify:{type:String,default:"start"},wrap:{type:Boolean,default:!1}},b=Number,B={flex:[String,Number],order:b},w={offset:b,pull:b,push:b,span:b},d=[Number,Object],x={xs:d,sm:d,md:d,lg:d,xl:d,xxl:d},O=a(a(a({},B),w),x),A=["xxl","xl","lg","md","sm","xs"],C={xs:"screen and (max-width: 575px)",sm:"screen and (min-width: 576px)",md:"screen and (min-width: 768px)",lg:"screen and (min-width: 992px)",xl:"screen and (min-width: 1200px)",xxl:"screen and (min-width: 1600px)"},f=new Map;let j=-1;const y={},R={};function z(){f.forEach(e=>{e(a({},y))})}function U(){Object.keys(C).forEach(e=>{const c=window.matchMedia(C[e]);c.matches&&(y[e]=!0,z());const r=u=>{y[e]=u.matches,z()};c.addEventListener("change",r),R[e]={res:c,listener:r}})}function V(e){return f.size||U(),j+=1,f.set(j,e),e(a({},y)),j}function D(){Object.keys(C).forEach(e=>{const c=R[e];c.res.removeEventListener("change",c.listener)}),f.clear()}function G(e){f.delete(e),f.size===0&&D()}function h(e,c,r){let u=e;return c&&(u+=`__${c}`),r&&(u+=`--${r}`),u}function N(e,c=!1){const r=c?`.devui-${e}`:`devui-${e}`;return{b:()=>h(r),e:t=>t?h(r,t):"",m:t=>t?h(r,"",t):"",em:(t,o)=>t&&o?h(r,t,o):""}}var W="",v=n.defineComponent({name:"DRow",props:i,emits:[],setup(e,{slots:c}){const r=n.ref({}),u=N("row"),l=n.computed(()=>({[u.em("align",e.align)]:!0,[u.em("justify",e.justify)]:!0,[u.e("wrap")]:e.wrap}));let p;n.onMounted(()=>{p=V(t=>{r.value=t})}),n.onUnmounted(()=>{G(p)});const g=n.computed(()=>{if(!e.gutter)return{};let t=[0,0];Array.isArray(e.gutter)?t=e.gutter:typeof e.gutter=="number"?t=[e.gutter,0]:A.some(T=>{const $=e.gutter[T];return r.value[T]&&$?(typeof $=="number"?t=[$,0]:t=$,!0):!1});const o=`${(t[0]||0)/2}px`,M=`${(t[0]||0)/2}px`,S=`${(t[1]||0)/2}px`,H=`${(t[1]||0)/2}px`;return{paddingLeft:o,paddingRight:M,paddingTop:S,paddingBottom:H}});return n.provide("gutterStyle",g),()=>{var t;return n.createVNode("div",{class:[u.b(),l.value]},[(t=c.default)==null?void 0:t.call(c)])}}});const m=N("col");function K(e){return n.computed(()=>({[m.em("span",e.span?String(e.span):"")]:!0,[m.em("offset",e.offset?String(e.offset):"")]:!0,[m.em("pull",e.pull?String(e.pull):"")]:!0,[m.em("push",e.push?String(e.push):"")]:!0}))}function P(e){return` ${e.trim()}${e&&" "}`}function q(e){const c=Object.keys(e).filter(r=>r in x);return n.computed(()=>c.reduce((r,u)=>{const l=typeof e[u];if(l==="number")r=`${P(r)}${m.em(u,`span-${e[u]}`)}`;else if(l==="object"){const g=Object.keys(e[u]).filter(t=>t in w).reduce((t,o)=>{const S=e[u][o];return typeof S!="number"?"":(t=`${P(t)}${m.em(u,`${o}-${S}`)}`,t)},"");r=`${P(r)}${g}`}return r},""))}var X="",E=n.defineComponent({name:"DCol",props:O,setup(e,{slots:c}){const r=N("col"),u=o=>typeof o=="number"?`${o} ${o} auto`:/^\d+(\.\d+)?(px|rem|em|%)$/.test(o)?`0 0 ${o}`:o,l=K(e),p=q(e),g=n.computed(()=>({flex:u(e.flex),order:e.order})),t=n.inject("gutterStyle");return()=>{var o;return n.createVNode("div",{class:[r.b(),l.value,p.value],style:a(a({},g.value),t==null?void 0:t.value)},[(o=c.default)==null?void 0:o.call(c)])}}}),F={title:"Grid \u6805\u683C",category:"\u5E03\u5C40",status:"100%",install(e){e.component(v.name,v),e.component(E.name,E)}};s.Col=E,s.Row=v,s.colProps=O,s.colPropsBaseClass=w,s.colPropsBaseStyle=B,s.default=F,s.rowProps=i,s.screenSizes=x,Object.defineProperty(s,"__esModule",{value:!0}),s[Symbol.toStringTag]="Module"});
+var J=Object.defineProperty;var M=Object.getOwnPropertySymbols;var Q=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable;var _=(r,n,i)=>n in r?J(r,n,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[n]=i,d=(r,n)=>{for(var i in n||(n={}))Q.call(n,i)&&_(r,i,n[i]);if(M)for(var i of M(n))W.call(n,i)&&_(r,i,n[i]);return r};(function(r,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(r=typeof globalThis!="undefined"?globalThis:r||self,n(r.index={},r.Vue))})(this,function(r,n){"use strict";const i={align:{type:String,default:"top"},gutter:{type:[Number,Object,Array],default:0},justify:{type:String,default:"start"},wrap:{type:Boolean,default:!1},noOuter:{type:Boolean,default:!0}},b=Number,R={flex:[String,Number],order:b},w={offset:b,pull:b,push:b,span:b},f=[Number,Object],v={xs:f,sm:f,md:f,lg:f,xl:f,xxl:f},E=d(d(d({},R),w),v),I=["xxl","xl","lg","md","sm","xs"],x={xs:"screen and (max-width: 575px)",sm:"screen and (min-width: 576px)",md:"screen and (min-width: 768px)",lg:"screen and (min-width: 992px)",xl:"screen and (min-width: 1200px)",xxl:"screen and (min-width: 1600px)"},m=new Map;let C=-1;const y={},O={};function T(){m.forEach(e=>{e(d({},y))})}function A(){Object.keys(x).forEach(e=>{const u=window.matchMedia(x[e]);u.matches&&(y[e]=!0,T());const s=a=>{y[e]=a.matches,T()};u.addEventListener("change",s),O[e]={res:u,listener:s}})}function U(e){return m.size||A(),C+=1,m.set(C,e),e(d({},y)),C}function V(){Object.keys(x).forEach(e=>{const u=O[e];u.res.removeEventListener("change",u.listener)}),m.clear()}function D(e){m.delete(e),m.size===0&&V()}function h(e,u,s){let a=e;return u&&(a+=`__${u}`),s&&(a+=`--${s}`),a}function j(e,u=!1){const s=u?`.devui-${e}`:`devui-${e}`;return{b:()=>h(s),e:o=>o?h(s,o):"",m:o=>o?h(s,"",o):"",em:(o,t)=>o&&t?h(s,o,t):""}}var X="",N=n.defineComponent({name:"DRow",props:i,emits:[],setup(e,{slots:u}){const s=n.ref({}),a=j("row"),l=n.computed(()=>({[a.em("align",e.align)]:!0,[a.em("justify",e.justify)]:!0,[a.e("wrap")]:e.wrap}));let p;n.onMounted(()=>{p=U(t=>{s.value=t})}),n.onUnmounted(()=>{D(p)});const c=n.computed(()=>{if(!e.gutter)return{};let t=[0,0];Array.isArray(e.gutter)?t=e.gutter:typeof e.gutter=="number"?t=[e.gutter,0]:I.some(z=>{const S=e.gutter[z];return s.value[z]&&S?(typeof S=="number"?t=[S,0]:t=S,!0):!1});const L=`${(t[0]||0)/2}px`,$=`${(t[0]||0)/2}px`,F=`${(t[1]||0)/2}px`,H=`${(t[1]||0)/2}px`;return{paddingLeft:L,paddingRight:$,paddingTop:F,paddingBottom:H}});n.provide("gutterStyle",c);const o=n.computed(()=>{const t={};return e.noOuter&&(parseInt(c.value.paddingLeft)!==0&&(t.marginLeft=`-${c.value.paddingLeft}`),parseInt(c.value.paddingRight)!==0&&(t.marginRight=`-${c.value.paddingRight}`),parseInt(c.value.paddingTop)!==0&&(t.marginTop=`-${c.value.paddingTop}`),parseInt(c.value.paddingBottom)!==0&&(t.marginBottom=`-${c.value.paddingBottom}`)),t});return()=>{var t;return n.createVNode("div",{class:[a.b(),l.value],style:o.value},[(t=u.default)==null?void 0:t.call(u)])}}});const g=j("col");function G(e){return n.computed(()=>({[g.em("span",e.span?String(e.span):"")]:!0,[g.em("offset",e.offset?String(e.offset):"")]:!0,[g.em("pull",e.pull?String(e.pull):"")]:!0,[g.em("push",e.push?String(e.push):"")]:!0}))}function B(e){return` ${e.trim()}${e&&" "}`}function K(e){const u=Object.keys(e).filter(s=>s in v);return n.computed(()=>u.reduce((s,a)=>{const l=typeof e[a];if(l==="number")s=`${B(s)}${g.em(a,`span-${e[a]}`)}`;else if(l==="object"){const c=Object.keys(e[a]).filter(o=>o in w).reduce((o,t)=>{const $=e[a][t];return typeof $!="number"?"":(o=`${B(o)}${g.em(a,`${t}-${$}`)}`,o)},"");s=`${B(s)}${c}`}return s},""))}var Y="",P=n.defineComponent({name:"DCol",props:E,setup(e,{slots:u}){const s=j("col"),a=t=>typeof t=="number"?`${t} ${t} auto`:/^\d+(\.\d+)?(px|rem|em|%)$/.test(t)?`0 0 ${t}`:t,l=G(e),p=K(e),c=n.computed(()=>({flex:a(e.flex),order:e.order})),o=n.inject("gutterStyle");return()=>{var t;return n.createVNode("div",{class:[s.b(),l.value,p.value],style:d(d({},c.value),o==null?void 0:o.value)},[(t=u.default)==null?void 0:t.call(u)])}}}),q={title:"Grid \u6805\u683C",category:"\u5E03\u5C40",status:"100%",install(e){e.component(N.name,N),e.component(P.name,P)}};r.Col=P,r.Row=N,r.colProps=E,r.colPropsBaseClass=w,r.colPropsBaseStyle=R,r.default=q,r.rowProps=i,r.screenSizes=v,Object.defineProperty(r,"__esModule",{value:!0}),r[Symbol.toStringTag]="Module"});

package/modal/index.es.js

@@ -678,7 +678,7 @@ const useDraggable = (targetRef, dragRef, draggable) => {
     modalPosition
   };
 };
-var Header = defineComponent({
+var ModalHeader = defineComponent({
   name: "DModalHeader",
   setup(props, {
     slots
@@ -692,7 +692,7 @@ var Header = defineComponent({
     };
   }
 });
-var Body = defineComponent({
+var ModalBody = defineComponent({
   name: "DModalBody",
   setup(props, {
     slots
@@ -777,7 +777,7 @@ var Modal = defineComponent({
           cursor: props.draggable ? "move" : "default"
         },
         "ref": headerRef
-      }, [createVNode(Header, null, {
+      }, [createVNode(ModalHeader, null, {
         default: () => [createVNode("div", {
           "class": "type-content"
         }, [createVNode("div", {
@@ -829,9 +829,9 @@ var Modal = defineComponent({
               cursor: props.draggable ? "move" : "default"
             },
             "ref": headerRef
-          }, [slots.header ? slots.header() : title.value && createVNode(Header, null, {
+          }, [slots.header ? slots.header() : title.value && createVNode(ModalHeader, null, {
             default: () => [title.value]
-          })]), createVNode(Body, null, {
+          })]), createVNode(ModalBody, null, {
             default: () => {
               var _a2;
               return [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)];
@@ -842,7 +842,7 @@ var Modal = defineComponent({
     });
   }
 });
-var Footer = defineComponent({
+var ModalFooter = defineComponent({
   name: "DModalFooter",
   setup(props, {
     slots
@@ -920,9 +920,9 @@ var index = {
   status: "100%",
   install(app) {
     app.component(Modal.name, Modal);
-    app.component(Header.name, Header);
-    app.component(Body.name, Body);
-    app.component(Footer.name, Footer);
+    app.component(ModalHeader.name, ModalHeader);
+    app.component(ModalBody.name, ModalBody);
+    app.component(ModalFooter.name, ModalFooter);
     if (!inBrowser) {
       return;
     }
@@ -935,4 +935,4 @@ var index = {
     app.provide(ModalService.token, new ModalService(anchorsContainer));
   }
 };
-export { Modal, index as default, modalProps };
+export { Modal, ModalBody, ModalFooter, ModalHeader, index as default, modalProps };

package/modal/index.umd.js

@@ -1 +1 @@
-var ve=Object.defineProperty,ge=Object.defineProperties;var we=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var A=(c,e,u)=>e in c?ve(c,e,{enumerable:!0,configurable:!0,writable:!0,value:u}):c[e]=u,T=(c,e)=>{for(var u in e||(e={}))_.call(e,u)&&A(c,u,e[u]);if(P)for(var u of P(e))q.call(e,u)&&A(c,u,e[u]);return c},$=(c,e)=>ge(c,we(e));var W=(c,e)=>{var u={};for(var b in c)_.call(c,b)&&e.indexOf(b)<0&&(u[b]=c[b]);if(c!=null&&P)for(var b of P(c))e.indexOf(b)<0&&q.call(c,b)&&(u[b]=c[b]);return u};var G=(c,e,u)=>(A(c,typeof e!="symbol"?e+"":e,u),u);(function(c,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom"],e):(c=typeof globalThis!="undefined"?globalThis:c||self,e(c.index={},c.Vue,c.dom))})(this,function(c,e,u){"use strict";const b={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},lockScroll:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0},beforeClose:{type:Function},escapable:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},showAnimation:{type:Boolean,default:!0},showOverlay:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!0},type:{type:String,default:""},keepLast:{type:Boolean,default:!1}},K={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},J={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function O(t,o,n){let l=t;return o&&(l+=`__${o}`),n&&(l+=`--${n}`),l}function V(t,o=!1){const n=o?`.devui-${t}`:`devui-${t}`;return{b:()=>O(n),e:r=>r?O(n,r):"",m:r=>r?O(n,"",r):"",em:(r,d)=>r&&d?O(n,r,d):""}}var Ve="",Q=e.defineComponent({name:"DSvgIcon",props:J,setup(t){const{name:o,color:n,size:l}=e.toRefs(t),a=V("svg-icon"),i=e.computed(()=>`#icon-${o.value}`),s=e.computed(()=>typeof l.value=="number"?`${l.value}px`:l.value),r={width:s.value,height:s.value};return()=>e.createVNode("svg",{class:a.b(),style:r},[e.createVNode("use",{"xlink:href":i.value,fill:n.value},null)])}});function Z(t){return/^((http|https):)?\/\//.test(t)}function ee(t,o){const{component:n,name:l,size:a,color:i,classPrefix:s,rotate:r}=e.toRefs(t),d=V("icon"),f=e.computed(()=>typeof a.value=="number"?`${a.value}px`:a.value),m=n.value?e.resolveDynamicComponent(n.value):e.resolveDynamicComponent(Q),p=()=>e.createVNode("img",e.mergeProps({src:l.value,alt:l.value.split("/")[l.value.split("/").length-1],class:[(r==null?void 0:r.value)==="infinite"&&d.m("spin")],style:{width:f.value||"",transform:`rotate(${r==null?void 0:r.value}deg)`,verticalAlign:"middle"}},o.attrs),null),h=()=>e.createVNode(m,e.mergeProps({name:l.value,color:i.value,size:f.value,class:[(r==null?void 0:r.value)==="infinite"&&d.m("spin")],style:{transform:`rotate(${r==null?void 0:r.value}deg)`}},o.attrs),null),v=()=>{const w=/^icon-/.test(l.value)?l.value:`${s.value}-${l.value}`;return e.createVNode("i",e.mergeProps({class:[s.value,w,(r==null?void 0:r.value)==="infinite"&&d.m("spin")],style:{fontSize:f.value,color:i.value,transform:`rotate(${r==null?void 0:r.value}deg)`}},o.attrs),null)};return{iconDom:()=>n.value?h():Z(l.value)?p():v()}}var I=e.defineComponent({name:"DIcon",props:K,emits:["click"],setup(t,o){const{disabled:n,operable:l}=e.toRefs(t),{iconDom:a}=ee(t,o),i=V("icon"),s=e.computed(()=>({[i.e("container")]:!0,[i.m("disabled")]:n.value,[i.m("operable")]:l.value,[i.m("no-slots")]:!Object.keys(o.slots).length})),r=d=>{n.value||o.emit("click",d)};return()=>{var d,f,m,p;return e.createVNode("div",{class:s.value,onClick:r},[(f=(d=o.slots).prefix)==null?void 0:f.call(d),a(),(p=(m=o.slots).suffix)==null?void 0:p.call(m)])}}}),Ee="";e.defineComponent({name:"DIconGroup",setup(t,o){const n=V("icon-group");return()=>{var l,a;return e.createVNode("div",{class:n.b()},[(a=(l=o.slots).default)==null?void 0:a.call(l)])}}});const te={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function R(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const t=document.documentElement.scrollTop,o=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${t}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{o?document.documentElement.setAttribute("style",o):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=t}}}function oe(t,o){let n;const l=i=>{i.preventDefault(),o.emit("click",i),t.closeOnClickOverlay&&o.emit("update:modelValue",!1)},a=()=>{n==null||n()};return e.watch(()=>t.modelValue,i=>{i?t.lockScroll&&(n=R()):a()}),e.onUnmounted(a),{onClick:l}}var Ce="";const ne=e.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:te,emits:["update:modelValue","click"],setup(t,o){const{modelValue:n}=e.toRefs(t),l=V("fixed-overlay"),{onClick:a}=oe(t,o);return()=>e.createVNode(e.Transition,{name:l.m("fade")},{default:()=>{var i,s;return[n.value&&e.createVNode("div",e.mergeProps({class:l.b()},o.attrs,{onClick:a}),[(s=(i=o.slots).default)==null?void 0:s.call(i)])]}})}}),le={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},shiftOffset:{type:Number},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0},clickEventBubble:{type:Boolean,default:!1}};function ae(t){const o=/(auto|scroll|hidden)/;for(let n=t;n=n.parentElement;n.parentElement!==document.body){const l=window.getComputedStyle(n);if(o.test(l.overflow+l.overflowX+l.overflowY))return n}return window}function re(t,o,n,l){let{x:a,y:i}=o;if(!t){const{width:s,height:r}=l;a&&n.includes("start")&&(a=12),a&&n.includes("end")&&(a=Math.round(s-24)),i&&n.includes("start")&&(i=10),i&&n.includes("end")&&(i=r-14)}return{x:a,y:i}}function ie(t,o){const n=e.ref(),l=e.ref();let a=null;const i=(r,d,f,m)=>{const{x:p,y:h}=re(t.isArrowCenter,f,d,m.getBoundingClientRect()),v={top:"bottom",right:"left",bottom:"top",left:"right"}[d.split("-")[0]];Object.assign(r.style,{left:p?`${p}px`:"",top:h?`${h}px`:"",right:"",bottom:"",[v]:"-4px"})},s=async()=>{const r=t.origin,d=e.unref(n.value),f=e.unref(l.value),m=[u.offset(t.offset),u.autoPlacement({alignment:t.align,allowedPlacements:t.position})];t.showArrow&&m.push(u.arrow({element:f})),t.shiftOffset!==void 0&&m.push(u.shift());const{x:p,y:h,placement:v,middlewareData:g}=await u.computePosition(r,d,{strategy:"fixed",middleware:m});let w=p,E=h;if(t.shiftOffset!==void 0){const{x,y:N}=g.shift;x<0&&(w-=t.shiftOffset),x>0&&(w+=t.shiftOffset),N<0&&(E-=t.shiftOffset),N>0&&(E+=t.shiftOffset)}o("positionChange",v),Object.assign(d.style,{top:`${E}px`,left:`${w}px`}),t.showArrow&&i(f,v,g.arrow,d)};return e.watch(()=>t.modelValue,()=>{t.modelValue&&t.origin?(a=ae(t.origin),e.nextTick(s),a==null||a.addEventListener("scroll",s),a!==window&&window.addEventListener("scroll",s),window.addEventListener("resize",s)):(a==null||a.removeEventListener("scroll",s),a!==window&&window.removeEventListener("scroll",s),window.removeEventListener("resize",s))}),e.onUnmounted(()=>{a==null||a.removeEventListener("scroll",s),a!==window&&window.removeEventListener("scroll",s),window.removeEventListener("resize",s)}),{arrowRef:l,overlayRef:n,updatePosition:s}}var xe="";e.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:le,emits:["update:modelValue","positionChange"],setup(t,{slots:o,attrs:n,emit:l,expose:a}){const i=V("flexible-overlay"),{clickEventBubble:s}=e.toRefs(t),{arrowRef:r,overlayRef:d,updatePosition:f}=ie(t,l);return a({updatePosition:f}),()=>{var m;return t.modelValue&&e.createVNode("div",e.mergeProps({ref:d,class:i.b()},n,{onClick:e.withModifiers(()=>({}),[s.value?"":"stop"]),onPointerup:e.withModifiers(()=>({}),["stop"])}),[(m=o.default)==null?void 0:m.call(o),t.showArrow&&e.createVNode("div",{ref:r,class:i.e("arrow")},null)])}}});const se=typeof window!="undefined";function ce(t,o){function n(){o("update:modelValue",!1)}function l(){t.beforeClose?t.beforeClose(n):n()}function a(i){i.code==="Escape"&&l()}return e.onMounted(()=>{t.escapable&&window.addEventListener("keydown",a)}),e.onUnmounted(()=>{t.escapable&&window.addEventListener("keydown",a)}),{execClose:l}}function de(t){let o;const n=()=>{o==null||o()};e.watch(()=>t.modelValue,l=>{l?t.lockScroll&&(o=R()):n()},{immediate:!0}),e.onUnmounted(n)}function z(t,o="px"){return t?typeof t=="string"?t:typeof t=="number"?`${t}${o}`:"":""}const ue=(t,o,n)=>{const l=e.ref("translate(-50%, -50%)");let a={offsetX:0,offsetY:0};const i=f=>{const m=f.clientX,p=f.clientY,{offsetX:h,offsetY:v}=a,g=t.value.getBoundingClientRect(),w=g.left,E=g.top,x=g.width,N=g.height,C=document.documentElement.clientWidth,y=document.documentElement.clientHeight,S=-w+h,pe=-E+v,ye=C-w-x+h,he=y-E-N+v,F=U=>{const j=Math.min(Math.max(h+U.clientX-m,S),ye),H=Math.min(Math.max(v+U.clientY-p,pe),he);a={offsetX:j,offsetY:H},l.value=`translate(calc(-50% + ${z(j)}), calc(-50% + ${z(H)}))`},Y=()=>{document.removeEventListener("mousemove",F),document.removeEventListener("mouseup",Y)};document.addEventListener("mousemove",F),document.addEventListener("mouseup",Y)},s=()=>{o.value&&t.value&&o.value.addEventListener("mousedown",i)},r=()=>{o.value&&t.value&&o.value.removeEventListener("mousedown",i)};return e.onMounted(()=>{e.watchEffect(()=>{n.value?s():r()})}),e.onBeforeUnmount(()=>{r()}),{clearPosition:()=>{a={offsetX:0,offsetY:0},l.value="translate(-50%, -50%)"},modalPosition:l}};var B=e.defineComponent({name:"DModalHeader",setup(t,{slots:o}){const n=V("modal");return()=>{var l;return e.createVNode("div",{class:n.e("header")},[(l=o.default)==null?void 0:l.call(o)])}}}),D=e.defineComponent({name:"DModalBody",setup(t,{slots:o}){const n=V("modal");return()=>{var l;return e.createVNode("div",{class:n.e("body")},[(l=o.default)==null?void 0:l.call(o)])}}}),Ne="",k=e.defineComponent({name:"DModal",inheritAttrs:!1,props:b,emits:["update:modelValue"],setup(t,{slots:o,attrs:n,emit:l}){const a=V("modal"),{modelValue:i,title:s,showClose:r,showOverlay:d,appendToBody:f,closeOnClickOverlay:m,keepLast:p}=e.toRefs(t),{execClose:h}=ce(t,l);de(t);const v=e.ref(),g=e.ref(),w=e.computed(()=>t.draggable),{clearPosition:E,modalPosition:x}=ue(v,g,w);e.watch(i,C=>{C&&!p.value&&(E(),e.nextTick(()=>{const y=document==null?void 0:document.querySelector("[autofocus]");y&&y.focus()}))});const N=()=>{const y=[{type:"success",text:"\u6210\u529F",icon:"right-o",color:"var(--devui-success)"},{type:"failed",text:"\u9519\u8BEF",icon:"error-o",color:"var(--devui-danger)"},{type:"warning",text:"\u8B66\u544A",icon:"warning-o",color:"var(--devui-warning)"},{type:"info",text:"\u4FE1\u606F",icon:"info-o",color:"var(--devui-info)"}].find(S=>S.type===t.type);return e.createVNode("div",{style:{cursor:t.draggable?"move":"default"},ref:g},[e.createVNode(B,null,{default:()=>[e.createVNode("div",{class:"type-content"},[e.createVNode("div",{class:"type-content-icon"},[e.createVNode(I,{name:y==null?void 0:y.icon,color:y==null?void 0:y.color},null)]),e.createVNode("div",{class:"type-content-text"},[y==null?void 0:y.text])])]})])};return()=>e.createVNode(e.Teleport,{to:"body",disabled:!f.value},{default:()=>[d.value&&e.createVNode(ne,e.mergeProps({modelValue:i.value},{"onUpdate:modelValue":h},{class:a.e("overlay"),"lock-scroll":!1,"close-on-click-overlay":m.value,style:{zIndex:"calc(var(--devui-z-index-modal, 1050) - 1)"}}),null),e.createVNode(e.Transition,{name:t.showAnimation?a.m("wipe"):""},{default:()=>{var C;return[i.value&&e.createVNode("div",e.mergeProps({ref:v,class:a.b()},n,{onClick:y=>y.stopPropagation(),style:{transform:x.value}}),[r.value&&e.createVNode("div",{onClick:h,class:"btn-close"},[e.createVNode(I,{name:"close",size:"20px"},null)]),t.type?N():e.createVNode("div",{style:{cursor:t.draggable?"move":"default"},ref:g},[o.header?o.header():s.value&&e.createVNode(B,null,{default:()=>[s.value]})]),e.createVNode(D,null,{default:()=>{var y;return[(y=o.default)==null?void 0:y.call(o)]}}),(C=o.footer)==null?void 0:C.call(o)])]}})]})}}),X=e.defineComponent({name:"DModalFooter",setup(t,{slots:o}){const n=V("modal");return()=>{var l;return e.createVNode("div",{class:n.e("footer")},[(l=o.default)==null?void 0:l.call(o)])}}});class fe{constructor(o){this.anchorContainer=o}renderModal(o,n,l){const a=e.h(this.component(),n,l);return e.render(a,o),a}renderNull(o){setTimeout(()=>{e.render(null,o)},500)}}let M;class L extends fe{component(){return k}open(o={}){const n=document.createElement("div");this.anchorContainer.appendChild(n);const m=o,{header:l,content:a,footer:i}=m,s=W(m,["header","content","footer"]),r=(p,h)=>this.renderModal(n,$(T({},p),{modelValue:!0,"onUpdate:modelValue":h}),{header:l,default:a,footer:i}),d=()=>{var h,v,g;const p=w=>{w||d()};r(s,w=>{w?r(s,p):(this.renderModal(n,$(T({},s),{modelValue:!1})),this.renderNull(n))}),(g=(v=(h=M==null?void 0:M.component)==null?void 0:h.exposed)==null?void 0:v.handleVisibleChange)==null||g.call(v,!1)},f=p=>{p||d()};return this.renderModal(n,{modelValue:!1}),M=r(s,f),{hide:d}}}G(L,"token","MODAL_SERVICE_TOKEN");var me={title:"Modal \u5F39\u7A97",category:"\u53CD\u9988",status:"100%",install(t){if(t.component(k.name,k),t.component(B.name,B),t.component(D.name,D),t.component(X.name,X),!se)return;let o=document.getElementById("d-modal-anchors-container");o||(o=document.createElement("div"),o.setAttribute("id","d-modal-anchors-container"),document.body.appendChild(o)),t.provide(L.token,new L(o))}};c.Modal=k,c.default=me,c.modalProps=b,Object.defineProperty(c,"__esModule",{value:!0}),c[Symbol.toStringTag]="Module"});
+var ve=Object.defineProperty,ge=Object.defineProperties;var we=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var T=(c,e,u)=>e in c?ve(c,e,{enumerable:!0,configurable:!0,writable:!0,value:u}):c[e]=u,$=(c,e)=>{for(var u in e||(e={}))_.call(e,u)&&T(c,u,e[u]);if(D)for(var u of D(e))q.call(e,u)&&T(c,u,e[u]);return c},I=(c,e)=>ge(c,we(e));var W=(c,e)=>{var u={};for(var b in c)_.call(c,b)&&e.indexOf(b)<0&&(u[b]=c[b]);if(c!=null&&D)for(var b of D(c))e.indexOf(b)<0&&q.call(c,b)&&(u[b]=c[b]);return u};var G=(c,e,u)=>(T(c,typeof e!="symbol"?e+"":e,u),u);(function(c,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom"],e):(c=typeof globalThis!="undefined"?globalThis:c||self,e(c.index={},c.Vue,c.dom))})(this,function(c,e,u){"use strict";const b={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},lockScroll:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0},beforeClose:{type:Function},escapable:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},showAnimation:{type:Boolean,default:!0},showOverlay:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!0},type:{type:String,default:""},keepLast:{type:Boolean,default:!1}},K={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},J={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function M(t,o,n){let l=t;return o&&(l+=`__${o}`),n&&(l+=`--${n}`),l}function V(t,o=!1){const n=o?`.devui-${t}`:`devui-${t}`;return{b:()=>M(n),e:r=>r?M(n,r):"",m:r=>r?M(n,"",r):"",em:(r,d)=>r&&d?M(n,r,d):""}}var Ve="",Q=e.defineComponent({name:"DSvgIcon",props:J,setup(t){const{name:o,color:n,size:l}=e.toRefs(t),a=V("svg-icon"),i=e.computed(()=>`#icon-${o.value}`),s=e.computed(()=>typeof l.value=="number"?`${l.value}px`:l.value),r={width:s.value,height:s.value};return()=>e.createVNode("svg",{class:a.b(),style:r},[e.createVNode("use",{"xlink:href":i.value,fill:n.value},null)])}});function Z(t){return/^((http|https):)?\/\//.test(t)}function ee(t,o){const{component:n,name:l,size:a,color:i,classPrefix:s,rotate:r}=e.toRefs(t),d=V("icon"),f=e.computed(()=>typeof a.value=="number"?`${a.value}px`:a.value),m=n.value?e.resolveDynamicComponent(n.value):e.resolveDynamicComponent(Q),p=()=>e.createVNode("img",e.mergeProps({src:l.value,alt:l.value.split("/")[l.value.split("/").length-1],class:[(r==null?void 0:r.value)==="infinite"&&d.m("spin")],style:{width:f.value||"",transform:`rotate(${r==null?void 0:r.value}deg)`,verticalAlign:"middle"}},o.attrs),null),h=()=>e.createVNode(m,e.mergeProps({name:l.value,color:i.value,size:f.value,class:[(r==null?void 0:r.value)==="infinite"&&d.m("spin")],style:{transform:`rotate(${r==null?void 0:r.value}deg)`}},o.attrs),null),v=()=>{const w=/^icon-/.test(l.value)?l.value:`${s.value}-${l.value}`;return e.createVNode("i",e.mergeProps({class:[s.value,w,(r==null?void 0:r.value)==="infinite"&&d.m("spin")],style:{fontSize:f.value,color:i.value,transform:`rotate(${r==null?void 0:r.value}deg)`}},o.attrs),null)};return{iconDom:()=>n.value?h():Z(l.value)?p():v()}}var R=e.defineComponent({name:"DIcon",props:K,emits:["click"],setup(t,o){const{disabled:n,operable:l}=e.toRefs(t),{iconDom:a}=ee(t,o),i=V("icon"),s=e.computed(()=>({[i.e("container")]:!0,[i.m("disabled")]:n.value,[i.m("operable")]:l.value,[i.m("no-slots")]:!Object.keys(o.slots).length})),r=d=>{n.value||o.emit("click",d)};return()=>{var d,f,m,p;return e.createVNode("div",{class:s.value,onClick:r},[(f=(d=o.slots).prefix)==null?void 0:f.call(d),a(),(p=(m=o.slots).suffix)==null?void 0:p.call(m)])}}}),Ee="";e.defineComponent({name:"DIconGroup",setup(t,o){const n=V("icon-group");return()=>{var l,a;return e.createVNode("div",{class:n.b()},[(a=(l=o.slots).default)==null?void 0:a.call(l)])}}});const te={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function z(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const t=document.documentElement.scrollTop,o=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${t}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{o?document.documentElement.setAttribute("style",o):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=t}}}function oe(t,o){let n;const l=i=>{i.preventDefault(),o.emit("click",i),t.closeOnClickOverlay&&o.emit("update:modelValue",!1)},a=()=>{n==null||n()};return e.watch(()=>t.modelValue,i=>{i?t.lockScroll&&(n=z()):a()}),e.onUnmounted(a),{onClick:l}}var Ce="";const ne=e.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:te,emits:["update:modelValue","click"],setup(t,o){const{modelValue:n}=e.toRefs(t),l=V("fixed-overlay"),{onClick:a}=oe(t,o);return()=>e.createVNode(e.Transition,{name:l.m("fade")},{default:()=>{var i,s;return[n.value&&e.createVNode("div",e.mergeProps({class:l.b()},o.attrs,{onClick:a}),[(s=(i=o.slots).default)==null?void 0:s.call(i)])]}})}}),le={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},shiftOffset:{type:Number},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0},clickEventBubble:{type:Boolean,default:!1}};function ae(t){const o=/(auto|scroll|hidden)/;for(let n=t;n=n.parentElement;n.parentElement!==document.body){const l=window.getComputedStyle(n);if(o.test(l.overflow+l.overflowX+l.overflowY))return n}return window}function re(t,o,n,l){let{x:a,y:i}=o;if(!t){const{width:s,height:r}=l;a&&n.includes("start")&&(a=12),a&&n.includes("end")&&(a=Math.round(s-24)),i&&n.includes("start")&&(i=10),i&&n.includes("end")&&(i=r-14)}return{x:a,y:i}}function ie(t,o){const n=e.ref(),l=e.ref();let a=null;const i=(r,d,f,m)=>{const{x:p,y:h}=re(t.isArrowCenter,f,d,m.getBoundingClientRect()),v={top:"bottom",right:"left",bottom:"top",left:"right"}[d.split("-")[0]];Object.assign(r.style,{left:p?`${p}px`:"",top:h?`${h}px`:"",right:"",bottom:"",[v]:"-4px"})},s=async()=>{const r=t.origin,d=e.unref(n.value),f=e.unref(l.value),m=[u.offset(t.offset),u.autoPlacement({alignment:t.align,allowedPlacements:t.position})];t.showArrow&&m.push(u.arrow({element:f})),t.shiftOffset!==void 0&&m.push(u.shift());const{x:p,y:h,placement:v,middlewareData:g}=await u.computePosition(r,d,{strategy:"fixed",middleware:m});let w=p,E=h;if(t.shiftOffset!==void 0){const{x:N,y:x}=g.shift;N<0&&(w-=t.shiftOffset),N>0&&(w+=t.shiftOffset),x<0&&(E-=t.shiftOffset),x>0&&(E+=t.shiftOffset)}o("positionChange",v),Object.assign(d.style,{top:`${E}px`,left:`${w}px`}),t.showArrow&&i(f,v,g.arrow,d)};return e.watch(()=>t.modelValue,()=>{t.modelValue&&t.origin?(a=ae(t.origin),e.nextTick(s),a==null||a.addEventListener("scroll",s),a!==window&&window.addEventListener("scroll",s),window.addEventListener("resize",s)):(a==null||a.removeEventListener("scroll",s),a!==window&&window.removeEventListener("scroll",s),window.removeEventListener("resize",s))}),e.onUnmounted(()=>{a==null||a.removeEventListener("scroll",s),a!==window&&window.removeEventListener("scroll",s),window.removeEventListener("resize",s)}),{arrowRef:l,overlayRef:n,updatePosition:s}}var Ne="";e.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:le,emits:["update:modelValue","positionChange"],setup(t,{slots:o,attrs:n,emit:l,expose:a}){const i=V("flexible-overlay"),{clickEventBubble:s}=e.toRefs(t),{arrowRef:r,overlayRef:d,updatePosition:f}=ie(t,l);return a({updatePosition:f}),()=>{var m;return t.modelValue&&e.createVNode("div",e.mergeProps({ref:d,class:i.b()},n,{onClick:e.withModifiers(()=>({}),[s.value?"":"stop"]),onPointerup:e.withModifiers(()=>({}),["stop"])}),[(m=o.default)==null?void 0:m.call(o),t.showArrow&&e.createVNode("div",{ref:r,class:i.e("arrow")},null)])}}});const se=typeof window!="undefined";function ce(t,o){function n(){o("update:modelValue",!1)}function l(){t.beforeClose?t.beforeClose(n):n()}function a(i){i.code==="Escape"&&l()}return e.onMounted(()=>{t.escapable&&window.addEventListener("keydown",a)}),e.onUnmounted(()=>{t.escapable&&window.addEventListener("keydown",a)}),{execClose:l}}function de(t){let o;const n=()=>{o==null||o()};e.watch(()=>t.modelValue,l=>{l?t.lockScroll&&(o=z()):n()},{immediate:!0}),e.onUnmounted(n)}function F(t,o="px"){return t?typeof t=="string"?t:typeof t=="number"?`${t}${o}`:"":""}const ue=(t,o,n)=>{const l=e.ref("translate(-50%, -50%)");let a={offsetX:0,offsetY:0};const i=f=>{const m=f.clientX,p=f.clientY,{offsetX:h,offsetY:v}=a,g=t.value.getBoundingClientRect(),w=g.left,E=g.top,N=g.width,x=g.height,C=document.documentElement.clientWidth,y=document.documentElement.clientHeight,A=-w+h,pe=-E+v,ye=C-w-N+h,he=y-E-x+v,X=U=>{const H=Math.min(Math.max(h+U.clientX-m,A),ye),j=Math.min(Math.max(v+U.clientY-p,pe),he);a={offsetX:H,offsetY:j},l.value=`translate(calc(-50% + ${F(H)}), calc(-50% + ${F(j)}))`},Y=()=>{document.removeEventListener("mousemove",X),document.removeEventListener("mouseup",Y)};document.addEventListener("mousemove",X),document.addEventListener("mouseup",Y)},s=()=>{o.value&&t.value&&o.value.addEventListener("mousedown",i)},r=()=>{o.value&&t.value&&o.value.removeEventListener("mousedown",i)};return e.onMounted(()=>{e.watchEffect(()=>{n.value?s():r()})}),e.onBeforeUnmount(()=>{r()}),{clearPosition:()=>{a={offsetX:0,offsetY:0},l.value="translate(-50%, -50%)"},modalPosition:l}};var O=e.defineComponent({name:"DModalHeader",setup(t,{slots:o}){const n=V("modal");return()=>{var l;return e.createVNode("div",{class:n.e("header")},[(l=o.default)==null?void 0:l.call(o)])}}}),B=e.defineComponent({name:"DModalBody",setup(t,{slots:o}){const n=V("modal");return()=>{var l;return e.createVNode("div",{class:n.e("body")},[(l=o.default)==null?void 0:l.call(o)])}}}),xe="",k=e.defineComponent({name:"DModal",inheritAttrs:!1,props:b,emits:["update:modelValue"],setup(t,{slots:o,attrs:n,emit:l}){const a=V("modal"),{modelValue:i,title:s,showClose:r,showOverlay:d,appendToBody:f,closeOnClickOverlay:m,keepLast:p}=e.toRefs(t),{execClose:h}=ce(t,l);de(t);const v=e.ref(),g=e.ref(),w=e.computed(()=>t.draggable),{clearPosition:E,modalPosition:N}=ue(v,g,w);e.watch(i,C=>{C&&!p.value&&(E(),e.nextTick(()=>{const y=document==null?void 0:document.querySelector("[autofocus]");y&&y.focus()}))});const x=()=>{const y=[{type:"success",text:"\u6210\u529F",icon:"right-o",color:"var(--devui-success)"},{type:"failed",text:"\u9519\u8BEF",icon:"error-o",color:"var(--devui-danger)"},{type:"warning",text:"\u8B66\u544A",icon:"warning-o",color:"var(--devui-warning)"},{type:"info",text:"\u4FE1\u606F",icon:"info-o",color:"var(--devui-info)"}].find(A=>A.type===t.type);return e.createVNode("div",{style:{cursor:t.draggable?"move":"default"},ref:g},[e.createVNode(O,null,{default:()=>[e.createVNode("div",{class:"type-content"},[e.createVNode("div",{class:"type-content-icon"},[e.createVNode(R,{name:y==null?void 0:y.icon,color:y==null?void 0:y.color},null)]),e.createVNode("div",{class:"type-content-text"},[y==null?void 0:y.text])])]})])};return()=>e.createVNode(e.Teleport,{to:"body",disabled:!f.value},{default:()=>[d.value&&e.createVNode(ne,e.mergeProps({modelValue:i.value},{"onUpdate:modelValue":h},{class:a.e("overlay"),"lock-scroll":!1,"close-on-click-overlay":m.value,style:{zIndex:"calc(var(--devui-z-index-modal, 1050) - 1)"}}),null),e.createVNode(e.Transition,{name:t.showAnimation?a.m("wipe"):""},{default:()=>{var C;return[i.value&&e.createVNode("div",e.mergeProps({ref:v,class:a.b()},n,{onClick:y=>y.stopPropagation(),style:{transform:N.value}}),[r.value&&e.createVNode("div",{onClick:h,class:"btn-close"},[e.createVNode(R,{name:"close",size:"20px"},null)]),t.type?x():e.createVNode("div",{style:{cursor:t.draggable?"move":"default"},ref:g},[o.header?o.header():s.value&&e.createVNode(O,null,{default:()=>[s.value]})]),e.createVNode(B,null,{default:()=>{var y;return[(y=o.default)==null?void 0:y.call(o)]}}),(C=o.footer)==null?void 0:C.call(o)])]}})]})}}),L=e.defineComponent({name:"DModalFooter",setup(t,{slots:o}){const n=V("modal");return()=>{var l;return e.createVNode("div",{class:n.e("footer")},[(l=o.default)==null?void 0:l.call(o)])}}});class fe{constructor(o){this.anchorContainer=o}renderModal(o,n,l){const a=e.h(this.component(),n,l);return e.render(a,o),a}renderNull(o){setTimeout(()=>{e.render(null,o)},500)}}let P;class S extends fe{component(){return k}open(o={}){const n=document.createElement("div");this.anchorContainer.appendChild(n);const m=o,{header:l,content:a,footer:i}=m,s=W(m,["header","content","footer"]),r=(p,h)=>this.renderModal(n,I($({},p),{modelValue:!0,"onUpdate:modelValue":h}),{header:l,default:a,footer:i}),d=()=>{var h,v,g;const p=w=>{w||d()};r(s,w=>{w?r(s,p):(this.renderModal(n,I($({},s),{modelValue:!1})),this.renderNull(n))}),(g=(v=(h=P==null?void 0:P.component)==null?void 0:h.exposed)==null?void 0:v.handleVisibleChange)==null||g.call(v,!1)},f=p=>{p||d()};return this.renderModal(n,{modelValue:!1}),P=r(s,f),{hide:d}}}G(S,"token","MODAL_SERVICE_TOKEN");var me={title:"Modal \u5F39\u7A97",category:"\u53CD\u9988",status:"100%",install(t){if(t.component(k.name,k),t.component(O.name,O),t.component(B.name,B),t.component(L.name,L),!se)return;let o=document.getElementById("d-modal-anchors-container");o||(o=document.createElement("div"),o.setAttribute("id","d-modal-anchors-container"),document.body.appendChild(o)),t.provide(S.token,new S(o))}};c.Modal=k,c.ModalBody=B,c.ModalFooter=L,c.ModalHeader=O,c.default=me,c.modalProps=b,Object.defineProperty(c,"__esModule",{value:!0}),c[Symbol.toStringTag]="Module"});

package/nuxt/components/ActionTimeline.js

@@ -0,0 +1,3 @@
+import '../../action-timeline/style.css' 
+
+export  { ActionTimeline as default } from '../../action-timeline/index.es.js'

package/nuxt/components/Carousel.js

@@ -0,0 +1,3 @@
+import '../../carousel/style.css' 
+
+export  { Carousel as default } from '../../carousel/index.es.js'

package/nuxt/components/CarouselItem.js

@@ -0,0 +1,3 @@
+import '../../carousel/style.css' 
+
+export  { CarouselItem as default } from '../../carousel/index.es.js'

package/nuxt/components/CodeReview.js

@@ -0,0 +1,3 @@
+import '../../code-review/style.css' 
+
+export  { CodeReview as default } from '../../code-review/index.es.js'

package/nuxt/components/EditorMd.js

@@ -0,0 +1,3 @@
+import '../../editor-md/style.css' 
+
+export  { EditorMd as default } from '../../editor-md/index.es.js'

package/nuxt/components/EditorMdInjectionKey.js

@@ -0,0 +1,3 @@
+import '../../editor-md/style.css' 
+
+export  { EditorMdInjectionKey as default } from '../../editor-md/index.es.js'

package/nuxt/components/MdRender.js

@@ -0,0 +1,3 @@
+import '../../editor-md/style.css' 
+
+export  { MdRender as default } from '../../editor-md/index.es.js'

package/nuxt/components/ModalBody.js

@@ -0,0 +1,3 @@
+import '../../modal/style.css' 
+
+export  { ModalBody as default } from '../../modal/index.es.js'

package/nuxt/components/ModalFooter.js

@@ -0,0 +1,3 @@
+import '../../modal/style.css' 
+
+export  { ModalFooter as default } from '../../modal/index.es.js'

package/nuxt/components/ModalHeader.js

@@ -0,0 +1,3 @@
+import '../../modal/style.css' 
+
+export  { ModalHeader as default } from '../../modal/index.es.js'

package/nuxt/components/SplitterPane.js

@@ -0,0 +1,3 @@
+import '../../splitter/style.css' 
+
+export  { SplitterPane as default } from '../../splitter/index.es.js'

package/nuxt/components/actionTimelineProps.js

@@ -0,0 +1,3 @@
+import '../../action-timeline/style.css' 
+
+export  { actionTimelineProps as default } from '../../action-timeline/index.es.js'

package/nuxt/components/codeReviewProps.js

@@ -0,0 +1,3 @@
+import '../../code-review/style.css' 
+
+export  { codeReviewProps as default } from '../../code-review/index.es.js'

package/nuxt/components/editorMdProps.js

@@ -0,0 +1,3 @@
+import '../../editor-md/style.css' 
+
+export  { editorMdProps as default } from '../../editor-md/index.es.js'

package/nuxt/components/mdRenderProps.js

@@ -0,0 +1,3 @@
+import '../../editor-md/style.css' 
+
+export  { mdRenderProps as default } from '../../editor-md/index.es.js'

package/nuxt/components/mdToolbarItemProps.js

@@ -0,0 +1,3 @@
+import '../../editor-md/style.css' 
+
+export  { mdToolbarItemProps as default } from '../../editor-md/index.es.js'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-devui",
-  "version": "1.5.4-alpha.0",
+  "version": "1.5.5",
   "license": "MIT",
   "description": "DevUI components based on Vite and Vue3",
   "keywords": [
@@ -30,17 +30,24 @@
     "@devui-design/icons": "^1.3.0",
     "@floating-ui/dom": "^0.4.4",
     "@types/lodash-es": "^4.17.4",
+    "@types/codemirror": "0.0.97",
+    "codemirror": "5.63.3",
+    "highlight.js": "10.7.3",
+    "markdown-it": "12.2.0",
+    "mermaid": "9.1.1",
+    "xss": "^1.0.14",
     "@vue/shared": "^3.2.33",
     "@vueuse/core": "8.9.4",
     "async-validator": "^4.0.7",
     "clipboard-copy": "^4.0.1",
     "dayjs": "^1.11.3",
     "devui-theme": "^0.0.1",
+    "diff2html": "^3.4.35",
     "fs-extra": "^10.0.0",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.20",
     "mitt": "^3.0.0",
-    "vue-router": "^4.0.3",
-    "monaco-editor": "0.34.0"
+    "monaco-editor": "0.34.0",
+    "vue-router": "^4.0.3"
   }
 }

package/splitter/index.es.js

@@ -6772,4 +6772,4 @@ var index = {
     app.component(SplitterPane.name, SplitterPane);
   }
 };
-export { Splitter, index as default, splitterProps };
+export { Splitter, SplitterPane, index as default, splitterProps };