vue-devui 1.0.0-alpha.1 → 1.0.0-alpha.5

package/input-number/index.es.js

@@ -1 +1 @@
-import{defineComponent as e,ref as t,computed as u,createVNode as a,createTextVNode as n}from"vue";var l=e({name:"DInputNumber",props:{placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},step:{type:Number,default:0},max:{type:Number,default:1/0},min:{type:Number,default:-1/0},size:{type:String,default:""},modelValue:{type:Number,default:0},"onUpdate:modelValue":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}},emits:["update:modelValue","change","input","focus","blur","keydown"],setup(e,a){const n=t(e.modelValue),l=u((()=>`devui-input-number-${e.size}`)),d=u((()=>e.disabled?"devui-input-disabled":""));return{inputVal:n,isDisabled:d,isSize:l,add:()=>{e.disabled||n.value>=e.max||(n.value+=0!=e.step?e.step:1,a.emit("change",n.value),a.emit("update:modelValue",n.value))},subtract:()=>{e.disabled||n.value<=e.min||(n.value-=0!=e.step?e.step:1,a.emit("change",n.value),a.emit("update:modelValue",n.value))},onInput:e=>{n.value=parseInt(e.data),a.emit("input",e.data),a.emit("update:modelValue",e.data)},onChange:e=>{a.emit("change",e.target.value)},onKeydown:e=>{a.emit("keydown",e)},onBlur:e=>{a.emit("blur",e)},onFocus:e=>{a.emit("focus",e)}}},render(){const{placeholder:e,add:t,inputVal:u,isDisabled:l,isSize:d,subtract:i,onInput:o,onChange:s,onKeydown:p,onBlur:r,onFocus:m}=this;return a("div",{class:["devui-input-number",l,d]},[a("div",{class:"devui-input-item"},[a("span",{class:"devui-subtract",onClick:i},[n("-")]),a("input",{type:"number",value:u,class:"devui-input-style",placeholder:e,onInput:o,onChange:s,onFocus:m,onBlur:r,onKeydown:p},null),a("span",{class:"devui-add",onClick:t},[n("+")])])])}});l.install=function(e){e.component(l.name,l)};var d={title:"InputNumber 数字输入框",category:"导航",install(e){e.use(l)}};export{l as InputNumber,d as default};
+var e=Object.defineProperty,t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,a=(t,n,u)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:u}):t[n]=u;"undefined"!=typeof require&&require;import{defineComponent as l,createVNode as i,ref as o,computed as r}from"vue";const d={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},step:{type:Number,default:0},max:{type:Number,default:1/0},min:{type:Number,default:-1/0},size:{type:String,default:""},modelValue:{type:Number,default:0},"onUpdate:modelValue":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var p=l({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup:e=>((e,l)=>{for(var i in l||(l={}))n.call(l,i)&&a(e,i,l[i]);if(t)for(var i of t(l))u.call(l,i)&&a(e,i,l[i]);return e})({},e),render(){const{name:e,size:t,color:n,classPrefix:u}=this;return i("i",{class:`${u} ${u}-${e}`,style:{fontSize:t,color:n}},null)}}),s=l({name:"DInputNumber",props:d,emits:["update:modelValue","change","input","focus","blur","keydown"],setup(e,t){const n=o(e.modelValue),u=o(""),a=r((()=>`devui-input-number-${e.size}`)),l=r((()=>e.disabled));return{inputVal:n,focusVal:u,isDisabled:l,isSize:a,add:()=>{e.disabled||n.value>=e.max||(n.value+=0!=e.step?e.step:1,u.value="active",t.emit("change",n.value),t.emit("update:modelValue",n.value))},subtract:()=>{e.disabled||n.value<=e.min||(n.value-=0!=e.step?e.step:1,u.value="active",t.emit("change",n.value),t.emit("update:modelValue",n.value))},onInput:e=>{n.value=parseInt(e.data),t.emit("input",e.data),t.emit("update:modelValue",e.data)},onChange:e=>{t.emit("change",e.target.value)},onKeydown:e=>{t.emit("keydown",e)},onBlur:e=>{u.value="",t.emit("blur",e)},onFocus:e=>{u.value="active",t.emit("focus",e)}}},render(){const{focusVal:e,placeholder:t,add:n,inputVal:u,isDisabled:a,isSize:l,subtract:o,onInput:r,onChange:d,onKeydown:s,onBlur:c,onFocus:m}=this;return i("div",{class:["devui-input-number",a?"devui-input-disabled":"",l]},[i("div",{onBlur:c,tabindex:"1",class:["devui-control-buttons",e.value]},[i("span",{onClick:n},[i(p,{size:"12px",name:"chevron-up"},null)]),i("span",{onClick:o},[i(p,{size:"12px",name:"chevron-down"},null)])]),i("div",{class:"devui-input-item"},[i("input",{type:"number",value:u,placeholder:t,disabled:a,class:["devui-input-style devui-input-box",e.value],onInput:r,onChange:d,onFocus:m,onBlur:c,onKeydown:s},null)])])}});s.install=function(e){e.component(s.name,s)};var c={title:"InputNumber 数字输入框",category:"导航",install(e){e.use(s)}};export{s as InputNumber,c as default};

package/input-number/index.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,t){"use strict";const u={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},step:{type:Number,default:0},max:{type:Number,default:1/0},min:{type:Number,default:-1/0},size:{type:String,default:""},modelValue:{type:Number,default:0},"onUpdate:modelValue":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var n=t.defineComponent({name:"DInputNumber",props:u,emits:["update:modelValue","change","input","focus","blur","keydown"],setup(e,u){const n=t.ref(e.modelValue),a=t.computed((()=>`devui-input-number-${e.size}`)),o=t.computed((()=>e.disabled?"devui-input-disabled":""));return{inputVal:n,isDisabled:o,isSize:a,add:()=>{e.disabled||n.value>=e.max||(n.value+=0!=e.step?e.step:1,u.emit("change",n.value),u.emit("update:modelValue",n.value))},subtract:()=>{e.disabled||n.value<=e.min||(n.value-=0!=e.step?e.step:1,u.emit("change",n.value),u.emit("update:modelValue",n.value))},onInput:e=>{n.value=parseInt(e.data),u.emit("input",e.data),u.emit("update:modelValue",e.data)},onChange:e=>{u.emit("change",e.target.value)},onKeydown:e=>{u.emit("keydown",e)},onBlur:e=>{u.emit("blur",e)},onFocus:e=>{u.emit("focus",e)}}},render(){const{placeholder:e,add:u,inputVal:n,isDisabled:a,isSize:o,subtract:d,onInput:i,onChange:l,onKeydown:s,onBlur:p,onFocus:r}=this,c=["devui-input-number",a,o];return t.createVNode("div",{class:c},[t.createVNode("div",{class:"devui-input-item"},[t.createVNode("span",{class:"devui-subtract",onClick:d},[t.createTextVNode("-")]),t.createVNode("input",{type:"number",value:n,class:"devui-input-style",placeholder:e,onInput:i,onChange:l,onFocus:r,onBlur:p,onKeydown:s},null),t.createVNode("span",{class:"devui-add",onClick:u},[t.createTextVNode("+")])])])}});n.install=function(e){e.component(n.name,n)};var a={title:"InputNumber 数字输入框",category:"导航",install(e){e.use(n)}};e.InputNumber=n,e.default=a,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+var __defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,n)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,__spreadValues=(e,t)=>{for(var n in t||(t={}))__hasOwnProp.call(t,n)&&__defNormalProp(e,n,t[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(t))__propIsEnum.call(t,n)&&__defNormalProp(e,n,t[n]);return e},__require="undefined"!=typeof require?require:e=>{throw new Error('Dynamic require of "'+e+'" is not supported')};!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,t){"use strict";const n={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},step:{type:Number,default:0},max:{type:Number,default:1/0},min:{type:Number,default:-1/0},size:{type:String,default:""},modelValue:{type:Number,default:0},"onUpdate:modelValue":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var o=t.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup:e=>__spreadValues({},e),render(){const{name:e,size:n,color:o,classPrefix:u}=this;return t.createVNode("i",{class:`${u} ${u}-${e}`,style:{fontSize:n,color:o}},null)}}),u=t.defineComponent({name:"DInputNumber",props:n,emits:["update:modelValue","change","input","focus","blur","keydown"],setup(e,n){const o=t.ref(e.modelValue),u=t.ref(""),a=t.computed((()=>`devui-input-number-${e.size}`)),l=t.computed((()=>e.disabled));return{inputVal:o,focusVal:u,isDisabled:l,isSize:a,add:()=>{e.disabled||o.value>=e.max||(o.value+=0!=e.step?e.step:1,u.value="active",n.emit("change",o.value),n.emit("update:modelValue",o.value))},subtract:()=>{e.disabled||o.value<=e.min||(o.value-=0!=e.step?e.step:1,u.value="active",n.emit("change",o.value),n.emit("update:modelValue",o.value))},onInput:e=>{o.value=parseInt(e.data),n.emit("input",e.data),n.emit("update:modelValue",e.data)},onChange:e=>{n.emit("change",e.target.value)},onKeydown:e=>{n.emit("keydown",e)},onBlur:e=>{u.value="",n.emit("blur",e)},onFocus:e=>{u.value="active",n.emit("focus",e)}}},render(){const{focusVal:e,placeholder:n,add:u,inputVal:a,isDisabled:l,isSize:r,subtract:i,onInput:d,onChange:p,onKeydown:s,onBlur:c,onFocus:m}=this,f=["devui-input-number",l?"devui-input-disabled":"",r];return t.createVNode("div",{class:f},[t.createVNode("div",{onBlur:c,tabindex:"1",class:["devui-control-buttons",e.value]},[t.createVNode("span",{onClick:u},[t.createVNode(o,{size:"12px",name:"chevron-up"},null)]),t.createVNode("span",{onClick:i},[t.createVNode(o,{size:"12px",name:"chevron-down"},null)])]),t.createVNode("div",{class:"devui-input-item"},[t.createVNode("input",{type:"number",value:a,placeholder:n,disabled:l,class:["devui-input-style devui-input-box",e.value],onInput:d,onChange:p,onFocus:m,onBlur:c,onKeydown:s},null)])])}});u.install=function(e){e.component(u.name,u)};var a={title:"InputNumber 数字输入框",category:"导航",install(e){e.use(u)}};e.InputNumber=u,e.default=a,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));

package/input-number/style.css

