vue-devui 1.0.0-alpha.4 → 1.0.0-alpha.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alert/index.es.js +1 -1
- package/alert/index.umd.js +1 -1
- package/alert/style.css +1 -1
- package/anchor/index.es.js +1 -1
- package/anchor/index.umd.js +1 -1
- package/breadcrumb/index.es.js +1 -1
- package/breadcrumb/index.umd.js +1 -1
- package/breadcrumb/style.css +1 -1
- package/fullscreen/index.es.js +1 -1
- package/fullscreen/index.umd.js +1 -1
- package/input-number/index.es.js +1 -1
- package/input-number/index.umd.js +1 -1
- package/input-number/style.css +1 -1
- package/modal/index.es.js +1 -1
- package/modal/index.umd.js +1 -1
- package/overlay/index.es.js +1 -1
- package/overlay/index.umd.js +1 -1
- package/package.json +4 -3
- package/pagination/index.es.js +1 -1
- package/pagination/index.umd.js +1 -1
- package/popover/index.es.js +1 -1
- package/popover/index.umd.js +1 -1
- package/popover/style.css +1 -1
- package/skeleton/index.es.js +1 -1
- package/skeleton/index.umd.js +1 -1
- package/skeleton/style.css +1 -1
- package/splitter/index.es.js +1 -1
- package/splitter/index.umd.js +1 -1
- package/steps-guide/index.es.js +1 -1
- package/steps-guide/index.umd.js +1 -1
- package/sticky/index.es.js +1 -1
- package/sticky/index.umd.js +1 -1
- package/style.css +1 -1
- package/vue-devui.es.js +1 -1
- package/vue-devui.umd.js +1 -1
package/alert/index.es.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{createVNode as e,defineComponent as l,ref as n,onMounted as t,Transition as o,withDirectives as s,vShow as i}from"vue";const r=()=>e("svg",{width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e("g",{transform:"translate(-3.000000, -3.000000)","fill-rule":"nonzero"},[e("path",{d:"M11.6426,3.19816936 C11.9239974,2.91574512 12.4131626,2.93784891 12.7352108,3.24751057 C13.0571998,3.5572302 13.0901298,4.03723416 12.8087324,4.31965839 L9.14064666,7.99900183 L12.8087324,11.6803416 C13.0645482,11.9370909 13.0605893,12.3571292 12.8158402,12.6640749 L12.7352108,12.7524894 C12.4131626,13.0621511 11.9239974,13.0842548 11.6426,12.8018306 L8,9.14489021 L4.35740003,12.8018306 C4.10158422,13.05858 3.6740594,13.0636532 3.35648225,12.8298003 L3.26478919,12.7524894 C2.94280021,12.4427698 2.90987023,11.9627658 3.19126762,11.6803416 L6.8583349,7.99900183 L3.19126762,4.31965839 C2.93545181,4.06290908 2.93941068,3.64287076 3.18415975,3.3359251 L3.26478919,3.24751057 C3.58683735,2.93784891 4.07600264,2.91574512 4.35740003,3.19816936 L8,6.85411161 L11.6426,3.19816936 Z"},null)])])]),u=l=>e("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-icon "+("danger"===l.type?"devui-icon-error":`devui-icon-${l.type}`)},[(()=>{switch(l.type){case"success":return e("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e("path",{"fill-rule":"nonzero",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),e("polygon",{"stroke-width":"0.3","fill-rule":"nonzero",points:"6.82767602 11.5282799 3 7.24668779 3.89864233 6.37912367 6.82767602 9.04910002 12.2964408 4 13 4.64144383"},null)]);case"warning":return e("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e("path",{class:"devui-icon-warning-outer",d:"M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117 15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873 0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"},null),e("path",{class:"devui-icon-warning-inner","stroke-width":"0.3","fill-rule":"nonzero",d:"M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105 L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"},null)]);case"info":return e("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e("g",{"fill-rule":"nonzero"},[e("path",{class:"devui-icon-info-outer",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),e("path",{class:"devui-icon-info-inner",d:"M9.19008504,7 L8.79402696,13 L7.15622605,13 L6.73158434,7 L9.19008504,7 Z M9,3 L9,5 L7,5 L7,3 L9,3 Z","stroke-width":"0.2"},null)])]);case"danger":return e("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e("g",{"fill-rule":"nonzero"},[e("path",{class:"devui-icon-error-outer",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),e("path",{class:"devui-icon-error-inner",d:"M9,10.6 L9,12.6 L7,12.6 L7,10.6 L9,10.6 Z M9.1,3.1 L8.65924344,9.1 L7.28422786,9.1 L6.9,3.1 L9.1,3.1 Z","stroke-width":"0.2"},null)])]);default:return null}})()]);var a=l({name:"DAlert",props:{type:{type:String,default:"info"},cssClass:{type:String,default:""},closeable:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},dismissTime:{type:Number,default:0}},emits:["close"],setup(l,a){const d=n(!1),c=n(!1),v=n(),p=e=>{const l=v.value;l.style.height=`${l.offsetHeight}px`,l.style.height=`${l.offsetHeight}px`,c.value=!0,a.emit("close",e)},L=()=>{d.value=!0,c.value=!1};return t((()=>{l.dismissTime&&setTimeout((()=>{p()}),l.dismissTime)})),()=>d.value?null:e(o,{name:"devui-alert",onAfterLeave:L},{default:()=>{var n,t;return[s(e("div",{ref:v,class:`devui-alert devui-alert-${l.type} ${l.cssClass} ${c.value?"devui-alter-close":null}`},[l.closeable?e("button",{type:"button",class:"devui-close",onClick:p},[e(r,null,null)]):null,!1!==l.showIcon&&"simple"!==l.type?e("span",{class:"devui-alert-icon"},[e(u,{type:l.type},null)]):null,null==(t=(n=a.slots).default)?void 0:t.call(n)]),[[i,!c.value]])]}})}});a.install=function(e){e.component(a.name,a)};var d={title:"Alert 警告",category:"反馈",status:"已完成",install(e){e.use(a)}};export{a as Alert,d as default};
|
package/alert/index.umd.js
CHANGED
|
@@ -1 +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";
|
|
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 o=()=>t.createVNode("svg",{width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("g",{transform:"translate(-3.000000, -3.000000)","fill-rule":"nonzero"},[t.createVNode("path",{d:"M11.6426,3.19816936 C11.9239974,2.91574512 12.4131626,2.93784891 12.7352108,3.24751057 C13.0571998,3.5572302 13.0901298,4.03723416 12.8087324,4.31965839 L9.14064666,7.99900183 L12.8087324,11.6803416 C13.0645482,11.9370909 13.0605893,12.3571292 12.8158402,12.6640749 L12.7352108,12.7524894 C12.4131626,13.0621511 11.9239974,13.0842548 11.6426,12.8018306 L8,9.14489021 L4.35740003,12.8018306 C4.10158422,13.05858 3.6740594,13.0636532 3.35648225,12.8298003 L3.26478919,12.7524894 C2.94280021,12.4427698 2.90987023,11.9627658 3.19126762,11.6803416 L6.8583349,7.99900183 L3.19126762,4.31965839 C2.93545181,4.06290908 2.93941068,3.64287076 3.18415975,3.3359251 L3.26478919,3.24751057 C3.58683735,2.93784891 4.07600264,2.91574512 4.35740003,3.19816936 L8,6.85411161 L11.6426,3.19816936 Z"},null)])])]),l=e=>t.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-icon "+("danger"===e.type?"devui-icon-error":`devui-icon-${e.type}`)},[(()=>{switch(e.type){case"success":return t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("path",{"fill-rule":"nonzero",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),t.createVNode("polygon",{"stroke-width":"0.3","fill-rule":"nonzero",points:"6.82767602 11.5282799 3 7.24668779 3.89864233 6.37912367 6.82767602 9.04910002 12.2964408 4 13 4.64144383"},null)]);case"warning":return t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("path",{class:"devui-icon-warning-outer",d:"M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117 15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873 0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"},null),t.createVNode("path",{class:"devui-icon-warning-inner","stroke-width":"0.3","fill-rule":"nonzero",d:"M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105 L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"},null)]);case"info":return t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("g",{"fill-rule":"nonzero"},[t.createVNode("path",{class:"devui-icon-info-outer",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),t.createVNode("path",{class:"devui-icon-info-inner",d:"M9.19008504,7 L8.79402696,13 L7.15622605,13 L6.73158434,7 L9.19008504,7 Z M9,3 L9,5 L7,5 L7,3 L9,3 Z","stroke-width":"0.2"},null)])]);case"danger":return t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("g",{"fill-rule":"nonzero"},[t.createVNode("path",{class:"devui-icon-error-outer",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),t.createVNode("path",{class:"devui-icon-error-inner",d:"M9,10.6 L9,12.6 L7,12.6 L7,10.6 L9,10.6 Z M9.1,3.1 L8.65924344,9.1 L7.28422786,9.1 L6.9,3.1 L9.1,3.1 Z","stroke-width":"0.2"},null)])]);default:return null}})()]);var n=t.defineComponent({name:"DAlert",props:{type:{type:String,default:"info"},cssClass:{type:String,default:""},closeable:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},dismissTime:{type:Number,default:0}},emits:["close"],setup(e,n){const r=t.ref(!1),i=t.ref(!1),s=t.ref(),a=e=>{const t=s.value;t.style.height=`${t.offsetHeight}px`,t.style.height=`${t.offsetHeight}px`,i.value=!0,n.emit("close",e)},d=()=>{r.value=!0,i.value=!1};return t.onMounted((()=>{e.dismissTime&&setTimeout((()=>{a()}),e.dismissTime)})),()=>r.value?null:t.createVNode(t.Transition,{name:"devui-alert",onAfterLeave:d},{default:()=>{var r,d;return[t.withDirectives(t.createVNode("div",{ref:s,class:`devui-alert devui-alert-${e.type} ${e.cssClass} ${i.value?"devui-alter-close":null}`},[e.closeable?t.createVNode("button",{type:"button",class:"devui-close",onClick:a},[t.createVNode(o,null,null)]):null,!1!==e.showIcon&&"simple"!==e.type?t.createVNode("span",{class:"devui-alert-icon"},[t.createVNode(l,{type:e.type},null)]):null,null==(d=(r=n.slots).default)?void 0:d.call(r)]),[[t.vShow,!i.value]])]}})}});n.install=function(e){e.component(n.name,n)};var r={title:"Alert 警告",category:"反馈",status:"已完成",install(e){e.use(n)}};e.Alert=n,e.default=r,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
|
package/alert/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.devui-alert{color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 12px);border:1px solid transparent;line-height:20px;border-radius:var(--devui-border-radius, 2px);padding:10px 10px 10px 16px;word-break:normal;word-wrap:break-word}.devui-alert button.devui-close{color:var(--devui-text, #252b3a);opacity:1}.devui-alert button.devui-close>svg path{fill:var(--devui-light-text, #ffffff)}.devui-alert button.devui-close span{color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 12px);font-weight:bold}.devui-alert.devui-alert-success{background-color:var(--devui-success-bg, #edfff9);border-color:var(--devui-success-line, #50d4ab);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-success button.devui-close>svg path{fill:var(--devui-success-line, #50d4ab)}.devui-alert.devui-alert-info{background-color:var(--devui-info-bg, #f2f5fc);border-color:var(--devui-info-line, #5e7ce0);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-info button.devui-close>svg path{fill:var(--devui-info-line, #5e7ce0)}.devui-alert.devui-alert-warning{background-color:var(--devui-warning-bg, #fff3e8);border-color:var(--devui-warning-line, #fa9841);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-warning button.devui-close>svg path{fill:var(--devui-warning-line, #fa9841)}.devui-alert.devui-alert-danger{background-color:var(--devui-danger-bg, #ffeeed);border-color:var(--devui-danger-line, #f66f6a);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-danger button.devui-close>svg path{fill:var(--devui-danger-line, #f66f6a)}.devui-alert svg.devui-icon{width:16px;height:16px;vertical-align:middle;transform:translateY(-1px)}.devui-alert .devui-icon.devui-icon-success>g path{fill:var(--devui-success-line, #50d4ab)}.devui-alert .devui-icon.devui-icon-success>g polygon{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert .devui-icon.devui-icon-warning>g path.devui-icon-warning-outer{fill:var(--devui-warning-line, #fa9841)}.devui-alert .devui-icon.devui-icon-warning>g path.devui-icon-warning-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert .devui-icon.devui-icon-info>g path.devui-icon-info-outer{fill:var(--devui-info-line, #5e7ce0)}.devui-alert .devui-icon.devui-icon-info>g path.devui-icon-info-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert .devui-icon.devui-icon-error>g path.devui-icon-error-outer{fill:var(--devui-danger-line, #f66f6a)}.devui-alert .devui-icon.devui-icon-error>g path.devui-icon-error-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert-icon{margin-right:4px}.devui-alter-close{height:0!important;margin:0;padding-top:0;padding-bottom:0;transform-origin:50% 0;transition:all .3s ease-in-out}.devui-alert-leave-active{animation:alertUpOut .3s ease-in-out;animation-fill-mode:both}@keyframes alertUpOut{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(0);transform-origin:0% 0%;opacity:0}}
|
|
1
|
+
.devui-alert{color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 12px);border:1px solid transparent;line-height:20px;border-radius:var(--devui-border-radius, 2px);padding:10px 10px 10px 16px;word-break:normal;word-wrap:break-word}.devui-alert button.devui-close{color:var(--devui-text, #252b3a);opacity:1}.devui-alert button.devui-close>svg path{fill:var(--devui-light-text, #ffffff)}.devui-alert button.devui-close span{color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 12px);font-weight:bold}.devui-alert.devui-alert-success{background-color:var(--devui-success-bg, #edfff9);border-color:var(--devui-success-line, #50d4ab);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-success button.devui-close>svg path{fill:var(--devui-success-line, #50d4ab)}.devui-alert.devui-alert-info{background-color:var(--devui-info-bg, #f2f5fc);border-color:var(--devui-info-line, #5e7ce0);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-info button.devui-close>svg path{fill:var(--devui-info-line, #5e7ce0)}.devui-alert.devui-alert-warning{background-color:var(--devui-warning-bg, #fff3e8);border-color:var(--devui-warning-line, #fa9841);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-warning button.devui-close>svg path{fill:var(--devui-warning-line, #fa9841)}.devui-alert.devui-alert-danger{background-color:var(--devui-danger-bg, #ffeeed);border-color:var(--devui-danger-line, #f66f6a);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-danger button.devui-close>svg path{fill:var(--devui-danger-line, #f66f6a)}.devui-alert.devui-alert-simple{border-color:var(--devui-line, #adb0b8);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-simple .devui-close>svg path{fill:var(--devui-text-weak, #575d6c)}.devui-alert svg.devui-icon{width:16px;height:16px;vertical-align:middle;transform:translateY(-1px)}.devui-alert .devui-icon.devui-icon-success>g path{fill:var(--devui-success-line, #50d4ab)}.devui-alert .devui-icon.devui-icon-success>g polygon{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert .devui-icon.devui-icon-warning>g path.devui-icon-warning-outer{fill:var(--devui-warning-line, #fa9841)}.devui-alert .devui-icon.devui-icon-warning>g path.devui-icon-warning-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert .devui-icon.devui-icon-info>g path.devui-icon-info-outer{fill:var(--devui-info-line, #5e7ce0)}.devui-alert .devui-icon.devui-icon-info>g path.devui-icon-info-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert .devui-icon.devui-icon-error>g path.devui-icon-error-outer{fill:var(--devui-danger-line, #f66f6a)}.devui-alert .devui-icon.devui-icon-error>g path.devui-icon-error-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert-icon{margin-right:4px}.devui-alter-close{height:0!important;margin:0;padding-top:0;padding-bottom:0;transform-origin:50% 0;transition:all .3s ease-in-out}.devui-alert-leave-active{animation:alertUpOut .3s ease-in-out;animation-fill-mode:both}@keyframes alertUpOut{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(0);transform-origin:0% 0%;opacity:0}}
|
package/anchor/index.es.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{defineComponent as e,createVNode as t,createTextVNode as n}from"vue";var o=e({name:"DAnchor",props:{},setup:()=>()=>t("div",null,[n(" ")])});let l,s=0;let c,a=!1;function r(e,t){c=e.getAttribute("name"),a=!0;const n=t.scrollTop>=0?t.scrollTop:-document.getElementsByClassName("mycontainer")[0].offsetTop;let o=function(e){let t=0,n=0;return t=e.offsetLeft,n=e.offsetTop,{x:t,y:n}}(e).y-n;o-=document.documentElement.scrollTop;const l=o%10,s=Math.abs((o-l)/10);(o<0&&t||e.getBoundingClientRect().top<t.offsetTop)&&window.scrollBy(0,e.getBoundingClientRect().top-t.offsetTop-16),i(o,s,t)}function i(e,t,n){if(!(s<=t))return s=0,clearTimeout(l),history.replaceState(null,null,document.location.pathname+"#"+c),
|
|
1
|
+
import{defineComponent as e,createVNode as t,createTextVNode as n}from"vue";var o=e({name:"DAnchor",props:{},setup:()=>()=>t("div",null,[n(" ")])});let l,s=0;let c,a=!1;function r(e,t){c=e.getAttribute("name"),a=!0;const n=t.scrollTop>=0?t.scrollTop:-document.getElementsByClassName("mycontainer")[0].offsetTop;let o=function(e){let t=0,n=0;return t=e.offsetLeft,n=e.offsetTop,{x:t,y:n}}(e).y-n;o-=document.documentElement.scrollTop;const l=o%10,s=Math.abs((o-l)/10);(o<0&&t||e.getBoundingClientRect().top<t.offsetTop)&&window.scrollBy(0,e.getBoundingClientRect().top-t.offsetTop-16),i(o,s,t)}function i(e,t,n){if(!(s<=t))return s=0,clearTimeout(l),history.replaceState(null,null,document.location.pathname+"#"+c),m(c),void setTimeout((()=>{a=!1}),310);e>0?n.scrollBy(0,10):n.scrollBy(0,-10),s++,l=setTimeout((()=>{i(e,t,n)}),10)}function m(e){const t=document.getElementsByClassName("mysidebar")[0].children.length;for(let n=0;n<t;n++)document.getElementsByClassName("mysidebar")[0].children[n].classList.value.indexOf("active")>-1&&document.getElementsByClassName("mysidebar")[0].children[n].classList.remove("active");document.getElementById(e).classList.add("active")}let u=null,d=null,f="";const y=e=>{if(a)return;f=e||document.getElementsByClassName("mymain")[0].id;var t;const n=function(e){return[].slice.call(document.querySelectorAll(".box-anchor")).filter((t=>e.some((e=>e.hash===t.hash))))}((t=f,[].slice.call(document.querySelectorAll(`.${t} > .step-nav > li.bar-link-item > a`))));try{n.forEach(((e,t)=>{const o=n[t],l=n[t+1],[s,r]=function(e,t,n){let o;if(o=document.getElementsByClassName("scrollTarget").length?document.getElementsByClassName("scrollTarget")[0].scrollTop:document.documentElement.scrollTop||document.body.scrollTop,0===e&&0===o)return[!0,null];if(o<h(t))return[!1,null];if(!n||o<h(n))return[!0,decodeURIComponent(t.hash)];return[!1,null]}(t,o,l);if(s)throw history.replaceState(null,document.title,r||" "),function(e){if(p(u),p(d),u=e?document.querySelector(`${e}`):document.querySelector(`.${f} ul li`),!u)return;a?m(c):e?m(e.split("#")[1]):console.log(e);const t=u.closest(".mycontainer > ul > li");t&&t!==u.parentElement?(d=t,d&&d.classList.add("active")):d=null}(r),Error(r+"")}))}catch(o){}};const g=function(e,t){let n,o=!1;return()=>{n&&clearTimeout(n),o?n=setTimeout(e,t):(e(),o=!0,setTimeout((()=>{o=!1}),t))}}(y,300);function p(e){e&&e.classList.remove("active")}function h(e){const t=document.querySelector(".mysidebar ").getBoundingClientRect().y;return e.parentElement.offsetTop-t-5}const T="undefined"!=typeof window;var v={name:"d-anchor-box",mounted(e){const t="m"+function(e=8){const t="abcdefghijklmnopqrstuvwxyz0123456789";let n="";for(let o=0;o<e;o++)n+=t[parseInt((Math.random()*t.length).toString())];return n}(8);e.id=t;let n;e.classList.add("mycontainer","mymain",t);const o=document.querySelector(`#${t}`),l=document.querySelector(`#${t} .mysidebar`),s=l.clientHeight;window.addEventListener("resize",(()=>{E(l,"absolute",0,0)})),window.onscroll=function(){n=document.documentElement.scrollTop||document.body.scrollTop,document.getElementsByClassName("scrollTarget").length?E(l,"absolute",o.scrollTop,0):n+s-16>=o.offsetTop+o.clientHeight?E(l,"absolute",o.clientHeight-s-8,0):n>o.offsetTop?E(l,"fixed",o.offsetTop,o.getBoundingClientRect().left):o.offsetTop>=n&&n>=0?E(l,"absolute",0,0):E(l,"absolute",o.clientHeight-s-8,0)},b(o,"scroll",(function(){document.getElementsByClassName("scrollTarget").length&&E(l,"fixed",o.getBoundingClientRect().top,o.getBoundingClientRect().left)})),y(t),document.getElementsByClassName("scrollTarget").length?b(o,"scroll",g):window.addEventListener("scroll",g)}};const E=(e,t,n,o)=>{e.style.position=t,e.style.top=n+"px",e.style.left=o+"px"},b=function(){if(T&&window.addEventListener)return function(e,t,n){e.addEventListener(t,n,!1)}}();var B={name:"d-anchor-link",mounted(e,t){const n=e.parentNode;n.className||(n.className="mysidebar step-nav"),e.className="bar-link-item",e.innerHTML+='<a class="d-d-anchor" style="display:none" href="#'+t.value+'">?</a>',e.setAttribute("id",t.value),e.onclick=()=>{let e;const n=document.getElementsByName(t.value)[0];e=document.getElementsByClassName("scrollTarget").length?document.getElementsByClassName("scrollTarget")[0]:window,r(n,e)}}},N={name:"d-anchor",mounted(e,t){const n=e.parentNode;n.className||(n.className="mycontent"),e.innerHTML='<a class="box-anchor" style="display:none" href="#'+t.value+'">?</a>'+e.innerHTML,e.className="section-block",e.setAttribute("name",t.value),e.onclick=e=>{m(t.value);const n=document.getElementById(e.target.getAttribute("name")).classList;console.log(n)}}};o.install=function(e){e.directive(N.name,N),e.directive(B.name,B),e.directive(v.name,v),e.component(o.name,o)};var C={title:"Anchor 锚点",category:"导航",install(e){e.use(o)}};export{o as Anchor,C as default};
|
package/anchor/index.umd.js
CHANGED
|
@@ -1 +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";var n=t.defineComponent({name:"DAnchor",props:{},setup:()=>()=>t.createVNode("div",null,[t.createTextVNode(" ")])});let o,l=0;let s,c=!1;function
|
|
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";var n=t.defineComponent({name:"DAnchor",props:{},setup:()=>()=>t.createVNode("div",null,[t.createTextVNode(" ")])});let o,l=0;let s,c=!1;function a(e,t){s=e.getAttribute("name"),c=!0;const n=t.scrollTop>=0?t.scrollTop:-document.getElementsByClassName("mycontainer")[0].offsetTop;let o=function(e){let t=0,n=0;return t=e.offsetLeft,n=e.offsetTop,{x:t,y:n}}(e).y-n;o-=document.documentElement.scrollTop;const l=o%10,a=Math.abs((o-l)/10);(o<0&&t||e.getBoundingClientRect().top<t.offsetTop)&&window.scrollBy(0,e.getBoundingClientRect().top-t.offsetTop-16),i(o,a,t)}function i(e,t,n){if(!(l<=t))return l=0,clearTimeout(o),history.replaceState(null,null,document.location.pathname+"#"+s),r(s),void setTimeout((()=>{c=!1}),310);e>0?n.scrollBy(0,10):n.scrollBy(0,-10),l++,o=setTimeout((()=>{i(e,t,n)}),10)}function r(e){const t=document.getElementsByClassName("mysidebar")[0].children.length;for(let n=0;n<t;n++)document.getElementsByClassName("mysidebar")[0].children[n].classList.value.indexOf("active")>-1&&document.getElementsByClassName("mysidebar")[0].children[n].classList.remove("active");document.getElementById(e).classList.add("active")}let u=null,m=null,d="";const f=e=>{if(c)return;d=e||document.getElementsByClassName("mymain")[0].id;var t;const n=function(e){return[].slice.call(document.querySelectorAll(".box-anchor")).filter((t=>e.some((e=>e.hash===t.hash))))}((t=d,[].slice.call(document.querySelectorAll(`.${t} > .step-nav > li.bar-link-item > a`))));try{n.forEach(((e,t)=>{const o=n[t],l=n[t+1],[a,i]=function(e,t,n){let o;if(o=document.getElementsByClassName("scrollTarget").length?document.getElementsByClassName("scrollTarget")[0].scrollTop:document.documentElement.scrollTop||document.body.scrollTop,0===e&&0===o)return[!0,null];if(o<p(t))return[!1,null];if(!n||o<p(n))return[!0,decodeURIComponent(t.hash)];return[!1,null]}(t,o,l);if(a)throw history.replaceState(null,document.title,i||" "),function(e){if(g(u),g(m),u=e?document.querySelector(`${e}`):document.querySelector(`.${d} ul li`),!u)return;c?r(s):e?r(e.split("#")[1]):console.log(e);const t=u.closest(".mycontainer > ul > li");t&&t!==u.parentElement?(m=t,m&&m.classList.add("active")):m=null}(i),Error(i+"")}))}catch(o){}};const y=function(e,t){let n,o=!1;return()=>{n&&clearTimeout(n),o?n=setTimeout(e,t):(e(),o=!0,setTimeout((()=>{o=!1}),t))}}(f,300);function g(e){e&&e.classList.remove("active")}function p(e){const t=document.querySelector(".mysidebar ").getBoundingClientRect().y;return e.parentElement.offsetTop-t-5}const h="undefined"!=typeof window;var T={name:"d-anchor-box",mounted(e){const t="m"+function(e=8){const t="abcdefghijklmnopqrstuvwxyz0123456789";let n="";for(let o=0;o<e;o++)n+=t[parseInt((Math.random()*t.length).toString())];return n}(8);e.id=t;let n;e.classList.add("mycontainer","mymain",t);const o=document.querySelector(`#${t}`),l=document.querySelector(`#${t} .mysidebar`),s=l.clientHeight;window.addEventListener("resize",(()=>{v(l,"absolute",0,0)})),window.onscroll=function(){n=document.documentElement.scrollTop||document.body.scrollTop,document.getElementsByClassName("scrollTarget").length?v(l,"absolute",o.scrollTop,0):n+s-16>=o.offsetTop+o.clientHeight?v(l,"absolute",o.clientHeight-s-8,0):n>o.offsetTop?v(l,"fixed",o.offsetTop,o.getBoundingClientRect().left):o.offsetTop>=n&&n>=0?v(l,"absolute",0,0):v(l,"absolute",o.clientHeight-s-8,0)},b(o,"scroll",(function(){document.getElementsByClassName("scrollTarget").length&&v(l,"fixed",o.getBoundingClientRect().top,o.getBoundingClientRect().left)})),f(t),document.getElementsByClassName("scrollTarget").length?b(o,"scroll",y):window.addEventListener("scroll",y)}};const v=(e,t,n,o)=>{e.style.position=t,e.style.top=n+"px",e.style.left=o+"px"},b=function(){if(h&&window.addEventListener)return function(e,t,n){e.addEventListener(t,n,!1)}}();var E={name:"d-anchor-link",mounted(e,t){const n=e.parentNode;n.className||(n.className="mysidebar step-nav"),e.className="bar-link-item",e.innerHTML+='<a class="d-d-anchor" style="display:none" href="#'+t.value+'">?</a>',e.setAttribute("id",t.value),e.onclick=()=>{let e;const n=document.getElementsByName(t.value)[0];e=document.getElementsByClassName("scrollTarget").length?document.getElementsByClassName("scrollTarget")[0]:window,a(n,e)}}},B={name:"d-anchor",mounted(e,t){const n=e.parentNode;n.className||(n.className="mycontent"),e.innerHTML='<a class="box-anchor" style="display:none" href="#'+t.value+'">?</a>'+e.innerHTML,e.className="section-block",e.setAttribute("name",t.value),e.onclick=e=>{r(t.value);const n=document.getElementById(e.target.getAttribute("name")).classList;console.log(n)}}};n.install=function(e){e.directive(B.name,B),e.directive(E.name,E),e.directive(T.name,T),e.component(n.name,n)};var N={title:"Anchor 锚点",category:"导航",install(e){e.use(n)}};e.Anchor=n,e.default=N,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
|
package/breadcrumb/index.es.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{defineComponent as e,inject as a,createVNode as
|
|
1
|
+
import{defineComponent as e,inject as t,ref as a,getCurrentInstance as r,onMounted as l,onBeforeUnmount as n,createVNode as o,provide as u,resolveComponent as s}from"vue";const i={source:{type:Array,default:[]},separatorIcon:{type:String}};var c=e({name:"DBreadcrumbItem",props:{showMenu:{type:Boolean,default:!1},menuList:{type:Array},isSearch:{type:Boolean,dafault:!1},to:{type:[String,Object],default:""},replace:{type:Boolean,default:!1}},setup(e,{slots:u}){const s=t("separatorIcon"),i=e.to?"is-link":"",c=a(null),p=r().appContext.config.globalProperties.$router,d=()=>{e.to&&p&&(e.replace?p.replace(e.to):p.push(e.to))};return l((()=>{c.value.addEventListener("click",d)})),n((()=>{c.value.removeEventListener("click",d)})),()=>o("div",{class:"devui-breadcrumb-item"},[o("span",{ref:c,class:i},[null==u?void 0:u.default()]),o("span",{class:"devui-breadcrumb-separator"},[s])])}});var p=e({name:"DBreadcrumb",components:{DBreadcrumbItem:c},props:i,setup(e,{slots:t}){var a;const r=null!=(a=function(e,t,a="default"){var r,l;return null!=(l=t[a])?l:null==(r=e[a])?void 0:r.call(e)}(t,e,"separatorIcon"))?a:"/";u("separatorIcon",r);const l=e=>e.map((e=>e.noNavigation||"routerLink"!==e.linkType?o(s("d-breadcrumb-item"),null,{default:()=>[e.noNavigation||e.linkType&&"hrefLink"!==e.linkType?null:o("a",{href:e.link,target:e.target?e.target:"_self"},[e.title]),e.noNavigation?o("span",null,[e.title]):null]}):(e=>o(s("d-breadcrumb-item"),{to:`path: ${e.link}`,replace:e.replace},{default:()=>[e.title]}))(e)));return()=>o("div",{class:"devui-breadcrumb"},[e.source&&e.source.length?l(e.source):null==t?void 0:t.default()])}});p.install=function(e){e.component(p.name,p),e.component(c.name,c)};var d={title:"Breadcrumb 面包屑",category:"导航",status:"开发中",install(e){e.use(p)}};export{p as Breadcrumb,d as default};
|
package/breadcrumb/index.umd.js
CHANGED
|
@@ -1 +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
|
|
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={source:{type:Array,default:[]},separatorIcon:{type:String}},o={showMenu:{type:Boolean,default:!1},menuList:{type:Array},isSearch:{type:Boolean,dafault:!1},to:{type:[String,Object],default:""},replace:{type:Boolean,default:!1}};var r=t.defineComponent({name:"DBreadcrumbItem",props:o,setup(e,{slots:n}){const o=t.inject("separatorIcon"),r=e.to?"is-link":"",a=t.ref(null),l=t.getCurrentInstance().appContext.config.globalProperties.$router,u=()=>{e.to&&l&&(e.replace?l.replace(e.to):l.push(e.to))};return t.onMounted((()=>{a.value.addEventListener("click",u)})),t.onBeforeUnmount((()=>{a.value.removeEventListener("click",u)})),()=>t.createVNode("div",{class:"devui-breadcrumb-item"},[t.createVNode("span",{ref:a,class:r},[null==n?void 0:n.default()]),t.createVNode("span",{class:"devui-breadcrumb-separator"},[o])])}});var a=t.defineComponent({name:"DBreadcrumb",components:{DBreadcrumbItem:r},props:n,setup(e,{slots:n}){var o;const r=null!=(o=function(e,t,n="default"){var o,r;return null!=(r=t[n])?r:null==(o=e[n])?void 0:o.call(e)}(n,e,"separatorIcon"))?o:"/";t.provide("separatorIcon",r);const a=e=>e.map((e=>e.noNavigation||"routerLink"!==e.linkType?t.createVNode(t.resolveComponent("d-breadcrumb-item"),null,{default:()=>[e.noNavigation||e.linkType&&"hrefLink"!==e.linkType?null:t.createVNode("a",{href:e.link,target:e.target?e.target:"_self"},[e.title]),e.noNavigation?t.createVNode("span",null,[e.title]):null]}):(e=>t.createVNode(t.resolveComponent("d-breadcrumb-item"),{to:`path: ${e.link}`,replace:e.replace},{default:()=>[e.title]}))(e)));return()=>t.createVNode("div",{class:"devui-breadcrumb"},[e.source&&e.source.length?a(e.source):null==n?void 0:n.default()])}});a.install=function(e){e.component(a.name,a),e.component(r.name,r)};var l={title:"Breadcrumb 面包屑",category:"导航",status:"开发中",install(e){e.use(a)}};e.Breadcrumb=a,e.default=l,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
|
package/breadcrumb/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.devui-breadcrumb-font-style,.devui-breadcrumb-separator,.devui-breadcrumb-item a,.devui-breadcrumb-item{font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #8a8e99);line-height:18px}.devui-breadcrumb-item{cursor:auto}.devui-breadcrumb-item a{cursor:pointer}.devui-breadcrumb-item a:hover{color:var(--devui-text, #252b3a);text-decoration:none}.devui-breadcrumb-item a,.devui-breadcrumb-item span{transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-breadcrumb-separator{margin:0 4px}.devui-breadcrumb{display:flex;align-items:center}.devui-breadcrumb .devui-breadcrumb-item:last-child .devui-breadcrumb-separator{display:none}
|
|
1
|
+
.devui-breadcrumb-font-style,.devui-breadcrumb-separator,.devui-breadcrumb-item a,.devui-breadcrumb-item{font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #8a8e99);line-height:18px}.devui-breadcrumb-item{cursor:auto}.devui-breadcrumb-item a{cursor:pointer}.devui-breadcrumb-item a:hover{color:var(--devui-text, #252b3a);text-decoration:none}.devui-breadcrumb-item a,.devui-breadcrumb-item span{transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-breadcrumb-item .is-link{cursor:pointer}.devui-breadcrumb-item .is-link:hover{color:var(--devui-text, #252b3a);text-decoration:none}.devui-breadcrumb-separator{margin:0 4px}.devui-breadcrumb{display:flex;align-items:center}.devui-breadcrumb .devui-breadcrumb-item:last-child .devui-breadcrumb-separator{display:none}
|
package/fullscreen/index.es.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{defineComponent as e,ref as l,onMounted as n,renderSlot as t,useSlots as u,createVNode as s}from"vue";var c=e({name:"DFullscreen",props:{fullscreenLaunch:{type:Function,default:void 0},mode:{type:String,default:"immersive"},zIndex:{type:Number,default:10}},emits:["fullscreenLaunch"],setup(e,c){let r=l(null);const a=l(!1),m=l(null),o=
|
|
1
|
+
import{defineComponent as e,ref as l,onMounted as n,renderSlot as t,useSlots as u,createVNode as s}from"vue";var c=e({name:"DFullscreen",props:{fullscreenLaunch:{type:Function,default:void 0},mode:{type:String,default:"immersive"},zIndex:{type:Number,default:10}},emits:["fullscreenLaunch"],setup(e,c){let r=l(null);const a=l(!1),m=l(null),o=()=>{if(r.value){const e=r;document.fullscreenElement?(v(),i(e)):(F(),r=null,d(e)),a.value=!!document.fullscreenElement,c.emit("fullscreenLaunch",a.value)}},i=l=>{l.classList.add("fullscreen"),e.zIndex&&l.setAttribute("style",`z-index: ${e.zIndex}`)},d=e=>{e.classList.remove("fullscreen"),e.style.zIndex=null},f=async()=>{const l=m.value.querySelector("[fullscreen-target]");let n=!1;if("normal"===e.mode){l.classList.contains("fullscreen")?(F(),d(l),n=!1):(v(),i(l),n=!0)}else r=l,n=document.fullscreenElement||document.msFullscreenElement||document.webkitFullscreenElement?await E(document):await y(r);a.value=n,c.emit("fullscreenLaunch",a.value)},v=()=>{document.getElementsByTagName("html")[0].classList.add("devui-fullscreen")},F=()=>{document.getElementsByTagName("html")[0].classList.remove("devui-fullscreen")},E=async e=>{let l=null;return e.exitFullscreen?l=e.exitFullscreen():e.mozCancelFullScreen?l=e.mozCancelFullScreen():e.webkitCancelFullScreen?l=Promise.resolve(e.webkitCancelFullScreen()):e.msExitFullscreen&&(l=Promise.resolve(e.msExitFullscreen())),await l.then((()=>!!document.fullscreenElement))},y=async e=>{let l=null;return e.requestFullscreen?l=e.requestFullscreen():e.mozRequestFullScreen?l=e.mozRequestFullScreen():e.webkitRequestFullScreen?l=Promise.resolve(e.webkitRequestFullScreen()):e.msRequestFullscreen&&(l=Promise.resolve(e.msRequestFullscreen())),await l.then((()=>!!document.fullscreenElement))},L=l=>{if(27===l.keyCode&&a.value){const l=m.value.querySelector("[fullscreen-target]");"normal"===e.mode?(F(),d(l)):document.fullscreenElement&&E(document),a.value=!1,c.emit("fullscreenLaunch",a.value)}};return n((()=>{const e=m.value.querySelector("[fullscreen-launch]");e&&e.addEventListener("click",f),document.addEventListener("fullscreenchange",o),document.addEventListener("MSFullscreenChange",o),document.addEventListener("webkitfullscreenchange",o),document.addEventListener("keydown",L)})),()=>{const e=t(u(),"default");return s("div",{ref:m},[e])}}});c.install=function(e){e.component(c.name,c)};var r={title:"Fullscreen 全屏",category:"通用",status:"已完成",install(e){e.use(c)}};export{c as Fullscreen,r as default};
|
package/fullscreen/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,l){"object"==typeof exports&&"undefined"!=typeof module?l(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],l):l((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,l){"use strict";const n={fullscreenLaunch:{type:Function,default:void 0},mode:{type:String,default:"immersive"},zIndex:{type:Number,default:10}};var t=l.defineComponent({name:"DFullscreen",props:n,emits:["fullscreenLaunch"],setup(e,n){let t=l.ref(null);const u=l.ref(!1),s=l.ref(null),
|
|
1
|
+
!function(e,l){"object"==typeof exports&&"undefined"!=typeof module?l(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],l):l((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,l){"use strict";const n={fullscreenLaunch:{type:Function,default:void 0},mode:{type:String,default:"immersive"},zIndex:{type:Number,default:10}};var t=l.defineComponent({name:"DFullscreen",props:n,emits:["fullscreenLaunch"],setup(e,n){let t=l.ref(null);const u=l.ref(!1),s=l.ref(null),c=()=>{if(t.value){const e=t;document.fullscreenElement?(i(),r(e)):(d(),t=null,o(e)),u.value=!!document.fullscreenElement,n.emit("fullscreenLaunch",u.value)}},r=l=>{l.classList.add("fullscreen"),e.zIndex&&l.setAttribute("style",`z-index: ${e.zIndex}`)},o=e=>{e.classList.remove("fullscreen"),e.style.zIndex=null},a=async()=>{const l=s.value.querySelector("[fullscreen-target]");let c=!1;if("normal"===e.mode){l.classList.contains("fullscreen")?(d(),o(l),c=!1):(i(),r(l),c=!0)}else t=l,c=document.fullscreenElement||document.msFullscreenElement||document.webkitFullscreenElement?await m(document):await f(t);u.value=c,n.emit("fullscreenLaunch",u.value)},i=()=>{document.getElementsByTagName("html")[0].classList.add("devui-fullscreen")},d=()=>{document.getElementsByTagName("html")[0].classList.remove("devui-fullscreen")},m=async e=>{let l=null;return e.exitFullscreen?l=e.exitFullscreen():e.mozCancelFullScreen?l=e.mozCancelFullScreen():e.webkitCancelFullScreen?l=Promise.resolve(e.webkitCancelFullScreen()):e.msExitFullscreen&&(l=Promise.resolve(e.msExitFullscreen())),await l.then((()=>!!document.fullscreenElement))},f=async e=>{let l=null;return e.requestFullscreen?l=e.requestFullscreen():e.mozRequestFullScreen?l=e.mozRequestFullScreen():e.webkitRequestFullScreen?l=Promise.resolve(e.webkitRequestFullScreen()):e.msRequestFullscreen&&(l=Promise.resolve(e.msRequestFullscreen())),await l.then((()=>!!document.fullscreenElement))},v=l=>{if(27===l.keyCode&&u.value){const l=s.value.querySelector("[fullscreen-target]");"normal"===e.mode?(d(),o(l)):document.fullscreenElement&&m(document),u.value=!1,n.emit("fullscreenLaunch",u.value)}};return l.onMounted((()=>{const e=s.value.querySelector("[fullscreen-launch]");e&&e.addEventListener("click",a),document.addEventListener("fullscreenchange",c),document.addEventListener("MSFullscreenChange",c),document.addEventListener("webkitfullscreenchange",c),document.addEventListener("keydown",v)})),()=>{const e=l.renderSlot(l.useSlots(),"default");return l.createVNode("div",{ref:s},[e])}}});t.install=function(e){e.component(t.name,t)};var u={title:"Fullscreen 全屏",category:"通用",status:"已完成",install(e){e.use(t)}};e.Fullscreen=t,e.default=u,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
|
package/input-number/index.es.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.devui-input-number{position:relative;display:block;width:
|
|
1
|
+
.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/modal/index.es.js
CHANGED
|
@@ -1 +1 @@
|
|
|
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 v,renderSlot as y,isVNode as b,computed as m,watch as g,onUnmounted as h,withDirectives as w,vShow as C,ref as x,reactive as k,getCurrentInstance as S,onMounted 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(v,{name:"devui-overlay-fade"},(n=e=y(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")),o=document.body,l=o.style.overflow,a=o.style.position;return g([()=>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=l,o.style.position=a,o.style.top="",window.scrollTo(0,-t))}})),h((()=>{o.style.overflow=l})),{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:()=>[w(p("div",{class:n.value,style:e.backgroundStyle,onClick:l},[p("div",{class:o.value,style:e.overlayStyle,onClick:a},[y(t.slots,"default")])]),[[C,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=x(null),o=k({position:"absolute"}),l=S();B((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());g(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)}))})),g(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:()=>[w(p("div",{class:a.value,onClick:r},[p("div",{ref:n,class:i.value,style:o,onClick:d},[y(t.slots,"default")])]),[[C,e.visible]])]})}});function U(e){window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e)}D.install=function(e){e.component(D.name,D)},H.install=function(e){e.component(H.name,H)};var F=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(v,{name:"devui-modal-wipe"},{default:()=>{var e,o;return[n.value?null==(o=(e=t.slots).default)?void 0:o.call(e):null]}})]})}});class N{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 P extends N{component(){return F}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(P,"token","MODAL_SERVICE_TOKEN");const T={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}},A=(e,t,n)=>e<t?t:e>n?n:e;var _=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)}});_.install=function(e){e.component(_.name,_)};var q=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=x(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(_,{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)])])])}}});q.install=function(e){e.component(q.name,q)};var Z=c({name:"DModal",inheritAttrs:!1,props:T,emits:["onUpdate:modelValue"],setup(e,t){const{movingX:n,movingY:o,handleRef:l,moveElRef:a,reset:i}=((e=!0)=>{const t=x(0),n=x(0),o=x(),l=x(),a=L(e)?e:x(e);return g([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 v=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())},y=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=A(o,-a,p.width-c.width-a),n.value=A(l,-i,p.height-c.height-i)},b=e=>{e.preventDefault(),f&&(f=!1)};window.addEventListener("mousedown",v),window.addEventListener("mousemove",y),window.addEventListener("mouseup",b),i((()=>{window.removeEventListener("mousedown",v),window.removeEventListener("mousemove",y),window.removeEventListener("mouseup",b)}))})),{movingX:M(t),movingY:M(n),handleRef:o,moveElRef:l,reset:()=>{t.value=0,n.value=0}}})();g((()=>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(q,{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=x(),f=()=>{var e,t;null==(t=null==(e=c.value)?void 0:e.onVisibleChange)||t.call(e,!1)};return t.expose({closeModal:f}),()=>p(F,{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(_,{name:s.value,size:"24px",class:"header-alert-icon"},null):null,p("span",null,[e.title]),p(q,{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 K extends N{component(){return Z}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(K,"token","DIALOG_SERVICE_TOKEN"),F.install=function(e){e.component(F.name,F)};var G={title:"Modal 弹窗",category:"反馈",status:void 0,install(e){e.use(F);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(K.token,new K(t))}};export{F as Modal,G as default};
|
|
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
CHANGED
|
@@ -1 +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')},__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")),l=document.body,r=l.style.overflow,a=l.style.position;return t.watch([()=>e.visible,()=>e.backgroundBlock],(([e,t])=>{if(t){const t=l.getBoundingClientRect().y;e?(l.style.overflowY="scroll",l.style.position=e?"fixed":"",l.style.top=`${t}px`):(l.style.overflowY=r,l.style.position=a,l.style.top="",window.scrollTo(0,-t))}})),t.onUnmounted((()=>{l.style.overflow=r})),{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)}i.install=function(e){e.component(i.name,i)},a.install=function(e){e.component(a.name,a)};var s=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 u{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 c extends u{component(){return s}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(c,"token","MODAL_SERVICE_TOKEN");const p={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}},f=(e,t,o)=>e<t?t:e>o?o:e;var y=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)}});y.install=function(e){e.component(y.name,y)};const m={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 v=t.defineComponent({name:"DButton",props:m,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(y,{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)])])])}}});v.install=function(e){e.component(v.name,v)};var b=t.defineComponent({name:"DModal",inheritAttrs:!1,props:p,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(),y=!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&&(y=!0,s=o.value,u=n.value,p=document.body.getBoundingClientRect(),c=e.getBoundingClientRect())},v=e=>{if(e.preventDefault(),!y)return;const t=s+e.clientX-i,l=u+e.clientY-d,r=c.x-s,a=c.y-u;o.value=f(t,-r,p.width-c.width-r),n.value=f(l,-a,p.height-c.height-a)},b=e=>{e.preventDefault(),y&&(y=!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`}))),u=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(v,{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})))),m=t.ref(),b=()=>{var e,t;null==(t=null==(e=m.value)?void 0:e.onVisibleChange)||t.call(e,!1)};return o.expose({closeModal:b}),()=>t.createVNode(s,{ref:m,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:[u.value,d.value],ref:a},[t.createVNode("div",{class:"devui-modal-header",ref:r},[c.value?t.createVNode(y,{name:c.value,size:"24px",class:"header-alert-icon"},null):null,t.createVNode("span",null,[e.title]),t.createVNode(v,{class:"btn-close",icon:"close",btnStyle:"text-dark",onClick:b},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 g extends u{component(){return b}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(g,"token","DIALOG_SERVICE_TOKEN"),s.install=function(e){e.component(s.name,s)};var h={title:"Modal 弹窗",category:"反馈",status:void 0,install(e){e.use(s);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(c.token,new c(t)),e.provide(g.token,new g(t))}};e.Modal=s,e.default=h,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
|
|
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/overlay/index.es.js
CHANGED
|
@@ -1 +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
|
|
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 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
CHANGED
|
@@ -1 +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:"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"))
|
|
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:"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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vue-devui",
|
|
3
|
-
"version": "1.0.0-alpha.
|
|
3
|
+
"version": "1.0.0-alpha.5",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "DevUI components based on Vite and Vue3",
|
|
6
6
|
"keywords": [
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
},
|
|
24
24
|
"scripts": {
|
|
25
25
|
"dev": "vitepress dev docs",
|
|
26
|
-
"build": "vitepress build docs",
|
|
26
|
+
"build": "vitepress build docs && cp public/* docs/.vitepress/dist/assets",
|
|
27
27
|
"serve": "vitepress serve docs",
|
|
28
28
|
"app:dev": "vite",
|
|
29
29
|
"app:build": "vite build",
|
|
@@ -80,6 +80,7 @@
|
|
|
80
80
|
"jest": "^27.0.4",
|
|
81
81
|
"lint-staged": "^11.0.0",
|
|
82
82
|
"ora": "^5.4.1",
|
|
83
|
+
"patch-vue-directive-ssr": "^0.0.1",
|
|
83
84
|
"sass": "^1.32.2",
|
|
84
85
|
"shelljs": "^0.8.4",
|
|
85
86
|
"stylelint": "^13.13.1",
|
|
@@ -105,4 +106,4 @@
|
|
|
105
106
|
"{src,devui}/**/*.{js,ts,jsx,tsx,vue}": "eslint --fix",
|
|
106
107
|
"{src,devui}/**/*.{scss,css}": "stylelint --fix"
|
|
107
108
|
}
|
|
108
|
-
}
|
|
109
|
+
}
|