@@ -1 +1 @@
-.devui-input-number{position:relative;display:block;width:180px;line-height:38px}.devui-input-number.devui-input-disabled .devui-subtract,.devui-input-number.devui-input-disabled .devui-add,.devui-input-number.devui-input-disabled .devui-input-style{cursor:not-allowed;border-color:#e4e7ed;color:#e4e7ed}.devui-input-number.devui-input-disabled .devui-input-style{background-color:#f5f7fa;color:#c0c4cc}.devui-input-number.devui-input-number-sm .devui-subtract,.devui-input-number.devui-input-number-sm .devui-add{width:40px;height:34px;line-height:34px}.devui-input-number.devui-input-number-sm .devui-input-style{width:70px;height:34px;line-height:34px}.devui-input-number.devui-input-number-lg .devui-subtract,.devui-input-number.devui-input-number-lg .devui-add{width:60px}.devui-input-number.devui-input-number-lg .devui-input-style{width:90px}.devui-input-number .devui-input-item{display:flex;display:-webkit-box;width:200px;line-height:38px}.devui-input-number .devui-input-style::-webkit-outer-spin-button,.devui-input-number .devui-input-style::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.devui-input-number .devui-add,.devui-input-number .devui-subtract{display:inline-block;width:50px;height:38px;line-height:38px;text-align:center;font-size:16px;color:#333;background:#f5f7fa;cursor:pointer;border:1px solid #dcdfe6}.devui-input-number .devui-add{float:right;margin-left:-1px;border-radius:0 4px 4px 0}.devui-input-number .devui-subtract{float:left;margin-right:-1px;border-radius:4px 0 0 4px}.devui-input-number .devui-input-style{display:block;-moz-appearance:textfield}.devui-input-number .devui-input-style{flex-grow:1;outline:none;background-color:#fff;border:1px solid #dcdfe6;border-radius:2px;padding:5px 10px;line-height:38px;font-size:12px;color:#252b3a;width:80px;display:block;cursor:text;height:38px;text-align:center;transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-input-number .disabled{cursor:not-allowed}
+.devui-input-number{position:relative;display:inline-block;width:80px;line-height:38px;margin-right:12px}.devui-input-number:hover:not(.devui-input-disabled) .devui-input-box{border-color:var(--devui-form-control-line-hover)}.devui-input-number:hover:not(.devui-input-disabled) .devui-control-buttons:not(.disabled){display:flex;border-color:var(--devui-form-control-line-hover)}.devui-input-number:focus-within .devui-control-buttons{display:flex}.devui-input-number .active{border:1px solid var(--devui-form-control-line-active)!important;display:flex!important}.devui-input-number.devui-input-disabled .devui-subtract,.devui-input-number.devui-input-disabled .devui-add,.devui-input-number.devui-input-disabled .devui-input-style{cursor:not-allowed;border-color:#e4e7ed;color:#e4e7ed}.devui-input-number.devui-input-disabled .devui-input-style{border-color:var(--devui-disabled-line)!important;color:var(--devui-disabled-text)!important;background-color:var(--devui-disabled-bg)!important}.devui-input-number.devui-input-number-sm .devui-subtract,.devui-input-number.devui-input-number-sm .devui-add{width:40px;height:34px;line-height:34px}.devui-input-number.devui-input-number-sm .devui-input-style{height:34px;line-height:34px}.devui-input-number.devui-input-number-lg .devui-subtract,.devui-input-number.devui-input-number-lg .devui-add{width:60px}.devui-input-number .devui-input-item{line-height:100%}.devui-input-number .devui-input-style::-webkit-outer-spin-button,.devui-input-number .devui-input-style::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.devui-input-number .devui-add,.devui-input-number .devui-subtract{display:inline-block;width:50px;height:38px;line-height:38px;text-align:center;font-size:16px;color:#333;background:#f5f7fa;cursor:pointer;border:1px solid #dcdfe6}.devui-input-number .devui-add{float:right;margin-left:-1px;border-radius:0 4px 4px 0}.devui-input-number .devui-subtract{float:left;margin-right:-1px;border-radius:4px 0 0 4px}.devui-input-number .devui-input-style{display:block;-moz-appearance:textfield}.devui-input-number .devui-input-style{outline:none;background-color:var(--devui-base-bg);border:1px solid var(--devui-form-control-line);border-radius:var(--devui-border-radius);padding:4px 8px;line-height:18px;font-size:var(--devui-font-size);color:var(--devui-text);width:100%;display:block;cursor:text;height:28px;transition:border-color .3s var(--devui-animation-ease-in-out-smooth)}.devui-input-number .devui-input-box{box-sizing:border-box;padding:4px 8px;font-size:var(--devui-font-size);vertical-align:middle;border-radius:var(--devui-border-radius);outline:none;width:100%;line-height:20px;height:28px;border-width:1px;border-style:solid}.devui-input-number .devui-input-box:not(.disabled){background-color:var(--devui-base-bg);border-color:var(--devui-line);color:var(--devui-text)}.devui-input-number .disabled{cursor:not-allowed}.devui-input-number .devui-control-buttons{display:none;position:absolute;right:0;width:22px;height:100%;flex-direction:column;justify-content:center;align-items:center;border-left:1px solid var(--devui-line);box-sizing:border-box;line-height:100%;border-radius:0 var(--devui-border-radius) var(--devui-border-radius) 0}.devui-input-number .devui-control-buttons:not(.disabled){cursor:pointer}.devui-input-number .devui-control-buttons>span{display:flex}

package/loading/index.es.js

@@ -1 +1 @@
-var e=Object.defineProperty,t=Object.defineProperties,n=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,a=(t,n,o)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[n]=o,l=(e,t)=>{for(var n in t||(t={}))r.call(t,n)&&a(e,n,t[n]);if(o)for(var n of o(t))i.call(t,n)&&a(e,n,t[n]);return e},s=("undefined"!=typeof require&&require,(e,t,n)=>(a(e,"symbol"!=typeof t?t+"":t,n),n));import{defineComponent as d,ref as c,createVNode as u,h as p,render as v}from"vue";class f{constructor(){s(this,"top","50%"),s(this,"left","50%")}}const y={message:String,backdrop:Boolean,view:{type:Object,default:()=>new f},zIndex:Number,isFull:{type:Boolean,default:!1}};class g{constructor(){s(this,"target"),s(this,"message"),s(this,"loadingTemplateRef"),s(this,"backdrop",!0),s(this,"positionType","relative"),s(this,"view",new f),s(this,"zIndex")}}var m=d({name:"DLoading",inheritAttrs:!1,props:y,setup(e){const t={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(t.background="none");const n=c(!1);return{style:t,isShow:n,open:()=>{n.value=!0},close:()=>{n.value=!1}}},render(){var e;const{isShow:t,isFull:n,backdrop:o,style:r,message:i,$slots:a}=this;return t&&u("div",{class:["devui-loading-contanier",n?"devui-loading--full":""]},[(null==(e=a.default)?void 0:e.call(a))||u("div",{class:"devui-loading-wrapper"},[o?u("div",{class:"devui-loading-mask"},null):null,u("div",{style:r,class:"devui-loading-area"},[u("div",{class:"devui-busy-default-spinner"},[u("div",{class:"devui-loading-bar1"},null),u("div",{class:"devui-loading-bar2"},null),u("div",{class:"devui-loading-bar3"},null),u("div",{class:"devui-loading-bar4"},null)]),i?u("span",{class:"devui-loading-text"},[i]):null])])])}});const b=Symbol("dev_component_container");function h(e,t,n=null){const o=p(e,l({},t),n),r=document.createElement("div");return o[b]=r,v(o,r),o.component}const w=d(m),x=new WeakSet,O=e=>{if(!e)return!0;if(Array.isArray(e))return 0===e.length;if(e instanceof Set||e instanceof Map)return 0===e.size;if(e instanceof Promise)return!1;if("object"==typeof e)try{return 0===Object.keys(e).length}catch(t){return!1}return!1},k=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),j=e=>{var t;x.delete(e),e.instance.proxy.close(),t=e.instance,v(null,null==t?void 0:t.vnode[b])},P=(e,t)=>{if(t.value){const n=(e=>{switch(k(e)){case"promise":return[e];case"array":return e.some((e=>"promise"!==k(e)))?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):e;default:return!1}})(t.value);if("error"===n)return;e.instance.proxy.open(),e.appendChild(e.mask),x.add(e),n&&Promise.all(n).catch((e=>{console.error(new Error("Promise handling errors"),e)})).finally((()=>{j(e)}))}else j(e)},S=e=>{e.removeAttribute("zindex"),e.removeAttribute("positiontype"),e.removeAttribute("backdrop"),e.removeAttribute("message"),e.removeAttribute("view"),e.removeAttribute("loadingtemplateref")},A=(e,t)=>{const n=l(l({},new g),t),o=n.loadingTemplateRef,r=h(w,l({},n),o?()=>o:null);e.style.position=n.positionType,e.options=n,e.instance=r,e.mask=r.proxy.$el},T={mounted:function(e,t,n){A(e,n.props),S(e),!O(t.value)&&P(e,t)},updated:function(e,t,n){!O(t.value)&&x.has(e)||O(t.value)&&!x.has(e)||(!x.has(e)&&A(e,n.props),S(e),P(e,t))}},I=d(m),z=new WeakMap,L={open(e={}){const o=e.target||document.body;if(z.has(o))return z.get(o);o.style.position=e.positionType;const r=document.body===o;e=l(l({},new g),e);const i=h(I,(a=l({},e),t(a,n({isFull:r}))),e.loadingTemplateRef?()=>e.loadingTemplateRef:null);var a;z.set(o,i),i.proxy.open(),o.appendChild(i.proxy.$el);const s=i.proxy.close;return i.loadingInstance=i.proxy,i.loadingInstance.close=(...e)=>{z.delete(o),s(...e)},i}};var E={install(e){e.directive("dLoading",T),e.config.globalProperties.$loadingService=L}};export{T as Loading,L as LoadingService,E as default};
+var e=Object.defineProperty,t=Object.defineProperties,o=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,a=(t,o,n)=>o in t?e(t,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[o]=n,s=(e,t)=>{for(var o in t||(t={}))r.call(t,o)&&a(e,o,t[o]);if(n)for(var o of n(t))i.call(t,o)&&a(e,o,t[o]);return e},l=("undefined"!=typeof require&&require,(e,t,o)=>(a(e,"symbol"!=typeof t?t+"":t,o),o));import{defineComponent as d,ref as c,createVNode as u,h as p,render as v}from"vue";class f{constructor(){l(this,"top","50%"),l(this,"left","50%")}}const g={message:String,backdrop:Boolean,view:{type:Object,default:()=>new f},zIndex:Number,isFull:{type:Boolean,default:!1}};class y{constructor(){l(this,"target"),l(this,"message"),l(this,"loadingTemplateRef"),l(this,"backdrop",!0),l(this,"positionType","relative"),l(this,"view",new f),l(this,"zIndex")}}var m=d({name:"DLoading",inheritAttrs:!1,props:g,setup(e){const t={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(t.background="none");const o=c(!1);return{style:t,isShow:o,open:()=>{o.value=!0},close:()=>{o.value=!1}}},render(){var e;const{isShow:t,isFull:o,backdrop:n,style:r,message:i,$slots:a}=this;return t&&u("div",{class:["devui-loading-contanier",o?"devui-loading--full":""]},[(null==(e=a.default)?void 0:e.call(a))||u("div",{class:"devui-loading-wrapper"},[n?u("div",{class:"devui-loading-mask"},null):null,u("div",{style:r,class:"devui-loading-area"},[u("div",{class:"devui-busy-default-spinner"},[u("div",{class:"devui-loading-bar1"},null),u("div",{class:"devui-loading-bar2"},null),u("div",{class:"devui-loading-bar3"},null),u("div",{class:"devui-loading-bar4"},null)]),i?u("span",{class:"devui-loading-text"},[i]):null])])])}});const b=Symbol("dev_component_container");function h(e,t,o=null){const n=p(e,s({},t),o),r=document.createElement("div");return n[b]=r,v(n,r),n.component}const w=d(m),x=new WeakSet,O=e=>{if(!e)return!0;if(Array.isArray(e))return 0===e.length;if(e instanceof Set||e instanceof Map)return 0===e.size;if(e instanceof Promise)return!1;if("object"==typeof e)try{return 0===Object.keys(e).length}catch(t){return!1}return!1},k=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),j=e=>{var t;x.delete(e),e.instance.proxy.close(),t=e.instance,v(null,null==t?void 0:t.vnode[b])},P=(e,t)=>{if(t.value){const o=(e=>{switch(k(e)){case"promise":return[e];case"array":return e.some((e=>"promise"!==k(e)))?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):e;default:return!1}})(t.value);if("error"===o)return;e.instance.proxy.open(),e.appendChild(e.mask),x.add(e),o&&Promise.all(o).catch((e=>{console.error(new Error("Promise handling errors"),e)})).finally((()=>{j(e)}))}else j(e)},S=e=>{e.removeAttribute("zindex"),e.removeAttribute("positiontype"),e.removeAttribute("backdrop"),e.removeAttribute("message"),e.removeAttribute("view"),e.removeAttribute("loadingtemplateref")},A=(e,t)=>{const o=s(s({},new y),t),n=o.loadingTemplateRef,r=h(w,s({},o),n?()=>n:null);e.style.position=o.positionType,e.options=o,e.instance=r,e.mask=r.proxy.$el},T={mounted:function(e,t,o){A(e,o.props),S(e),!O(t.value)&&P(e,t)},updated:function(e,t,o){!O(t.value)&&x.has(e)||O(t.value)&&!x.has(e)||(!x.has(e)&&A(e,o.props),S(e),P(e,t))}},I=d(m),z=new WeakMap,L={open(e={}){const n=e.target||document.body;if(z.has(n))return z.get(n);n.style.position=e.positionType;const r=document.body===n;e=s(s({},new y),e);const i=h(I,(a=s({},e),t(a,o({isFull:r}))),e.loadingTemplateRef?()=>e.loadingTemplateRef:null);var a;z.set(n,i),i.proxy.open(),n.appendChild(i.proxy.$el);const l=i.proxy.close;return i.loadingInstance=i.proxy,i.loadingInstance.close=(...e)=>{z.delete(n),l(...e)},i}};var E={title:"Loading 加载提示",category:"反馈",status:"已完成",install(e){e.directive("dLoading",T),e.config.globalProperties.$loadingService=L}};export{T as Loading,L as LoadingService,E as default};

package/loading/index.umd.js

@@ -1 +1 @@
-var __defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,o,r)=>o in e?__defProp(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r,__spreadValues=(e,o)=>{for(var r in o||(o={}))__hasOwnProp.call(o,r)&&__defNormalProp(e,r,o[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(o))__propIsEnum.call(o,r)&&__defNormalProp(e,r,o[r]);return e},__spreadProps=(e,o)=>__defProps(e,__getOwnPropDescs(o)),__require="undefined"!=typeof require?require:e=>{throw new Error('Dynamic require of "'+e+'" is not supported')},__publicField=(e,o,r)=>(__defNormalProp(e,"symbol"!=typeof o?o+"":o,r),r);!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,o){"use strict";class r{constructor(){__publicField(this,"top","50%"),__publicField(this,"left","50%")}}const t={message:String,backdrop:Boolean,view:{type:Object,default:()=>new r},zIndex:Number,isFull:{type:Boolean,default:!1}};class n{constructor(){__publicField(this,"target"),__publicField(this,"message"),__publicField(this,"loadingTemplateRef"),__publicField(this,"backdrop",!0),__publicField(this,"positionType","relative"),__publicField(this,"view",new r),__publicField(this,"zIndex")}}var i=o.defineComponent({name:"DLoading",inheritAttrs:!1,props:t,setup(e){const r={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(r.background="none");const t=o.ref(!1);return{style:r,isShow:t,open:()=>{t.value=!0},close:()=>{t.value=!1}}},render(){var e;const{isShow:r,isFull:t,backdrop:n,style:i,message:l,$slots:s}=this;return r&&o.createVNode("div",{class:["devui-loading-contanier",t?"devui-loading--full":""]},[(null==(e=s.default)?void 0:e.call(s))||o.createVNode("div",{class:"devui-loading-wrapper"},[n?o.createVNode("div",{class:"devui-loading-mask"},null):null,o.createVNode("div",{style:i,class:"devui-loading-area"},[o.createVNode("div",{class:"devui-busy-default-spinner"},[o.createVNode("div",{class:"devui-loading-bar1"},null),o.createVNode("div",{class:"devui-loading-bar2"},null),o.createVNode("div",{class:"devui-loading-bar3"},null),o.createVNode("div",{class:"devui-loading-bar4"},null)]),l?o.createVNode("span",{class:"devui-loading-text"},[l]):null])])])}});const l=Symbol("dev_component_container");function s(e,r,t=null){const n=o.h(e,__spreadValues({},r),t),i=document.createElement("div");return n[l]=i,o.render(n,i),n.component}const a=o.defineComponent(i),d=new WeakSet,p=e=>{if(!e)return!0;if(Array.isArray(e))return 0===e.length;if(e instanceof Set||e instanceof Map)return 0===e.size;if(e instanceof Promise)return!1;if("object"==typeof e)try{return 0===Object.keys(e).length}catch(o){return!1}return!1},u=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),c=e=>{var r;d.delete(e),e.instance.proxy.close(),r=e.instance,o.render(null,null==r?void 0:r.vnode[l])},_=(e,o)=>{if(o.value){const r=(e=>{switch(u(e)){case"promise":return[e];case"array":return e.some((e=>"promise"!==u(e)))?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):e;default:return!1}})(o.value);if("error"===r)return;e.instance.proxy.open(),e.appendChild(e.mask),d.add(e),r&&Promise.all(r).catch((e=>{console.error(new Error("Promise handling errors"),e)})).finally((()=>{c(e)}))}else c(e)},f=e=>{e.removeAttribute("zindex"),e.removeAttribute("positiontype"),e.removeAttribute("backdrop"),e.removeAttribute("message"),e.removeAttribute("view"),e.removeAttribute("loadingtemplateref")},v=(e,o)=>{const r=__spreadValues(__spreadValues({},new n),o),t=r.loadingTemplateRef,i=s(a,__spreadValues({},r),t?()=>t:null);e.style.position=r.positionType,e.options=r,e.instance=i,e.mask=i.proxy.$el},b={mounted:function(e,o,r){v(e,r.props),f(e),!p(o.value)&&_(e,o)},updated:function(e,o,r){!p(o.value)&&d.has(e)||p(o.value)&&!d.has(e)||(!d.has(e)&&v(e,r.props),f(e),_(e,o))}},m=o.defineComponent(i),y=new WeakMap,g={open(e={}){const o=e.target||document.body;if(y.has(o))return y.get(o);o.style.position=e.positionType;const r=document.body===o;e=__spreadValues(__spreadValues({},new n),e);const t=s(m,__spreadProps(__spreadValues({},e),{isFull:r}),e.loadingTemplateRef?()=>e.loadingTemplateRef:null);y.set(o,t),t.proxy.open(),o.appendChild(t.proxy.$el);const i=t.proxy.close;return t.loadingInstance=t.proxy,t.loadingInstance.close=(...e)=>{y.delete(o),i(...e)},t}};var h={install(e){e.directive("dLoading",b),e.config.globalProperties.$loadingService=g}};e.Loading=b,e.LoadingService=g,e.default=h,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+var __defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,o,r)=>o in e?__defProp(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r,__spreadValues=(e,o)=>{for(var r in o||(o={}))__hasOwnProp.call(o,r)&&__defNormalProp(e,r,o[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(o))__propIsEnum.call(o,r)&&__defNormalProp(e,r,o[r]);return e},__spreadProps=(e,o)=>__defProps(e,__getOwnPropDescs(o)),__require="undefined"!=typeof require?require:e=>{throw new Error('Dynamic require of "'+e+'" is not supported')},__publicField=(e,o,r)=>(__defNormalProp(e,"symbol"!=typeof o?o+"":o,r),r);!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,o){"use strict";class r{constructor(){__publicField(this,"top","50%"),__publicField(this,"left","50%")}}const t={message:String,backdrop:Boolean,view:{type:Object,default:()=>new r},zIndex:Number,isFull:{type:Boolean,default:!1}};class n{constructor(){__publicField(this,"target"),__publicField(this,"message"),__publicField(this,"loadingTemplateRef"),__publicField(this,"backdrop",!0),__publicField(this,"positionType","relative"),__publicField(this,"view",new r),__publicField(this,"zIndex")}}var i=o.defineComponent({name:"DLoading",inheritAttrs:!1,props:t,setup(e){const r={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(r.background="none");const t=o.ref(!1);return{style:r,isShow:t,open:()=>{t.value=!0},close:()=>{t.value=!1}}},render(){var e;const{isShow:r,isFull:t,backdrop:n,style:i,message:l,$slots:s}=this;return r&&o.createVNode("div",{class:["devui-loading-contanier",t?"devui-loading--full":""]},[(null==(e=s.default)?void 0:e.call(s))||o.createVNode("div",{class:"devui-loading-wrapper"},[n?o.createVNode("div",{class:"devui-loading-mask"},null):null,o.createVNode("div",{style:i,class:"devui-loading-area"},[o.createVNode("div",{class:"devui-busy-default-spinner"},[o.createVNode("div",{class:"devui-loading-bar1"},null),o.createVNode("div",{class:"devui-loading-bar2"},null),o.createVNode("div",{class:"devui-loading-bar3"},null),o.createVNode("div",{class:"devui-loading-bar4"},null)]),l?o.createVNode("span",{class:"devui-loading-text"},[l]):null])])])}});const l=Symbol("dev_component_container");function s(e,r,t=null){const n=o.h(e,__spreadValues({},r),t),i=document.createElement("div");return n[l]=i,o.render(n,i),n.component}const a=o.defineComponent(i),d=new WeakSet,p=e=>{if(!e)return!0;if(Array.isArray(e))return 0===e.length;if(e instanceof Set||e instanceof Map)return 0===e.size;if(e instanceof Promise)return!1;if("object"==typeof e)try{return 0===Object.keys(e).length}catch(o){return!1}return!1},u=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),c=e=>{var r;d.delete(e),e.instance.proxy.close(),r=e.instance,o.render(null,null==r?void 0:r.vnode[l])},_=(e,o)=>{if(o.value){const r=(e=>{switch(u(e)){case"promise":return[e];case"array":return e.some((e=>"promise"!==u(e)))?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):e;default:return!1}})(o.value);if("error"===r)return;e.instance.proxy.open(),e.appendChild(e.mask),d.add(e),r&&Promise.all(r).catch((e=>{console.error(new Error("Promise handling errors"),e)})).finally((()=>{c(e)}))}else c(e)},f=e=>{e.removeAttribute("zindex"),e.removeAttribute("positiontype"),e.removeAttribute("backdrop"),e.removeAttribute("message"),e.removeAttribute("view"),e.removeAttribute("loadingtemplateref")},v=(e,o)=>{const r=__spreadValues(__spreadValues({},new n),o),t=r.loadingTemplateRef,i=s(a,__spreadValues({},r),t?()=>t:null);e.style.position=r.positionType,e.options=r,e.instance=i,e.mask=i.proxy.$el},b={mounted:function(e,o,r){v(e,r.props),f(e),!p(o.value)&&_(e,o)},updated:function(e,o,r){!p(o.value)&&d.has(e)||p(o.value)&&!d.has(e)||(!d.has(e)&&v(e,r.props),f(e),_(e,o))}},m=o.defineComponent(i),y=new WeakMap,g={open(e={}){const o=e.target||document.body;if(y.has(o))return y.get(o);o.style.position=e.positionType;const r=document.body===o;e=__spreadValues(__spreadValues({},new n),e);const t=s(m,__spreadProps(__spreadValues({},e),{isFull:r}),e.loadingTemplateRef?()=>e.loadingTemplateRef:null);y.set(o,t),t.proxy.open(),o.appendChild(t.proxy.$el);const i=t.proxy.close;return t.loadingInstance=t.proxy,t.loadingInstance.close=(...e)=>{y.delete(o),i(...e)},t}};var h={title:"Loading 加载提示",category:"反馈",status:"已完成",install(e){e.directive("dLoading",b),e.config.globalProperties.$loadingService=g}};e.Loading=b,e.LoadingService=g,e.default=h,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));

package/modal/index.es.js

@@ -0,0 +1 @@
+var e=Object.defineProperty,t=Object.defineProperties,n=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,i=(t,n,o)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[n]=o,r=(e,t)=>{for(var n in t||(t={}))l.call(t,n)&&i(e,n,t[n]);if(o)for(var n of o(t))a.call(t,n)&&i(e,n,t[n]);return e},d=(e,o)=>t(e,n(o)),s=("undefined"!=typeof require&&require,(e,t)=>{var n={};for(var i in e)l.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&o)for(var i of o(e))t.indexOf(i)<0&&a.call(e,i)&&(n[i]=e[i]);return n}),u=(e,t,n)=>(i(e,"symbol"!=typeof t?t+"":t,n),n);import{defineComponent as c,createVNode as p,Teleport as f,Transition as y,renderSlot as v,isVNode as b,computed as m,onMounted as g,watch as h,onUnmounted as w,withDirectives as C,vShow as x,ref as k,reactive as S,getCurrentInstance as B,nextTick as E,toRef as O,onBeforeUnmount as V,isRef as L,h as $,render as j,readonly as M,mergeProps as R}from"vue";const Y={width:{type:String,default:"300px"},maxHeight:{type:String},zIndex:{type:Number,default:1050},backdropZIndex:{type:Number,default:1049},placement:{type:String,default:"center"},offsetX:{type:String,default:"0px"},offsetY:{type:String,default:"0px"},showAnimation:{type:Boolean,default:!0},backdropCloseable:{type:Boolean,default:!1},bodyScrollable:{type:Boolean,default:!0},escapeable:{type:Boolean,default:!0},onClose:{type:Function},beforeHidden:{type:[Object,Function]},modelValue:{type:Boolean},"onUpdate:modelValue":{type:Function}};const I=c({setup:(e,t)=>()=>{let e;return p(f,{to:"#d-overlay-anchor"},{default:()=>{return[p(y,{name:"devui-overlay-fade"},(n=e=v(t.slots,"default"),"function"==typeof n||"[object Object]"===Object.prototype.toString.call(n)&&!b(n)?e:{default:()=>[e]}))];var n}})}}),z={visible:{type:Boolean},"onUpdate:visible":{type:Function},backgroundBlock:{type:Boolean,default:!1},backgroundClass:{type:String,default:""},backgroundStyle:{type:[String,Object]},backdropClick:{type:Function},backdropClose:{type:Boolean,default:!0}};function X(e){const t=m((()=>["devui-overlay-background","devui-overlay-background__color",e.backgroundClass])),n=m((()=>"devui-overlay"));return g((()=>{const t=document.body,n=t.style.overflow,o=t.style.position;h([()=>e.visible,()=>e.backgroundBlock],(([e,l])=>{if(l){const l=t.getBoundingClientRect().y;e?(t.style.overflowY="scroll",t.style.position=e?"fixed":"",t.style.top=`${l}px`):(t.style.overflowY=n,t.style.position=o,t.style.top="",window.scrollTo(0,-l))}})),w((()=>{document.body.style.overflow=n}))})),{backgroundClass:t,overlayClass:n,handleBackdropClick:t=>{var n,o;t.preventDefault(),null==(n=e.backdropClick)||n.call(e),e.backdropClose&&(null==(o=e["onUpdate:visible"])||o.call(e,!1))},handleOverlayBubbleCancel:e=>e.cancelBubble=!0}}const H=c({name:"DFixedOverlay",props:d(r({},z),{overlayStyle:{type:Object,default:void 0}}),setup(e,t){const{backgroundClass:n,overlayClass:o,handleBackdropClick:l,handleOverlayBubbleCancel:a}=X(e);return()=>p(I,null,{default:()=>[C(p("div",{class:n.value,style:e.backgroundStyle,onClick:l},[p("div",{class:o.value,style:e.overlayStyle,onClick:a},[v(t.slots,"default")])]),[[x,e.visible]])]})}}),D=c({name:"DFlexibleOverlay",props:r({origin:{type:Object,require:!0},position:{type:Object,default:()=>({originX:"left",originY:"top",overlayX:"left",overlayY:"top"})}},z),emits:["onUpdate:visible"],setup(e,t){const n=k(null),o=S({position:"absolute"}),l=B();g((async()=>{await E();const t=n.value;if(!t)return;const a=function(e){if(e instanceof Element)return e;if(L(e))return function(e){if(e instanceof Element)return e;if(e&&"object"==typeof e&&e.$el instanceof Element)return e.$el;return null}(e.value);return e}(e.origin);if(!a)return;const i=t=>{const n=function(e,t,n){const o=function(e,t){let n,o;if("center"==t.originX)n=e.left+e.width/2;else{const o=e.left,l=e.right;n="left"==t.originX?o:l}o="center"==t.originY?e.top+e.height/2:"top"==t.originY?e.top:e.bottom;return{x:n,y:o}}(function(e){if(e instanceof Element)return e.getBoundingClientRect();const t=e.width||0,n=e.height||0;return{top:e.y,bottom:e.y+n,left:e.x,right:e.x+t,height:n,width:t}}(n),e);let l;l=t instanceof HTMLElement?t.getBoundingClientRect():t;return function(e,t,n){let o;const{width:l,height:a}=t;o="center"==n.overlayX?e.x-l/2:"left"==n.overlayX?e.x:e.x-l;let i;i="center"==n.overlayY?e.y-a/2:"top"==n.overlayY?e.y:e.y-a;return{x:o,y:i}}(o,l,e)}(e.position,t,a);o.left=`${n.x}px`,o.top=`${n.y}px`},r=()=>i(t.getBoundingClientRect());h(O(e,"visible"),((e,t,n)=>{var o;e?(o=r,window.addEventListener("scroll",o,!0),window.addEventListener("resize",o),window.addEventListener("orientationchange",o)):U(r),n((()=>{U(r)}))})),h(O(e,"position"),(()=>{r()}));const d=new ResizeObserver((e=>{i(e[0].contentRect)}));if(d.observe(t),V((()=>{d.disconnect()}),l),a instanceof Element){const e=new MutationObserver(r);e.observe(a,{attributeFilter:["style"]}),V((()=>{e.disconnect()}),l)}}),l);const{backgroundClass:a,overlayClass:i,handleBackdropClick:r,handleOverlayBubbleCancel:d}=X(e);return()=>p(I,null,{default:()=>[C(p("div",{class:a.value,onClick:r},[p("div",{ref:n,class:i.value,style:o,onClick:d},[v(t.slots,"default")])]),[[x,e.visible]])]})}});function U(e){window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e)}const F="undefined"!=typeof window;D.install=function(e){e.component(D.name,D)},H.install=function(e){e.component(H.name,H)};var N=c({name:"DModal",props:Y,emits:["onUpdate:modelValue"],setup(e,t){const n=m((()=>!e.showAnimation||e.modelValue)),o=t=>{var n;const o=e["onUpdate:modelValue"];if(t)null==o||o(t);else{const t=e.beforeHidden,l=t=>{var n;t&&(null==o||o(!1),null==(n=e.onClose)||n.call(e))},a=null==(n="function"==typeof t?t():t)||n;a instanceof Promise?a.then(l):l(a)}};return t.expose({onVisibleChange:o}),()=>p(H,{visible:e.modelValue,"onUpdate:visible":o,backgroundClass:"devui-modal-wrapper",backgroundBlock:!e.bodyScrollable,backdropClose:e.backdropCloseable},{default:()=>[p(y,{name:"devui-modal-wipe"},{default:()=>{var e,o;return[n.value?null==(o=(e=t.slots).default)?void 0:o.call(e):null]}})]})}});class P{constructor(e){this.anchorContainer=e}renderModal(e,t,n){const o=$(this.component(),t,n);return j(o,e),o}renderNull(e){setTimeout((()=>{j(null,e)}),500)}}class T extends P{component(){return N}open(e={}){const t=document.createElement("div");this.anchorContainer.appendChild(t);const n=e,{content:o}=n,l=s(n,["content"]),a=e=>{e||u()},i=(e,n=a)=>this.renderModal(t,d(r({},e),{modelValue:!0,"onUpdate:modelValue":n}),{default:o}),u=()=>{var e,n;null==(n=(e=i(l,(e=>{e?i(l):(this.renderModal(t,d(r({},l),{modelValue:!1})),this.renderNull(t))})).component.exposed).onVisibleChange)||n.call(e,!1)};return this.renderModal(t,{modelValue:!1}),i(l),{hide:u}}}u(T,"token","MODAL_SERVICE_TOKEN");const A={width:{type:String,default:"300px"},maxHeight:{type:String},zIndex:{type:Number,default:1050},backdropZIndex:{type:Number,default:1049},placement:{type:String,default:"center"},offsetX:{type:String,default:"0px"},offsetY:{type:String,default:"0px"},title:{type:String},showAnimation:{type:Boolean,default:!0},backdropCloseable:{type:Boolean,default:!1},bodyScrollable:{type:Boolean,default:!0},escapeable:{type:Boolean,default:!0},onClose:{type:Function},beforeHidden:{type:[Promise,Function]},buttons:{type:Array,default:[]},dialogType:{type:String,default:"standard"},modelValue:{type:Boolean},"onUpdate:modelValue":{type:Function}},_=(e,t,n)=>e<t?t:e>n?n:e;var q=c({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup:e=>r({},e),render(){const{name:e,size:t,color:n,classPrefix:o}=this;return p("i",{class:`${o} ${o}-${e}`,style:{fontSize:t,color:n}},null)}});q.install=function(e){e.component(q.name,q)};var Z=c({name:"DButton",props:{type:{type:String,default:"button"},btnStyle:{type:String,default:"primary"},size:{type:String,default:"md"},position:{type:String,default:"default"},bordered:{type:Boolean,default:!1},icon:{type:String,default:""},showLoading:{type:Boolean,default:!1},width:{type:String},disabled:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},onClick:{type:Function}},setup(e,t){const n=k(null),o=t=>{var n;e.showLoading||null==(n=e.onClick)||n.call(e,t)},l=m((()=>t.slots.default)),a=m((()=>{const{btnStyle:t,size:n,position:o,bordered:a,icon:i}=e;return`${`devui-btn devui-btn-${t} devui-btn-${n} devui-btn-${o}`} ${a?"bordered":""} ${i&&!l.value&&"primary"!==t?"d-btn-icon":""} ${i?"d-btn-icon-wrap":""}`})),i=m((()=>{if(!e.icon)return;const t="devui-icon-fix icon";return l.value?`${t} clear-right-5`:t}));return()=>{var l,r;const{icon:d,type:s,disabled:u,showLoading:c,width:f}=e;return p("div",R({class:"devui-btn-host"},t.attrs),[p("button",{class:a.value,type:s,disabled:u,style:{width:f},onClick:o},[d?p(q,{name:e.icon,class:i.value},null):null,p("span",{class:"button-content",ref:n},[null==(r=(l=t.slots).default)?void 0:r.call(l)])])])}}});Z.install=function(e){e.component(Z.name,Z)};var K=c({name:"DModal",inheritAttrs:!1,props:A,emits:["onUpdate:modelValue"],setup(e,t){const{movingX:n,movingY:o,handleRef:l,moveElRef:a,reset:i}=((e=!0)=>{const t=k(0),n=k(0),o=k(),l=k(),a=L(e)?e:k(e);return h([l,o],(([e,o],l,i)=>{if(!(o instanceof HTMLElement&&e instanceof HTMLElement))return;o.style.cursor="all-scroll";let r=0,d=0,s=0,u=0,c=e.getBoundingClientRect(),p=document.body.getBoundingClientRect(),f=!1;const y=l=>{if(l.preventDefault(),!a.value)return;r=l.clientX,d=l.clientY;const i=o.getBoundingClientRect();(o===l.target||o.contains(l.target))&&i.x<r&&i.y<d&&i.width+i.x>=r&&i.height+i.y>=d&&(f=!0,s=t.value,u=n.value,p=document.body.getBoundingClientRect(),c=e.getBoundingClientRect())},v=e=>{if(e.preventDefault(),!f)return;const o=s+e.clientX-r,l=u+e.clientY-d,a=c.x-s,i=c.y-u;t.value=_(o,-a,p.width-c.width-a),n.value=_(l,-i,p.height-c.height-i)},b=e=>{e.preventDefault(),f&&(f=!1)};window.addEventListener("mousedown",y),window.addEventListener("mousemove",v),window.addEventListener("mouseup",b),i((()=>{window.removeEventListener("mousedown",y),window.removeEventListener("mousemove",v),window.removeEventListener("mouseup",b)}))})),{movingX:M(t),movingY:M(n),handleRef:o,moveElRef:l,reset:()=>{t.value=0,n.value=0}}})();h((()=>e.modelValue),(e=>{e&&i()}));const r=m((()=>({position:"relative",left:`${n.value}px`,top:`${o.value}px`}))),d=m((()=>({width:e.width,maxHeight:e.maxHeight,transform:`translate(${e.offsetX}, ${e.offsetY})`,zIndex:e.zIndex}))),s=m((()=>{switch(e.dialogType){case"standard":return"";case"info":return"icon-info-o";case"success":return"icon-right-o";case"warning":return"icon-warning-o";case"failed":return"icon-error-o";default:return""}})),u=m((()=>e.buttons.map(((e,t)=>{const{btnStyle:n,disabled:o,handler:l,text:a}=e;return p(Z,{key:t,style:{display:"inline-block",margin:"0 5px"},btnStyle:n,disabled:o,onClick:l},"function"==typeof(i=a)||"[object Object]"===Object.prototype.toString.call(i)&&!b(i)?a:{default:()=>[a]});var i})))),c=k(),f=()=>{var e,t;null==(t=null==(e=c.value)?void 0:e.onVisibleChange)||t.call(e,!1)};return t.expose({closeModal:f}),()=>p(N,{ref:c,width:e.width,maxHeight:e.maxHeight,offsetX:e.offsetX,offsetY:e.offsetY,zIndex:e.zIndex,backdropZIndex:e.backdropZIndex,backdropCloseable:e.backdropCloseable,bodyScrollable:e.bodyScrollable,placement:e.placement,onClose:e.onClose,beforeHidden:e.beforeHidden,modelValue:e.modelValue,"onUpdate:modelValue":e["onUpdate:modelValue"]},{default:()=>{var n,o;return[p("div",{class:"devui-modal-content",style:[d.value,r.value],ref:a},[p("div",{class:"devui-modal-header",ref:l},[s.value?p(q,{name:s.value,size:"24px",class:"header-alert-icon"},null):null,p("span",null,[e.title]),p(Z,{class:"btn-close",icon:"close",btnStyle:"text-dark",onClick:f},null)]),p("div",{class:"devui-modal-body"},[null==(o=(n=t.slots).default)?void 0:o.call(n)]),p("div",{class:"devui-modal-footer"},[u.value])])]}})}});class G extends P{component(){return K}open(e={}){const t=document.createElement("div");this.anchorContainer.appendChild(t);const n=e,{content:o}=n,l=s(n,["content"]),a=e=>{e||u()},i=(e,n=a)=>this.renderModal(t,d(r({},e),{modelValue:!0,"onUpdate:modelValue":n}),{default:o}),u=()=>{var e,n;null==(n=(e=i(l,(e=>{e?i(l):(this.renderModal(t,d(r({},l),{modelValue:!1})),this.renderNull(t))})).component.exposed).closeModal)||n.call(e)};return this.renderModal(t,{modelValue:!1}),i(l),{hide:u,updateButtonOptions:e=>{const t=l,{buttons:n}=t,o=s(t,["buttons"]),a=n.map(((t,n)=>r(r({},t),e[n])));i(d(r({},o),{buttons:a}))}}}}u(G,"token","DIALOG_SERVICE_TOKEN"),N.install=function(e){e.component(N.name,N)};var J={title:"Modal 弹窗",category:"反馈",status:void 0,install(e){if(e.use(N),!F)return;let t=document.getElementById("d-modal-anchors-container");t||(t=document.createElement("div"),t.setAttribute("id","d-modal-anchors-container"),document.body.appendChild(t)),e.provide(T.token,new T(t)),e.provide(G.token,new G(t))}};export{N as Modal,J as default};

package/modal/index.umd.js

@@ -0,0 +1 @@
+var __defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,o)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,__spreadValues=(e,t)=>{for(var o in t||(t={}))__hasOwnProp.call(t,o)&&__defNormalProp(e,o,t[o]);if(__getOwnPropSymbols)for(var o of __getOwnPropSymbols(t))__propIsEnum.call(t,o)&&__defNormalProp(e,o,t[o]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t)),__require="undefined"!=typeof require?require:e=>{throw new Error('Dynamic require of "'+e+'" is not supported')},__objRest=(e,t)=>{var o={};for(var n in e)__hasOwnProp.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(null!=e&&__getOwnPropSymbols)for(var n of __getOwnPropSymbols(e))t.indexOf(n)<0&&__propIsEnum.call(e,n)&&(o[n]=e[n]);return o},__publicField=(e,t,o)=>(__defNormalProp(e,"symbol"!=typeof t?t+"":t,o),o);!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,t){"use strict";const o={width:{type:String,default:"300px"},maxHeight:{type:String},zIndex:{type:Number,default:1050},backdropZIndex:{type:Number,default:1049},placement:{type:String,default:"center"},offsetX:{type:String,default:"0px"},offsetY:{type:String,default:"0px"},showAnimation:{type:Boolean,default:!0},backdropCloseable:{type:Boolean,default:!1},bodyScrollable:{type:Boolean,default:!0},escapeable:{type:Boolean,default:!0},onClose:{type:Function},beforeHidden:{type:[Object,Function]},modelValue:{type:Boolean},"onUpdate:modelValue":{type:Function}};const n=t.defineComponent({setup:(e,o)=>()=>{let e;return t.createVNode(t.Teleport,{to:"#d-overlay-anchor"},{default:()=>{return[t.createVNode(t.Transition,{name:"devui-overlay-fade"},(n=e=t.renderSlot(o.slots,"default"),"function"==typeof n||"[object Object]"===Object.prototype.toString.call(n)&&!t.isVNode(n)?e:{default:()=>[e]}))];var n}})}}),l={visible:{type:Boolean},"onUpdate:visible":{type:Function},backgroundBlock:{type:Boolean,default:!1},backgroundClass:{type:String,default:""},backgroundStyle:{type:[String,Object]},backdropClick:{type:Function},backdropClose:{type:Boolean,default:!0}};function r(e){const o=t.computed((()=>["devui-overlay-background","devui-overlay-background__color",e.backgroundClass])),n=t.computed((()=>"devui-overlay"));return t.onMounted((()=>{const o=document.body,n=o.style.overflow,l=o.style.position;t.watch([()=>e.visible,()=>e.backgroundBlock],(([e,t])=>{if(t){const t=o.getBoundingClientRect().y;e?(o.style.overflowY="scroll",o.style.position=e?"fixed":"",o.style.top=`${t}px`):(o.style.overflowY=n,o.style.position=l,o.style.top="",window.scrollTo(0,-t))}})),t.onUnmounted((()=>{document.body.style.overflow=n}))})),{backgroundClass:o,overlayClass:n,handleBackdropClick:t=>{var o,n;t.preventDefault(),null==(o=e.backdropClick)||o.call(e),e.backdropClose&&(null==(n=e["onUpdate:visible"])||n.call(e,!1))},handleOverlayBubbleCancel:e=>e.cancelBubble=!0}}const a=t.defineComponent({name:"DFixedOverlay",props:__spreadProps(__spreadValues({},l),{overlayStyle:{type:Object,default:void 0}}),setup(e,o){const{backgroundClass:l,overlayClass:a,handleBackdropClick:i,handleOverlayBubbleCancel:d}=r(e);return()=>t.createVNode(n,null,{default:()=>[t.withDirectives(t.createVNode("div",{class:l.value,style:e.backgroundStyle,onClick:i},[t.createVNode("div",{class:a.value,style:e.overlayStyle,onClick:d},[t.renderSlot(o.slots,"default")])]),[[t.vShow,e.visible]])]})}}),i=t.defineComponent({name:"DFlexibleOverlay",props:__spreadValues({origin:{type:Object,require:!0},position:{type:Object,default:()=>({originX:"left",originY:"top",overlayX:"left",overlayY:"top"})}},l),emits:["onUpdate:visible"],setup(e,o){const l=t.ref(null),a=t.reactive({position:"absolute"}),i=t.getCurrentInstance();t.onMounted((async()=>{await t.nextTick();const o=l.value;if(!o)return;const n=function(e){if(e instanceof Element)return e;if(t.isRef(e))return function(e){if(e instanceof Element)return e;if(e&&"object"==typeof e&&e.$el instanceof Element)return e.$el;return null}(e.value);return e}(e.origin);if(!n)return;const r=t=>{const o=function(e,t,o){const n=function(e,t){let o,n;if("center"==t.originX)o=e.left+e.width/2;else{const n=e.left,l=e.right;o="left"==t.originX?n:l}n="center"==t.originY?e.top+e.height/2:"top"==t.originY?e.top:e.bottom;return{x:o,y:n}}(function(e){if(e instanceof Element)return e.getBoundingClientRect();const t=e.width||0,o=e.height||0;return{top:e.y,bottom:e.y+o,left:e.x,right:e.x+t,height:o,width:t}}(o),e);let l;l=t instanceof HTMLElement?t.getBoundingClientRect():t;return function(e,t,o){let n;const{width:l,height:r}=t;n="center"==o.overlayX?e.x-l/2:"left"==o.overlayX?e.x:e.x-l;let a;a="center"==o.overlayY?e.y-r/2:"top"==o.overlayY?e.y:e.y-r;return{x:n,y:a}}(n,l,e)}(e.position,t,n);a.left=`${o.x}px`,a.top=`${o.y}px`},s=()=>r(o.getBoundingClientRect());t.watch(t.toRef(e,"visible"),((e,t,o)=>{var n;e?(n=s,window.addEventListener("scroll",n,!0),window.addEventListener("resize",n),window.addEventListener("orientationchange",n)):d(s),o((()=>{d(s)}))})),t.watch(t.toRef(e,"position"),(()=>{s()}));const u=new ResizeObserver((e=>{r(e[0].contentRect)}));if(u.observe(o),t.onBeforeUnmount((()=>{u.disconnect()}),i),n instanceof Element){const e=new MutationObserver(s);e.observe(n,{attributeFilter:["style"]}),t.onBeforeUnmount((()=>{e.disconnect()}),i)}}),i);const{backgroundClass:s,overlayClass:u,handleBackdropClick:c,handleOverlayBubbleCancel:p}=r(e);return()=>t.createVNode(n,null,{default:()=>[t.withDirectives(t.createVNode("div",{class:s.value,onClick:c},[t.createVNode("div",{ref:l,class:u.value,style:a,onClick:p},[t.renderSlot(o.slots,"default")])]),[[t.vShow,e.visible]])]})}});function d(e){window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e)}const s="undefined"!=typeof window;i.install=function(e){e.component(i.name,i)},a.install=function(e){e.component(a.name,a)};var u=t.defineComponent({name:"DModal",props:o,emits:["onUpdate:modelValue"],setup(e,o){const n=t.computed((()=>!e.showAnimation||e.modelValue)),l=t=>{var o;const n=e["onUpdate:modelValue"];if(t)null==n||n(t);else{const t=e.beforeHidden,l=t=>{var o;t&&(null==n||n(!1),null==(o=e.onClose)||o.call(e))},r=null==(o="function"==typeof t?t():t)||o;r instanceof Promise?r.then(l):l(r)}};return o.expose({onVisibleChange:l}),()=>t.createVNode(a,{visible:e.modelValue,"onUpdate:visible":l,backgroundClass:"devui-modal-wrapper",backgroundBlock:!e.bodyScrollable,backdropClose:e.backdropCloseable},{default:()=>[t.createVNode(t.Transition,{name:"devui-modal-wipe"},{default:()=>{var e,t;return[n.value?null==(t=(e=o.slots).default)?void 0:t.call(e):null]}})]})}});class c{constructor(e){this.anchorContainer=e}renderModal(e,o,n){const l=t.h(this.component(),o,n);return t.render(l,e),l}renderNull(e){setTimeout((()=>{t.render(null,e)}),500)}}class p extends c{component(){return u}open(e={}){const t=document.createElement("div");this.anchorContainer.appendChild(t);const o=e,{content:n}=o,l=__objRest(o,["content"]),r=e=>{e||i()},a=(e,o=r)=>this.renderModal(t,__spreadProps(__spreadValues({},e),{modelValue:!0,"onUpdate:modelValue":o}),{default:n}),i=()=>{var e,o;null==(o=(e=a(l,(e=>{e?a(l):(this.renderModal(t,__spreadProps(__spreadValues({},l),{modelValue:!1})),this.renderNull(t))})).component.exposed).onVisibleChange)||o.call(e,!1)};return this.renderModal(t,{modelValue:!1}),a(l),{hide:i}}}__publicField(p,"token","MODAL_SERVICE_TOKEN");const f={width:{type:String,default:"300px"},maxHeight:{type:String},zIndex:{type:Number,default:1050},backdropZIndex:{type:Number,default:1049},placement:{type:String,default:"center"},offsetX:{type:String,default:"0px"},offsetY:{type:String,default:"0px"},title:{type:String},showAnimation:{type:Boolean,default:!0},backdropCloseable:{type:Boolean,default:!1},bodyScrollable:{type:Boolean,default:!0},escapeable:{type:Boolean,default:!0},onClose:{type:Function},beforeHidden:{type:[Promise,Function]},buttons:{type:Array,default:[]},dialogType:{type:String,default:"standard"},modelValue:{type:Boolean},"onUpdate:modelValue":{type:Function}},y=(e,t,o)=>e<t?t:e>o?o:e;var m=t.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup:e=>__spreadValues({},e),render(){const{name:e,size:o,color:n,classPrefix:l}=this;return t.createVNode("i",{class:`${l} ${l}-${e}`,style:{fontSize:o,color:n}},null)}});m.install=function(e){e.component(m.name,m)};const v={type:{type:String,default:"button"},btnStyle:{type:String,default:"primary"},size:{type:String,default:"md"},position:{type:String,default:"default"},bordered:{type:Boolean,default:!1},icon:{type:String,default:""},showLoading:{type:Boolean,default:!1},width:{type:String},disabled:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},onClick:{type:Function}};var b=t.defineComponent({name:"DButton",props:v,setup(e,o){const n=t.ref(null),l=t=>{var o;e.showLoading||null==(o=e.onClick)||o.call(e,t)},r=t.computed((()=>o.slots.default)),a=t.computed((()=>{const{btnStyle:t,size:o,position:n,bordered:l,icon:a}=e;return`${`devui-btn devui-btn-${t} devui-btn-${o} devui-btn-${n}`} ${l?"bordered":""} ${a&&!r.value&&"primary"!==t?"d-btn-icon":""} ${a?"d-btn-icon-wrap":""}`})),i=t.computed((()=>{if(!e.icon)return;const t="devui-icon-fix icon";return r.value?`${t} clear-right-5`:t}));return()=>{var r,d;const{icon:s,type:u,disabled:c,showLoading:p,width:f}=e;return t.createVNode("div",t.mergeProps({class:"devui-btn-host"},o.attrs),[t.createVNode("button",{class:a.value,type:u,disabled:c,style:{width:f},onClick:l},[s?t.createVNode(m,{name:e.icon,class:i.value},null):null,t.createVNode("span",{class:"button-content",ref:n},[null==(d=(r=o.slots).default)?void 0:d.call(r)])])])}}});b.install=function(e){e.component(b.name,b)};var g=t.defineComponent({name:"DModal",inheritAttrs:!1,props:f,emits:["onUpdate:modelValue"],setup(e,o){const{movingX:n,movingY:l,handleRef:r,moveElRef:a,reset:i}=((e=!0)=>{const o=t.ref(0),n=t.ref(0),l=t.ref(),r=t.ref(),a=t.isRef(e)?e:t.ref(e);return t.watch([r,l],(([e,t],l,r)=>{if(!(t instanceof HTMLElement&&e instanceof HTMLElement))return;t.style.cursor="all-scroll";let i=0,d=0,s=0,u=0,c=e.getBoundingClientRect(),p=document.body.getBoundingClientRect(),f=!1;const m=l=>{if(l.preventDefault(),!a.value)return;i=l.clientX,d=l.clientY;const r=t.getBoundingClientRect();(t===l.target||t.contains(l.target))&&r.x<i&&r.y<d&&r.width+r.x>=i&&r.height+r.y>=d&&(f=!0,s=o.value,u=n.value,p=document.body.getBoundingClientRect(),c=e.getBoundingClientRect())},v=e=>{if(e.preventDefault(),!f)return;const t=s+e.clientX-i,l=u+e.clientY-d,r=c.x-s,a=c.y-u;o.value=y(t,-r,p.width-c.width-r),n.value=y(l,-a,p.height-c.height-a)},b=e=>{e.preventDefault(),f&&(f=!1)};window.addEventListener("mousedown",m),window.addEventListener("mousemove",v),window.addEventListener("mouseup",b),r((()=>{window.removeEventListener("mousedown",m),window.removeEventListener("mousemove",v),window.removeEventListener("mouseup",b)}))})),{movingX:t.readonly(o),movingY:t.readonly(n),handleRef:l,moveElRef:r,reset:()=>{o.value=0,n.value=0}}})();t.watch((()=>e.modelValue),(e=>{e&&i()}));const d=t.computed((()=>({position:"relative",left:`${n.value}px`,top:`${l.value}px`}))),s=t.computed((()=>({width:e.width,maxHeight:e.maxHeight,transform:`translate(${e.offsetX}, ${e.offsetY})`,zIndex:e.zIndex}))),c=t.computed((()=>{switch(e.dialogType){case"standard":return"";case"info":return"icon-info-o";case"success":return"icon-right-o";case"warning":return"icon-warning-o";case"failed":return"icon-error-o";default:return""}})),p=t.computed((()=>e.buttons.map(((e,o)=>{const{btnStyle:n,disabled:l,handler:r,text:a}=e;return t.createVNode(b,{key:o,style:{display:"inline-block",margin:"0 5px"},btnStyle:n,disabled:l,onClick:r},"function"==typeof(i=a)||"[object Object]"===Object.prototype.toString.call(i)&&!t.isVNode(i)?a:{default:()=>[a]});var i})))),f=t.ref(),v=()=>{var e,t;null==(t=null==(e=f.value)?void 0:e.onVisibleChange)||t.call(e,!1)};return o.expose({closeModal:v}),()=>t.createVNode(u,{ref:f,width:e.width,maxHeight:e.maxHeight,offsetX:e.offsetX,offsetY:e.offsetY,zIndex:e.zIndex,backdropZIndex:e.backdropZIndex,backdropCloseable:e.backdropCloseable,bodyScrollable:e.bodyScrollable,placement:e.placement,onClose:e.onClose,beforeHidden:e.beforeHidden,modelValue:e.modelValue,"onUpdate:modelValue":e["onUpdate:modelValue"]},{default:()=>{var n,l;return[t.createVNode("div",{class:"devui-modal-content",style:[s.value,d.value],ref:a},[t.createVNode("div",{class:"devui-modal-header",ref:r},[c.value?t.createVNode(m,{name:c.value,size:"24px",class:"header-alert-icon"},null):null,t.createVNode("span",null,[e.title]),t.createVNode(b,{class:"btn-close",icon:"close",btnStyle:"text-dark",onClick:v},null)]),t.createVNode("div",{class:"devui-modal-body"},[null==(l=(n=o.slots).default)?void 0:l.call(n)]),t.createVNode("div",{class:"devui-modal-footer"},[p.value])])]}})}});class h extends c{component(){return g}open(e={}){const t=document.createElement("div");this.anchorContainer.appendChild(t);const o=e,{content:n}=o,l=__objRest(o,["content"]),r=e=>{e||i()},a=(e,o=r)=>this.renderModal(t,__spreadProps(__spreadValues({},e),{modelValue:!0,"onUpdate:modelValue":o}),{default:n}),i=()=>{var e,o;null==(o=(e=a(l,(e=>{e?a(l):(this.renderModal(t,__spreadProps(__spreadValues({},l),{modelValue:!1})),this.renderNull(t))})).component.exposed).closeModal)||o.call(e)};return this.renderModal(t,{modelValue:!1}),a(l),{hide:i,updateButtonOptions:e=>{const t=l,{buttons:o}=t,n=__objRest(t,["buttons"]),r=o.map(((t,o)=>__spreadValues(__spreadValues({},t),e[o])));a(__spreadProps(__spreadValues({},n),{buttons:r}))}}}}__publicField(h,"token","DIALOG_SERVICE_TOKEN"),u.install=function(e){e.component(u.name,u)};var _={title:"Modal 弹窗",category:"反馈",status:void 0,install(e){if(e.use(u),!s)return;let t=document.getElementById("d-modal-anchors-container");t||(t=document.createElement("div"),t.setAttribute("id","d-modal-anchors-container"),document.body.appendChild(t)),e.provide(p.token,new p(t)),e.provide(h.token,new h(t))}};e.Modal=u,e.default=_,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));

package/modal/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "modal",
+  "version": "0.0.0",
+  "main": "index.umd.js",
+  "module": "index.es.js",
+  "style": "style.css"
+}

package/modal/style.css

@@ -0,0 +1 @@
+.devui-overlay-background{position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex}.devui-overlay-background__color{background:rgba(0,0,0,.4)}.devui-overlay-background .devui-overlay{position:relative;z-index:1000;pointer-events:auto}@keyframes d-overlay-fade{0%{opacity:0}to{opacity:1}}.devui-overlay-fade-enter{opacity:0}.devui-overlay-fade-enter-active{animation-name:d-overlay-fade;animation-duration:.3s}.devui-overlay-fade-leave{opacity:1}.devui-overlay-fade-leave-active{animation-name:d-overlay-fade;animation-duration:.3s;animation-direction:reverse}.devui-modal-wrapper{justify-content:center;align-items:center;background-color:var(--devui-shadow, rgba(0, 0, 0, .2))}.devui-modal-content{background:var(--devui-fullscreen-overlay-bg, #ffffff);border-radius:var(--devui-border-radius, 2px)}.devui-modal-body{padding:20px 32px;color:var(--devui-text-weak, #575d6c)}.devui-modal-header{padding:32px 32px 0;height:56px;position:relative;border:none;user-select:none}.devui-modal-header .btn-close{position:absolute;right:20px;top:20px;font-size:var(--devui-font-size-icon, 16px);font-weight:700;line-height:1;color:#000;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.devui-modal-header .header-alert-icon{display:inline-block;vertical-align:middle;margin-right:8px;line-height:16px;text-align:center}.devui-modal-footer{border-top:none;text-align:center;padding:0 32px 24px}@keyframes wipe-in-out{0%{opacity:.2;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.devui-modal-wipe-enter-from{opacity:.2}.devui-modal-wipe-enter-active{animation-name:wipe-in-out;animation-duration:.3s}.devui-modal-wipe-leave-to{opacity:1}.devui-modal-wipe-leave-active{animation-name:wipe-in-out;animation-duration:.3s;animation-direction:reverse}.devui-font-size-base{font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:var(--devui-font-size, 12px);font-weight:normal;line-height:1.5}.devui-font-size-modal-title{font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:var(--devui-font-size-modal-title, 18px);font-weight:bold;line-height:1.5}.devui-font-size-page-title{font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:var(--devui-font-size-page-title, 16px);font-weight:bold;line-height:1.5}.devui-font-size-secondary-title{font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:var(--devui-font-size-card-title, 14px);font-weight:bold;line-height:1.5}.devui-btn{padding:3px 20px;font-size:var(--devui-font-size-md, 12px);height:28px;line-height:1.5;border-radius:var(--devui-border-radius, 2px);border-width:1px;border-color:transparent;background-color:transparent}.devui-btn.devui-btn-text{color:var(--devui-brand-active, #526ecc);padding:0}.devui-btn.devui-btn-text-dark{color:var(--devui-brand-active, #526ecc);padding:0}.devui-btn.devui-btn-common{color:var(--devui-text, #252b3a);min-width:64px;background-color:var(--devui-block, #ffffff);border-color:var(--devui-line, #adb0b8)}.devui-btn.devui-btn-stress{color:var(--devui-light-text, #ffffff);min-width:64px;background-color:var(--devui-primary, #5e7ce0)}.devui-btn.devui-btn-primary{color:var(--devui-light-text, #ffffff);min-width:64px;background-color:var(--devui-primary, #5e7ce0)}.devui-btn.devui-btn-danger{color:var(--devui-light-text, #ffffff);min-width:64px;background-color:var(--devui-contrast, #f66f6a)}.devui-btn.devui-btn-left{border-radius:var(--devui-border-radius, 2px) 0 0 var(--devui-border-radius, 2px)}.devui-btn.devui-btn-right{border-radius:0 var(--devui-border-radius, 2px) var(--devui-border-radius, 2px) 0}.devui-btn.devui-btn-xs{padding:1px 5px;height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:48px}.devui-btn.devui-btn-sm{padding:1px 15px;height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:56px}.devui-btn.devui-btn-lg{padding:5px 23px;height:32px;font-size:var(--devui-font-size-lg, 14px);min-width:72px}.devui-btn.devui-btn-text:hover{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-text:focus{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-text:active{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-text-dark:hover{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-text-dark:focus{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-text-dark:active{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-common:hover{border-color:var(--devui-form-control-line-active, #5e7ce0);color:var(--devui-brand-active, #526ecc)}.devui-btn.devui-btn-common:focus{border-color:var(--devui-form-control-line-active, #5e7ce0);color:var(--devui-brand-active, #526ecc)}.devui-btn.devui-btn-common:active{border-color:var(--devui-form-control-line-active, #5e7ce0);color:var(--devui-brand-active, #526ecc)}.devui-btn.devui-btn-stress:hover{background-color:var(--devui-primary-hover, #7693f5)}.devui-btn.devui-btn-stress:focus{background-color:var(--devui-primary-hover, #7693f5)}.devui-btn.devui-btn-stress:active{background-color:var(--devui-primary-active, #344899)}.devui-btn.devui-btn-primary:hover{background-color:var(--devui-primary-hover, #7693f5)}.devui-btn.devui-btn-primary:focus{background-color:var(--devui-primary-hover, #7693f5)}.devui-btn.devui-btn-primary:active{background-color:var(--devui-primary-active, #344899)}.devui-btn.devui-btn-danger:hover{background-color:var(--devui-contrast-hover, #ff8b87)}.devui-btn.devui-btn-danger:focus{background-color:var(--devui-contrast-hover, #ff8b87)}.devui-btn.devui-btn-danger:active{background-color:var(--devui-contrast-active, #de504e)}.devui-btn.devui-btn-common:disabled{color:var(--devui-disabled-text, #adb0b8);background:var(--devui-disabled-bg, #f5f5f6);border:1px solid var(--devui-disabled-line, #dfe1e6)}.devui-btn.devui-btn-primary:disabled{color:var(--devui-light-text, #ffffff);background:var(--devui-primary-disabled, #beccfa);border:none}.devui-btn.devui-btn-danger:disabled{color:var(--devui-disabled-text, #adb0b8);background:var(--devui-disabled-bg, #f5f5f6);border:1px solid var(--devui-disabled-line, #dfe1e6)}.devui-btn.devui-btn-text-dark:disabled{color:var(--devui-disabled-text, #adb0b8)}.devui-btn.devui-btn-text:disabled{color:var(--devui-disabled-text, #adb0b8)}.devui-btn.bordered.devui-btn-common{color:var(--devui-text, #252b3a);border-color:transparent}.devui-btn.bordered.devui-btn-common:hover,.devui-btn.bordered.devui-btn-common:focus{border-color:var(--devui-primary-hover, #7693f5)}.devui-btn.bordered.devui-btn-common:active{border-color:var(--devui-primary-active, #344899)}.devui-btn.bordered.devui-btn-stress,.devui-btn.bordered.devui-btn-primary{border-color:var(--devui-brand, #5e7ce0);color:var(--devui-brand, #5e7ce0);background-color:var(--devui-block, #ffffff)}.devui-btn.bordered.devui-btn-success{border-color:var(--devui-success, #50d4ab);color:var(--devui-success, #50d4ab);background-color:var(--devui-block, #ffffff)}.devui-btn.bordered.devui-btn-warning{border-color:var(--devui-warning, #fac20a);color:var(--devui-warning, #fac20a);background-color:var(--devui-block, #ffffff)}.devui-btn.bordered.devui-btn-danger{border-color:var(--devui-danger, #f66f6a);color:var(--devui-danger, #f66f6a);background-color:var(--devui-block, #ffffff)}.devui-btn.d-btn-icon:hover,.devui-btn.d-btn-icon:focus{border:1px solid var(--devui-list-item-hover-bg, #f2f5fc);background-color:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-btn.d-btn-icon:disabled{background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap{color:var(--devui-text, #252b3a)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap .devui-icon-fix,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap .devui-icon-fix{color:var(--devui-text-weak, #575d6c)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap:hover,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap:hover{color:var(--devui-list-item-hover-text, #526ecc)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap:hover .devui-icon-fix,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap:hover .devui-icon-fix{color:var(--devui-icon-fill-active, #5e7ce0)}.devui-loading .devui-loading-default-spinner div{background-color:var(--devui-text, #252b3a)}.devui-btn-host{display:inline-block}.devui-btn{transition:background-color .2s;border-style:solid;white-space:nowrap;display:flex;align-items:center;justify-content:center}.devui-btn:disabled,.devui-btn[disabled]{cursor:not-allowed}.devui-btn.d-btn-icon{padding:7px 8px;line-height:1em;border:1px solid transparent}.devui-btn.d-btn-icon.devui-btn-xs,.devui-btn.d-btn-icon.devui-btn-sm{padding:5px}.devui-btn.d-btn-icon.devui-btn-xs{min-width:24px}.devui-btn.d-btn-icon.devui-btn-sm{min-width:24px}.devui-btn.d-btn-icon.devui-btn-lg{min-width:32px}.devui-btn.d-btn-icon.devui-btn-lg .icon{font-size:var(--devui-font-size-icon, 16px)}.devui-btn:not(.d-btn-icon) .icon-fix{font-size:var(--devui-font-size-icon, 16px)}.devui-icon-fix{position:relative;font-size:var(--devui-font-size, 12px)}.devui-btn.devui-btn-common:not(:disabled) .devui-icon-fix{color:var(--devui-text-weak, #575d6c)}.devui-btn.devui-btn-common:not(:disabled):hover .devui-icon-fix,.devui-btn.devui-btn-common:not(:disabled):active .devui-icon-fix,.devui-btn.devui-btn-common:not(:disabled):focus .devui-icon-fix{color:var(--devui-icon-fill-active, #5e7ce0)}.button-content{display:inline-block;position:relative}.clear-right-5{margin-right:5px}

package/overlay/index.es.js

@@ -1 +1 @@
-var e=Object.defineProperty,t=Object.defineProperties,n=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,i=(t,n,o)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[n]=o,a=(e,t)=>{for(var n in t||(t={}))l.call(t,n)&&i(e,n,t[n]);if(o)for(var n of o(t))r.call(t,n)&&i(e,n,t[n]);return e};"undefined"!=typeof require&&require;import{defineComponent as s,createVNode as c,Teleport as d,Transition as u,renderSlot as p,isVNode as f,computed as v,watch as y,onUnmounted as b,ref as g,withDirectives as h,vShow as m,reactive as w,getCurrentInstance as k,onMounted as C,nextTick as O,toRef as B,onBeforeUnmount as x,isRef as E}from"vue";const j=s({setup:(e,t)=>()=>{let e;return c(d,{to:"#d-overlay-anchor"},{default:()=>{return[c(u,{name:"d-overlay-fade"},(n=e=p(t.slots,"default"),"function"==typeof n||"[object Object]"===Object.prototype.toString.call(n)&&!f(n)?e:{default:()=>[e]}))];var n}})}}),L={visible:{type:Boolean},"onUpdate:visible":{type:Function},backgroundBlock:{type:Boolean,default:!1},backgroundClass:{type:String,default:""},hasBackdrop:{type:Boolean,default:!0},backdropClick:{type:Function},backdropClose:{type:Boolean,default:!0}};function X(e){const t=v((()=>e.hasBackdrop?["d-overlay-container",e.backgroundClass]:["d-overlay-container","d-overlay-container__disabled"])),n=v((()=>e.hasBackdrop?["d-overlay-panel"]:["d-overlay-panel","d-overlay-container__disabled"])),o=document.body,l=o.style.overflow;return y([()=>e.visible,()=>e.backgroundBlock],(([e,t])=>{t&&(o.style.overflow=e?"hidden":l)})),b((()=>{o.style.overflow=l})),{containerClass:t,panelClass:n,handleBackdropClick:t=>{var n,o;t.preventDefault(),null==(n=e.backdropClick)||n.call(e),e.backdropClose&&(null==(o=e["onUpdate:visible"])||o.call(e,!1))}}}const Y=s({name:"DFixedOverlay",props:(F=a({},L),P={overlayStyle:{type:Object,default:void 0}},t(F,n(P))),setup(e,t){const{containerClass:n,panelClass:o,handleBackdropClick:l}=X(e),r=g(null),i=e=>e.cancelBubble=!0;return()=>c(j,null,{default:()=>[h(c("div",{class:n.value,onClick:l},[c("div",{class:o.value},[c("div",{ref:r,class:"d-overlay",style:e.overlayStyle,onClick:i},[p(t.slots,"default")])])]),[[m,e.visible]])]})}});var F,P;const R=s({name:"DFlexibleOverlay",props:a({origin:{type:Object,require:!0},position:{type:Object,default:()=>({originX:"left",originY:"top",overlayX:"left",overlayY:"top"})}},L),emits:["onUpdate:visible"],setup(e,t){const n=g(null),o=w({position:"absolute"}),l=k();C((async()=>{await O();const t=n.value;if(!t)return;const r=function(e){if(e instanceof Element)return e;if(E(e))return function(e){if(e instanceof Element)return e;if(e&&"object"==typeof e&&e.$el instanceof Element)return e.$el;return null}(e.value);return e}(e.origin);if(!r)return;const i=t=>{const n=function(e,t,n){const o=function(e,t){let n,o;if("center"==t.originX)n=e.left+e.width/2;else{const o=e.left,l=e.right;n="left"==t.originX?o:l}o="center"==t.originY?e.top+e.height/2:"top"==t.originY?e.top:e.bottom;return{x:n,y:o}}(function(e){if(e instanceof Element)return e.getBoundingClientRect();const t=e.width||0,n=e.height||0;return{top:e.y,bottom:e.y+n,left:e.x,right:e.x+t,height:n,width:t}}(n),e);let l;l=t instanceof HTMLElement?t.getBoundingClientRect():t;return function(e,t,n){let o;const{width:l,height:r}=t;o="center"==n.overlayX?e.x-l/2:"left"==n.overlayX?e.x:e.x-l;let i;i="center"==n.overlayY?e.y-r/2:"top"==n.overlayY?e.y:e.y-r;return{x:o,y:i}}(o,l,e)}(e.position,t,r);o.left=`${n.x}px`,o.top=`${n.y}px`},a=()=>i(t.getBoundingClientRect());y(B(e,"visible"),((e,t,n)=>{var o;e?(o=a,window.addEventListener("scroll",o,!0),window.addEventListener("resize",o),window.addEventListener("orientationchange",o)):S(a),n((()=>{S(a)}))})),y(B(e,"position"),(()=>{a()}));const s=new ResizeObserver((e=>{i(e[0].contentRect)}));if(s.observe(t),x((()=>{s.disconnect()}),l),r instanceof Element){const e=new MutationObserver(a);e.observe(r,{attributeFilter:["style"]}),x((()=>{e.disconnect()}),l)}}),l);const{containerClass:r,panelClass:i,handleBackdropClick:a}=X(e);return()=>c(j,null,{default:()=>[h(c("div",{class:r},[c("div",{class:i,style:{position:"fixed",top:"0",left:"0",width:"100vw",height:"100vh",display:"flex"},onClick:a},[c("div",{ref:n,class:"d-overlay",style:o,onClick:e=>e.cancelBubble=!0},[p(t.slots,"default")])])]),[[m,e.visible]])]})}});function S(e){window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e)}R.install=function(e){e.component(R.name,R)},Y.install=function(e){e.component(Y.name,Y)};var z={title:"Overlay 遮罩层",category:"通用",install(e){if(e.use(Y),e.use(R),!document.getElementById("d-overlay-anchor")){const e=document.createElement("div");e.setAttribute("id","d-overlay-anchor"),e.style.position="fixed",e.style.left="0",e.style.top="0",e.style.zIndex="1000",document.body.appendChild(e)}}};export{Y as FixedOverlay,R as FlexibleOverlay,z as default};
+var e=Object.defineProperty,t=Object.defineProperties,n=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,i=(t,n,o)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[n]=o,a=(e,t)=>{for(var n in t||(t={}))l.call(t,n)&&i(e,n,t[n]);if(o)for(var n of o(t))r.call(t,n)&&i(e,n,t[n]);return e};"undefined"!=typeof require&&require;import{defineComponent as c,createVNode as s,Teleport as u,Transition as d,renderSlot as y,isVNode as v,computed as p,onMounted as f,watch as b,onUnmounted as g,withDirectives as m,vShow as w,ref as k,reactive as h,getCurrentInstance as C,nextTick as O,toRef as x,onBeforeUnmount as B,isRef as E}from"vue";const j=c({setup:(e,t)=>()=>{let e;return s(u,{to:"#d-overlay-anchor"},{default:()=>{return[s(d,{name:"devui-overlay-fade"},(n=e=y(t.slots,"default"),"function"==typeof n||"[object Object]"===Object.prototype.toString.call(n)&&!v(n)?e:{default:()=>[e]}))];var n}})}}),S={visible:{type:Boolean},"onUpdate:visible":{type:Function},backgroundBlock:{type:Boolean,default:!1},backgroundClass:{type:String,default:""},backgroundStyle:{type:[String,Object]},backdropClick:{type:Function},backdropClose:{type:Boolean,default:!0}};function Y(e){const t=p((()=>["devui-overlay-background","devui-overlay-background__color",e.backgroundClass])),n=p((()=>"devui-overlay"));return f((()=>{const t=document.body,n=t.style.overflow,o=t.style.position;b([()=>e.visible,()=>e.backgroundBlock],(([e,l])=>{if(l){const l=t.getBoundingClientRect().y;e?(t.style.overflowY="scroll",t.style.position=e?"fixed":"",t.style.top=`${l}px`):(t.style.overflowY=n,t.style.position=o,t.style.top="",window.scrollTo(0,-l))}})),g((()=>{document.body.style.overflow=n}))})),{backgroundClass:t,overlayClass:n,handleBackdropClick:t=>{var n,o;t.preventDefault(),null==(n=e.backdropClick)||n.call(e),e.backdropClose&&(null==(o=e["onUpdate:visible"])||o.call(e,!1))},handleOverlayBubbleCancel:e=>e.cancelBubble=!0}}const L=c({name:"DFixedOverlay",props:(R=a({},S),X={overlayStyle:{type:Object,default:void 0}},t(R,n(X))),setup(e,t){const{backgroundClass:n,overlayClass:o,handleBackdropClick:l,handleOverlayBubbleCancel:r}=Y(e);return()=>s(j,null,{default:()=>[m(s("div",{class:n.value,style:e.backgroundStyle,onClick:l},[s("div",{class:o.value,style:e.overlayStyle,onClick:r},[y(t.slots,"default")])]),[[w,e.visible]])]})}});var R,X;const F=c({name:"DFlexibleOverlay",props:a({origin:{type:Object,require:!0},position:{type:Object,default:()=>({originX:"left",originY:"top",overlayX:"left",overlayY:"top"})}},S),emits:["onUpdate:visible"],setup(e,t){const n=k(null),o=h({position:"absolute"}),l=C();f((async()=>{await O();const t=n.value;if(!t)return;const r=function(e){if(e instanceof Element)return e;if(E(e))return function(e){if(e instanceof Element)return e;if(e&&"object"==typeof e&&e.$el instanceof Element)return e.$el;return null}(e.value);return e}(e.origin);if(!r)return;const i=t=>{const n=function(e,t,n){const o=function(e,t){let n,o;if("center"==t.originX)n=e.left+e.width/2;else{const o=e.left,l=e.right;n="left"==t.originX?o:l}o="center"==t.originY?e.top+e.height/2:"top"==t.originY?e.top:e.bottom;return{x:n,y:o}}(function(e){if(e instanceof Element)return e.getBoundingClientRect();const t=e.width||0,n=e.height||0;return{top:e.y,bottom:e.y+n,left:e.x,right:e.x+t,height:n,width:t}}(n),e);let l;l=t instanceof HTMLElement?t.getBoundingClientRect():t;return function(e,t,n){let o;const{width:l,height:r}=t;o="center"==n.overlayX?e.x-l/2:"left"==n.overlayX?e.x:e.x-l;let i;i="center"==n.overlayY?e.y-r/2:"top"==n.overlayY?e.y:e.y-r;return{x:o,y:i}}(o,l,e)}(e.position,t,r);o.left=`${n.x}px`,o.top=`${n.y}px`},a=()=>i(t.getBoundingClientRect());b(x(e,"visible"),((e,t,n)=>{var o;e?(o=a,window.addEventListener("scroll",o,!0),window.addEventListener("resize",o),window.addEventListener("orientationchange",o)):P(a),n((()=>{P(a)}))})),b(x(e,"position"),(()=>{a()}));const c=new ResizeObserver((e=>{i(e[0].contentRect)}));if(c.observe(t),B((()=>{c.disconnect()}),l),r instanceof Element){const e=new MutationObserver(a);e.observe(r,{attributeFilter:["style"]}),B((()=>{e.disconnect()}),l)}}),l);const{backgroundClass:r,overlayClass:i,handleBackdropClick:a,handleOverlayBubbleCancel:c}=Y(e);return()=>s(j,null,{default:()=>[m(s("div",{class:r.value,onClick:a},[s("div",{ref:n,class:i.value,style:o,onClick:c},[y(t.slots,"default")])]),[[w,e.visible]])]})}});function P(e){window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e)}const $="undefined"!=typeof window;F.install=function(e){e.component(F.name,F)},L.install=function(e){e.component(L.name,L)};var z={title:"Overlay 遮罩层",category:"通用",install(e){if(e.use(L),e.use(F),$&&!document.getElementById("d-overlay-anchor")){const e=document.createElement("div");e.setAttribute("id","d-overlay-anchor"),e.style.position="fixed",e.style.left="0",e.style.top="0",e.style.zIndex="1000",document.body.appendChild(e)}}};export{L as FixedOverlay,F as FlexibleOverlay,z as default};

package/overlay/index.umd.js

@@ -1 +1 @@
-var __defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,o)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,__spreadValues=(e,t)=>{for(var o in t||(t={}))__hasOwnProp.call(t,o)&&__defNormalProp(e,o,t[o]);if(__getOwnPropSymbols)for(var o of __getOwnPropSymbols(t))__propIsEnum.call(t,o)&&__defNormalProp(e,o,t[o]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t)),__require="undefined"!=typeof require?require:e=>{throw new Error('Dynamic require of "'+e+'" is not supported')};!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,t){"use strict";const o=t.defineComponent({setup:(e,o)=>()=>{let e;return t.createVNode(t.Teleport,{to:"#d-overlay-anchor"},{default:()=>{return[t.createVNode(t.Transition,{name:"d-overlay-fade"},(n=e=t.renderSlot(o.slots,"default"),"function"==typeof n||"[object Object]"===Object.prototype.toString.call(n)&&!t.isVNode(n)?e:{default:()=>[e]}))];var n}})}}),n={visible:{type:Boolean},"onUpdate:visible":{type:Function},backgroundBlock:{type:Boolean,default:!1},backgroundClass:{type:String,default:""},hasBackdrop:{type:Boolean,default:!0},backdropClick:{type:Function},backdropClose:{type:Boolean,default:!0}};function r(e){const o=t.computed((()=>e.hasBackdrop?["d-overlay-container",e.backgroundClass]:["d-overlay-container","d-overlay-container__disabled"])),n=t.computed((()=>e.hasBackdrop?["d-overlay-panel"]:["d-overlay-panel","d-overlay-container__disabled"])),r=document.body,l=r.style.overflow;return t.watch([()=>e.visible,()=>e.backgroundBlock],(([e,t])=>{t&&(r.style.overflow=e?"hidden":l)})),t.onUnmounted((()=>{r.style.overflow=l})),{containerClass:o,panelClass:n,handleBackdropClick:t=>{var o,n;t.preventDefault(),null==(o=e.backdropClick)||o.call(e),e.backdropClose&&(null==(n=e["onUpdate:visible"])||n.call(e,!1))}}}const l=t.defineComponent({name:"DFixedOverlay",props:__spreadProps(__spreadValues({},n),{overlayStyle:{type:Object,default:void 0}}),setup(e,n){const{containerClass:l,panelClass:i,handleBackdropClick:a}=r(e),s=t.ref(null),c=e=>e.cancelBubble=!0;return()=>t.createVNode(o,null,{default:()=>[t.withDirectives(t.createVNode("div",{class:l.value,onClick:a},[t.createVNode("div",{class:i.value},[t.createVNode("div",{ref:s,class:"d-overlay",style:e.overlayStyle,onClick:c},[t.renderSlot(n.slots,"default")])])]),[[t.vShow,e.visible]])]})}}),i=t.defineComponent({name:"DFlexibleOverlay",props:__spreadValues({origin:{type:Object,require:!0},position:{type:Object,default:()=>({originX:"left",originY:"top",overlayX:"left",overlayY:"top"})}},n),emits:["onUpdate:visible"],setup(e,n){const l=t.ref(null),i=t.reactive({position:"absolute"}),s=t.getCurrentInstance();t.onMounted((async()=>{await t.nextTick();const o=l.value;if(!o)return;const n=function(e){if(e instanceof Element)return e;if(t.isRef(e))return function(e){if(e instanceof Element)return e;if(e&&"object"==typeof e&&e.$el instanceof Element)return e.$el;return null}(e.value);return e}(e.origin);if(!n)return;const r=t=>{const o=function(e,t,o){const n=function(e,t){let o,n;if("center"==t.originX)o=e.left+e.width/2;else{const n=e.left,r=e.right;o="left"==t.originX?n:r}n="center"==t.originY?e.top+e.height/2:"top"==t.originY?e.top:e.bottom;return{x:o,y:n}}(function(e){if(e instanceof Element)return e.getBoundingClientRect();const t=e.width||0,o=e.height||0;return{top:e.y,bottom:e.y+o,left:e.x,right:e.x+t,height:o,width:t}}(o),e);let r;r=t instanceof HTMLElement?t.getBoundingClientRect():t;return function(e,t,o){let n;const{width:r,height:l}=t;n="center"==o.overlayX?e.x-r/2:"left"==o.overlayX?e.x:e.x-r;let i;i="center"==o.overlayY?e.y-l/2:"top"==o.overlayY?e.y:e.y-l;return{x:n,y:i}}(n,r,e)}(e.position,t,n);i.left=`${o.x}px`,i.top=`${o.y}px`},c=()=>r(o.getBoundingClientRect());t.watch(t.toRef(e,"visible"),((e,t,o)=>{var n;e?(n=c,window.addEventListener("scroll",n,!0),window.addEventListener("resize",n),window.addEventListener("orientationchange",n)):a(c),o((()=>{a(c)}))})),t.watch(t.toRef(e,"position"),(()=>{c()}));const d=new ResizeObserver((e=>{r(e[0].contentRect)}));if(d.observe(o),t.onBeforeUnmount((()=>{d.disconnect()}),s),n instanceof Element){const e=new MutationObserver(c);e.observe(n,{attributeFilter:["style"]}),t.onBeforeUnmount((()=>{e.disconnect()}),s)}}),s);const{containerClass:c,panelClass:d,handleBackdropClick:p}=r(e);return()=>t.createVNode(o,null,{default:()=>[t.withDirectives(t.createVNode("div",{class:c},[t.createVNode("div",{class:d,style:{position:"fixed",top:"0",left:"0",width:"100vw",height:"100vh",display:"flex"},onClick:p},[t.createVNode("div",{ref:l,class:"d-overlay",style:i,onClick:e=>e.cancelBubble=!0},[t.renderSlot(n.slots,"default")])])]),[[t.vShow,e.visible]])]})}});function a(e){window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e)}i.install=function(e){e.component(i.name,i)},l.install=function(e){e.component(l.name,l)};var s={title:"Overlay 遮罩层",category:"通用",install(e){if(e.use(l),e.use(i),!document.getElementById("d-overlay-anchor")){const e=document.createElement("div");e.setAttribute("id","d-overlay-anchor"),e.style.position="fixed",e.style.left="0",e.style.top="0",e.style.zIndex="1000",document.body.appendChild(e)}}};e.FixedOverlay=l,e.FlexibleOverlay=i,e.default=s,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+var __defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,o)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,__spreadValues=(e,t)=>{for(var o in t||(t={}))__hasOwnProp.call(t,o)&&__defNormalProp(e,o,t[o]);if(__getOwnPropSymbols)for(var o of __getOwnPropSymbols(t))__propIsEnum.call(t,o)&&__defNormalProp(e,o,t[o]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t)),__require="undefined"!=typeof require?require:e=>{throw new Error('Dynamic require of "'+e+'" is not supported')};!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,t){"use strict";const o=t.defineComponent({setup:(e,o)=>()=>{let e;return t.createVNode(t.Teleport,{to:"#d-overlay-anchor"},{default:()=>{return[t.createVNode(t.Transition,{name:"devui-overlay-fade"},(n=e=t.renderSlot(o.slots,"default"),"function"==typeof n||"[object Object]"===Object.prototype.toString.call(n)&&!t.isVNode(n)?e:{default:()=>[e]}))];var n}})}}),n={visible:{type:Boolean},"onUpdate:visible":{type:Function},backgroundBlock:{type:Boolean,default:!1},backgroundClass:{type:String,default:""},backgroundStyle:{type:[String,Object]},backdropClick:{type:Function},backdropClose:{type:Boolean,default:!0}};function r(e){const o=t.computed((()=>["devui-overlay-background","devui-overlay-background__color",e.backgroundClass])),n=t.computed((()=>"devui-overlay"));return t.onMounted((()=>{const o=document.body,n=o.style.overflow,r=o.style.position;t.watch([()=>e.visible,()=>e.backgroundBlock],(([e,t])=>{if(t){const t=o.getBoundingClientRect().y;e?(o.style.overflowY="scroll",o.style.position=e?"fixed":"",o.style.top=`${t}px`):(o.style.overflowY=n,o.style.position=r,o.style.top="",window.scrollTo(0,-t))}})),t.onUnmounted((()=>{document.body.style.overflow=n}))})),{backgroundClass:o,overlayClass:n,handleBackdropClick:t=>{var o,n;t.preventDefault(),null==(o=e.backdropClick)||o.call(e),e.backdropClose&&(null==(n=e["onUpdate:visible"])||n.call(e,!1))},handleOverlayBubbleCancel:e=>e.cancelBubble=!0}}const l=t.defineComponent({name:"DFixedOverlay",props:__spreadProps(__spreadValues({},n),{overlayStyle:{type:Object,default:void 0}}),setup(e,n){const{backgroundClass:l,overlayClass:i,handleBackdropClick:a,handleOverlayBubbleCancel:s}=r(e);return()=>t.createVNode(o,null,{default:()=>[t.withDirectives(t.createVNode("div",{class:l.value,style:e.backgroundStyle,onClick:a},[t.createVNode("div",{class:i.value,style:e.overlayStyle,onClick:s},[t.renderSlot(n.slots,"default")])]),[[t.vShow,e.visible]])]})}}),i=t.defineComponent({name:"DFlexibleOverlay",props:__spreadValues({origin:{type:Object,require:!0},position:{type:Object,default:()=>({originX:"left",originY:"top",overlayX:"left",overlayY:"top"})}},n),emits:["onUpdate:visible"],setup(e,n){const l=t.ref(null),i=t.reactive({position:"absolute"}),s=t.getCurrentInstance();t.onMounted((async()=>{await t.nextTick();const o=l.value;if(!o)return;const n=function(e){if(e instanceof Element)return e;if(t.isRef(e))return function(e){if(e instanceof Element)return e;if(e&&"object"==typeof e&&e.$el instanceof Element)return e.$el;return null}(e.value);return e}(e.origin);if(!n)return;const r=t=>{const o=function(e,t,o){const n=function(e,t){let o,n;if("center"==t.originX)o=e.left+e.width/2;else{const n=e.left,r=e.right;o="left"==t.originX?n:r}n="center"==t.originY?e.top+e.height/2:"top"==t.originY?e.top:e.bottom;return{x:o,y:n}}(function(e){if(e instanceof Element)return e.getBoundingClientRect();const t=e.width||0,o=e.height||0;return{top:e.y,bottom:e.y+o,left:e.x,right:e.x+t,height:o,width:t}}(o),e);let r;r=t instanceof HTMLElement?t.getBoundingClientRect():t;return function(e,t,o){let n;const{width:r,height:l}=t;n="center"==o.overlayX?e.x-r/2:"left"==o.overlayX?e.x:e.x-r;let i;i="center"==o.overlayY?e.y-l/2:"top"==o.overlayY?e.y:e.y-l;return{x:n,y:i}}(n,r,e)}(e.position,t,n);i.left=`${o.x}px`,i.top=`${o.y}px`},c=()=>r(o.getBoundingClientRect());t.watch(t.toRef(e,"visible"),((e,t,o)=>{var n;e?(n=c,window.addEventListener("scroll",n,!0),window.addEventListener("resize",n),window.addEventListener("orientationchange",n)):a(c),o((()=>{a(c)}))})),t.watch(t.toRef(e,"position"),(()=>{c()}));const d=new ResizeObserver((e=>{r(e[0].contentRect)}));if(d.observe(o),t.onBeforeUnmount((()=>{d.disconnect()}),s),n instanceof Element){const e=new MutationObserver(c);e.observe(n,{attributeFilter:["style"]}),t.onBeforeUnmount((()=>{e.disconnect()}),s)}}),s);const{backgroundClass:c,overlayClass:d,handleBackdropClick:u,handleOverlayBubbleCancel:p}=r(e);return()=>t.createVNode(o,null,{default:()=>[t.withDirectives(t.createVNode("div",{class:c.value,onClick:u},[t.createVNode("div",{ref:l,class:d.value,style:i,onClick:p},[t.renderSlot(n.slots,"default")])]),[[t.vShow,e.visible]])]})}});function a(e){window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e)}const s="undefined"!=typeof window;i.install=function(e){e.component(i.name,i)},l.install=function(e){e.component(l.name,l)};var c={title:"Overlay 遮罩层",category:"通用",install(e){if(e.use(l),e.use(i),s&&!document.getElementById("d-overlay-anchor")){const e=document.createElement("div");e.setAttribute("id","d-overlay-anchor"),e.style.position="fixed",e.style.left="0",e.style.top="0",e.style.zIndex="1000",document.body.appendChild(e)}}};e.FixedOverlay=l,e.FlexibleOverlay=i,e.default=c,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));

package/overlay/style.css

@@ -1 +1 @@
-.d-overlay-container{position:fixed;top:0;left:0;height:100%;width:100%;display:flex}.d-overlay-container__disabled{pointer-events:none}.d-overlay-container__background{background:rgba(0,0,0,.4)}.d-overlay-container .d-overlay-panel{position:relative;z-index:1000}.d-overlay-container .d-overlay{pointer-events:auto}@keyframes d-overlay-fade{0%{opacity:0}to{opacity:1}}.d-overlay-fade-enter{opacity:0}.d-overlay-fade-enter-active{animation-name:d-overlay-fade;animation-duration:.3s}.d-overlay-fade-leave{opacity:1}.d-overlay-fade-leave-active{animation-name:d-overlay-fade;animation-duration:.3s;animation-direction:reverse}
+.devui-overlay-background{position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex}.devui-overlay-background__color{background:rgba(0,0,0,.4)}.devui-overlay-background .devui-overlay{position:relative;z-index:1000;pointer-events:auto}@keyframes d-overlay-fade{0%{opacity:0}to{opacity:1}}.devui-overlay-fade-enter{opacity:0}.devui-overlay-fade-enter-active{animation-name:d-overlay-fade;animation-duration:.3s}.devui-overlay-fade-leave{opacity:1}.devui-overlay-fade-leave-active{animation-name:d-overlay-fade;animation-duration:.3s;animation-direction:reverse}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-devui",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.5",
   "license": "MIT",
   "description": "DevUI components based on Vite and Vue3",
   "keywords": [
@@ -23,7 +23,7 @@
   },
   "scripts": {
     "dev": "vitepress dev docs",
-    "build": "vitepress build docs",
+    "build": "vitepress build docs && cp public/* docs/.vitepress/dist/assets",
     "serve": "vitepress serve docs",
     "app:dev": "vite",
     "app:build": "vite build",
@@ -37,8 +37,9 @@
     "generate:theme": "node ./devui-cli/index.js generate:theme",
     "copy": "cp package.json build && cp README.md build && cp devui/theme/theme.scss build/theme",
     "clean:cli": "npm uninstall -g devui-cli & npm uninstall -g vue-devui",
-    "cli:create": "node ./devui-cli/index.js create",
-    "predev": "node ./devui-cli/index.js create -t vue-devui --ignore-parse-error"
+    "cli:create": "node ./devui-cli/index.js create -t component",
+    "predev": "node ./devui-cli/index.js create -t vue-devui --ignore-parse-error",
+    "prebuild": "node ./devui-cli/index.js create -t vue-devui --ignore-parse-error"
   },
   "dependencies": {
     "@devui-design/icons": "^1.3.0",
@@ -79,6 +80,7 @@
     "jest": "^27.0.4",
     "lint-staged": "^11.0.0",
     "ora": "^5.4.1",
+    "patch-vue-directive-ssr": "^0.0.1",
     "sass": "^1.32.2",
     "shelljs": "^0.8.4",
     "stylelint": "^13.13.1",
@@ -104,4 +106,4 @@
     "{src,devui}/**/*.{js,ts,jsx,tsx,vue}": "eslint --fix",
     "{src,devui}/**/*.{scss,css}": "stylelint --fix"
   }
-}
+}

package/pagination/index.es.js

@@ -1 +1 @@
-import{defineComponent as e,ref as n,onMounted as a,onUnmounted as t,withDirectives as i,createVNode as o,createTextVNode as u,resolveDirective as l,toRefs as s,watch as g,resolveComponent as r,computed as d,Fragment as p,mergeProps as c,nextTick as v}from"vue";const m={pageSize:{type:Number,default:10},total:{type:Number,default:0},pageSizeOptions:{type:Array,default:()=>[5,10,20,50]},pageSizeDirection:{type:Array,default:()=>["centerDown","centerUp"]},pageIndex:{type:Number,default:1},maxItems:{type:Number,default:10},preLink:{type:String,default:"&lt;"},nextLink:{type:String,default:"&gt;"},size:{type:String,default:""},canJumpPage:{type:Boolean,default:!1},canChangePageSize:{type:Boolean,default:!1},canViewTotal:{type:Boolean,default:!1},totalItemText:{type:String,default:"所有条目"},goToText:{type:String,default:"跳至"},showJumpButton:{type:Boolean,default:!1},showTruePageIndex:{type:Boolean,default:!1},lite:{type:Boolean,default:!1},showPageSelector:{type:Boolean,default:!0},haveConfigMenu:{type:Boolean,default:!1},autoFixPageIndex:{type:Boolean,default:!0},autoHide:{type:Boolean,default:!1},"onUpdate:pageIndex":{type:Function},"onUpdate:pageSize":{type:Function},onPageIndexChange:{type:Function},onPageSizeChange:{type:Function}};function h(e,n,a){document.addEventListener?e&&n&&a&&e.addEventListener(n,a,!1):e&&n&&a&&e.attachEvent("on"+n,a)}const f=Symbol("@@clickoutside"),C=new Map;let x,S=0;function z(e,n,a){return function(t,i){a&&n.instance&&t.target&&i.target&&!e.contains(t.target)&&!e.contains(i.target)&&e!==t.target&&e[f].bindingFn&&e[f].bindingFn()}}h(document,"mousedown",(e=>{x=e})),h(document,"mouseup",(e=>{for(const[n,a]of C)a[f].documentHandler(e,x)}));var P=e({directives:{clickoutside:{beforeMount:function(e,n,a){S++,C.set(S,e),e[f]={nid:S,documentHandler:z(e,n,a),bindingFn:n.value}},updated:function(e,n,a){e[f].documentHandler=z(e,n,a),e[f].bindingFn=n.value},unmounted:function(e){C.delete(e[f].nid),delete e[f]}}},props:{currentPageSize:Number,pageSizeChange:Function,pageSizeOptions:Array},setup(){const e=n(null),i=n(!1);a((()=>{h(e.value,"click",o)})),t((()=>{var n,a,t;n=e.value,a="click",t=o,document.removeEventListener?n&&a&&t&&n.removeEventListener(a,t,!1):n&&a&&t&&n.detachEvent("on"+a,t)}));const o=e=>{i.value=!i.value&&!!e};return{paginationConfig:e,isShowConfig:i,closeConfigMenu:o}},render(){var e;const{closeConfigMenu:n,currentPageSize:a,pageSizeChange:t,pageSizeOptions:s,isShowConfig:g,$slots:r}=this;return i(o("div",{class:"devui-pagination-config",ref:"paginationConfig"},[o("div",{class:"devui-setup-icon"},[o("i",{class:"icon-setting",style:"font-weight: bold;"},null)]),g&&o("div",{class:"devui-config-container"},[null==(e=r.default)?void 0:e.call(r),o("div",{class:"pagination-config-item"},[o("div",{class:"config-item-title"},[u("每页条数")]),o("div",{class:"devui-page-number"},[s.map((e=>o("div",{class:{choosed:e===a},key:e,onClick:t.bind(null,{value:e})},[e])))])])])]),[[l("clickoutside"),n]])}});var y=e({props:{goToText:String,size:{type:String,default:""},pageIndex:Number,showJumpButton:Boolean,totalPages:Number,cursor:Number,onChangeCursorEmit:Function},emits:["changeCursorEmit"],setup(e,{emit:a}){const{pageIndex:t,totalPages:i,cursor:o}=s(e),u=n(t.value);g((()=>t.value),(e=>{u.value=e}));let l=t.value;return{inputNum:u,jumpPageChange:e=>{l=+e,u.value=e,isNaN(e)&&setTimeout((()=>{u.value=t.value}),300)},jump:e=>{l>i.value||"btn"!==e&&"Enter"!==e.key||o.value===l||a("changeCursorEmit",l)}}},render(){const{goToText:e,size:n,inputNum:a,jumpPageChange:t,jump:i,showJumpButton:u}=this;return o("div",{class:"devui-jump-container"},[e,o(r("d-input"),{class:["devui-pagination-input",n?"devui-pagination-input-"+n:""],size:n,value:String(a),"onUpdate:value":t,onKeydown:i},null),"跳至"===e&&"页",u&&o("div",{class:["devui-jump-button",n?"devui-jump-size-"+n:"devui-jump-size-default"],onClick:i.bind(null,"btn"),title:e},[o("div",{class:"devui-pagination-go"},null)])])}});var b=e({props:{size:{type:String,default:""},preLink:String,nextLink:String,lite:Boolean,cursor:Number,maxItems:Number,totalPages:Number,onChangeCursorEmit:Function,showTruePageIndex:Boolean},emits:["changeCursorEmit"],setup:(e,{emit:n})=>({showPageNum:d((()=>((e,n,a)=>{if(n>=a)return[2,a];const t=n-2;let i=e-(t>>1),o=e+(t-1>>1);return i<2&&(i=2,o=n-2),o>a&&(i=a-n+3,o=a),[i,o]})(e.cursor,e.maxItems,e.totalPages))),changeCursor:a=>{if(isNaN(a))return;const t=a<1?1:a>e.totalPages?e.totalPages:0|a;n("changeCursorEmit",t)},prevChange:a=>{if(e.cursor>1){const t=-1===a?e.cursor-1:a;n("changeCursorEmit",t)}},nextChange:a=>{if(e.cursor<e.totalPages){const t=-1===a?e.cursor+1:a;n("changeCursorEmit",t)}}}),render(){const{size:e,preLink:n,nextLink:a,lite:t,changeCursor:i,cursor:l,showPageNum:s,prevChange:g,totalPages:r,nextChange:d,showTruePageIndex:c}=this;return o("ul",{class:["devui-pagination-list",e?"devui-pagination-"+e:""]},[o("li",{onClick:g.bind(null,-1),class:{"devui-pagination-item":!0,disabled:l<=1}},[o("a",{innerHTML:n,class:"devui-pagination-link"},null)]),!t&&o(p,null,[o("li",{onClick:i.bind(null,1),class:{"devui-pagination-item":!0,active:1===l}},[o("a",{class:"devui-pagination-link"},[u("1")])]),s[0]>2&&o("li",{onClick:g.bind(null,s[0]-1),class:"devui-pagination-item"},[o("a",{class:"devui-pagination-link"},[u("...")])]),(()=>{const e=[];for(let n=s[0];n<=s[1];n++)e.push(o("li",{onClick:i.bind(null,n),key:n,class:{"devui-pagination-item":!0,active:l===n}},[o("a",{class:"devui-pagination-link"},[n])]));return e})(),s[1]<r-1&&o("li",{onClick:d.bind(null,s[1]+1),class:"devui-pagination-item"},[o("a",{class:"devui-pagination-link"},[u("...")])]),s[1]<r&&o("li",{onClick:i.bind(null,r),class:{"devui-pagination-item":!0,active:l===r}},[o("a",{class:"devui-pagination-link"},[r])]),c&&l>r&&r>0&&o(p,null,[l>r+1&&o("li",{class:"devui-pagination-item disabled"},[o("a",{class:"devui-pagination-link"},[u("...")])]),o("li",{class:"devui-pagination-item disabled active"},[o("a",{class:"devui-pagination-link"},[l])])])]),o("li",{onClick:d.bind(null,-1),class:{"devui-pagination-item":!0,disabled:l>=r}},[o("a",{innerHTML:a,class:"devui-pagination-link"},null)])])}}),k=e({name:"DPagination",components:{ConfigMenu:P,JumpPage:y,PageNumBtn:b},props:m,emits:["pageIndexChange","pageSizeChange","update:pageSize","update:pageIndex"],setup(e,{emit:n}){const a=d((()=>{return e=o.value,new Array(e||1).fill(0).map(((n,a)=>({name:`${a+1}/${e}`,value:a+1})));var e})),t=d({get:()=>!e.showTruePageIndex&&e.pageIndex>o.value?(n("update:pageIndex",o.value||1),o.value||1):e.pageIndex||1,set(e){n("update:pageIndex",e)}}),i=d({get:()=>e.pageSize,set(e){n("update:pageSize",e)}}),o=d((()=>Math.ceil(e.total/e.pageSize))),u=e=>{t.value=e,n("pageIndexChange",e)};return{cursor:t,totalPages:o,changeCursorEmit:u,currentPageSize:i,pageSizeChange:a=>{i.value=a.value,e.autoFixPageIndex&&v((()=>{t.value>o.value&&u(o.value)})),n("pageSizeChange",a.value)},litePageOptions:a,litePageIndexChange:e=>{u(e.value)}}},render(){const{total:e,pageIndex:n,pageSizeOptions:a,pageSizeDirection:t,preLink:i,nextLink:l,size:s,canJumpPage:g,canChangePageSize:d,canViewTotal:p,totalItemText:v,goToText:m,maxItems:h,showJumpButton:f,showTruePageIndex:C,lite:x,showPageSelector:S,haveConfigMenu:z,autoHide:P,$slots:y,cursor:b,totalPages:k,currentPageSize:I,pageSizeChange:w,changeCursorEmit:T,litePageOptions:N,litePageIndexChange:B}=this;return P&&Math.min(...a)>e?null:o("div",{class:"devui-pagination"},[d&&!x&&o("div",{class:["devui-page-size",s?"devui-page-size-"+s:""]},[o(r("d-select"),{options:a,modelValue:I,onValueChange:w,pageSizeDirection:t},null)]),(!x||x&&S)&&p&&o("div",{class:"devui-total-size"},[v,u(": "),e]),x&&S&&o("div",{class:"devui-page-size"},[o(r("d-select"),{options:N,disabled:0===e,modelValue:b,onValueChange:B,pageSizeDirection:t},null)]),o(r("page-num-btn"),c({cursor:b,totalPages:k,size:s,lite:x,maxItems:h,preLink:i,nextLink:l,showTruePageIndex:C},{onChangeCursorEmit:T}),null),g&&!x&&o(r("jump-page"),c({goToText:m,size:s,pageIndex:n,totalPages:k,cursor:b,showJumpButton:f},{onChangeCursorEmit:T}),null),x&&z&&o(r("config-menu"),{currentPageSize:I,pageSizeChange:w,pageSizeOptions:a},{default:()=>{var e;return[null==(e=y.default)?void 0:e.call(y)]}})])}});k.install=e=>{e.component(k.name,k)};var I={title:"Pagination 分页",category:"导航",install(e){e.use(k)}};export{k as Pagination,I as default};
+import{defineComponent as e,ref as n,onMounted as a,onUnmounted as t,withDirectives as i,createVNode as o,createTextVNode as u,resolveDirective as l,toRefs as s,watch as g,resolveComponent as r,computed as d,Fragment as p,mergeProps as c,nextTick as v}from"vue";const m={pageSize:{type:Number,default:10},total:{type:Number,default:0},pageSizeOptions:{type:Array,default:()=>[5,10,20,50]},pageSizeDirection:{type:Array,default:()=>["centerDown","centerUp"]},pageIndex:{type:Number,default:1},maxItems:{type:Number,default:10},preLink:{type:String,default:"&lt;"},nextLink:{type:String,default:"&gt;"},size:{type:String,default:""},canJumpPage:{type:Boolean,default:!1},canChangePageSize:{type:Boolean,default:!1},canViewTotal:{type:Boolean,default:!1},totalItemText:{type:String,default:"所有条目"},goToText:{type:String,default:"跳至"},showJumpButton:{type:Boolean,default:!1},showTruePageIndex:{type:Boolean,default:!1},lite:{type:Boolean,default:!1},showPageSelector:{type:Boolean,default:!0},haveConfigMenu:{type:Boolean,default:!1},autoFixPageIndex:{type:Boolean,default:!0},autoHide:{type:Boolean,default:!1},"onUpdate:pageIndex":{type:Function},"onUpdate:pageSize":{type:Function},onPageIndexChange:{type:Function},onPageSizeChange:{type:Function}};function h(e,n,a){document.addEventListener?e&&n&&a&&e.addEventListener(n,a,!1):e&&n&&a&&e.attachEvent("on"+n,a)}const f="undefined"!=typeof window,C=Symbol("@@clickoutside"),x=new Map;let S,z=0,P=!0;function y(e,n,a){return f&&P&&(P=!1,h(document,"mousedown",(e=>{S=e})),h(document,"mouseup",(e=>{for(const[n,a]of x)a[C].documentHandler(e,S)}))),function(t,i){a&&n.instance&&t.target&&i.target&&!e.contains(t.target)&&!e.contains(i.target)&&e!==t.target&&e[C].bindingFn&&e[C].bindingFn()}}var b=e({directives:{clickoutside:{beforeMount:function(e,n,a){z++,x.set(z,e),e[C]={nid:z,documentHandler:y(e,n,a),bindingFn:n.value}},updated:function(e,n,a){e[C].documentHandler=y(e,n,a),e[C].bindingFn=n.value},unmounted:function(e){x.delete(e[C].nid),delete e[C]}}},props:{currentPageSize:Number,pageSizeChange:Function,pageSizeOptions:Array},setup(){const e=n(null),i=n(!1);a((()=>{h(e.value,"click",o)})),t((()=>{var n,a,t;n=e.value,a="click",t=o,document.removeEventListener?n&&a&&t&&n.removeEventListener(a,t,!1):n&&a&&t&&n.detachEvent("on"+a,t)}));const o=e=>{i.value=!i.value&&!!e};return{paginationConfig:e,isShowConfig:i,closeConfigMenu:o}},render(){var e;const{closeConfigMenu:n,currentPageSize:a,pageSizeChange:t,pageSizeOptions:s,isShowConfig:g,$slots:r}=this;return i(o("div",{class:"devui-pagination-config",ref:"paginationConfig"},[o("div",{class:"devui-setup-icon"},[o("i",{class:"icon-setting",style:"font-weight: bold;"},null)]),g&&o("div",{class:"devui-config-container"},[null==(e=r.default)?void 0:e.call(r),o("div",{class:"pagination-config-item"},[o("div",{class:"config-item-title"},[u("每页条数")]),o("div",{class:"devui-page-number"},[s.map((e=>o("div",{class:{choosed:e===a},key:e,onClick:t.bind(null,{value:e})},[e])))])])])]),[[l("clickoutside"),n]])}});var k=e({props:{goToText:String,size:{type:String,default:""},pageIndex:Number,showJumpButton:Boolean,totalPages:Number,cursor:Number,onChangeCursorEmit:Function},emits:["changeCursorEmit"],setup(e,{emit:a}){const{pageIndex:t,totalPages:i,cursor:o}=s(e),u=n(t.value);g((()=>t.value),(e=>{u.value=e}));let l=t.value;return{inputNum:u,jumpPageChange:e=>{l=+e,u.value=e,isNaN(e)&&setTimeout((()=>{u.value=t.value}),300)},jump:e=>{l>i.value||"btn"!==e&&"Enter"!==e.key||o.value===l||a("changeCursorEmit",l)}}},render(){const{goToText:e,size:n,inputNum:a,jumpPageChange:t,jump:i,showJumpButton:u}=this;return o("div",{class:"devui-jump-container"},[e,o(r("d-input"),{class:["devui-pagination-input",n?"devui-pagination-input-"+n:""],size:n,value:String(a),"onUpdate:value":t,onKeydown:i},null),"跳至"===e&&"页",u&&o("div",{class:["devui-jump-button",n?"devui-jump-size-"+n:"devui-jump-size-default"],onClick:i.bind(null,"btn"),title:e},[o("div",{class:"devui-pagination-go"},null)])])}});var I=e({props:{size:{type:String,default:""},preLink:String,nextLink:String,lite:Boolean,cursor:Number,maxItems:Number,totalPages:Number,onChangeCursorEmit:Function,showTruePageIndex:Boolean},emits:["changeCursorEmit"],setup:(e,{emit:n})=>({showPageNum:d((()=>((e,n,a)=>{if(n>=a)return[2,a];const t=n-2;let i=e-(t>>1),o=e+(t-1>>1);return i<2&&(i=2,o=n-2),o>a&&(i=a-n+3,o=a),[i,o]})(e.cursor,e.maxItems,e.totalPages))),changeCursor:a=>{if(isNaN(a))return;const t=a<1?1:a>e.totalPages?e.totalPages:0|a;n("changeCursorEmit",t)},prevChange:a=>{if(e.cursor>1){const t=-1===a?e.cursor-1:a;n("changeCursorEmit",t)}},nextChange:a=>{if(e.cursor<e.totalPages){const t=-1===a?e.cursor+1:a;n("changeCursorEmit",t)}}}),render(){const{size:e,preLink:n,nextLink:a,lite:t,changeCursor:i,cursor:l,showPageNum:s,prevChange:g,totalPages:r,nextChange:d,showTruePageIndex:c}=this;return o("ul",{class:["devui-pagination-list",e?"devui-pagination-"+e:""]},[o("li",{onClick:g.bind(null,-1),class:{"devui-pagination-item":!0,disabled:l<=1}},[o("a",{innerHTML:n,class:"devui-pagination-link"},null)]),!t&&o(p,null,[o("li",{onClick:i.bind(null,1),class:{"devui-pagination-item":!0,active:1===l}},[o("a",{class:"devui-pagination-link"},[u("1")])]),s[0]>2&&o("li",{onClick:g.bind(null,s[0]-1),class:"devui-pagination-item"},[o("a",{class:"devui-pagination-link"},[u("...")])]),(()=>{const e=[];for(let n=s[0];n<=s[1];n++)e.push(o("li",{onClick:i.bind(null,n),key:n,class:{"devui-pagination-item":!0,active:l===n}},[o("a",{class:"devui-pagination-link"},[n])]));return e})(),s[1]<r-1&&o("li",{onClick:d.bind(null,s[1]+1),class:"devui-pagination-item"},[o("a",{class:"devui-pagination-link"},[u("...")])]),s[1]<r&&o("li",{onClick:i.bind(null,r),class:{"devui-pagination-item":!0,active:l===r}},[o("a",{class:"devui-pagination-link"},[r])]),c&&l>r&&r>0&&o(p,null,[l>r+1&&o("li",{class:"devui-pagination-item disabled"},[o("a",{class:"devui-pagination-link"},[u("...")])]),o("li",{class:"devui-pagination-item disabled active"},[o("a",{class:"devui-pagination-link"},[l])])])]),o("li",{onClick:d.bind(null,-1),class:{"devui-pagination-item":!0,disabled:l>=r}},[o("a",{innerHTML:a,class:"devui-pagination-link"},null)])])}}),w=e({name:"DPagination",components:{ConfigMenu:b,JumpPage:k,PageNumBtn:I},props:m,emits:["pageIndexChange","pageSizeChange","update:pageSize","update:pageIndex"],setup(e,{emit:n}){const a=d((()=>{return e=o.value,new Array(e||1).fill(0).map(((n,a)=>({name:`${a+1}/${e}`,value:a+1})));var e})),t=d({get:()=>!e.showTruePageIndex&&e.pageIndex>o.value?(n("update:pageIndex",o.value||1),o.value||1):e.pageIndex||1,set(e){n("update:pageIndex",e)}}),i=d({get:()=>e.pageSize,set(e){n("update:pageSize",e)}}),o=d((()=>Math.ceil(e.total/e.pageSize))),u=e=>{t.value=e,n("pageIndexChange",e)};return{cursor:t,totalPages:o,changeCursorEmit:u,currentPageSize:i,pageSizeChange:a=>{i.value=a.value,e.autoFixPageIndex&&v((()=>{t.value>o.value&&u(o.value)})),n("pageSizeChange",a.value)},litePageOptions:a,litePageIndexChange:e=>{u(e.value)}}},render(){const{total:e,pageIndex:n,pageSizeOptions:a,pageSizeDirection:t,preLink:i,nextLink:l,size:s,canJumpPage:g,canChangePageSize:d,canViewTotal:p,totalItemText:v,goToText:m,maxItems:h,showJumpButton:f,showTruePageIndex:C,lite:x,showPageSelector:S,haveConfigMenu:z,autoHide:P,$slots:y,cursor:b,totalPages:k,currentPageSize:I,pageSizeChange:w,changeCursorEmit:T,litePageOptions:N,litePageIndexChange:B}=this;return P&&Math.min(...a)>e?null:o("div",{class:"devui-pagination"},[d&&!x&&o("div",{class:["devui-page-size",s?"devui-page-size-"+s:""]},[o(r("d-select"),{options:a,modelValue:I,onValueChange:w,pageSizeDirection:t},null)]),(!x||x&&S)&&p&&o("div",{class:"devui-total-size"},[v,u(": "),e]),x&&S&&o("div",{class:"devui-page-size"},[o(r("d-select"),{options:N,disabled:0===e,modelValue:b,onValueChange:B,pageSizeDirection:t},null)]),o(r("page-num-btn"),c({cursor:b,totalPages:k,size:s,lite:x,maxItems:h,preLink:i,nextLink:l,showTruePageIndex:C},{onChangeCursorEmit:T}),null),g&&!x&&o(r("jump-page"),c({goToText:m,size:s,pageIndex:n,totalPages:k,cursor:b,showJumpButton:f},{onChangeCursorEmit:T}),null),x&&z&&o(r("config-menu"),{currentPageSize:I,pageSizeChange:w,pageSizeOptions:a},{default:()=>{var e;return[null==(e=y.default)?void 0:e.call(y)]}})])}});w.install=e=>{e.component(w.name,w)};var T={title:"Pagination 分页",category:"导航",status:"已完成",install(e){e.use(w)}};export{w as Pagination,T as default};

package/pagination/index.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,t){"use strict";const n={pageSize:{type:Number,default:10},total:{type:Number,default:0},pageSizeOptions:{type:Array,default:()=>[5,10,20,50]},pageSizeDirection:{type:Array,default:()=>["centerDown","centerUp"]},pageIndex:{type:Number,default:1},maxItems:{type:Number,default:10},preLink:{type:String,default:"&lt;"},nextLink:{type:String,default:"&gt;"},size:{type:String,default:""},canJumpPage:{type:Boolean,default:!1},canChangePageSize:{type:Boolean,default:!1},canViewTotal:{type:Boolean,default:!1},totalItemText:{type:String,default:"所有条目"},goToText:{type:String,default:"跳至"},showJumpButton:{type:Boolean,default:!1},showTruePageIndex:{type:Boolean,default:!1},lite:{type:Boolean,default:!1},showPageSelector:{type:Boolean,default:!0},haveConfigMenu:{type:Boolean,default:!1},autoFixPageIndex:{type:Boolean,default:!0},autoHide:{type:Boolean,default:!1},"onUpdate:pageIndex":{type:Function},"onUpdate:pageSize":{type:Function},onPageIndexChange:{type:Function},onPageSizeChange:{type:Function}};function a(e,t,n){document.addEventListener?e&&t&&n&&e.addEventListener(t,n,!1):e&&t&&n&&e.attachEvent("on"+t,n)}const i=Symbol("@@clickoutside"),o=new Map;let u,l=0;function r(e,t,n){return function(a,o){n&&t.instance&&a.target&&o.target&&!e.contains(a.target)&&!e.contains(o.target)&&e!==a.target&&e[i].bindingFn&&e[i].bindingFn()}}a(document,"mousedown",(e=>{u=e})),a(document,"mouseup",(e=>{for(const[t,n]of o)n[i].documentHandler(e,u)}));const s={beforeMount:function(e,t,n){l++,o.set(l,e),e[i]={nid:l,documentHandler:r(e,t,n),bindingFn:t.value}},updated:function(e,t,n){e[i].documentHandler=r(e,t,n),e[i].bindingFn=t.value},unmounted:function(e){o.delete(e[i].nid),delete e[i]}};var d=t.defineComponent({directives:{clickoutside:s},props:{currentPageSize:Number,pageSizeChange:Function,pageSizeOptions:Array},setup(){const e=t.ref(null),n=t.ref(!1);t.onMounted((()=>{a(e.value,"click",i)})),t.onUnmounted((()=>{var t,n,a;t=e.value,n="click",a=i,document.removeEventListener?t&&n&&a&&t.removeEventListener(n,a,!1):t&&n&&a&&t.detachEvent("on"+n,a)}));const i=e=>{n.value=!n.value&&!!e};return{paginationConfig:e,isShowConfig:n,closeConfigMenu:i}},render(){var e;const{closeConfigMenu:n,currentPageSize:a,pageSizeChange:i,pageSizeOptions:o,isShowConfig:u,$slots:l}=this;return t.withDirectives(t.createVNode("div",{class:"devui-pagination-config",ref:"paginationConfig"},[t.createVNode("div",{class:"devui-setup-icon"},[t.createVNode("i",{class:"icon-setting",style:"font-weight: bold;"},null)]),u&&t.createVNode("div",{class:"devui-config-container"},[null==(e=l.default)?void 0:e.call(l),t.createVNode("div",{class:"pagination-config-item"},[t.createVNode("div",{class:"config-item-title"},[t.createTextVNode("每页条数")]),t.createVNode("div",{class:"devui-page-number"},[o.map((e=>t.createVNode("div",{class:{choosed:e===a},key:e,onClick:i.bind(null,{value:e})},[e])))])])])]),[[t.resolveDirective("clickoutside"),n]])}});const c={goToText:String,size:{type:String,default:""},pageIndex:Number,showJumpButton:Boolean,totalPages:Number,cursor:Number,onChangeCursorEmit:Function};var g=t.defineComponent({props:c,emits:["changeCursorEmit"],setup(e,{emit:n}){const{pageIndex:a,totalPages:i,cursor:o}=t.toRefs(e),u=t.ref(a.value);t.watch((()=>a.value),(e=>{u.value=e}));let l=a.value;return{inputNum:u,jumpPageChange:e=>{l=+e,u.value=e,isNaN(e)&&setTimeout((()=>{u.value=a.value}),300)},jump:e=>{l>i.value||"btn"!==e&&"Enter"!==e.key||o.value===l||n("changeCursorEmit",l)}}},render(){const{goToText:e,size:n,inputNum:a,jumpPageChange:i,jump:o,showJumpButton:u}=this;return t.createVNode("div",{class:"devui-jump-container"},[e,t.createVNode(t.resolveComponent("d-input"),{class:["devui-pagination-input",n?"devui-pagination-input-"+n:""],size:n,value:String(a),"onUpdate:value":i,onKeydown:o},null),"跳至"===e&&"页",u&&t.createVNode("div",{class:["devui-jump-button",n?"devui-jump-size-"+n:"devui-jump-size-default"],onClick:o.bind(null,"btn"),title:e},[t.createVNode("div",{class:"devui-pagination-go"},null)])])}});const p={size:{type:String,default:""},preLink:String,nextLink:String,lite:Boolean,cursor:Number,maxItems:Number,totalPages:Number,onChangeCursorEmit:Function,showTruePageIndex:Boolean};var m=t.defineComponent({props:p,emits:["changeCursorEmit"],setup:(e,{emit:n})=>({showPageNum:t.computed((()=>((e,t,n)=>{if(t>=n)return[2,n];const a=t-2;let i=e-(a>>1),o=e+(a-1>>1);return i<2&&(i=2,o=t-2),o>n&&(i=n-t+3,o=n),[i,o]})(e.cursor,e.maxItems,e.totalPages))),changeCursor:t=>{if(isNaN(t))return;const a=t<1?1:t>e.totalPages?e.totalPages:0|t;n("changeCursorEmit",a)},prevChange:t=>{if(e.cursor>1){const a=-1===t?e.cursor-1:t;n("changeCursorEmit",a)}},nextChange:t=>{if(e.cursor<e.totalPages){const a=-1===t?e.cursor+1:t;n("changeCursorEmit",a)}}}),render(){const{size:e,preLink:n,nextLink:a,lite:i,changeCursor:o,cursor:u,showPageNum:l,prevChange:r,totalPages:s,nextChange:d,showTruePageIndex:c}=this;return t.createVNode("ul",{class:["devui-pagination-list",e?"devui-pagination-"+e:""]},[t.createVNode("li",{onClick:r.bind(null,-1),class:{"devui-pagination-item":!0,disabled:u<=1}},[t.createVNode("a",{innerHTML:n,class:"devui-pagination-link"},null)]),!i&&t.createVNode(t.Fragment,null,[t.createVNode("li",{onClick:o.bind(null,1),class:{"devui-pagination-item":!0,active:1===u}},[t.createVNode("a",{class:"devui-pagination-link"},[t.createTextVNode("1")])]),l[0]>2&&t.createVNode("li",{onClick:r.bind(null,l[0]-1),class:"devui-pagination-item"},[t.createVNode("a",{class:"devui-pagination-link"},[t.createTextVNode("...")])]),(()=>{const e=[];for(let n=l[0];n<=l[1];n++)e.push(t.createVNode("li",{onClick:o.bind(null,n),key:n,class:{"devui-pagination-item":!0,active:u===n}},[t.createVNode("a",{class:"devui-pagination-link"},[n])]));return e})(),l[1]<s-1&&t.createVNode("li",{onClick:d.bind(null,l[1]+1),class:"devui-pagination-item"},[t.createVNode("a",{class:"devui-pagination-link"},[t.createTextVNode("...")])]),l[1]<s&&t.createVNode("li",{onClick:o.bind(null,s),class:{"devui-pagination-item":!0,active:u===s}},[t.createVNode("a",{class:"devui-pagination-link"},[s])]),c&&u>s&&s>0&&t.createVNode(t.Fragment,null,[u>s+1&&t.createVNode("li",{class:"devui-pagination-item disabled"},[t.createVNode("a",{class:"devui-pagination-link"},[t.createTextVNode("...")])]),t.createVNode("li",{class:"devui-pagination-item disabled active"},[t.createVNode("a",{class:"devui-pagination-link"},[u])])])]),t.createVNode("li",{onClick:d.bind(null,-1),class:{"devui-pagination-item":!0,disabled:u>=s}},[t.createVNode("a",{innerHTML:a,class:"devui-pagination-link"},null)])])}}),v=t.defineComponent({name:"DPagination",components:{ConfigMenu:d,JumpPage:g,PageNumBtn:m},props:n,emits:["pageIndexChange","pageSizeChange","update:pageSize","update:pageIndex"],setup(e,{emit:n}){const a=t.computed((()=>{return e=u.value,new Array(e||1).fill(0).map(((t,n)=>({name:`${n+1}/${e}`,value:n+1})));var e})),i=t.computed({get:()=>!e.showTruePageIndex&&e.pageIndex>u.value?(n("update:pageIndex",u.value||1),u.value||1):e.pageIndex||1,set(e){n("update:pageIndex",e)}}),o=t.computed({get:()=>e.pageSize,set(e){n("update:pageSize",e)}}),u=t.computed((()=>Math.ceil(e.total/e.pageSize))),l=e=>{i.value=e,n("pageIndexChange",e)};return{cursor:i,totalPages:u,changeCursorEmit:l,currentPageSize:o,pageSizeChange:a=>{o.value=a.value,e.autoFixPageIndex&&t.nextTick((()=>{i.value>u.value&&l(u.value)})),n("pageSizeChange",a.value)},litePageOptions:a,litePageIndexChange:e=>{l(e.value)}}},render(){const{total:e,pageIndex:n,pageSizeOptions:a,pageSizeDirection:i,preLink:o,nextLink:u,size:l,canJumpPage:r,canChangePageSize:s,canViewTotal:d,totalItemText:c,goToText:g,maxItems:p,showJumpButton:m,showTruePageIndex:v,lite:f,showPageSelector:h,haveConfigMenu:C,autoHide:N,$slots:x,cursor:V,totalPages:P,currentPageSize:S,pageSizeChange:z,changeCursorEmit:y,litePageOptions:b,litePageIndexChange:k}=this;return N&&Math.min(...a)>e?null:t.createVNode("div",{class:"devui-pagination"},[s&&!f&&t.createVNode("div",{class:["devui-page-size",l?"devui-page-size-"+l:""]},[t.createVNode(t.resolveComponent("d-select"),{options:a,modelValue:S,onValueChange:z,pageSizeDirection:i},null)]),(!f||f&&h)&&d&&t.createVNode("div",{class:"devui-total-size"},[c,t.createTextVNode(": "),e]),f&&h&&t.createVNode("div",{class:"devui-page-size"},[t.createVNode(t.resolveComponent("d-select"),{options:b,disabled:0===e,modelValue:V,onValueChange:k,pageSizeDirection:i},null)]),t.createVNode(t.resolveComponent("page-num-btn"),t.mergeProps({cursor:V,totalPages:P,size:l,lite:f,maxItems:p,preLink:o,nextLink:u,showTruePageIndex:v},{onChangeCursorEmit:y}),null),r&&!f&&t.createVNode(t.resolveComponent("jump-page"),t.mergeProps({goToText:g,size:l,pageIndex:n,totalPages:P,cursor:V,showJumpButton:m},{onChangeCursorEmit:y}),null),f&&C&&t.createVNode(t.resolveComponent("config-menu"),{currentPageSize:S,pageSizeChange:z,pageSizeOptions:a},{default:()=>{var e;return[null==(e=x.default)?void 0:e.call(x)]}})])}});v.install=e=>{e.component(v.name,v)};var f={title:"Pagination 分页",category:"导航",install(e){e.use(v)}};e.Pagination=v,e.default=f,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,t){"use strict";const n={pageSize:{type:Number,default:10},total:{type:Number,default:0},pageSizeOptions:{type:Array,default:()=>[5,10,20,50]},pageSizeDirection:{type:Array,default:()=>["centerDown","centerUp"]},pageIndex:{type:Number,default:1},maxItems:{type:Number,default:10},preLink:{type:String,default:"&lt;"},nextLink:{type:String,default:"&gt;"},size:{type:String,default:""},canJumpPage:{type:Boolean,default:!1},canChangePageSize:{type:Boolean,default:!1},canViewTotal:{type:Boolean,default:!1},totalItemText:{type:String,default:"所有条目"},goToText:{type:String,default:"跳至"},showJumpButton:{type:Boolean,default:!1},showTruePageIndex:{type:Boolean,default:!1},lite:{type:Boolean,default:!1},showPageSelector:{type:Boolean,default:!0},haveConfigMenu:{type:Boolean,default:!1},autoFixPageIndex:{type:Boolean,default:!0},autoHide:{type:Boolean,default:!1},"onUpdate:pageIndex":{type:Function},"onUpdate:pageSize":{type:Function},onPageIndexChange:{type:Function},onPageSizeChange:{type:Function}};function a(e,t,n){document.addEventListener?e&&t&&n&&e.addEventListener(t,n,!1):e&&t&&n&&e.attachEvent("on"+t,n)}const i="undefined"!=typeof window,o=Symbol("@@clickoutside"),u=new Map;let l,r=0,s=!0;function d(e,t,n){return i&&s&&(s=!1,a(document,"mousedown",(e=>{l=e})),a(document,"mouseup",(e=>{for(const[t,n]of u)n[o].documentHandler(e,l)}))),function(a,i){n&&t.instance&&a.target&&i.target&&!e.contains(a.target)&&!e.contains(i.target)&&e!==a.target&&e[o].bindingFn&&e[o].bindingFn()}}const c={beforeMount:function(e,t,n){r++,u.set(r,e),e[o]={nid:r,documentHandler:d(e,t,n),bindingFn:t.value}},updated:function(e,t,n){e[o].documentHandler=d(e,t,n),e[o].bindingFn=t.value},unmounted:function(e){u.delete(e[o].nid),delete e[o]}};var g=t.defineComponent({directives:{clickoutside:c},props:{currentPageSize:Number,pageSizeChange:Function,pageSizeOptions:Array},setup(){const e=t.ref(null),n=t.ref(!1);t.onMounted((()=>{a(e.value,"click",i)})),t.onUnmounted((()=>{var t,n,a;t=e.value,n="click",a=i,document.removeEventListener?t&&n&&a&&t.removeEventListener(n,a,!1):t&&n&&a&&t.detachEvent("on"+n,a)}));const i=e=>{n.value=!n.value&&!!e};return{paginationConfig:e,isShowConfig:n,closeConfigMenu:i}},render(){var e;const{closeConfigMenu:n,currentPageSize:a,pageSizeChange:i,pageSizeOptions:o,isShowConfig:u,$slots:l}=this;return t.withDirectives(t.createVNode("div",{class:"devui-pagination-config",ref:"paginationConfig"},[t.createVNode("div",{class:"devui-setup-icon"},[t.createVNode("i",{class:"icon-setting",style:"font-weight: bold;"},null)]),u&&t.createVNode("div",{class:"devui-config-container"},[null==(e=l.default)?void 0:e.call(l),t.createVNode("div",{class:"pagination-config-item"},[t.createVNode("div",{class:"config-item-title"},[t.createTextVNode("每页条数")]),t.createVNode("div",{class:"devui-page-number"},[o.map((e=>t.createVNode("div",{class:{choosed:e===a},key:e,onClick:i.bind(null,{value:e})},[e])))])])])]),[[t.resolveDirective("clickoutside"),n]])}});const p={goToText:String,size:{type:String,default:""},pageIndex:Number,showJumpButton:Boolean,totalPages:Number,cursor:Number,onChangeCursorEmit:Function};var m=t.defineComponent({props:p,emits:["changeCursorEmit"],setup(e,{emit:n}){const{pageIndex:a,totalPages:i,cursor:o}=t.toRefs(e),u=t.ref(a.value);t.watch((()=>a.value),(e=>{u.value=e}));let l=a.value;return{inputNum:u,jumpPageChange:e=>{l=+e,u.value=e,isNaN(e)&&setTimeout((()=>{u.value=a.value}),300)},jump:e=>{l>i.value||"btn"!==e&&"Enter"!==e.key||o.value===l||n("changeCursorEmit",l)}}},render(){const{goToText:e,size:n,inputNum:a,jumpPageChange:i,jump:o,showJumpButton:u}=this;return t.createVNode("div",{class:"devui-jump-container"},[e,t.createVNode(t.resolveComponent("d-input"),{class:["devui-pagination-input",n?"devui-pagination-input-"+n:""],size:n,value:String(a),"onUpdate:value":i,onKeydown:o},null),"跳至"===e&&"页",u&&t.createVNode("div",{class:["devui-jump-button",n?"devui-jump-size-"+n:"devui-jump-size-default"],onClick:o.bind(null,"btn"),title:e},[t.createVNode("div",{class:"devui-pagination-go"},null)])])}});const v={size:{type:String,default:""},preLink:String,nextLink:String,lite:Boolean,cursor:Number,maxItems:Number,totalPages:Number,onChangeCursorEmit:Function,showTruePageIndex:Boolean};var f=t.defineComponent({props:v,emits:["changeCursorEmit"],setup:(e,{emit:n})=>({showPageNum:t.computed((()=>((e,t,n)=>{if(t>=n)return[2,n];const a=t-2;let i=e-(a>>1),o=e+(a-1>>1);return i<2&&(i=2,o=t-2),o>n&&(i=n-t+3,o=n),[i,o]})(e.cursor,e.maxItems,e.totalPages))),changeCursor:t=>{if(isNaN(t))return;const a=t<1?1:t>e.totalPages?e.totalPages:0|t;n("changeCursorEmit",a)},prevChange:t=>{if(e.cursor>1){const a=-1===t?e.cursor-1:t;n("changeCursorEmit",a)}},nextChange:t=>{if(e.cursor<e.totalPages){const a=-1===t?e.cursor+1:t;n("changeCursorEmit",a)}}}),render(){const{size:e,preLink:n,nextLink:a,lite:i,changeCursor:o,cursor:u,showPageNum:l,prevChange:r,totalPages:s,nextChange:d,showTruePageIndex:c}=this;return t.createVNode("ul",{class:["devui-pagination-list",e?"devui-pagination-"+e:""]},[t.createVNode("li",{onClick:r.bind(null,-1),class:{"devui-pagination-item":!0,disabled:u<=1}},[t.createVNode("a",{innerHTML:n,class:"devui-pagination-link"},null)]),!i&&t.createVNode(t.Fragment,null,[t.createVNode("li",{onClick:o.bind(null,1),class:{"devui-pagination-item":!0,active:1===u}},[t.createVNode("a",{class:"devui-pagination-link"},[t.createTextVNode("1")])]),l[0]>2&&t.createVNode("li",{onClick:r.bind(null,l[0]-1),class:"devui-pagination-item"},[t.createVNode("a",{class:"devui-pagination-link"},[t.createTextVNode("...")])]),(()=>{const e=[];for(let n=l[0];n<=l[1];n++)e.push(t.createVNode("li",{onClick:o.bind(null,n),key:n,class:{"devui-pagination-item":!0,active:u===n}},[t.createVNode("a",{class:"devui-pagination-link"},[n])]));return e})(),l[1]<s-1&&t.createVNode("li",{onClick:d.bind(null,l[1]+1),class:"devui-pagination-item"},[t.createVNode("a",{class:"devui-pagination-link"},[t.createTextVNode("...")])]),l[1]<s&&t.createVNode("li",{onClick:o.bind(null,s),class:{"devui-pagination-item":!0,active:u===s}},[t.createVNode("a",{class:"devui-pagination-link"},[s])]),c&&u>s&&s>0&&t.createVNode(t.Fragment,null,[u>s+1&&t.createVNode("li",{class:"devui-pagination-item disabled"},[t.createVNode("a",{class:"devui-pagination-link"},[t.createTextVNode("...")])]),t.createVNode("li",{class:"devui-pagination-item disabled active"},[t.createVNode("a",{class:"devui-pagination-link"},[u])])])]),t.createVNode("li",{onClick:d.bind(null,-1),class:{"devui-pagination-item":!0,disabled:u>=s}},[t.createVNode("a",{innerHTML:a,class:"devui-pagination-link"},null)])])}}),h=t.defineComponent({name:"DPagination",components:{ConfigMenu:g,JumpPage:m,PageNumBtn:f},props:n,emits:["pageIndexChange","pageSizeChange","update:pageSize","update:pageIndex"],setup(e,{emit:n}){const a=t.computed((()=>{return e=u.value,new Array(e||1).fill(0).map(((t,n)=>({name:`${n+1}/${e}`,value:n+1})));var e})),i=t.computed({get:()=>!e.showTruePageIndex&&e.pageIndex>u.value?(n("update:pageIndex",u.value||1),u.value||1):e.pageIndex||1,set(e){n("update:pageIndex",e)}}),o=t.computed({get:()=>e.pageSize,set(e){n("update:pageSize",e)}}),u=t.computed((()=>Math.ceil(e.total/e.pageSize))),l=e=>{i.value=e,n("pageIndexChange",e)};return{cursor:i,totalPages:u,changeCursorEmit:l,currentPageSize:o,pageSizeChange:a=>{o.value=a.value,e.autoFixPageIndex&&t.nextTick((()=>{i.value>u.value&&l(u.value)})),n("pageSizeChange",a.value)},litePageOptions:a,litePageIndexChange:e=>{l(e.value)}}},render(){const{total:e,pageIndex:n,pageSizeOptions:a,pageSizeDirection:i,preLink:o,nextLink:u,size:l,canJumpPage:r,canChangePageSize:s,canViewTotal:d,totalItemText:c,goToText:g,maxItems:p,showJumpButton:m,showTruePageIndex:v,lite:f,showPageSelector:h,haveConfigMenu:C,autoHide:N,$slots:x,cursor:V,totalPages:P,currentPageSize:S,pageSizeChange:y,changeCursorEmit:z,litePageOptions:b,litePageIndexChange:k}=this;return N&&Math.min(...a)>e?null:t.createVNode("div",{class:"devui-pagination"},[s&&!f&&t.createVNode("div",{class:["devui-page-size",l?"devui-page-size-"+l:""]},[t.createVNode(t.resolveComponent("d-select"),{options:a,modelValue:S,onValueChange:y,pageSizeDirection:i},null)]),(!f||f&&h)&&d&&t.createVNode("div",{class:"devui-total-size"},[c,t.createTextVNode(": "),e]),f&&h&&t.createVNode("div",{class:"devui-page-size"},[t.createVNode(t.resolveComponent("d-select"),{options:b,disabled:0===e,modelValue:V,onValueChange:k,pageSizeDirection:i},null)]),t.createVNode(t.resolveComponent("page-num-btn"),t.mergeProps({cursor:V,totalPages:P,size:l,lite:f,maxItems:p,preLink:o,nextLink:u,showTruePageIndex:v},{onChangeCursorEmit:z}),null),r&&!f&&t.createVNode(t.resolveComponent("jump-page"),t.mergeProps({goToText:g,size:l,pageIndex:n,totalPages:P,cursor:V,showJumpButton:m},{onChangeCursorEmit:z}),null),f&&C&&t.createVNode(t.resolveComponent("config-menu"),{currentPageSize:S,pageSizeChange:y,pageSizeOptions:a},{default:()=>{var e;return[null==(e=x.default)?void 0:e.call(x)]}})])}});h.install=e=>{e.component(h.name,h)};var C={title:"Pagination 分页",category:"导航",status:"已完成",install(e){e.use(h)}};e.Pagination=h,e.default=C,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));

package/popover/index.es.js

@@ -1 +1 @@
-import{defineComponent as e,ref as n,toRefs as t,reactive as o,createVNode as l,withDirectives as u,resolveDirective as a,resolveComponent as i}from"vue";function r(e,n,t){document.addEventListener?e&&n&&t&&e.addEventListener(n,t,!1):e&&n&&t&&e.attachEvent("on"+n,t)}const c=Symbol("@@clickoutside"),s=new Map;let d,v=0;function p(e,n,t){return function(o,l){t&&n.instance&&o.target&&l.target&&!e.contains(o.target)&&!e.contains(l.target)&&e!==o.target&&e[c].bindingFn&&e[c].bindingFn()}}r(document,"mousedown",(e=>{d=e})),r(document,"mouseup",(e=>{for(const[n,t]of s)t[c].documentHandler(e,d)}));const m={success:{name:"right-o",color:"rgb(61, 204, 166)"},error:{name:"error-o",color:"rgb(249, 95, 91)"},info:{name:"info-o",color:"rgb(81, 112, 255)"},warning:{name:"warning-o",color:"rgb(254, 204, 85)"},default:{}};var f=e({name:"DPopover",directives:{clickoutside:{beforeMount:function(e,n,t){v++,s.set(v,e),e[c]={nid:v,documentHandler:p(e,n,t),bindingFn:n.value}},updated:function(e,n,t){e[c].documentHandler=p(e,n,t),e[c].bindingFn=n.value},unmounted:function(e){s.delete(e[c].nid),delete e[c]}}},props:{visible:{type:Boolean,default:!1},position:{type:String,default:"bottom"},content:{type:String,default:"default"},trigger:{type:String,default:"click"},zIndex:{type:Number,default:1060},popType:{type:String,default:"default"},showAnimation:{type:Boolean,default:!0},mouseEnterDelay:{type:Number,default:150},mouseLeaveDelay:{type:Number,default:100}},setup(e,r){let c=null,s=null;const d=n(e.visible),{position:v,content:p,zIndex:f,trigger:g,popType:y,mouseEnterDelay:b,mouseLeaveDelay:k,showAnimation:w}=t(e),T="click"===g.value,x=o(m[y.value]),D=T?function(){d.value?d.value=!1:d.value=!0}:null,E=T?null:()=>{c&&clearTimeout(c),c=setTimeout((()=>{d.value=!0}),b.value)},S=T?null:()=>{s&&clearTimeout(s),s=setTimeout((()=>{d.value=!1}),k.value)},h=function(){d.value=!1};return()=>{var e,n;const{slots:t}=r,o={zIndex:f.value};return l("div",{class:["devui-popover",v.value,{"devui-popover-animation":w.value,"devui-popover-isVisible":d.value}]},[u(l("div",{class:"devui-popover-reference",onMouseenter:E,onMouseleave:S,onClick:D},[null==(e=t.reference)?void 0:e.call(t)]),[[a("clickoutside"),h]]),l("div",{class:["devui-popover-content",x.name?"is-icon":""],style:o},[x.name&&l(i("d-icon"),{name:x.name,color:x.color,class:"devui-popover-icon",size:"16px"},null),(null==(n=t.content)?void 0:n.call(t))||l("span",null,[p.value])])])}}});f.install=function(e){e.component(f.name,f)};var g={title:"Popover 悬浮提示",category:"反馈",status:"开发中",install(e){e.use(f)}};export{f as Popover,g as default};
+var e=Object.defineProperty,n=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,l=(n,t,o)=>t in n?e(n,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[t]=o;"undefined"!=typeof require&&require;import{defineComponent as a,ref as r,toRefs as u,reactive as i,createVNode as c,withDirectives as d,resolveDirective as p,resolveComponent as s}from"vue";var v=(e,n)=>{let t=null;return()=>{t&&clearTimeout(t),t=setTimeout((()=>{null==e||e()}),n)}};const f="undefined"!=typeof window;function m(e,n,t){document.addEventListener?e&&n&&t&&e.addEventListener(n,t,!1):e&&n&&t&&e.attachEvent("on"+n,t)}const y=Symbol("@@clickoutside"),b=new Map;let g,w=0,x=!0;function h(e,n,t){return f&&x&&(x=!1,m(document,"mousedown",(e=>{g=e})),m(document,"mouseup",(e=>{for(const[n,t]of b)t[y].documentHandler(e,g)}))),function(o,l){t&&n.instance&&o.target&&l.target&&!e.contains(o.target)&&!e.contains(l.target)&&e!==o.target&&e[y].bindingFn&&e[y].bindingFn()}}const S={success:{name:"right-o",color:"rgb(61, 204, 166)"},error:{name:"error-o",color:"rgb(249, 95, 91)"},info:{name:"info-o",color:"rgb(81, 112, 255)"},warning:{name:"warning-o",color:"rgb(254, 204, 85)"},default:{}};var O=a({name:"DPopover",directives:{clickoutside:{beforeMount:function(e,n,t){w++,b.set(w,e),e[y]={nid:w,documentHandler:h(e,n,t),bindingFn:n.value}},updated:function(e,n,t){e[y].documentHandler=h(e,n,t),e[y].bindingFn=n.value},unmounted:function(e){b.delete(e[y].nid),delete e[y]}}},props:{visible:{type:Boolean,default:!1},position:{type:String,default:"bottom"},content:{type:String,default:"default"},trigger:{type:String,default:"click"},zIndex:{type:Number,default:1060},popType:{type:String,default:"default"},showAnimation:{type:Boolean,default:!0},mouseEnterDelay:{type:Number,default:150},mouseLeaveDelay:{type:Number,default:100},popMaxWidth:{type:Number,default:void 0},popoverStyle:{type:Object,default:()=>({})}},setup(e,a){const{slots:f}=a,m=r(e.visible),{position:y,content:b,zIndex:g,trigger:w,popType:x,popoverStyle:h,mouseEnterDelay:O,mouseLeaveDelay:k,showAnimation:E,popMaxWidth:M}=u(e),j=((e,a)=>{for(var r in a||(a={}))t.call(a,r)&&l(e,r,a[r]);if(n)for(var r of n(a))o.call(a,r)&&l(e,r,a[r]);return e})({zIndex:g.value},h.value),D="click"===w.value,P=i(S[x.value]),z=D?function(){m.value?m.value=!1:m.value=!0}:null,F=v((()=>{m.value=!0}),O.value),I=v((()=>{m.value=!1}),k.value),L=D?null:F,N=D?null:I,T=()=>{m.value=!1};return M.value&&(j.maxWidth=`${M.value}px`),()=>{var e,n;return c("div",{class:["devui-popover",y.value,{"devui-popover-animation":E.value,"devui-popover-isVisible":m.value}]},[d(c("div",{class:"devui-popover-reference",onMouseenter:L,onMouseleave:N,onClick:z},[null==(e=f.reference)?void 0:e.call(f)]),[[p("clickoutside"),T]]),c("div",{class:["devui-popover-content",P.name?"is-icon":""],style:j},[P.name&&c(s("d-icon"),{name:P.name,color:P.color,class:"devui-popover-icon",size:"16px"},null),(null==(n=f.content)?void 0:n.call(f))||c("span",null,[b.value]),c("span",{class:"after",style:j},null)])])}}});O.install=function(e){e.component(O.name,O)};var k={title:"Popover 悬浮提示",category:"反馈",status:"已完成",install(e){e.use(O)}};export{O as Popover,k as default};

package/popover/index.umd.js

@@ -1 +1 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,n){"use strict";function t(e,n,t){document.addEventListener?e&&n&&t&&e.addEventListener(n,t,!1):e&&n&&t&&e.attachEvent("on"+n,t)}const o=Symbol("@@clickoutside"),i=new Map;let l,u=0;function a(e,n,t){return function(i,l){t&&n.instance&&i.target&&l.target&&!e.contains(i.target)&&!e.contains(l.target)&&e!==i.target&&e[o].bindingFn&&e[o].bindingFn()}}t(document,"mousedown",(e=>{l=e})),t(document,"mouseup",(e=>{for(const[n,t]of i)t[o].documentHandler(e,l)}));const r={beforeMount:function(e,n,t){u++,i.set(u,e),e[o]={nid:u,documentHandler:a(e,n,t),bindingFn:n.value}},updated:function(e,n,t){e[o].documentHandler=a(e,n,t),e[o].bindingFn=n.value},unmounted:function(e){i.delete(e[o].nid),delete e[o]}};const c={success:{name:"right-o",color:"rgb(61, 204, 166)"},error:{name:"error-o",color:"rgb(249, 95, 91)"},info:{name:"info-o",color:"rgb(81, 112, 255)"},warning:{name:"warning-o",color:"rgb(254, 204, 85)"},default:{}};var d=n.defineComponent({name:"DPopover",directives:{clickoutside:r},props:{visible:{type:Boolean,default:!1},position:{type:String,default:"bottom"},content:{type:String,default:"default"},trigger:{type:String,default:"click"},zIndex:{type:Number,default:1060},popType:{type:String,default:"default"},showAnimation:{type:Boolean,default:!0},mouseEnterDelay:{type:Number,default:150},mouseLeaveDelay:{type:Number,default:100}},setup(e,t){let o=null,i=null;const l=n.ref(e.visible),{position:u,content:a,zIndex:r,trigger:d,popType:s,mouseEnterDelay:v,mouseLeaveDelay:p,showAnimation:f}=n.toRefs(e),m="click"===d.value,g=n.reactive(c[s.value]),y=m?function(){l.value?l.value=!1:l.value=!0}:null,b=m?null:()=>{o&&clearTimeout(o),o=setTimeout((()=>{l.value=!0}),v.value)},T=m?null:()=>{i&&clearTimeout(i),i=setTimeout((()=>{l.value=!1}),p.value)},h=function(){l.value=!1};return()=>{var e,o;const{slots:i}=t,c={zIndex:r.value};return n.createVNode("div",{class:["devui-popover",u.value,{"devui-popover-animation":f.value,"devui-popover-isVisible":l.value}]},[n.withDirectives(n.createVNode("div",{class:"devui-popover-reference",onMouseenter:b,onMouseleave:T,onClick:y},[null==(e=i.reference)?void 0:e.call(i)]),[[n.resolveDirective("clickoutside"),h]]),n.createVNode("div",{class:["devui-popover-content",g.name?"is-icon":""],style:c},[g.name&&n.createVNode(n.resolveComponent("d-icon"),{name:g.name,color:g.color,class:"devui-popover-icon",size:"16px"},null),(null==(o=i.content)?void 0:o.call(i))||n.createVNode("span",null,[a.value])])])}}});d.install=function(e){e.component(d.name,d)};var s={title:"Popover 悬浮提示",category:"反馈",status:"开发中",install(e){e.use(d)}};e.Popover=d,e.default=s,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+var __defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,o,t)=>o in e?__defProp(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,__spreadValues=(e,o)=>{for(var t in o||(o={}))__hasOwnProp.call(o,t)&&__defNormalProp(e,t,o[t]);if(__getOwnPropSymbols)for(var t of __getOwnPropSymbols(o))__propIsEnum.call(o,t)&&__defNormalProp(e,t,o[t]);return e},__require="undefined"!=typeof require?require:e=>{throw new Error('Dynamic require of "'+e+'" is not supported')};!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,o){"use strict";var t=(e,o)=>{let t=null;return()=>{t&&clearTimeout(t),t=setTimeout((()=>{null==e||e()}),o)}};const n="undefined"!=typeof window;function r(e,o,t){document.addEventListener?e&&o&&t&&e.addEventListener(o,t,!1):e&&o&&t&&e.attachEvent("on"+o,t)}const l=Symbol("@@clickoutside"),a=new Map;let i,u=0,d=!0;function p(e,o,t){return n&&d&&(d=!1,r(document,"mousedown",(e=>{i=e})),r(document,"mouseup",(e=>{for(const[o,t]of a)t[l].documentHandler(e,i)}))),function(n,r){t&&o.instance&&n.target&&r.target&&!e.contains(n.target)&&!e.contains(r.target)&&e!==n.target&&e[l].bindingFn&&e[l].bindingFn()}}const s={beforeMount:function(e,o,t){u++,a.set(u,e),e[l]={nid:u,documentHandler:p(e,o,t),bindingFn:o.value}},updated:function(e,o,t){e[l].documentHandler=p(e,o,t),e[l].bindingFn=o.value},unmounted:function(e){a.delete(e[l].nid),delete e[l]}};const c={success:{name:"right-o",color:"rgb(61, 204, 166)"},error:{name:"error-o",color:"rgb(249, 95, 91)"},info:{name:"info-o",color:"rgb(81, 112, 255)"},warning:{name:"warning-o",color:"rgb(254, 204, 85)"},default:{}};var v=o.defineComponent({name:"DPopover",directives:{clickoutside:s},props:{visible:{type:Boolean,default:!1},position:{type:String,default:"bottom"},content:{type:String,default:"default"},trigger:{type:String,default:"click"},zIndex:{type:Number,default:1060},popType:{type:String,default:"default"},showAnimation:{type:Boolean,default:!0},mouseEnterDelay:{type:Number,default:150},mouseLeaveDelay:{type:Number,default:100},popMaxWidth:{type:Number,default:void 0},popoverStyle:{type:Object,default:()=>({})}},setup(e,n){const{slots:r}=n,l=o.ref(e.visible),{position:a,content:i,zIndex:u,trigger:d,popType:p,popoverStyle:s,mouseEnterDelay:v,mouseLeaveDelay:f,showAnimation:m,popMaxWidth:y}=o.toRefs(e),b=__spreadValues({zIndex:u.value},s.value),g="click"===d.value,_=o.reactive(c[p.value]),w=g?function(){l.value?l.value=!1:l.value=!0}:null,P=t((()=>{l.value=!0}),v.value),h=t((()=>{l.value=!1}),f.value),N=g?null:P,O=g?null:h,S=()=>{l.value=!1};return y.value&&(b.maxWidth=`${y.value}px`),()=>{var e,t;return o.createVNode("div",{class:["devui-popover",a.value,{"devui-popover-animation":m.value,"devui-popover-isVisible":l.value}]},[o.withDirectives(o.createVNode("div",{class:"devui-popover-reference",onMouseenter:N,onMouseleave:O,onClick:w},[null==(e=r.reference)?void 0:e.call(r)]),[[o.resolveDirective("clickoutside"),S]]),o.createVNode("div",{class:["devui-popover-content",_.name?"is-icon":""],style:b},[_.name&&o.createVNode(o.resolveComponent("d-icon"),{name:_.name,color:_.color,class:"devui-popover-icon",size:"16px"},null),(null==(t=r.content)?void 0:t.call(r))||o.createVNode("span",null,[i.value]),o.createVNode("span",{class:"after",style:b},null)])])}}});v.install=function(e){e.component(v.name,v)};var f={title:"Popover 悬浮提示",category:"反馈",status:"已完成",install(e){e.use(v)}};e.Popover=v,e.default=f,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));

package/popover/style.css

@@ -1 +1 @@
-.devui-popover{--devui-popover-margin: -8px;--devui-popover-width: -6px;--devui-popover-offset: 8px;position:relative;display:inline-flex}.devui-popover:after{content:"";width:12px;display:none;height:12px;transform:rotate(45deg);position:absolute;z-index:1060;background-color:var(--devui-feedback-overlay-bg, #464d6e)}.devui-popover.devui-popover-isVisible .devui-popover-content{display:inline-flex}.devui-popover.devui-popover-isVisible:after{display:inline-flex}.devui-popover .devui-popover-content{position:absolute;display:none;padding:5px 14px;align-items:center;flex-wrap:wrap;white-space:nowrap;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover .devui-popover-content.is-icon{flex-wrap:nowrap}.devui-popover .devui-popover-content .devui-popover-icon{margin-right:5px}.devui-popover.devui-popover-animation .devui-popover-content{opacity:0;animation:some-animation .2s var(--devui-animation-linear, cubic-bezier(0, 0, 1, 1)) 0s 1 forwards}.devui-popover.devui-popover-animation:after{opacity:0;animation:some-animation .2s var(--devui-animation-linear, cubic-bezier(0, 0, 1, 1)) .1s 1 forwards}@keyframes some-animation{0%{display:inline-flex}to{opacity:1}}.devui-popover.left .devui-popover-content{left:var(--devui-popover-margin);top:0;transform:translate(-100%);top:50%;transform:translate(-100%,-50%)}.devui-popover.left:after{left:var(--devui-popover-margin);top:50%;margin-top:var(--devui-popover-width);margin-left:var(--devui-popover-width)}.devui-popover.left-top .devui-popover-content{left:var(--devui-popover-margin);top:0;transform:translate(-100%)}.devui-popover.left-top:after{left:var(--devui-popover-margin);top:50%;margin-top:var(--devui-popover-width);margin-left:var(--devui-popover-width);top:var(--devui-popover-offset);margin-top:auto}.devui-popover.left-bottom .devui-popover-content{left:var(--devui-popover-margin);top:0;transform:translate(-100%);top:auto;bottom:0}.devui-popover.left-bottom:after{left:var(--devui-popover-margin);top:50%;margin-top:var(--devui-popover-width);margin-left:var(--devui-popover-width);bottom:var(--devui-popover-offset);margin-top:auto}.devui-popover.top .devui-popover-content{top:var(--devui-popover-margin);left:0;transform:translateY(-100%);left:50%;transform:translate(-50%,-100%)}.devui-popover.top:after{left:50%;top:var(--devui-popover-margin);margin-top:var(--devui-popover-width);margin-left:var(--devui-popover-width)}.devui-popover.top-left .devui-popover-content{top:var(--devui-popover-margin);left:0;transform:translateY(-100%)}.devui-popover.top-left:after{top:var(--devui-popover-margin);margin-top:var(--devui-popover-width);margin-left:var(--devui-popover-width);left:var(--devui-popover-offset);margin-left:auto;margin-right:var(--devui-popover-width)}.devui-popover.top-right .devui-popover-content{top:var(--devui-popover-margin);left:0;transform:translateY(-100%);left:auto;right:0}.devui-popover.top-right:after{top:var(--devui-popover-margin);margin-top:var(--devui-popover-width);margin-left:var(--devui-popover-width);right:var(--devui-popover-offset)}.devui-popover.right .devui-popover-content{right:var(--devui-popover-margin);top:50%;transform:translate(100%);transform:translate(100%,-50%)}.devui-popover.right:after{right:var(--devui-popover-margin);margin-right:var(--devui-popover-width);top:var(--devui-popover-offset);top:50%;margin-top:var(--devui-popover-width)}.devui-popover.right-top .devui-popover-content{right:var(--devui-popover-margin);top:50%;transform:translate(100%);top:0}.devui-popover.right-top:after{right:var(--devui-popover-margin);margin-right:var(--devui-popover-width);top:var(--devui-popover-offset)}.devui-popover.right-bottom .devui-popover-content{right:var(--devui-popover-margin);top:50%;transform:translate(100%);bottom:0;top:auto}.devui-popover.right-bottom:after{right:var(--devui-popover-margin);margin-right:var(--devui-popover-width);top:var(--devui-popover-offset);bottom:var(--devui-popover-offset)}.devui-popover.bottom .devui-popover-content{left:0;margin-bottom:var(--devui-popover-width);transform:translateY(100%);left:50%;bottom:0;transform:translate(-50%,100%)}.devui-popover.bottom:after{left:var(--devui-popover-offset);bottom:var(--devui-popover-margin);margin-bottom:var(--devui-popover-width);margin-right:var(--devui-popover-width);left:50%;margin-right:auto;margin-left:var(--devui-popover-width)}.devui-popover.bottom-left .devui-popover-content{left:0;bottom:0;margin-bottom:var(--devui-popover-width);transform:translateY(100%)}.devui-popover.bottom-left:after{left:var(--devui-popover-offset);bottom:var(--devui-popover-margin);margin-bottom:var(--devui-popover-width);margin-right:var(--devui-popover-width)}.devui-popover.bottom-right .devui-popover-content{left:0;bottom:0;margin-bottom:var(--devui-popover-width);transform:translateY(100%);left:auto;right:0}.devui-popover.bottom-right:after{left:var(--devui-popover-offset);bottom:var(--devui-popover-margin);margin-bottom:var(--devui-popover-width);margin-right:var(--devui-popover-width);left:auto;margin-right:auto;right:var(--devui-popover-offset);margin-left:var(--devui-popover-width)}
+.devui-popover{position:relative;display:inline-flex}.devui-popover.devui-popover-isVisible .devui-popover-content{display:inline-flex}.devui-popover .devui-popover-content{position:absolute;display:none;padding:5px 14px;align-items:center;flex-wrap:wrap;white-space:nowrap;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover .devui-popover-content .after{content:"";width:12px;height:12px;transform:rotate(45deg);position:absolute;background-color:var(--devui-feedback-overlay-bg, #464d6e)}.devui-popover .devui-popover-content.is-icon{flex-wrap:nowrap}.devui-popover .devui-popover-content .devui-popover-icon{margin-right:5px}@keyframes some-animation{0%{opacity:0;display:inline-flex}to{opacity:1}}.devui-popover.devui-popover-animation .devui-popover-content{animation:some-animation .5s var(--devui-animation-linear, cubic-bezier(0, 0, 1, 1)) 1 forwards}.devui-popover.left .devui-popover-content{left:-8px;top:0;transform:translate(-100%);top:50%;transform:translate(-100%,-50%)}.devui-popover.left .after{right:-6px;top:50%;margin-top:-6px;margin-left:-8px}.devui-popover.left-top .devui-popover-content{left:-8px;top:0;transform:translate(-100%)}.devui-popover.left-top .after{right:-6px;top:50%;margin-left:-8px;top:8px;margin-top:auto}.devui-popover.left-bottom .devui-popover-content{left:-8px;top:0;transform:translate(-100%);top:auto;bottom:0}.devui-popover.left-bottom .after{right:-6px;top:50%;margin-left:-8px;bottom:8px;margin-top:auto}.devui-popover.top .devui-popover-content{top:-8px;left:0;transform:translateY(-100%);left:50%;transform:translate(-50%,-100%)}.devui-popover.top .after{left:50%;bottom:-6px;margin-left:-6px}.devui-popover.top-left .devui-popover-content{top:-8px;left:0;transform:translateY(-100%)}.devui-popover.top-left .after{bottom:-6px;left:8px;margin-left:auto;margin-right:-6px}.devui-popover.top-right .devui-popover-content{top:-8px;left:0;transform:translateY(-100%);left:auto;right:0}.devui-popover.top-right .after{bottom:-6px;margin-left:-6px;right:8px}.devui-popover.right .devui-popover-content{right:-8px;top:50%;transform:translate(100%);transform:translate(100%,-50%)}.devui-popover.right .after{left:-6px;margin-right:-6px;top:8px;top:50%;margin-top:-6px}.devui-popover.right-top .devui-popover-content{right:-8px;top:50%;transform:translate(100%);top:0}.devui-popover.right-top .after{left:-6px;margin-right:-6px;top:8px}.devui-popover.right-bottom .devui-popover-content{right:-8px;top:50%;transform:translate(100%);bottom:0;top:auto}.devui-popover.right-bottom .after{left:-6px;margin-right:-6px;top:8px;top:auto;bottom:8px}.devui-popover.bottom .devui-popover-content{left:0;margin-bottom:-6px;transform:translateY(100%);left:50%;bottom:0;transform:translate(-50%,100%)}.devui-popover.bottom .after{left:8px;top:-6px;margin-bottom:-6px;left:50%;margin-right:auto;margin-left:-6px}.devui-popover.bottom-left .devui-popover-content{left:0;bottom:0;margin-bottom:-6px;transform:translateY(100%)}.devui-popover.bottom-left .after{left:8px;top:-6px;margin-bottom:-6px;margin-right:-6px}.devui-popover.bottom-right .devui-popover-content{left:0;bottom:0;margin-bottom:-6px;transform:translateY(100%);left:auto;right:0}.devui-popover.bottom-right .after{left:8px;top:-6px;margin-bottom:-6px;left:auto;margin-right:auto;right:8px;margin-left:-6px}