vue-devui 1.0.0-alpha.1 → 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/avatar/index.es.js +1 -1
- package/avatar/index.umd.js +1 -1
- package/avatar/style.css +1 -1
- package/breadcrumb/index.es.js +1 -0
- package/breadcrumb/index.umd.js +1 -0
- package/breadcrumb/package.json +7 -0
- package/breadcrumb/style.css +1 -0
- package/cascader/index.es.js +1 -0
- package/cascader/index.umd.js +1 -0
- package/cascader/package.json +7 -0
- package/cascader/style.css +1 -0
- package/date-picker/index.es.js +1 -1
- package/date-picker/index.umd.js +1 -1
- package/editable-select/style.css +1 -1
- package/fullscreen/index.es.js +1 -0
- package/fullscreen/index.umd.js +1 -0
- package/fullscreen/package.json +7 -0
- package/fullscreen/style.css +1 -0
- package/input-number/index.es.js +1 -1
- package/input-number/index.umd.js +1 -1
- package/input-number/style.css +1 -1
- package/loading/index.es.js +1 -1
- package/loading/index.umd.js +1 -1
- package/modal/index.es.js +1 -0
- package/modal/index.umd.js +1 -0
- package/modal/package.json +7 -0
- package/modal/style.css +1 -0
- package/overlay/index.es.js +1 -1
- package/overlay/index.umd.js +1 -1
- package/overlay/style.css +1 -1
- package/package.json +7 -5
- 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/quadrant-diagram/index.es.js +1 -10
- package/quadrant-diagram/index.umd.js +1 -10
- package/search/index.es.js +1 -10
- package/search/index.umd.js +1 -10
- package/skeleton/index.es.js +1 -0
- package/skeleton/index.umd.js +1 -0
- package/skeleton/package.json +7 -0
- package/skeleton/style.css +1 -0
- package/splitter/index.es.js +1 -1
- package/splitter/index.umd.js +1 -1
- package/steps-guide/index.es.js +1 -0
- package/steps-guide/index.umd.js +1 -0
- package/steps-guide/package.json +7 -0
- package/steps-guide/style.css +1 -0
- package/sticky/index.es.js +1 -1
- package/sticky/index.umd.js +1 -1
- package/style.css +1 -1
- package/table/index.es.js +1 -0
- package/table/index.umd.js +1 -0
- package/table/package.json +7 -0
- package/table/style.css +1 -0
- package/time-picker/index.es.js +1 -0
- package/time-picker/index.umd.js +1 -0
- package/time-picker/package.json +7 -0
- package/time-picker/style.css +1 -0
- package/transfer/index.es.js +1 -10
- package/transfer/index.umd.js +1 -10
- package/transfer/style.css +1 -1
- package/tree/index.es.js +1 -1
- package/tree/index.umd.js +1 -1
- package/upload/index.es.js +1 -1
- package/upload/index.umd.js +1 -1
- package/vue-devui.es.js +1 -10
- package/vue-devui.umd.js +1 -10
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/avatar/index.es.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{createVNode as e,defineComponent as t,toRefs as l,ref as a,watch as r}from"vue";const i=t=>{const{width:l,height:a}=t;return e("svg",{style:{width:`${l}px`,height:`${a}px`,verticalAlign:"middle"},viewBox:"0 0 30 30",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e("g",{id:"未命名",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e("circle",{id:"Oval",fill:"#CACFD8",cx:"15",cy:"15",r:"15"},null),e("path",{d:"M14.9997866,16 C12.5145053,16 10.4997866,13.9852814 10.4997866,11.5 C10.4997866,9.01471863 12.5145053,7 14.9997866,7 C17.485068,7 19.4997866,9.01471863 19.4997866,11.5 C19.4997866,13.9852814 17.485068,16 14.9997866,16 Z M23,23 L7,22.998553 C7,19.0122153 10.8892296,16.5 14.9997866,16.5 C19.1103437,16.5 23,20 23,23 Z",id:"形状结合",fill:"#FFFFFF"},null)])])};var s=t({name:"AvatarBodyIcon",props:{width:{type:Number,default:16},height:{type:Number,default:16}},render(){const{width:t,height:l}=this;return e(i,{width:t,height:l},null)}});const u=t=>{const{width:l,height:a}=t;return e("svg",{style:{width:`${l}px`,height:`${a}px`,verticalAlign:"middle"},viewBox:"0 0 30 30",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e("path",{d:"M22.31,19.2474562 L22.31,21.9974562 L20.81,21.9974562 L20.81,19.2474562 L18.06,19.2474562 L18.06,17.7474562 L20.81,17.7474562 L20.81,14.9974562 L22.31,14.9974562 L22.31,17.7474562 L25.06,17.7474562 L25.06,19.2474562 L22.31,19.2474562 Z M14.9297866,14.9974562 C12.4445053,14.9974562 10.4297866,12.9827376 10.4297866,10.4974562 C10.4297866,8.01217483 12.4445053,5.9974562 14.9297866,5.9974562 C17.415068,5.9974562 19.4297866,8.01217483 19.4297866,10.4974562 C19.4297866,12.9827376 17.415068,14.9974562 14.9297866,14.9974562 Z M19.6797866,20.2474562 L19.6797866,21.9971623 L6.93,21.9960092 C6.93,18.0096715 10.8192296,15.4974562 14.9297866,15.4974562 C16.4608397,15.4974562 17.9612467,15.983021 19.2414296,16.7474562 L17.06,16.7474562 L17.06,20.2474562 L19.6797866,20.2474562 Z",id:"形状结合",fill:"#959EB2"},null),e("path",{d:"M0,15 L1,15 C1,15.6118966 1.03919561,16.2186526 1.11683409,16.8178549 L0.125124012,16.9463505 C0.0425740367,16.309242 0,15.6595925 0,15 Z M0.503241262,18.867175 L1.46961749,18.6100428 C1.62594651,19.1975718 1.8203704,19.7729973 2.05141295,20.3332823 L1.12693074,20.7145074 C0.880599065,20.1171459 0.67172715,19.500393 0.503241262,18.867175 Z M1.99122134,22.4730778 L2.85786221,21.9741453 C3.16078316,22.5003161 3.49772502,23.0063252 3.86631639,23.4889602 L3.0715754,24.0959089 C2.6777461,23.5802273 2.31659753,23.0382531 1.99122134,22.4730778 Z M4.38894559,25.6021078 L5.09634867,24.8952974 C5.52582519,25.3251341 5.98272136,25.7268214 6.46397085,26.0975793 L5.85367498,26.8897529 C5.33779918,26.4923186 4.84851395,26.0620615 4.38894559,25.6021078 Z M7.4424647,27.9597887 L7.94703323,27.096417 C8.47111119,27.4026968 9.0146817,27.6746032 9.57453904,27.9101878 L9.18668461,28.8319084 C8.58423501,28.5784013 8.00181692,28.2866833 7.4424647,27.9597887 Z M11.0671021,29.4791103 L11.3286494,28.5139196 C11.9126912,28.6721832 12.5080563,28.7925378 13.1119738,28.8738935 L12.9784667,29.8649413 C12.3271613,29.7772019 11.6891102,29.647662 11.0671021,29.4791103 Z M15,30 C14.9951965,30 14.9903936,29.9999977 14.9855912,30 L14.9865313,28.9999937 C14.9929361,28.9999987 14.9929361,28.9999987 14.999296,29 C15.6071552,29 16.2093364,28.9614092 16.8041774,28.8849313 L16.9316965,29.8767674 C16.2992813,29.9580762 15.6545362,30 15,30 Z M18.8545762,29.5001051 L18.5982903,28.5335041 C19.1860387,28.3776677 19.7617059,28.1837179 20.3222555,27.9531286 L20.7026875,28.8779375 C20.1050484,29.123784 19.4880358,29.3321488 18.8545762,29.5001051 Z M22.4608087,28.0158343 L21.9626951,27.1487226 C22.4893928,26.8461604 22.9959399,26.5095265 23.479119,26.1411926 L24.0853678,26.9364676 C23.5691101,27.3300178 23.0265585,27.6908386 22.4608087,28.0158343 Z M25.5921583,25.6209863 L24.8860071,24.9129252 C25.3161421,24.4839504 25.7181674,24.0275419 26.0893023,23.5467621 L26.8808873,24.1578212 C26.4830546,24.6731862 26.0524368,25.1619493 25.5921583,25.6209863 Z M27.9526445,22.5697466 L27.0897495,22.0643633 C27.3964738,21.5406601 27.6688549,20.9974409 27.904942,20.4379104 L28.8262855,20.8266601 C28.5722411,21.4287497 28.2800163,22.0107897 27.9526445,22.5697466 Z M29.4756977,18.9454696 L28.5107363,18.6830777 C28.6695136,18.099165 28.7903877,17.5039035 28.8722662,16.9000659 L29.8631978,17.0344333 C29.7748946,17.6856516 29.6447979,18.3235936 29.4756977,18.9454696 Z M30,15 C30,15.0093541 29.9999914,15.0187063 29.9999743,15.0280564 L28.999976,15.0262257 C28.9999956,15.0134169 28.9999956,15.0134169 29,15.0006466 C29,14.3970304 28.9619395,13.7989704 28.8865088,13.208136 L29.8784576,13.0814959 C29.9586571,13.7096843 30,14.3500145 30,15 Z M29.5038108,11.1594275 L28.5369608,11.4147728 C28.3816616,10.8267413 28.1882232,10.2507676 27.9581175,9.68988857 L28.8832852,9.31033004 C29.1286141,9.90831524 29.3364318,10.5256569 29.5038108,11.1594275 Z M28.0228788,7.55146763 L27.1552968,8.0487618 C26.853241,7.52179373 26.5170958,7.0149453 26.1492295,6.53143425 L26.9450761,5.92593594 C27.3381231,6.44254364 27.6984223,6.98541919 28.0228788,7.55146763 Z M25.6309089,4.41780044 L24.9221905,5.12329189 C24.4935639,4.69270467 24.0374698,4.2902078 23.5569705,3.9185855 L24.1687554,3.12756133 C24.6838129,3.52591118 25.1722392,3.95703271 25.6309089,4.41780044 Z M22.5819506,2.05451093 L22.0757531,2.91692851 C21.5523008,2.60968727 21.0092999,2.33677531 20.4499564,2.10014728 L20.8395722,1.17916981 C21.4414531,1.43379309 22.0232574,1.72658499 22.5819506,2.05451093 Z M18.9594329,0.528106464 L18.696103,1.4928123 C18.1122842,1.33345081 17.517086,1.21199245 16.9132846,1.12953261 L17.0485964,0.138729543 C17.6997753,0.227659622 18.3376514,0.358382523 18.9594329,0.528106464 Z M15,-1.11022302e-16 C15.0139048,-1.11022302e-16 15.0278052,1.892004e-05 15.0417011,5.673578e-05 L15.0389797,1.00005303 C15.0197685,1.00000934 15.0197685,1.00000934 15.0005868,1.00000001 C14.4012162,1 13.8072783,1.03753392 13.2204527,1.11192427 L13.0946918,0.119863691 C13.7186509,0.0407660189 14.3545651,-1.11022302e-16 15,-1.11022302e-16 Z M11.1720354,0.492865376 L11.4265338,1.45993857 C10.8386468,1.61464899 10.2627801,1.80746996 9.70196444,2.03693489 L9.32327455,1.11141127 C9.92118954,0.86676666 10.5384173,0.659610554 11.1720354,0.492865376 Z M7.56375123,1.97008801 L8.06022548,2.83813946 C7.53298826,3.13968806 7.02583975,3.47534367 6.54199783,3.84274131 L5.93725081,3.04632368 C6.4542073,2.65378102 6.99740556,2.29400434 7.56375123,1.97008801 Z M4.42776842,4.35917772 L5.13259949,5.06855291 C4.70156141,5.49682984 4.29859416,5.95260763 3.92648544,6.43282469 L3.13602297,5.82031423 C3.53488885,5.30556625 3.96651291,4.81747851 4.42776842,4.35917772 Z M2.0616775,7.40585279 L2.92361696,7.91286401 C2.61586086,8.43606175 2.34241977,8.97884042 2.10525197,9.53799293 L1.18464153,9.14751063 C1.43984243,8.54584288 1.73319965,7.96427837 2.0616775,7.40585279 Z M0.531541456,11.0280046 L1.49601653,11.2921785 C1.33614878,11.8758413 1.21417484,12.4709081 1.13119244,13.074601 L0.140507978,12.9384235 C0.230001486,12.2873626 0.361276825,11.6496255 0.531541456,11.0280046 Z",id:"蒙版",fill:"#CACFD8","fill-rule":"nonzero"},null)])])};var n=t({name:"AvatarNobodyIcon",props:{width:{type:Number,default:16},height:{type:Number,default:16}},render(){const{width:t,height:l}=this;return e(u,{width:t,height:l},null)}}),o=t({name:"DAvatar",props:{name:{type:String,default:null},gender:{type:String,default:null},width:{type:Number,default:36},height:{type:Number,default:36},isRound:{type:Boolean,default:!0},imgSrc:{type:String,default:""},customText:{type:String,default:null}},setup(e){const{name:t,width:i,height:s,customText:u,gender:n,imgSrc:o,isRound:d}=l(e),C=a(!0),h=a(!1),L=a(12),v=a(),p=a(),g=e=>{const t=e,l=Math.min(i.value,s.value);t?(C.value=!1,c(t,l)):""===t?(C.value=!1,p.value=""):C.value=!0,L.value=l/4+3},c=(e,t)=>{if(u.value)return p.value=u.value,void f(u.value.substr(0,1));if(e.length<2)p.value=e;else if(/^[\u4e00-\u9fa5]/.test(e))p.value=e.substr(e.length-2,2);else if(/^[A-Za-z]/.test(e))if(/[_ -]/.test(e)){const t=e.split(/_|-|\s+/)[0],l=e.split(/_|-|\s+/)[1];p.value=t.substr(0,1).toUpperCase()+l.substr(0,1).toUpperCase()}else p.value=e.substr(0,2).toUpperCase();else p.value=e.substr(0,2);t<30&&(p.value=e.substr(0,1).toUpperCase()),f(e.substr(0,1))},f=e=>{if(n.value){if("male"===n.value.toLowerCase())v.value=1;else{if("female"!==n.value.toLowerCase())throw new Error('gender must be "Male" or "Female"');v.value=0}return}const t=e.charCodeAt(0);v.value=t%2};return g(u.value?u.value:t.value),r([t,i,s,u,n],(()=>{g(u.value?u.value:t.value)})),{showErrorAvatar:()=>{h.value=!0},isErrorImg:h,code:v,fontSize:L,nameDisplay:p,isNobody:C}},render(){const{imgSrc:t,showErrorAvatar:l,height:a,width:r,isRound:i,isErrorImg:u,code:o,fontSize:d,nameDisplay:C,isNobody:h}=this,L=e("img",{src:t,alt:"",onError:l,style:{height:`${a}px`,width:`${r}px`,borderRadius:i?"100%":"0"}},null),v=t&&!u?L:null,p=e("span",{class:`devui-avatar-style devui-avatar-background-${o}`,style:{height:`${a}px`,width:`${r}px`,lineHeight:`${a}px`,fontSize:`${d}px`,borderRadius:i?"100%":"0"}},[C]),g=t||h||0===(null==C?void 0:C.length)?null:p,c=e("span",{class:"devui-avatar-style",style:{borderRadius:i?"100%":"0"}},[e(s,{width:r,height:a},null)]),f=t||h||0!==(null==C?void 0:C.length)?null:c,w=e("span",{class:"devui-avatar-style",style:{borderRadius:i?"100%":"0"}},[e(n,{width:r,height:a},null)]);return e("span",{class:"devui-avatar"},[v,g,f,!t&&h||u?w:null])}});o.install=function(e){e.component(o.name,o)};var d={title:"Avatar 头像",category:"数据展示",status:"已完成",install(e){e.use(o)}};export{o as Avatar,d as default};
|
package/avatar/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";var t=l.defineComponent({name:"AvatarBodyIcon",props:{width:{type:Number,default:16},height:{type:Number,default:16}},setup:e=>()=>l.createVNode("svg",{style:{width:`${e.width}px`,height:`${e.height}px`,verticalAlign:"middle"},viewBox:"0 0 30 30",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[l.createVNode("g",{id:"未命名",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[l.createVNode("circle",{id:"Oval",fill:"#CACFD8",cx:"15",cy:"15",r:"15"},null),l.createVNode("path",{d:"M14.9997866,16 C12.5145053,16 10.4997866,13.9852814 10.4997866,11.5 C10.4997866,9.01471863 12.5145053,7 14.9997866,7 C17.485068,7 19.4997866,9.01471863 19.4997866,11.5 C19.4997866,13.9852814 17.485068,16 14.9997866,16 Z M23,23 L7,22.998553 C7,19.0122153 10.8892296,16.5 14.9997866,16.5 C19.1103437,16.5 23,20 23,23 Z",id:"形状结合",fill:"#FFFFFF"},null)])])}),a=l.defineComponent({name:"AvatarNobodyIcon",props:{width:{type:Number,default:16},height:{type:Number,default:16}},setup:e=>()=>l.createVNode("svg",{style:{width:`${e.width}px`,height:`${e.height}px`,verticalAlign:"middle"},viewBox:"0 0 30 30",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[l.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[l.createVNode("path",{d:"M22.31,19.2474562 L22.31,21.9974562 L20.81,21.9974562 L20.81,19.2474562 L18.06,19.2474562 L18.06,17.7474562 L20.81,17.7474562 L20.81,14.9974562 L22.31,14.9974562 L22.31,17.7474562 L25.06,17.7474562 L25.06,19.2474562 L22.31,19.2474562 Z M14.9297866,14.9974562 C12.4445053,14.9974562 10.4297866,12.9827376 10.4297866,10.4974562 C10.4297866,8.01217483 12.4445053,5.9974562 14.9297866,5.9974562 C17.415068,5.9974562 19.4297866,8.01217483 19.4297866,10.4974562 C19.4297866,12.9827376 17.415068,14.9974562 14.9297866,14.9974562 Z M19.6797866,20.2474562 L19.6797866,21.9971623 L6.93,21.9960092 C6.93,18.0096715 10.8192296,15.4974562 14.9297866,15.4974562 C16.4608397,15.4974562 17.9612467,15.983021 19.2414296,16.7474562 L17.06,16.7474562 L17.06,20.2474562 L19.6797866,20.2474562 Z",id:"形状结合",fill:"#959EB2"},null),l.createVNode("path",{d:"M0,15 L1,15 C1,15.6118966 1.03919561,16.2186526 1.11683409,16.8178549 L0.125124012,16.9463505 C0.0425740367,16.309242 0,15.6595925 0,15 Z M0.503241262,18.867175 L1.46961749,18.6100428 C1.62594651,19.1975718 1.8203704,19.7729973 2.05141295,20.3332823 L1.12693074,20.7145074 C0.880599065,20.1171459 0.67172715,19.500393 0.503241262,18.867175 Z M1.99122134,22.4730778 L2.85786221,21.9741453 C3.16078316,22.5003161 3.49772502,23.0063252 3.86631639,23.4889602 L3.0715754,24.0959089 C2.6777461,23.5802273 2.31659753,23.0382531 1.99122134,22.4730778 Z M4.38894559,25.6021078 L5.09634867,24.8952974 C5.52582519,25.3251341 5.98272136,25.7268214 6.46397085,26.0975793 L5.85367498,26.8897529 C5.33779918,26.4923186 4.84851395,26.0620615 4.38894559,25.6021078 Z M7.4424647,27.9597887 L7.94703323,27.096417 C8.47111119,27.4026968 9.0146817,27.6746032 9.57453904,27.9101878 L9.18668461,28.8319084 C8.58423501,28.5784013 8.00181692,28.2866833 7.4424647,27.9597887 Z M11.0671021,29.4791103 L11.3286494,28.5139196 C11.9126912,28.6721832 12.5080563,28.7925378 13.1119738,28.8738935 L12.9784667,29.8649413 C12.3271613,29.7772019 11.6891102,29.647662 11.0671021,29.4791103 Z M15,30 C14.9951965,30 14.9903936,29.9999977 14.9855912,30 L14.9865313,28.9999937 C14.9929361,28.9999987 14.9929361,28.9999987 14.999296,29 C15.6071552,29 16.2093364,28.9614092 16.8041774,28.8849313 L16.9316965,29.8767674 C16.2992813,29.9580762 15.6545362,30 15,30 Z M18.8545762,29.5001051 L18.5982903,28.5335041 C19.1860387,28.3776677 19.7617059,28.1837179 20.3222555,27.9531286 L20.7026875,28.8779375 C20.1050484,29.123784 19.4880358,29.3321488 18.8545762,29.5001051 Z M22.4608087,28.0158343 L21.9626951,27.1487226 C22.4893928,26.8461604 22.9959399,26.5095265 23.479119,26.1411926 L24.0853678,26.9364676 C23.5691101,27.3300178 23.0265585,27.6908386 22.4608087,28.0158343 Z M25.5921583,25.6209863 L24.8860071,24.9129252 C25.3161421,24.4839504 25.7181674,24.0275419 26.0893023,23.5467621 L26.8808873,24.1578212 C26.4830546,24.6731862 26.0524368,25.1619493 25.5921583,25.6209863 Z M27.9526445,22.5697466 L27.0897495,22.0643633 C27.3964738,21.5406601 27.6688549,20.9974409 27.904942,20.4379104 L28.8262855,20.8266601 C28.5722411,21.4287497 28.2800163,22.0107897 27.9526445,22.5697466 Z M29.4756977,18.9454696 L28.5107363,18.6830777 C28.6695136,18.099165 28.7903877,17.5039035 28.8722662,16.9000659 L29.8631978,17.0344333 C29.7748946,17.6856516 29.6447979,18.3235936 29.4756977,18.9454696 Z M30,15 C30,15.0093541 29.9999914,15.0187063 29.9999743,15.0280564 L28.999976,15.0262257 C28.9999956,15.0134169 28.9999956,15.0134169 29,15.0006466 C29,14.3970304 28.9619395,13.7989704 28.8865088,13.208136 L29.8784576,13.0814959 C29.9586571,13.7096843 30,14.3500145 30,15 Z M29.5038108,11.1594275 L28.5369608,11.4147728 C28.3816616,10.8267413 28.1882232,10.2507676 27.9581175,9.68988857 L28.8832852,9.31033004 C29.1286141,9.90831524 29.3364318,10.5256569 29.5038108,11.1594275 Z M28.0228788,7.55146763 L27.1552968,8.0487618 C26.853241,7.52179373 26.5170958,7.0149453 26.1492295,6.53143425 L26.9450761,5.92593594 C27.3381231,6.44254364 27.6984223,6.98541919 28.0228788,7.55146763 Z M25.6309089,4.41780044 L24.9221905,5.12329189 C24.4935639,4.69270467 24.0374698,4.2902078 23.5569705,3.9185855 L24.1687554,3.12756133 C24.6838129,3.52591118 25.1722392,3.95703271 25.6309089,4.41780044 Z M22.5819506,2.05451093 L22.0757531,2.91692851 C21.5523008,2.60968727 21.0092999,2.33677531 20.4499564,2.10014728 L20.8395722,1.17916981 C21.4414531,1.43379309 22.0232574,1.72658499 22.5819506,2.05451093 Z M18.9594329,0.528106464 L18.696103,1.4928123 C18.1122842,1.33345081 17.517086,1.21199245 16.9132846,1.12953261 L17.0485964,0.138729543 C17.6997753,0.227659622 18.3376514,0.358382523 18.9594329,0.528106464 Z M15,-1.11022302e-16 C15.0139048,-1.11022302e-16 15.0278052,1.892004e-05 15.0417011,5.673578e-05 L15.0389797,1.00005303 C15.0197685,1.00000934 15.0197685,1.00000934 15.0005868,1.00000001 C14.4012162,1 13.8072783,1.03753392 13.2204527,1.11192427 L13.0946918,0.119863691 C13.7186509,0.0407660189 14.3545651,-1.11022302e-16 15,-1.11022302e-16 Z M11.1720354,0.492865376 L11.4265338,1.45993857 C10.8386468,1.61464899 10.2627801,1.80746996 9.70196444,2.03693489 L9.32327455,1.11141127 C9.92118954,0.86676666 10.5384173,0.659610554 11.1720354,0.492865376 Z M7.56375123,1.97008801 L8.06022548,2.83813946 C7.53298826,3.13968806 7.02583975,3.47534367 6.54199783,3.84274131 L5.93725081,3.04632368 C6.4542073,2.65378102 6.99740556,2.29400434 7.56375123,1.97008801 Z M4.42776842,4.35917772 L5.13259949,5.06855291 C4.70156141,5.49682984 4.29859416,5.95260763 3.92648544,6.43282469 L3.13602297,5.82031423 C3.53488885,5.30556625 3.96651291,4.81747851 4.42776842,4.35917772 Z M2.0616775,7.40585279 L2.92361696,7.91286401 C2.61586086,8.43606175 2.34241977,8.97884042 2.10525197,9.53799293 L1.18464153,9.14751063 C1.43984243,8.54584288 1.73319965,7.96427837 2.0616775,7.40585279 Z M0.531541456,11.0280046 L1.49601653,11.2921785 C1.33614878,11.8758413 1.21417484,12.4709081 1.13119244,13.074601 L0.140507978,12.9384235 C0.230001486,12.2873626 0.361276825,11.6496255 0.531541456,11.0280046 Z",id:"蒙版",fill:"#CACFD8","fill-rule":"nonzero"},null)])])}),u=l.defineComponent({name:"DAvatar",props:{name:{type:String,default:null},gender:{type:String,default:null},width:{type:Number,default:36},height:{type:Number,default:36},isRound:{type:Boolean,default:!0},imgSrc:{type:String,default:""},customText:{type:String,default:null}},setup(e){const{name:u,width:r,height:i,customText:n,gender:o,imgSrc:d,isRound:s}=l.toRefs(e),v=l.ref(!0),C=l.ref(!1),L=l.ref(12),p=l.ref(),f=l.ref(),h=e=>{const l=e,t=Math.min(r.value,i.value);l?(v.value=!1,c(l,t)):""===l?(v.value=!1,f.value=""):v.value=!0,L.value=t/4+3},c=(e,l)=>{if(n.value)return f.value=n.value,void g(n.value.substr(0,1));if(e.length<2)f.value=e;else if(/^[\u4e00-\u9fa5]/.test(e))f.value=e.substr(e.length-2,2);else if(/^[A-Za-z]/.test(e))if(/[_ -]/.test(e)){const l=e.split(/_|-|\s+/)[0],t=e.split(/_|-|\s+/)[1];f.value=l.substr(0,1).toUpperCase()+t.substr(0,1).toUpperCase()}else f.value=e.substr(0,2).toUpperCase();else f.value=e.substr(0,2);l<30&&(f.value=e.substr(0,1).toUpperCase()),g(e.substr(0,1))},g=e=>{if(o.value)if("male"===o.value.toLowerCase())p.value=1;else{if("female"!==o.value.toLowerCase())throw new Error('gender must be "Male" or "Female"');p.value=0}const l=e.charCodeAt(0);p.value=l%2},m=()=>{C.value=!0};return h(n.value?n.value:u.value),l.watch([u,r,i,n,o],(()=>{h(n.value?n.value:u.value)})),()=>{var e,u;const n=l.createVNode("img",{src:null==d?void 0:d.value,alt:"",onError:m,style:{height:`${i.value}px`,width:`${r.value}px`,borderRadius:s.value?"100%":"0"}},null),o=(null==d?void 0:d.value)&&!C.value?n:null,h=l.createVNode("span",{class:`devui-avatar-style devui-avatar-background-${p.value}`,style:{height:`${i.value}px`,width:`${r.value}px`,lineHeight:`${i.value}px`,fontSize:`${L.value}px`,borderRadius:s.value?"100%":"0"}},[f.value]),c=(null==d?void 0:d.value)||v.value||0===(null==(e=f.value)?void 0:e.length)?null:h,g=l.createVNode("span",{class:"devui-avatar-style",style:{borderRadius:s.value?"100%":"0"}},[l.createVNode(t,{width:r.value,height:i.value},null)]),M=(null==d?void 0:d.value)||v.value||0!==(null==(u=f.value)?void 0:u.length)?null:g,y=l.createVNode("span",{class:"devui-avatar-style",style:{borderRadius:s.value?"100%":"0"}},[l.createVNode(a,{width:r.value,height:i.value},null)]),Z=!(null==d?void 0:d.value)&&v.value||C.value?y:null;return l.createVNode("span",{class:"devui-avatar"},[o,c,M,Z])}}});u.install=function(e){e.component(u.name,u)};var r={title:"Avatar 头像",category:"数据展示",install(e){e.use(u)}};e.Avatar=u,e.default=r,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
|
|
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 l=e=>{const{width:l,height:r}=e;return t.createVNode("svg",{style:{width:`${l}px`,height:`${r}px`,verticalAlign:"middle"},viewBox:"0 0 30 30",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[t.createVNode("g",{id:"未命名",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("circle",{id:"Oval",fill:"#CACFD8",cx:"15",cy:"15",r:"15"},null),t.createVNode("path",{d:"M14.9997866,16 C12.5145053,16 10.4997866,13.9852814 10.4997866,11.5 C10.4997866,9.01471863 12.5145053,7 14.9997866,7 C17.485068,7 19.4997866,9.01471863 19.4997866,11.5 C19.4997866,13.9852814 17.485068,16 14.9997866,16 Z M23,23 L7,22.998553 C7,19.0122153 10.8892296,16.5 14.9997866,16.5 C19.1103437,16.5 23,20 23,23 Z",id:"形状结合",fill:"#FFFFFF"},null)])])};var r=t.defineComponent({name:"AvatarBodyIcon",props:{width:{type:Number,default:16},height:{type:Number,default:16}},render(){const{width:e,height:r}=this;return t.createVNode(l,{width:e,height:r},null)}});const a=e=>{const{width:l,height:r}=e;return t.createVNode("svg",{style:{width:`${l}px`,height:`${r}px`,verticalAlign:"middle"},viewBox:"0 0 30 30",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("path",{d:"M22.31,19.2474562 L22.31,21.9974562 L20.81,21.9974562 L20.81,19.2474562 L18.06,19.2474562 L18.06,17.7474562 L20.81,17.7474562 L20.81,14.9974562 L22.31,14.9974562 L22.31,17.7474562 L25.06,17.7474562 L25.06,19.2474562 L22.31,19.2474562 Z M14.9297866,14.9974562 C12.4445053,14.9974562 10.4297866,12.9827376 10.4297866,10.4974562 C10.4297866,8.01217483 12.4445053,5.9974562 14.9297866,5.9974562 C17.415068,5.9974562 19.4297866,8.01217483 19.4297866,10.4974562 C19.4297866,12.9827376 17.415068,14.9974562 14.9297866,14.9974562 Z M19.6797866,20.2474562 L19.6797866,21.9971623 L6.93,21.9960092 C6.93,18.0096715 10.8192296,15.4974562 14.9297866,15.4974562 C16.4608397,15.4974562 17.9612467,15.983021 19.2414296,16.7474562 L17.06,16.7474562 L17.06,20.2474562 L19.6797866,20.2474562 Z",id:"形状结合",fill:"#959EB2"},null),t.createVNode("path",{d:"M0,15 L1,15 C1,15.6118966 1.03919561,16.2186526 1.11683409,16.8178549 L0.125124012,16.9463505 C0.0425740367,16.309242 0,15.6595925 0,15 Z M0.503241262,18.867175 L1.46961749,18.6100428 C1.62594651,19.1975718 1.8203704,19.7729973 2.05141295,20.3332823 L1.12693074,20.7145074 C0.880599065,20.1171459 0.67172715,19.500393 0.503241262,18.867175 Z M1.99122134,22.4730778 L2.85786221,21.9741453 C3.16078316,22.5003161 3.49772502,23.0063252 3.86631639,23.4889602 L3.0715754,24.0959089 C2.6777461,23.5802273 2.31659753,23.0382531 1.99122134,22.4730778 Z M4.38894559,25.6021078 L5.09634867,24.8952974 C5.52582519,25.3251341 5.98272136,25.7268214 6.46397085,26.0975793 L5.85367498,26.8897529 C5.33779918,26.4923186 4.84851395,26.0620615 4.38894559,25.6021078 Z M7.4424647,27.9597887 L7.94703323,27.096417 C8.47111119,27.4026968 9.0146817,27.6746032 9.57453904,27.9101878 L9.18668461,28.8319084 C8.58423501,28.5784013 8.00181692,28.2866833 7.4424647,27.9597887 Z M11.0671021,29.4791103 L11.3286494,28.5139196 C11.9126912,28.6721832 12.5080563,28.7925378 13.1119738,28.8738935 L12.9784667,29.8649413 C12.3271613,29.7772019 11.6891102,29.647662 11.0671021,29.4791103 Z M15,30 C14.9951965,30 14.9903936,29.9999977 14.9855912,30 L14.9865313,28.9999937 C14.9929361,28.9999987 14.9929361,28.9999987 14.999296,29 C15.6071552,29 16.2093364,28.9614092 16.8041774,28.8849313 L16.9316965,29.8767674 C16.2992813,29.9580762 15.6545362,30 15,30 Z M18.8545762,29.5001051 L18.5982903,28.5335041 C19.1860387,28.3776677 19.7617059,28.1837179 20.3222555,27.9531286 L20.7026875,28.8779375 C20.1050484,29.123784 19.4880358,29.3321488 18.8545762,29.5001051 Z M22.4608087,28.0158343 L21.9626951,27.1487226 C22.4893928,26.8461604 22.9959399,26.5095265 23.479119,26.1411926 L24.0853678,26.9364676 C23.5691101,27.3300178 23.0265585,27.6908386 22.4608087,28.0158343 Z M25.5921583,25.6209863 L24.8860071,24.9129252 C25.3161421,24.4839504 25.7181674,24.0275419 26.0893023,23.5467621 L26.8808873,24.1578212 C26.4830546,24.6731862 26.0524368,25.1619493 25.5921583,25.6209863 Z M27.9526445,22.5697466 L27.0897495,22.0643633 C27.3964738,21.5406601 27.6688549,20.9974409 27.904942,20.4379104 L28.8262855,20.8266601 C28.5722411,21.4287497 28.2800163,22.0107897 27.9526445,22.5697466 Z M29.4756977,18.9454696 L28.5107363,18.6830777 C28.6695136,18.099165 28.7903877,17.5039035 28.8722662,16.9000659 L29.8631978,17.0344333 C29.7748946,17.6856516 29.6447979,18.3235936 29.4756977,18.9454696 Z M30,15 C30,15.0093541 29.9999914,15.0187063 29.9999743,15.0280564 L28.999976,15.0262257 C28.9999956,15.0134169 28.9999956,15.0134169 29,15.0006466 C29,14.3970304 28.9619395,13.7989704 28.8865088,13.208136 L29.8784576,13.0814959 C29.9586571,13.7096843 30,14.3500145 30,15 Z M29.5038108,11.1594275 L28.5369608,11.4147728 C28.3816616,10.8267413 28.1882232,10.2507676 27.9581175,9.68988857 L28.8832852,9.31033004 C29.1286141,9.90831524 29.3364318,10.5256569 29.5038108,11.1594275 Z M28.0228788,7.55146763 L27.1552968,8.0487618 C26.853241,7.52179373 26.5170958,7.0149453 26.1492295,6.53143425 L26.9450761,5.92593594 C27.3381231,6.44254364 27.6984223,6.98541919 28.0228788,7.55146763 Z M25.6309089,4.41780044 L24.9221905,5.12329189 C24.4935639,4.69270467 24.0374698,4.2902078 23.5569705,3.9185855 L24.1687554,3.12756133 C24.6838129,3.52591118 25.1722392,3.95703271 25.6309089,4.41780044 Z M22.5819506,2.05451093 L22.0757531,2.91692851 C21.5523008,2.60968727 21.0092999,2.33677531 20.4499564,2.10014728 L20.8395722,1.17916981 C21.4414531,1.43379309 22.0232574,1.72658499 22.5819506,2.05451093 Z M18.9594329,0.528106464 L18.696103,1.4928123 C18.1122842,1.33345081 17.517086,1.21199245 16.9132846,1.12953261 L17.0485964,0.138729543 C17.6997753,0.227659622 18.3376514,0.358382523 18.9594329,0.528106464 Z M15,-1.11022302e-16 C15.0139048,-1.11022302e-16 15.0278052,1.892004e-05 15.0417011,5.673578e-05 L15.0389797,1.00005303 C15.0197685,1.00000934 15.0197685,1.00000934 15.0005868,1.00000001 C14.4012162,1 13.8072783,1.03753392 13.2204527,1.11192427 L13.0946918,0.119863691 C13.7186509,0.0407660189 14.3545651,-1.11022302e-16 15,-1.11022302e-16 Z M11.1720354,0.492865376 L11.4265338,1.45993857 C10.8386468,1.61464899 10.2627801,1.80746996 9.70196444,2.03693489 L9.32327455,1.11141127 C9.92118954,0.86676666 10.5384173,0.659610554 11.1720354,0.492865376 Z M7.56375123,1.97008801 L8.06022548,2.83813946 C7.53298826,3.13968806 7.02583975,3.47534367 6.54199783,3.84274131 L5.93725081,3.04632368 C6.4542073,2.65378102 6.99740556,2.29400434 7.56375123,1.97008801 Z M4.42776842,4.35917772 L5.13259949,5.06855291 C4.70156141,5.49682984 4.29859416,5.95260763 3.92648544,6.43282469 L3.13602297,5.82031423 C3.53488885,5.30556625 3.96651291,4.81747851 4.42776842,4.35917772 Z M2.0616775,7.40585279 L2.92361696,7.91286401 C2.61586086,8.43606175 2.34241977,8.97884042 2.10525197,9.53799293 L1.18464153,9.14751063 C1.43984243,8.54584288 1.73319965,7.96427837 2.0616775,7.40585279 Z M0.531541456,11.0280046 L1.49601653,11.2921785 C1.33614878,11.8758413 1.21417484,12.4709081 1.13119244,13.074601 L0.140507978,12.9384235 C0.230001486,12.2873626 0.361276825,11.6496255 0.531541456,11.0280046 Z",id:"蒙版",fill:"#CACFD8","fill-rule":"nonzero"},null)])])};var i=t.defineComponent({name:"AvatarNobodyIcon",props:{width:{type:Number,default:16},height:{type:Number,default:16}},render(){const{width:e,height:l}=this;return t.createVNode(a,{width:e,height:l},null)}}),o=t.defineComponent({name:"DAvatar",props:{name:{type:String,default:null},gender:{type:String,default:null},width:{type:Number,default:36},height:{type:Number,default:36},isRound:{type:Boolean,default:!0},imgSrc:{type:String,default:""},customText:{type:String,default:null}},setup(e){const{name:l,width:r,height:a,customText:i,gender:o,imgSrc:n,isRound:u}=t.toRefs(e),s=t.ref(!0),d=t.ref(!1),C=t.ref(12),h=t.ref(),v=t.ref(),L=e=>{const t=e,l=Math.min(r.value,a.value);t?(s.value=!1,p(t,l)):""===t?(s.value=!1,v.value=""):s.value=!0,C.value=l/4+3},p=(e,t)=>{if(i.value)return v.value=i.value,void c(i.value.substr(0,1));if(e.length<2)v.value=e;else if(/^[\u4e00-\u9fa5]/.test(e))v.value=e.substr(e.length-2,2);else if(/^[A-Za-z]/.test(e))if(/[_ -]/.test(e)){const t=e.split(/_|-|\s+/)[0],l=e.split(/_|-|\s+/)[1];v.value=t.substr(0,1).toUpperCase()+l.substr(0,1).toUpperCase()}else v.value=e.substr(0,2).toUpperCase();else v.value=e.substr(0,2);t<30&&(v.value=e.substr(0,1).toUpperCase()),c(e.substr(0,1))},c=e=>{if(o.value){if("male"===o.value.toLowerCase())h.value=1;else{if("female"!==o.value.toLowerCase())throw new Error('gender must be "Male" or "Female"');h.value=0}return}const t=e.charCodeAt(0);h.value=t%2};return L(i.value?i.value:l.value),t.watch([l,r,a,i,o],(()=>{L(i.value?i.value:l.value)})),{showErrorAvatar:()=>{d.value=!0},isErrorImg:d,code:h,fontSize:C,nameDisplay:v,isNobody:s}},render(){const{imgSrc:e,showErrorAvatar:l,height:a,width:o,isRound:n,isErrorImg:u,code:s,fontSize:d,nameDisplay:C,isNobody:h}=this,v=t.createVNode("img",{src:e,alt:"",onError:l,style:{height:`${a}px`,width:`${o}px`,borderRadius:n?"100%":"0"}},null),L=e&&!u?v:null,p=t.createVNode("span",{class:`devui-avatar-style devui-avatar-background-${s}`,style:{height:`${a}px`,width:`${o}px`,lineHeight:`${a}px`,fontSize:`${d}px`,borderRadius:n?"100%":"0"}},[C]),c=e||h||0===(null==C?void 0:C.length)?null:p,f=t.createVNode("span",{class:"devui-avatar-style",style:{borderRadius:n?"100%":"0"}},[t.createVNode(r,{width:o,height:a},null)]),g=e||h||0!==(null==C?void 0:C.length)?null:f,m=t.createVNode("span",{class:"devui-avatar-style",style:{borderRadius:n?"100%":"0"}},[t.createVNode(i,{width:o,height:a},null)]),w=!e&&h||u?m:null;return t.createVNode("span",{class:"devui-avatar"},[L,c,g,w])}});o.install=function(e){e.component(o.name,o)};var n={title:"Avatar 头像",category:"数据展示",status:"已完成",install(e){e.use(o)}};e.Avatar=o,e.default=n,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
|
package/avatar/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.devui-avatar-style{display:inline-block;text-align:center;color:var(--devui-light-text, #ffffff)}.devui-avatar-background-0{background-color:#ff8b87}.devui-avatar-background-1{background-color:#7693f5}
|
|
1
|
+
.devui-avatar{display:inline-block}.devui-avatar-style{display:inline-block;text-align:center;color:var(--devui-light-text, #ffffff)}.devui-avatar-background-0{background-color:#ff8b87}.devui-avatar-background-1{background-color:#7693f5}
|
|
@@ -0,0 +1 @@
|
|
|
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};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,t){"use strict";const n={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"}));
|
|
@@ -0,0 +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-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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{computed as e,ref as a,watch as l,reactive as n,createVNode as d,resolveComponent as i,defineComponent as o,mergeProps as r,Fragment as s}from"vue";const u={trigger:{type:String,default:"hover"},options:{type:Array,default:[],required:!0},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:""}};let t;const c=e=>{e&&(t=n([e]));return{cascaderOptions:t,changeCascaderIndexs:(e,a)=>{var l;t&&((null==(l=null==e?void 0:e.children)?void 0:l.length)>0?t[a+1]=e.children:t.splice(a+1,t.length-1-a))}}};const p=a=>{var l;const{cascaderli:n,ulIndex:o}=a,{changeCascaderIndexs:r}=c(),s=e((()=>({"devui-cascader-li devui-dropdown-item":!0})));return d("li",{class:s.value,onMouseover:()=>{r(n,o)}},[d("div",{class:"dropdown-item-label"},[d("span",null,[n.label])]),(null==(l=null==n?void 0:n.children)?void 0:l.length)>0&&d(i("d-icon"),{name:"chevron-right",size:"16px",color:"inherit"},null)])};var v=o({name:"DCascaderList",props:{cascaderlis:{type:Array,default:[]},ulIndex:{type:Number,default:0}},setup(a){const l=e((()=>({"devui-cascader-ul":!0})));return()=>d("ul",{class:l.value},[a.cascaderlis.map(((e,l)=>d(p,r({cascaderli:e,liIndex:l},a),null)))])}}),m=o({name:"DCascader",props:u,setup(o,u){const t=a(null),p=n({originX:"left",originY:"bottom",overlayX:"left",overlayY:"top"}),{menuShow:m,menuOpenClass:h,openPopup:f}=(()=>{const e=a(!1),n=a("");return l(e,(e=>{n.value=e?"devui-drop-menu-wrapper":""})),{menuShow:e,menuOpenClass:n,openPopup:()=>{e.value=!e.value}}})(),g=((a,l)=>e((()=>({"devui-cascader devui-dropdown devui-dropdown-animation":!0,"devui-dropdown__open":l.value,"devui-cascader__disbaled":a.disabled}))))(o,m),{cascaderOptions:b}=c(o.options);return()=>d(s,null,[d("div",r({class:g.value,onClick:f,ref:t},u.attrs),[d(i("d-input"),{disabled:o.disabled,placeholder:o.placeholder},null),d("div",{class:"devui-cascader__icon devui-drop-icon-animation"},[d(i("d-icon"),{name:"select-arrow",size:"12px"},null)])]),d(i("d-flexible-overlay"),{origin:t,visible:m.value,"onUpdate:visible":e=>m.value=e,position:p},{default:()=>[d("div",{class:"devui-drop-menu-animation"},[d("div",{class:`${h.value} devui-dropdown-menu`},[b.map(((e,a)=>d(v,{cascaderlis:e,"ul-index":a},null)))])])]})])}});m.install=function(e){e.component(m.name,m)};var h={title:"Cascader 级联菜单",category:"数据录入",status:void 0,install(e){e.use(m)}};export{m as Cascader,h as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,o){"use strict";const a={trigger:{type:String,default:"hover"},options:{type:Array,default:[],required:!0},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:""}};const n={cascaderlis:{type:Array,default:[]},ulIndex:{type:Number,default:0}};let d;const l=e=>{e&&(d=o.reactive([e]));return{cascaderOptions:d,changeCascaderIndexs:(e,o)=>{var a;d&&((null==(a=null==e?void 0:e.children)?void 0:a.length)>0?d[o+1]=e.children:d.splice(o+1,d.length-1-o))}}};const r=e=>{var a;const{cascaderli:n,ulIndex:d}=e,{changeCascaderIndexs:r}=l(),t=o.computed((()=>({"devui-cascader-li devui-dropdown-item":!0})));return o.createVNode("li",{class:t.value,onMouseover:()=>{r(n,d)}},[o.createVNode("div",{class:"dropdown-item-label"},[o.createVNode("span",null,[n.label])]),(null==(a=null==n?void 0:n.children)?void 0:a.length)>0&&o.createVNode(o.resolveComponent("d-icon"),{name:"chevron-right",size:"16px",color:"inherit"},null)])};var t=o.defineComponent({name:"DCascaderList",props:n,setup(e){const a=o.computed((()=>({"devui-cascader-ul":!0})));return()=>o.createVNode("ul",{class:a.value},[e.cascaderlis.map(((a,n)=>o.createVNode(r,o.mergeProps({cascaderli:a,liIndex:n},e),null)))])}}),i=o.defineComponent({name:"DCascader",props:a,setup(e,a){const n=o.ref(null),d=o.reactive({originX:"left",originY:"bottom",overlayX:"left",overlayY:"top"}),{menuShow:r,menuOpenClass:i,openPopup:s}=(()=>{const e=o.ref(!1),a=o.ref("");return o.watch(e,(e=>{a.value=e?"devui-drop-menu-wrapper":""})),{menuShow:e,menuOpenClass:a,openPopup:()=>{e.value=!e.value}}})(),c=((e,a)=>o.computed((()=>({"devui-cascader devui-dropdown devui-dropdown-animation":!0,"devui-dropdown__open":a.value,"devui-cascader__disbaled":e.disabled}))))(e,r),{cascaderOptions:u}=l(e.options);return()=>o.createVNode(o.Fragment,null,[o.createVNode("div",o.mergeProps({class:c.value,onClick:s,ref:n},a.attrs),[o.createVNode(o.resolveComponent("d-input"),{disabled:e.disabled,placeholder:e.placeholder},null),o.createVNode("div",{class:"devui-cascader__icon devui-drop-icon-animation"},[o.createVNode(o.resolveComponent("d-icon"),{name:"select-arrow",size:"12px"},null)])]),o.createVNode(o.resolveComponent("d-flexible-overlay"),{origin:n,visible:r.value,"onUpdate:visible":e=>r.value=e,position:d},{default:()=>[o.createVNode("div",{class:"devui-drop-menu-animation"},[o.createVNode("div",{class:`${i.value} devui-dropdown-menu`},[u.map(((e,a)=>o.createVNode(t,{cascaderlis:e,"ul-index":a},null)))])])]})])}});i.install=function(e){e.component(i.name,i)};var s={title:"Cascader 级联菜单",category:"数据录入",status:void 0,install(e){e.use(i)}};e.Cascader=i,e.default=s,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.devui-cascader{display:flex;justify-content:flex-start;align-items:center;position:relative}.devui-cascader>div:nth-child(1){width:100%}.devui-cascader__icon{position:absolute;right:5px;top:0;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.devui-cascader__icon .icon{margin:0}.devui-cascader input{width:100%;padding-right:16px}.devui-cascader .devui-drop-menu-wrapper{display:block;margin:4px 0;font-size:0;white-space:nowrap;padding:0}.devui-drop-icon-animation{transition:transform .2s linear}.devui-drop-menu-animation{transition:opacity .2s ease-in-out,transform .2s ease-in-out;z-index:1000;margin-top:1px}.devui-drop-menu-animation .devui-dropdown-menu{width:auto;padding-bottom:0;display:flex;justify-content:"flex-start";align-items:center}.devui-dropdown__open .devui-cascader__icon{transform:rotate(180deg)}.devui-dropdown__open .devui-drop-menu-animation{transform-origin:0 0%;transform:scaleY(.9999) translateY(0);opacity:1}.devui-cascader-ul{width:200px;height:180px;background:var(--devui-connected-overlay-bg, #ffffff);display:block;list-style:none;margin:0;padding:0;overflow-y:auto;border-left:1px solid var(--devui-dividing-line, #dfe1e6)}.devui-cascader-li.devui-dropdown-item{height:32px;padding:8px 12px;color:var(--devui-text, #252b3a);cursor:pointer;display:flex;justify-content:flex-start;align-items:center}.devui-cascader-li .dropdown-item-label{display:inline-block;flex:1;width:0;overflow:hidden;text-overflow:ellipsis;font-size:var(--devui-font-size, 12px)}
|
package/date-picker/index.es.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=Object.defineProperty,t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,r=(t,n,a)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[n]=a;"undefined"!=typeof require&&require;import{defineComponent as o,computed as s,ref as l,watch as u,createVNode as i,withDirectives as d,mergeProps as c,resolveDirective as p,resolveComponent as g,createTextVNode as h,reactive as m,onMounted as y,onUnmounted as v}from"vue";const f=(e,t,n=2,a="0")=>(e+"").padStart(Math.min(t.length,n),a),w=(e,t)=>{const n=(e=>[e.getFullYear(),e.getMonth()+1,e.getDate(),e.getDay(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()])(t);let a=e;return a=a.replace(/y+/g,(e=>{const t=n[0]+"";return 2===e.length?t.substring(2):t})),a=a.replace(/M+/g,(e=>f(n[1],e))),a=a.replace(/d+/g,(e=>f(n[2],e))),a=a.replace(/h+/g,(e=>f(n[4],e))),a=a.replace(/m+/g,(e=>f(n[5],e))),a=a.replace(/s+/g,(e=>f(n[6],e))),a},x=(e,t)=>{if(!t)return!1;for(;e;){if(e===t)return!0;e=e.parentNode}return!1},M=(e,...t)=>{"function"==typeof e&&e(...t)},S=(e=new Date)=>{e instanceof Date||(e=new Date);const{year:t,month:n}=(e=>{const t=e.getFullYear(),n=e.getMonth()+1,a=e.getDate(),r=e.getDay(),o=e.getHours(),s=e.getMinutes(),l=e.getSeconds();return{year:t,y:t,month:n,M:n,date:a,d:a,day:r,hour:o,H:o,h:o,minute:s,m:s,second:l,s:l,ms:e.getMilliseconds()}})(e),a=((e,t)=>{const n=new Date(e,t-1,1),a=new Date(e,t,0),r=[];let o=n.getDay();for(;o>0;)o-=1,r.push({date:new Date(e,t-1,-o),current:-1});o=a.getDate()-n.getDate();for(let l=0;l<=o;l++){const e=new Date(n);e.setDate(l+1),r.push({date:e,current:0})}o=a.getDay();let s=a;for(let l=o;l<6;l++)s=new Date(e,t,l-o+1),r.push({date:s,current:1});if(r.length<42){o=s.getDate();for(let n=1;n<=7;n++)s=new Date(e,t,o+n),r.push({date:s,current:1})}return r})(t,n),r=[];for(;a.length>0;)r.push(a.splice(0,7));return r},b=["日","一","二","三","四","五","六"],D=(e,...t)=>{"function"==typeof e&&e(...t)},C=(e,t)=>(new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime()-new Date(t.getFullYear(),t.getMonth(),t.getDate()).getTime())/864e5,F=(e,t,n,a)=>{return!e||!t||("year"===n?t.getFullYear()-e.getFullYear()>a:(o=e,12*(r=t).getFullYear()+r.getMonth()-(12*o.getFullYear()+o.getMonth())>a));var r,o},I=e=>{if(!e||"string"!=typeof e)return null;const[t="",n=""]=e.split(/([ ]|T)+/);if(!t)return null;const[a,r,o]=t.split(/[^\d]+/),s=Y(a),l=Y(r),u=Y(o)||1;if(!s||!l)return null;const i=$(n);return new Date(s,l-1,u,...i)},Y=(e,t)=>{if(!e||"string"!=typeof e)return t;const n=parseInt(e);return isNaN(n)?t:n},$=e=>{const[t,n,a,r]=e.split(/[\:\.]+/);return[Y(t,0),Y(n,0),Y(a,0),Y(r,0)]},P=(e,t,n="d")=>{const a=k(e,n),r=k(t,n);return a<r?-1:a>r?1:0},k=(e,t)=>{switch(t){case"y":return e.getFullYear();case"m":return 12*e.getFullYear()+e.getMonth()}return e.getTime()/864e5>>0},T=(e,t,n)=>!(t instanceof Date&&P(t,e,"d")>0)&&!(n instanceof Date&&P(e,n,"d")>0);var N=o({name:"DInput",directives:{focus:{mounted:function(e,t){t.value&&e.focus()}}},props:{placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},cssClass:{type:String,default:""},error:{type:Boolean,default:!1},size:{type:String,default:""},showPassword:{type:Boolean,default:!1},value:{type:String,default:""},"onUpdate:value":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}},emits:["update:value","focus","blur","change","keydown"],setup(e,t){const n=s((()=>`devui-input-${e.size}`)),a=l(!1),r=l("text"),o=s((()=>({error:e.error,[e.cssClass]:!0,[n.value]:""!==e.size}))),i=s((()=>"password"===r.value));u((()=>e.showPassword),(e=>{r.value=e?"password":"text"}),{immediate:!0}),u((()=>e.value),(e=>{e&&e.length>0&&i.value?a.value=!0:a.value=!1}));return{inputCls:o,inputType:r,showPreviewIcon:i,showPwdIcon:a,onInput:e=>{t.emit("update:value",e.target.value)},onFocus:()=>{t.emit("focus")},onBlur:()=>{t.emit("blur")},onChange:e=>{t.emit("change",e.target.value)},onKeydown:e=>{t.emit("keydown",e)},onChangeInputType:()=>{r.value="password"===r.value?"text":"password"}}},render(){const{value:e,showPreviewIcon:t,showPwdIcon:n,inputCls:a,inputType:r,maxLength:o,autoFocus:s,placeholder:l,disabled:u,onInput:h,onFocus:m,onBlur:y,onChange:v,onKeydown:f,onChangeInputType:w}=this;return i("div",{class:"devui-input__wrap"},[d(i("input",c({dinput:!0},{value:e,disabled:u,type:r,maxlength:o,placeholder:l,class:a,onInput:h,onFocus:m,onBlur:y,onChange:v,onKeydown:f}),null),[[p("focus"),s]]),n&&i("div",{class:"devui-input__preview",onClick:w},[i(g("d-icon"),t?{name:"preview",size:"12px",key:1}:{name:"preview-forbidden",size:"12px",key:2},null)])])}});N.install=function(e){e.component(N.name,N)};var B=o({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,o)=>{for(var s in o||(o={}))n.call(o,s)&&r(e,s,o[s]);if(t)for(var s of t(o))a.call(o,s)&&r(e,s,o[s]);return e})({},e),render(){const{name:e,size:t,color:n,classPrefix:a}=this;return i("i",{class:`${a} ${a}-${e}`,style:{fontSize:t,color:n}},null)}});B.install=function(e){e.component(B.name,B)};const E=(e,t,n,a)=>{switch(t){case 0:const t=new Date(a);t.setFullYear(t.getFullYear()-1),0===n?e.current=t:e.next=t;break;case 1:const r=new Date(a);r.setMonth(r.getMonth()-1),0===n?e.current=r:e.next=r;break;case 2:const o=new Date(a);o.setMonth(o.getMonth()+1),0===n?e.current=o:e.next=o;break;case 3:const s=new Date(a);s.setFullYear(s.getFullYear()+1),0===n?e.current=s:e.next=s}},z=(e,t)=>{const{format:n="y/MM/dd",range:a,rangeSpliter:r="-"}=t||{};if(a){if(!e.start)return"";if(!e.end)return w(n,e.start);if(e.end<e.start){const t=e.end;e.end=e.start,e.start=t}return((e,t,n,a="-")=>{const r=[t,n];return t.getTime()>n.getTime()&&r.reverse(),`${w(e,r[0])} ${a} ${w(e,r[1])}`})(n,e.start,e.end,r)}return e.start?w(n,e.start):""},L=e=>{if(!e)return"";const t=e.format||"y/MM/dd",n=e.rangeSpliter||"-";return e.range?`${t} ${n} ${t}`:t},O=e=>e.toDateString(),H=(e,t,n="cell")=>{if(!T(t.date,e.dateMin,e.dateMax))return`${n} disabled`;if(0!==t.current)return`${n} not-current`;const a=O(t.date);if("range"===e.type){if(e.dateStart){if(O(e.dateStart)===a)return`${n} selected`;if(e.dateEnd&&O(e.dateEnd)===a)return`${n} selected`;const r=e.dateEnd||e.dateHover;if(r){const a=r>e.dateStart?[e.dateStart,r]:[r,e.dateStart];if(t.date>a[0]&&t.date<a[1])return`${n} innerday`}}return n}return e.dateStart&&O(e.dateStart)===a?`${n} selected`:n},A=e=>{const{color:t="#585d6b",rotate:n=0}=e;return i("svg",{style:{transform:`rotate(${n}deg)`},width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[i("g",{fill:t,transform:"translate(-1.000000, -1.000000)"},[i("path",{d:"M11,1.83333333 L11,10.1666667 L7,7.38833333 L7,10.1666667 L1,6 L7,1.83333333 L7,4.61033333 L11,1.83333333 Z"},null)])])},_=e=>{const{color:t="#585d6b",rotate:n=0}=e;return i("svg",{style:{transform:`rotate(${n}deg)`},width:"6px",height:"10px",viewBox:"0 0 6 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[i("g",{fill:t,transform:"translate(-3.000000, -1.000000)"},[i("polygon",{points:"6 3 10.1666667 9 1.83333333 9"},null)])])};const R=e=>{const{button:t,disabled:n=!1,rotate:a=0,date:r,pos:o,cb:s}=e;return i("a",{class:""+(n?"disabled":""),onClick:n?void 0:()=>D(e.cb,r,o)},[i(t,{color:n?"#cfd0d3":"#585d6b",rotate:a},null)])},j=e=>{const{date:t}=e;return i("a",{class:"title"},[`${t.getFullYear()}年${(t.getMonth()+1+"").padStart(2,"0")}月`])},K=e=>{const{type:t,current:n,compare:a,pos:r,dateMax:o,dateMin:s,onPreviousYear:l,onPreviousMonth:u,onNextMonth:d,onNextYear:c}=e,p=[!1,!1,!1,!1];return"range"===t?1===r?(p[0]=!F(a,n,"year",1),p[1]=!F(a,n,"month",1),p[2]=!F(n,o,"month",0),p[3]=!F(n,o,"year",0)):(p[0]=!F(s,n,"year",0),p[1]=!F(s,n,"month",0),p[2]=!F(n,a,"month",1),p[3]=!F(n,a,"year",1)):(p[0]=!F(s,n,"year",0),p[1]=!F(s,n,"month",0),p[2]=!F(n,o,"month",0),p[3]=!F(n,o,"year",0)),i("div",{class:"devui-calendar-toolbar"},[i(R,{disabled:p[0],date:n,pos:r,button:A,cb:l},null),i(R,{disabled:p[1],date:n,pos:r,button:_,rotate:-90,cb:u},null),i(j,{date:n},null),i(R,{disabled:p[2],date:n,pos:r,button:_,rotate:90,cb:d},null),i(R,{disabled:p[3],date:n,pos:r,button:A,rotate:180,cb:c},null)])},q=e=>{const{onSelected:t=(()=>0),disabled:n=!1}=e;return i("div",{class:"today-container "+(n?"disabled":"")},[i("button",{class:"today-button",disabled:n,onClick:n?void 0:()=>t(new Date)},[h("今天")])])};const X=e=>{const t=new Date;return i("div",{class:"devui-calendar-panel"},[i(K,{current:e.current,compare:e.compare,pos:e.pos,type:e.type,showTime:e.showTime,onPreviousYear:e.onPreviousYear,onPreviousMonth:e.onPreviousMonth,onNextMonth:e.onNextMonth,onNextYear:e.onNextYear,dateMax:e.dateMax,dateMin:e.dateMin},null),i("ol",{class:"head row"},[b.map((e=>i("li",{class:"cell"},[e])))]),i("ul",{class:"body"},[S(e.current).map((t=>i("li",{class:"row"},[t.map((t=>i("span",{class:H(e,t),onClick:()=>((e,t)=>{T(t.date,e.dateMin,e.dateMax)&&("range"===e.type?e.dateStart?e.dateEnd?D(e.onReset,t.date):0!==C(e.dateStart,t.date)&&(D(e.onSelectEnd,t.date),"function"==typeof e.onChange&&e.onChange(e.type,e)):D(e.onSelectStart,t.date):(D(e.onSelected,t.date),"function"==typeof e.onChange&&e.onChange(e.type,e)))})(e,t),onMouseenter:()=>((e,t)=>{if(0!==t.current)return;const{dateMin:n,dateMax:a}=e;if(!(n&&C(t.date,n)<0||a&&C(a,t.date)<0||"range"!==e.type)){const n=O(t.date);if(!e.dateStart||O(e.dateStart)===n||e.dateEnd)return;D(e.onSelecting,t.date)}})(e,t)},[t.date.getDate()])))])))]),"range"!==e.type?i(q,{disabled:!T(t,e.dateMin,e.dateMax),onSelected:t=>{"function"==typeof e.onToday&&e.onToday(t,0)}},null):null])};const G=o({props:{size:{type:Number,default:26},items:{type:Array},selectedIndex:{type:Number},className:{type:String},itemClassNormal:{type:String},itemClassSelected:{type:String},onChange:{type:Function}},setup(e){const{items:t=[0,1,2,3,4,5,6,7,8,9],selectedIndex:n=0,size:a=26,className:r="",itemClassNormal:o="",itemClassSelected:s="selected",onChange:u}=e||{};let d=0,c=0;const p=l(),g=l();let h=null,v=null;const f=m({selectedIndex:n,barOpacity:0,x:0,y:0,transition:"none"}),w=e=>{e.stopPropagation(),e.preventDefault(),h=[e.clientX,e.clientY],f.transition="none"},x=e=>{e.stopPropagation(),e.preventDefault(),h&&v&&(f.x=v[0]+e.clientX-h[0],f.y=Math.min(d,Math.max(c,v[1]+e.clientY-h[1])),f.selectedIndex=(d-f.y+a/2)/a>>0)},M=e=>{if(e.stopPropagation(),e.preventDefault(),h=null,f.y=d-f.selectedIndex*a,f.transition="transform 0.1s",v[0]=f.x,v[1]=f.y,"function"==typeof u){const e=f.selectedIndex,n=t[e];u(n,e)}};return y((()=>{const{height:e}=p.value.getBoundingClientRect(),{height:t}=g.value.getBoundingClientRect();d=(e-a)/2,c=(e+a)/2-t,v=[0,d-f.selectedIndex*a],f.x=v[0],f.y=v[1],f.barOpacity=1,f.transition="transform 0.1s"})),()=>i("div",{ref:p,class:`devui-vertical-slider ${r}`},[i("div",{ref:g,class:"movable-bar",style:{opacity:f.barOpacity,transform:`translateY(${f.y}px)`,transition:f.transition}},[t.map(((e,t)=>{const n=t===f.selectedIndex?s:o;return i("span",{class:`slider-item ${n}`,style:{height:`${a}px`,lineHeight:`${a}px`}},[e])}))]),i("div",{class:"slider-mask",onMousedown:w,onMousemove:x,onMouseup:M,onMouseout:M},null)])}});const U=o({props:{time:{type:Date}},setup(e){const{time:t=new Date}=e||{},n=m({hour:t.getHours(),minute:t.getMinutes(),second:t.getSeconds()}),a=Array(24).fill(0).map(((e,t)=>`${t}`.padStart(2,"0"))),r=Array(60).fill(0).map(((e,t)=>`${t}`.padStart(2,"0")));return()=>i("div",{class:"devui-calendar-timepicker"},[i("div",{class:"head"},[i("div",{class:"chars"},[i("span",null,[n.hour.toString().padStart(2,"0"),h(":"),n.minute.toString().padStart(2,"0"),h(":"),n.second.toString().padStart(2,"0")])])]),i("div",{class:"select"},[i(G,{items:a,selectedIndex:n.hour,onChange:(e,t)=>n.hour=t},null),i(G,{items:r,selectedIndex:n.minute,onChange:(e,t)=>n.minute=t},null),i(G,{items:r,selectedIndex:n.second,onChange:(e,t)=>n.second=t},null)])])}});const Z=e=>{const{showTime:t=!1}=e;let{current:n}=e;if(n instanceof Date||(n=new Date),"range"===e.type){let{next:a}=e;return a instanceof Date||(a=new Date(n.getFullYear(),n.getMonth()+1,1)),i("div",{class:"devui-calendar-container"},[i(X,c(e,{pos:0,current:n,compare:a}),null),t?i(U,{time:n},null):null,i(X,c(e,{pos:1,current:a,compare:n}),null),t?i(U,{time:a},null):null])}return i("div",{class:"devui-calendar-container"},[i(X,c(e,{pos:0,current:n}),null),t?i(U,{time:n},null):null])};var J=o({name:"DDatepicker",props:{selectedDateChange:{type:Function},autoClose:{type:Boolean,default:!1},range:{type:Boolean,default:!1},showTime:{type:Boolean,default:!1},format:{type:String,default:"y/MM/dd"},rangeSpliter:{type:String,default:"-"},attachInputDom:{type:String},dateMin:{type:String},dateMax:{type:String}},setup(e,t){const n=l(null),a=l(null),r=I(e.dateMin)||new Date,o=new Date(r.getFullYear(),r.getMonth()+1,1),s=m({show:!1,value:"",placeholder:L(e),current:r,next:o});s.value=z(s,e),s.placeholder=L(e);const u=e=>{e.stopPropagation(),x(e.target,n.value)||x(e.target,a.value)||(s.show=!1)};return y((()=>{document.addEventListener("click",u)})),v((()=>{document.removeEventListener("click",u)})),()=>i("div",{class:"devui-datepicker-container"},[i("div",{class:"input-container",ref:a},[i(N,{ref:a,class:"datepicker-input",value:s.value,placeholder:s.placeholder,onFocus:()=>s.show=!0},null),i(B,{size:"small",name:"calendar",class:"datepicker-input-icon"},null)]),i("div",{class:"devui-datepicker-panel",ref:n},[s.show?i(Z,{type:e.range?"range":"select",showTime:e.showTime,current:s.current,next:s.next,dateMin:I(e.dateMin),dateMax:I(e.dateMax),dateStart:s.start,dateEnd:s.end,dateHover:s.hover,onReset:e=>{s.end=s.hover=void 0,s.start=e},onChange:(t,n)=>{s.value=z(s,e),s.placeholder=L(e),M(e.selectedDateChange,s.value),e.autoClose&&(s.show=!1)},onToday:t=>{s.current=t,s.start=t,s.value=z(s,e),s.placeholder=L(e),M(e.selectedDateChange,s.value),e.autoClose&&(s.show=!1)},onSelected:e=>{s.start=e,0!==P(s.current,e)&&(s.current=e)},onSelectStart:e=>s.start=e,onSelectEnd:e=>{s.end=e,(e=>{const[t,n]=[e.start,e.end].sort(((e,t)=>e.getTime()-t.getTime()));e.start=t,e.end=n,0!==P(t,n,"m")?(e.current=t,e.next=n):(P(t,e.current)<0&&(e.current=t),P(e.next,n)<0&&(e.next=n))})(s)},onSelecting:e=>s.hover=e,onPreviousYear:(e,t)=>E(s,0,t,e),onPreviousMonth:(e,t)=>E(s,1,t,e),onNextMonth:(e,t)=>E(s,2,t,e),onNextYear:(e,t)=>E(s,3,t,e)},null):null])])}});const Q=o({name:"DStickSlider",props:{},setup(e){const t=m({showButtons:!1,selectedIndex:0}),n=e=>{e.stopPropagation(),t.showButtons=!0},a=e=>{e.stopPropagation(),t.showButtons=!1};return()=>i("div",{class:"devui-stick-slider",onMousedown:n,onMouseup:a,onMouseleave:a},[i("div",{class:"sub-buttons",style:{display:t.showButtons?"":"none"}},[Array(16).fill(null).map(((e,n)=>i("div",{class:"button "+(n===t.selectedIndex?"selected":""),onMouseenter:()=>t.selectedIndex=n},[n])))]),i("div",{class:"main-button"},null)])}});var V={install(e){J.version="0.0.1",e.component(J.name,J),e.component(Q.name,Q)}};export{J as DatePicker,Q as StickSlider,V as default};
|
|
1
|
+
var e=Object.defineProperty,t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,r=(t,n,a)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[n]=a;"undefined"!=typeof require&&require;import{defineComponent as o,computed as s,ref as l,watch as u,createVNode as i,withDirectives as d,mergeProps as c,resolveDirective as p,resolveComponent as g,createTextVNode as h,reactive as y,onMounted as m,onUnmounted as f}from"vue";const v=(e,t,n=2,a="0")=>(e+"").padStart(Math.min(t.length,n),a),w=(e,t)=>{const n=(e=>[e.getFullYear(),e.getMonth()+1,e.getDate(),e.getDay(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()])(t);let a=e;return a=a.replace(/y+/g,(e=>{const t=n[0]+"";return 2===e.length?t.substring(2):t})),a=a.replace(/M+/g,(e=>v(n[1],e))),a=a.replace(/d+/g,(e=>v(n[2],e))),a=a.replace(/h+/g,(e=>v(n[4],e))),a=a.replace(/m+/g,(e=>v(n[5],e))),a=a.replace(/s+/g,(e=>v(n[6],e))),a},x=(e,t)=>{if(!t)return!1;for(;e;){if(e===t)return!0;e=e.parentNode}return!1},M=(e,...t)=>{"function"==typeof e&&e(...t)},S=(e=new Date)=>{e instanceof Date||(e=new Date);const{year:t,month:n}=(e=>{const t=e.getFullYear(),n=e.getMonth()+1,a=e.getDate(),r=e.getDay(),o=e.getHours(),s=e.getMinutes(),l=e.getSeconds();return{year:t,y:t,month:n,M:n,date:a,d:a,day:r,hour:o,H:o,h:o,minute:s,m:s,second:l,s:l,ms:e.getMilliseconds()}})(e),a=((e,t)=>{const n=new Date(e,t-1,1),a=new Date(e,t,0),r=[];let o=n.getDay();for(;o>0;)o-=1,r.push({date:new Date(e,t-1,-o),current:-1});o=a.getDate()-n.getDate();for(let l=0;l<=o;l++){const e=new Date(n);e.setDate(l+1),r.push({date:e,current:0})}o=a.getDay();let s=a;for(let l=o;l<6;l++)s=new Date(e,t,l-o+1),r.push({date:s,current:1});if(r.length<42){o=s.getDate();for(let n=1;n<=7;n++)s=new Date(e,t,o+n),r.push({date:s,current:1})}return r})(t,n),r=[];for(;a.length>0;)r.push(a.splice(0,7));return r},b=["日","一","二","三","四","五","六"],D=(e,...t)=>{"function"==typeof e&&e(...t)},C=(e,t)=>(new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime()-new Date(t.getFullYear(),t.getMonth(),t.getDate()).getTime())/864e5,F=(e,t,n,a)=>{return!e||!t||("year"===n?t.getFullYear()-e.getFullYear()>a:(o=e,12*(r=t).getFullYear()+r.getMonth()-(12*o.getFullYear()+o.getMonth())>a));var r,o},I=e=>{if(!e||"string"!=typeof e)return null;const[t="",n=""]=e.split(/([ ]|T)+/);if(!t)return null;const[a,r,o]=t.split(/[^\d]+/),s=Y(a),l=Y(r),u=Y(o)||1;if(!s||!l)return null;const i=$(n);return new Date(s,l-1,u,...i)},Y=(e,t)=>{if(!e||"string"!=typeof e)return t;const n=parseInt(e);return isNaN(n)?t:n},$=e=>{const[t,n,a,r]=e.split(/[\:\.]+/);return[Y(t,0),Y(n,0),Y(a,0),Y(r,0)]},P=(e,t,n="d")=>{const a=k(e,n),r=k(t,n);return a<r?-1:a>r?1:0},k=(e,t)=>{switch(t){case"y":return e.getFullYear();case"m":return 12*e.getFullYear()+e.getMonth()}return e.getTime()/864e5>>0},T=(e,t,n)=>!(t instanceof Date&&P(t,e,"d")>0)&&!(n instanceof Date&&P(e,n,"d")>0);var N=o({name:"DInput",directives:{focus:{mounted:function(e,t){t.value&&e.focus()}}},props:{placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},cssClass:{type:String,default:""},error:{type:Boolean,default:!1},size:{type:String,default:""},showPassword:{type:Boolean,default:!1},value:{type:String,default:""},"onUpdate:value":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}},emits:["update:value","focus","blur","change","keydown"],setup(e,t){const n=s((()=>`devui-input-${e.size}`)),a=l(!1),r=l("text"),o=s((()=>({error:e.error,[e.cssClass]:!0,[n.value]:""!==e.size}))),i=s((()=>"password"===r.value));u((()=>e.showPassword),(e=>{r.value=e?"password":"text"}),{immediate:!0}),u((()=>e.value),(e=>{e&&e.length>0&&i.value?a.value=!0:a.value=!1}));return{inputCls:o,inputType:r,showPreviewIcon:i,showPwdIcon:a,onInput:e=>{t.emit("update:value",e.target.value)},onFocus:()=>{t.emit("focus")},onBlur:()=>{t.emit("blur")},onChange:e=>{t.emit("change",e.target.value)},onKeydown:e=>{t.emit("keydown",e)},onChangeInputType:()=>{r.value="password"===r.value?"text":"password"}}},render(){const{value:e,showPreviewIcon:t,showPwdIcon:n,inputCls:a,inputType:r,maxLength:o,autoFocus:s,placeholder:l,disabled:u,onInput:h,onFocus:y,onBlur:m,onChange:f,onKeydown:v,onChangeInputType:w}=this;return i("div",{class:"devui-input__wrap"},[d(i("input",c({dinput:!0},{value:e,disabled:u,type:r,maxlength:o,placeholder:l,class:a,onInput:h,onFocus:y,onBlur:m,onChange:f,onKeydown:v}),null),[[p("focus"),s]]),n&&i("div",{class:"devui-input__preview",onClick:w},[i(g("d-icon"),t?{name:"preview",size:"12px",key:1}:{name:"preview-forbidden",size:"12px",key:2},null)])])}});N.install=function(e){e.component(N.name,N)};var B=o({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,o)=>{for(var s in o||(o={}))n.call(o,s)&&r(e,s,o[s]);if(t)for(var s of t(o))a.call(o,s)&&r(e,s,o[s]);return e})({},e),render(){const{name:e,size:t,color:n,classPrefix:a}=this;return i("i",{class:`${a} ${a}-${e}`,style:{fontSize:t,color:n}},null)}});B.install=function(e){e.component(B.name,B)};const E=(e,t,n,a)=>{switch(t){case 0:const t=new Date(a);t.setFullYear(t.getFullYear()-1),0===n?e.current=t:e.next=t;break;case 1:const r=new Date(a);r.setMonth(r.getMonth()-1),0===n?e.current=r:e.next=r;break;case 2:const o=new Date(a);o.setMonth(o.getMonth()+1),0===n?e.current=o:e.next=o;break;case 3:const s=new Date(a);s.setFullYear(s.getFullYear()+1),0===n?e.current=s:e.next=s}},z=(e,t)=>{const{format:n="y/MM/dd",range:a,rangeSpliter:r="-"}=t||{};if(a){if(!e.start)return"";if(!e.end)return w(n,e.start);if(e.end<e.start){const t=e.end;e.end=e.start,e.start=t}return((e,t,n,a="-")=>{const r=[t,n];return t.getTime()>n.getTime()&&r.reverse(),`${w(e,r[0])} ${a} ${w(e,r[1])}`})(n,e.start,e.end,r)}return e.start?w(n,e.start):""},L=e=>{if(!e)return"";const t=e.format||"y/MM/dd",n=e.rangeSpliter||"-";return e.range?`${t} ${n} ${t}`:t},O=e=>e.toDateString(),H=(e,t,n="cell")=>{if(!T(t.date,e.dateMin,e.dateMax))return`${n} disabled`;if(0!==t.current)return`${n} not-current`;const a=O(t.date);if("range"===e.type){if(e.dateStart){if(O(e.dateStart)===a)return`${n} selected`;if(e.dateEnd&&O(e.dateEnd)===a)return`${n} selected`;const r=e.dateEnd||e.dateHover;if(r){const a=r>e.dateStart?[e.dateStart,r]:[r,e.dateStart];if(t.date>a[0]&&t.date<a[1])return`${n} innerday`}}return n}return e.dateStart&&O(e.dateStart)===a?`${n} selected`:n},A=e=>{const{color:t="#585d6b",rotate:n=0}=e;return i("svg",{style:{transform:`rotate(${n}deg)`},width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[i("g",{fill:t,transform:"translate(-1.000000, -1.000000)"},[i("path",{d:"M11,1.83333333 L11,10.1666667 L7,7.38833333 L7,10.1666667 L1,6 L7,1.83333333 L7,4.61033333 L11,1.83333333 Z"},null)])])},_=e=>{const{color:t="#585d6b",rotate:n=0}=e;return i("svg",{style:{transform:`rotate(${n}deg)`},width:"6px",height:"10px",viewBox:"0 0 6 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[i("g",{fill:t,transform:"translate(-3.000000, -1.000000)"},[i("polygon",{points:"6 3 10.1666667 9 1.83333333 9"},null)])])};const R=e=>{const{button:t,disabled:n=!1,rotate:a=0,date:r,pos:o,cb:s}=e;return i("a",{class:""+(n?"disabled":""),onClick:n?void 0:()=>D(e.cb,r,o)},[i(t,{color:n?"#cfd0d3":"#585d6b",rotate:a},null)])},j=e=>{const{date:t}=e;return i("a",{class:"title"},[`${t.getFullYear()}年${(t.getMonth()+1+"").padStart(2,"0")}月`])},K=e=>{const{type:t,current:n,compare:a,pos:r,dateMax:o,dateMin:s,onPreviousYear:l,onPreviousMonth:u,onNextMonth:d,onNextYear:c}=e,p=[!1,!1,!1,!1];return"range"===t?1===r?(p[0]=!F(a,n,"year",1),p[1]=!F(a,n,"month",1),p[2]=!F(n,o,"month",0),p[3]=!F(n,o,"year",0)):(p[0]=!F(s,n,"year",0),p[1]=!F(s,n,"month",0),p[2]=!F(n,a,"month",1),p[3]=!F(n,a,"year",1)):(p[0]=!F(s,n,"year",0),p[1]=!F(s,n,"month",0),p[2]=!F(n,o,"month",0),p[3]=!F(n,o,"year",0)),i("div",{class:"devui-calendar-toolbar"},[i(R,{disabled:p[0],date:n,pos:r,button:A,cb:l},null),i(R,{disabled:p[1],date:n,pos:r,button:_,rotate:-90,cb:u},null),i(j,{date:n},null),i(R,{disabled:p[2],date:n,pos:r,button:_,rotate:90,cb:d},null),i(R,{disabled:p[3],date:n,pos:r,button:A,rotate:180,cb:c},null)])},q=e=>{const{onSelected:t=(()=>0),disabled:n=!1}=e;return i("div",{class:"today-container "+(n?"disabled":"")},[i("button",{class:"today-button",disabled:n,onClick:n?void 0:()=>t(new Date)},[h("今天")])])};const X=e=>{const t=new Date;return i("div",{class:"devui-calendar-panel"},[i(K,{current:e.current,compare:e.compare,pos:e.pos,type:e.type,showTime:e.showTime,onPreviousYear:e.onPreviousYear,onPreviousMonth:e.onPreviousMonth,onNextMonth:e.onNextMonth,onNextYear:e.onNextYear,dateMax:e.dateMax,dateMin:e.dateMin},null),i("ol",{class:"head row"},[b.map((e=>i("li",{class:"cell"},[e])))]),i("ul",{class:"body"},[S(e.current).map((t=>i("li",{class:"row"},[t.map((t=>i("span",{class:H(e,t),onClick:()=>((e,t)=>{T(t.date,e.dateMin,e.dateMax)&&("range"===e.type?e.dateStart?e.dateEnd?D(e.onReset,t.date):0!==C(e.dateStart,t.date)&&(D(e.onSelectEnd,t.date),"function"==typeof e.onChange&&e.onChange(e.type,e)):D(e.onSelectStart,t.date):(D(e.onSelected,t.date),"function"==typeof e.onChange&&e.onChange(e.type,e)))})(e,t),onMouseenter:()=>((e,t)=>{if(0!==t.current)return;const{dateMin:n,dateMax:a}=e;if(!(n&&C(t.date,n)<0||a&&C(a,t.date)<0||"range"!==e.type)){const n=O(t.date);if(!e.dateStart||O(e.dateStart)===n||e.dateEnd)return;D(e.onSelecting,t.date)}})(e,t)},[t.date.getDate()])))])))]),"range"!==e.type?i(q,{disabled:!T(t,e.dateMin,e.dateMax),onSelected:t=>{"function"==typeof e.onToday&&e.onToday(t,0)}},null):null])};const G=o({props:{size:{type:Number,default:26},items:{type:Array},selectedIndex:{type:Number},className:{type:String},itemClassNormal:{type:String},itemClassSelected:{type:String},onChange:{type:Function}},setup(e){const{items:t=[0,1,2,3,4,5,6,7,8,9],selectedIndex:n=0,size:a=26,className:r="",itemClassNormal:o="",itemClassSelected:s="selected",onChange:u}=e||{};let d=0,c=0;const p=l(),g=l();let h=null,f=null;const v=y({selectedIndex:n,barOpacity:0,x:0,y:0,transition:"none"}),w=e=>{e.stopPropagation(),e.preventDefault(),h=[e.clientX,e.clientY],v.transition="none"},x=e=>{e.stopPropagation(),e.preventDefault(),h&&f&&(v.x=f[0]+e.clientX-h[0],v.y=Math.min(d,Math.max(c,f[1]+e.clientY-h[1])),v.selectedIndex=(d-v.y+a/2)/a>>0)},M=e=>{if(e.stopPropagation(),e.preventDefault(),h=null,v.y=d-v.selectedIndex*a,v.transition="transform 0.1s",f[0]=v.x,f[1]=v.y,"function"==typeof u){const e=v.selectedIndex,n=t[e];u(n,e)}};return m((()=>{const{height:e}=p.value.getBoundingClientRect(),{height:t}=g.value.getBoundingClientRect();d=(e-a)/2,c=(e+a)/2-t,f=[0,d-v.selectedIndex*a],v.x=f[0],v.y=f[1],v.barOpacity=1,v.transition="transform 0.1s"})),()=>i("div",{ref:p,class:`devui-vertical-slider ${r}`},[i("div",{ref:g,class:"movable-bar",style:{opacity:v.barOpacity,transform:`translateY(${v.y}px)`,transition:v.transition}},[t.map(((e,t)=>{const n=t===v.selectedIndex?s:o;return i("span",{class:`slider-item ${n}`,style:{height:`${a}px`,lineHeight:`${a}px`}},[e])}))]),i("div",{class:"slider-mask",onMousedown:w,onMousemove:x,onMouseup:M,onMouseout:M},null)])}});const U=o({props:{time:{type:Date}},setup(e){const{time:t=new Date}=e||{},n=y({hour:t.getHours(),minute:t.getMinutes(),second:t.getSeconds()}),a=Array(24).fill(0).map(((e,t)=>`${t}`.padStart(2,"0"))),r=Array(60).fill(0).map(((e,t)=>`${t}`.padStart(2,"0")));return()=>i("div",{class:"devui-calendar-timepicker"},[i("div",{class:"head"},[i("div",{class:"chars"},[i("span",null,[n.hour.toString().padStart(2,"0"),h(":"),n.minute.toString().padStart(2,"0"),h(":"),n.second.toString().padStart(2,"0")])])]),i("div",{class:"select"},[i(G,{items:a,selectedIndex:n.hour,onChange:(e,t)=>n.hour=t},null),i(G,{items:r,selectedIndex:n.minute,onChange:(e,t)=>n.minute=t},null),i(G,{items:r,selectedIndex:n.second,onChange:(e,t)=>n.second=t},null)])])}});const Z=e=>{const{showTime:t=!1}=e;let{current:n}=e;if(n instanceof Date||(n=new Date),"range"===e.type){let{next:a}=e;return a instanceof Date||(a=new Date(n.getFullYear(),n.getMonth()+1,1)),i("div",{class:"devui-calendar-container"},[i(X,c(e,{pos:0,current:n,compare:a}),null),t?i(U,{time:n},null):null,i(X,c(e,{pos:1,current:a,compare:n}),null),t?i(U,{time:a},null):null])}return i("div",{class:"devui-calendar-container"},[i(X,c(e,{pos:0,current:n}),null),t?i(U,{time:n},null):null])};var J=o({name:"DDatepicker",props:{selectedDateChange:{type:Function},autoClose:{type:Boolean,default:!1},range:{type:Boolean,default:!1},showTime:{type:Boolean,default:!1},format:{type:String,default:"y/MM/dd"},rangeSpliter:{type:String,default:"-"},attachInputDom:{type:String},dateMin:{type:String},dateMax:{type:String}},setup(e,t){const n=l(null),a=l(null),r=I(e.dateMin)||new Date,o=new Date(r.getFullYear(),r.getMonth()+1,1),s=y({show:!1,value:"",placeholder:L(e),current:r,next:o});s.value=z(s,e),s.placeholder=L(e);const u=e=>{e.stopPropagation(),x(e.target,n.value)||x(e.target,a.value)||(s.show=!1)};return m((()=>{document.addEventListener("click",u)})),f((()=>{document.removeEventListener("click",u)})),()=>i("div",{class:"devui-datepicker-container"},[i("div",{class:"input-container",ref:a},[i(N,{ref:a,class:"datepicker-input",value:s.value,placeholder:s.placeholder,onFocus:()=>s.show=!0},null),i(B,{size:"small",name:"calendar",class:"datepicker-input-icon"},null)]),i("div",{class:"devui-datepicker-panel",ref:n},[s.show?i(Z,{type:e.range?"range":"select",showTime:e.showTime,current:s.current,next:s.next,dateMin:I(e.dateMin),dateMax:I(e.dateMax),dateStart:s.start,dateEnd:s.end,dateHover:s.hover,onReset:e=>{s.end=s.hover=void 0,s.start=e},onChange:(t,n)=>{s.value=z(s,e),s.placeholder=L(e),M(e.selectedDateChange,s.value),e.autoClose&&(s.show=!1)},onToday:t=>{s.current=t,s.start=t,s.value=z(s,e),s.placeholder=L(e),M(e.selectedDateChange,s.value),e.autoClose&&(s.show=!1)},onSelected:e=>{s.start=e,0!==P(s.current,e)&&(s.current=e)},onSelectStart:e=>s.start=e,onSelectEnd:e=>{s.end=e,(e=>{const[t,n]=[e.start,e.end].sort(((e,t)=>e.getTime()-t.getTime()));e.start=t,e.end=n,0!==P(t,n,"m")?(e.current=t,e.next=n):(P(t,e.current)<0&&(e.current=t),P(e.next,n)<0&&(e.next=n))})(s)},onSelecting:e=>s.hover=e,onPreviousYear:(e,t)=>E(s,0,t,e),onPreviousMonth:(e,t)=>E(s,1,t,e),onNextMonth:(e,t)=>E(s,2,t,e),onNextYear:(e,t)=>E(s,3,t,e)},null):null])])}});const Q=o({name:"DStickSlider",props:{},setup(e){const t=y({showButtons:!1,selectedIndex:0}),n=e=>{e.stopPropagation(),t.showButtons=!0},a=e=>{e.stopPropagation(),t.showButtons=!1};return()=>i("div",{class:"devui-stick-slider",onMousedown:n,onMouseup:a,onMouseleave:a},[i("div",{class:"sub-buttons",style:{display:t.showButtons?"":"none"}},[Array(16).fill(null).map(((e,n)=>i("div",{class:"button "+(n===t.selectedIndex?"selected":""),onMouseenter:()=>t.selectedIndex=n},[n])))]),i("div",{class:"main-button"},null)])}});J.install=function(e){e.component(J.name,J),e.component(Q.name,Q)};var V={title:"DatePicker 日期选择器",category:"数据录入",install(e){e.use(J)}};export{J as DatePicker,Q as StickSlider,V as default};
|
package/date-picker/index.umd.js
CHANGED
|
@@ -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=(e,t,n=2,a="0")=>(e+"").padStart(Math.min(t.length,n),a),a=(e,t)=>{const a=(e=>[e.getFullYear(),e.getMonth()+1,e.getDate(),e.getDay(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()])(t);let r=e;return r=r.replace(/y+/g,(e=>{const t=a[0]+"";return 2===e.length?t.substring(2):t})),r=r.replace(/M+/g,(e=>n(a[1],e))),r=r.replace(/d+/g,(e=>n(a[2],e))),r=r.replace(/h+/g,(e=>n(a[4],e))),r=r.replace(/m+/g,(e=>n(a[5],e))),r=r.replace(/s+/g,(e=>n(a[6],e))),r},r=(e,t)=>{if(!t)return!1;for(;e;){if(e===t)return!0;e=e.parentNode}return!1},o=(e,...t)=>{"function"==typeof e&&e(...t)},s=(e=new Date)=>{e instanceof Date||(e=new Date);const{year:t,month:n}=(e=>{const t=e.getFullYear(),n=e.getMonth()+1,a=e.getDate(),r=e.getDay(),o=e.getHours(),s=e.getMinutes(),l=e.getSeconds();return{year:t,y:t,month:n,M:n,date:a,d:a,day:r,hour:o,H:o,h:o,minute:s,m:s,second:l,s:l,ms:e.getMilliseconds()}})(e),a=((e,t)=>{const n=new Date(e,t-1,1),a=new Date(e,t,0),r=[];let o=n.getDay();for(;o>0;)o-=1,r.push({date:new Date(e,t-1,-o),current:-1});o=a.getDate()-n.getDate();for(let l=0;l<=o;l++){const e=new Date(n);e.setDate(l+1),r.push({date:e,current:0})}o=a.getDay();let s=a;for(let l=o;l<6;l++)s=new Date(e,t,l-o+1),r.push({date:s,current:1});if(r.length<42){o=s.getDate();for(let n=1;n<=7;n++)s=new Date(e,t,o+n),r.push({date:s,current:1})}return r})(t,n),r=[];for(;a.length>0;)r.push(a.splice(0,7));return r},l=["日","一","二","三","四","五","六"],d=(e,...t)=>{"function"==typeof e&&e(...t)},c=864e5,i=(e,t)=>(new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime()-new Date(t.getFullYear(),t.getMonth(),t.getDate()).getTime())/c,u=(e,t,n,a)=>{return!e||!t||("year"===n?t.getFullYear()-e.getFullYear()>a:(o=e,12*(r=t).getFullYear()+r.getMonth()-(12*o.getFullYear()+o.getMonth())>a));var r,o},p=e=>{if(!e||"string"!=typeof e)return null;const[t="",n=""]=e.split(/([ ]|T)+/);if(!t)return null;const[a,r,o]=t.split(/[^\d]+/),s=g(a),l=g(r),d=g(o)||1;if(!s||!l)return null;const c=m(n);return new Date(s,l-1,d,...c)},g=(e,t)=>{if(!e||"string"!=typeof e)return t;const n=parseInt(e);return isNaN(n)?t:n},m=e=>{const[t,n,a,r]=e.split(/[\:\.]+/);return[g(t,0),g(n,0),g(a,0),g(r,0)]},f=(e,t,n="d")=>{const a=h(e,n),r=h(t,n);return a<r?-1:a>r?1:0},h=(e,t)=>{switch(t){case"y":return e.getFullYear();case"m":return 12*e.getFullYear()+e.getMonth()}return e.getTime()/c>>0},y=(e,t,n)=>!(t instanceof Date&&f(t,e,"d")>0)&&!(n instanceof Date&&f(e,n,"d")>0),v={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},cssClass:{type:String,default:""},error:{type:Boolean,default:!1},size:{type:String,default:""},showPassword:{type:Boolean,default:!1},value:{type:String,default:""},"onUpdate:value":{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 w=t.defineComponent({name:"DInput",directives:{focus:{mounted:function(e,t){t.value&&e.focus()}}},props:v,emits:["update:value","focus","blur","change","keydown"],setup(e,n){const a=t.computed((()=>`devui-input-${e.size}`)),r=t.ref(!1),o=t.ref("text"),s=t.computed((()=>({error:e.error,[e.cssClass]:!0,[a.value]:""!==e.size}))),l=t.computed((()=>"password"===o.value));t.watch((()=>e.showPassword),(e=>{o.value=e?"password":"text"}),{immediate:!0}),t.watch((()=>e.value),(e=>{e&&e.length>0&&l.value?r.value=!0:r.value=!1}));return{inputCls:s,inputType:o,showPreviewIcon:l,showPwdIcon:r,onInput:e=>{n.emit("update:value",e.target.value)},onFocus:()=>{n.emit("focus")},onBlur:()=>{n.emit("blur")},onChange:e=>{n.emit("change",e.target.value)},onKeydown:e=>{n.emit("keydown",e)},onChangeInputType:()=>{o.value="password"===o.value?"text":"password"}}},render(){const{value:e,showPreviewIcon:n,showPwdIcon:a,inputCls:r,inputType:o,maxLength:s,autoFocus:l,placeholder:d,disabled:c,onInput:i,onFocus:u,onBlur:p,onChange:g,onKeydown:m,onChangeInputType:f}=this;return t.createVNode("div",{class:"devui-input__wrap"},[t.withDirectives(t.createVNode("input",t.mergeProps({dinput:!0},{value:e,disabled:c,type:o,maxlength:s,placeholder:d,class:r,onInput:i,onFocus:u,onBlur:p,onChange:g,onKeydown:m}),null),[[t.resolveDirective("focus"),l]]),a&&t.createVNode("div",{class:"devui-input__preview",onClick:f},[n?t.createVNode(t.resolveComponent("d-icon"),{name:"preview",size:"12px",key:1},null):t.createVNode(t.resolveComponent("d-icon"),{name:"preview-forbidden",size:"12px",key:2},null)])])}});w.install=function(e){e.component(w.name,w)};var N=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:a,classPrefix:r}=this;return t.createVNode("i",{class:`${r} ${r}-${e}`,style:{fontSize:n,color:a}},null)}});N.install=function(e){e.component(N.name,N)};const x=(e,t,n,a)=>{switch(t){case 0:const t=new Date(a);t.setFullYear(t.getFullYear()-1),0===n?e.current=t:e.next=t;break;case 1:const r=new Date(a);r.setMonth(r.getMonth()-1),0===n?e.current=r:e.next=r;break;case 2:const o=new Date(a);o.setMonth(o.getMonth()+1),0===n?e.current=o:e.next=o;break;case 3:const s=new Date(a);s.setFullYear(s.getFullYear()+1),0===n?e.current=s:e.next=s}},M=(e,t)=>{const{format:n="y/MM/dd",range:r,rangeSpliter:o="-"}=t||{};if(r){if(!e.start)return"";if(!e.end)return a(n,e.start);if(e.end<e.start){const t=e.end;e.end=e.start,e.start=t}return((e,t,n,r="-")=>{const o=[t,n];return t.getTime()>n.getTime()&&o.reverse(),`${a(e,o[0])} ${r} ${a(e,o[1])}`})(n,e.start,e.end,o)}return e.start?a(n,e.start):""},S=e=>{if(!e)return"";const t=e.format||"y/MM/dd",n=e.rangeSpliter||"-";return e.range?`${t} ${n} ${t}`:t},b=e=>e.toDateString(),V=(e,t,n="cell")=>{if(!y(t.date,e.dateMin,e.dateMax))return`${n} disabled`;if(0!==t.current)return`${n} not-current`;const a=b(t.date);if("range"===e.type){if(e.dateStart){if(b(e.dateStart)===a)return`${n} selected`;if(e.dateEnd&&b(e.dateEnd)===a)return`${n} selected`;const r=e.dateEnd||e.dateHover;if(r){const a=r>e.dateStart?[e.dateStart,r]:[r,e.dateStart];if(t.date>a[0]&&t.date<a[1])return`${n} innerday`}}return n}return e.dateStart&&b(e.dateStart)===a?`${n} selected`:n},D=e=>{const{color:n="#585d6b",rotate:a=0}=e;return t.createVNode("svg",{style:{transform:`rotate(${a}deg)`},width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[t.createVNode("g",{fill:n,transform:"translate(-1.000000, -1.000000)"},[t.createVNode("path",{d:"M11,1.83333333 L11,10.1666667 L7,7.38833333 L7,10.1666667 L1,6 L7,1.83333333 L7,4.61033333 L11,1.83333333 Z"},null)])])},C=e=>{const{color:n="#585d6b",rotate:a=0}=e;return t.createVNode("svg",{style:{transform:`rotate(${a}deg)`},width:"6px",height:"10px",viewBox:"0 0 6 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[t.createVNode("g",{fill:n,transform:"translate(-3.000000, -1.000000)"},[t.createVNode("polygon",{points:"6 3 10.1666667 9 1.83333333 9"},null)])])};const P=e=>{const{button:n,disabled:a=!1,rotate:r=0,date:o,pos:s,cb:l}=e,c=a?"#cfd0d3":"#585d6b",i=""+(a?"disabled":""),u=a?void 0:()=>d(e.cb,o,s);return t.createVNode("a",{class:i,onClick:u},[t.createVNode(n,{color:c,rotate:r},null)])},_=e=>{const{date:n}=e;return t.createVNode("a",{class:"title"},[`${n.getFullYear()}年${(n.getMonth()+1+"").padStart(2,"0")}月`])},F=e=>{const{type:n,current:a,compare:r,pos:o,dateMax:s,dateMin:l,onPreviousYear:d,onPreviousMonth:c,onNextMonth:i,onNextYear:p}=e,g=[!1,!1,!1,!1];return"range"===n?1===o?(g[0]=!u(r,a,"year",1),g[1]=!u(r,a,"month",1),g[2]=!u(a,s,"month",0),g[3]=!u(a,s,"year",0)):(g[0]=!u(l,a,"year",0),g[1]=!u(l,a,"month",0),g[2]=!u(a,r,"month",1),g[3]=!u(a,r,"year",1)):(g[0]=!u(l,a,"year",0),g[1]=!u(l,a,"month",0),g[2]=!u(a,s,"month",0),g[3]=!u(a,s,"year",0)),t.createVNode("div",{class:"devui-calendar-toolbar"},[t.createVNode(P,{disabled:g[0],date:a,pos:o,button:D,cb:d},null),t.createVNode(P,{disabled:g[1],date:a,pos:o,button:C,rotate:-90,cb:c},null),t.createVNode(_,{date:a},null),t.createVNode(P,{disabled:g[2],date:a,pos:o,button:C,rotate:90,cb:i},null),t.createVNode(P,{disabled:g[3],date:a,pos:o,button:D,rotate:180,cb:p},null)])},I=e=>{const{onSelected:n=(()=>0),disabled:a=!1}=e;return t.createVNode("div",{class:"today-container "+(a?"disabled":"")},[t.createVNode("button",{class:"today-button",disabled:a,onClick:a?void 0:()=>n(new Date)},[t.createTextVNode("今天")])])};const T=e=>{const n=new Date;return t.createVNode("div",{class:"devui-calendar-panel"},[t.createVNode(F,{current:e.current,compare:e.compare,pos:e.pos,type:e.type,showTime:e.showTime,onPreviousYear:e.onPreviousYear,onPreviousMonth:e.onPreviousMonth,onNextMonth:e.onNextMonth,onNextYear:e.onNextYear,dateMax:e.dateMax,dateMin:e.dateMin},null),t.createVNode("ol",{class:"head row"},[l.map((e=>t.createVNode("li",{class:"cell"},[e])))]),t.createVNode("ul",{class:"body"},[s(e.current).map((n=>t.createVNode("li",{class:"row"},[n.map((n=>t.createVNode("span",{class:V(e,n),onClick:()=>((e,t)=>{y(t.date,e.dateMin,e.dateMax)&&("range"===e.type?e.dateStart?e.dateEnd?d(e.onReset,t.date):0!==i(e.dateStart,t.date)&&(d(e.onSelectEnd,t.date),"function"==typeof e.onChange&&e.onChange(e.type,e)):d(e.onSelectStart,t.date):(d(e.onSelected,t.date),"function"==typeof e.onChange&&e.onChange(e.type,e)))})(e,n),onMouseenter:()=>((e,t)=>{if(0!==t.current)return;const{dateMin:n,dateMax:a}=e;if(!(n&&i(t.date,n)<0||a&&i(a,t.date)<0||"range"!==e.type)){const n=b(t.date);if(!e.dateStart||b(e.dateStart)===n||e.dateEnd)return;d(e.onSelecting,t.date)}})(e,n)},[n.date.getDate()])))])))]),"range"!==e.type?t.createVNode(I,{disabled:!y(n,e.dateMin,e.dateMax),onSelected:t=>{"function"==typeof e.onToday&&e.onToday(t,0)}},null):null])};const Y=t.defineComponent({props:{size:{type:Number,default:26},items:{type:Array},selectedIndex:{type:Number},className:{type:String},itemClassNormal:{type:String},itemClassSelected:{type:String},onChange:{type:Function}},setup(e){const{items:n=[0,1,2,3,4,5,6,7,8,9],selectedIndex:a=0,size:r=26,className:o="",itemClassNormal:s="",itemClassSelected:l="selected",onChange:d}=e||{};let c=0,i=0;const u=t.ref(),p=t.ref();let g=null,m=null;const f=t.reactive({selectedIndex:a,barOpacity:0,x:0,y:0,transition:"none"}),h=e=>{e.stopPropagation(),e.preventDefault(),g=[e.clientX,e.clientY],f.transition="none"},y=e=>{e.stopPropagation(),e.preventDefault(),g&&m&&(f.x=m[0]+e.clientX-g[0],f.y=Math.min(c,Math.max(i,m[1]+e.clientY-g[1])),f.selectedIndex=(c-f.y+r/2)/r>>0)},v=e=>{if(e.stopPropagation(),e.preventDefault(),g=null,f.y=c-f.selectedIndex*r,f.transition="transform 0.1s",m[0]=f.x,m[1]=f.y,"function"==typeof d){const e=f.selectedIndex,t=n[e];d(t,e)}};return t.onMounted((()=>{const{height:e}=u.value.getBoundingClientRect(),{height:t}=p.value.getBoundingClientRect();c=(e-r)/2,i=(e+r)/2-t,m=[0,c-f.selectedIndex*r],f.x=m[0],f.y=m[1],f.barOpacity=1,f.transition="transform 0.1s"})),()=>t.createVNode("div",{ref:u,class:`devui-vertical-slider ${o}`},[t.createVNode("div",{ref:p,class:"movable-bar",style:{opacity:f.barOpacity,transform:`translateY(${f.y}px)`,transition:f.transition}},[n.map(((e,n)=>{const a=n===f.selectedIndex?l:s;return t.createVNode("span",{class:`slider-item ${a}`,style:{height:`${r}px`,lineHeight:`${r}px`}},[e])}))]),t.createVNode("div",{class:"slider-mask",onMousedown:h,onMousemove:y,onMouseup:v,onMouseout:v},null)])}});const $=t.defineComponent({props:{time:{type:Date}},setup(e){const{time:n=new Date}=e||{},a=t.reactive({hour:n.getHours(),minute:n.getMinutes(),second:n.getSeconds()}),r=Array(24).fill(0).map(((e,t)=>`${t}`.padStart(2,"0"))),o=Array(60).fill(0).map(((e,t)=>`${t}`.padStart(2,"0")));return()=>t.createVNode("div",{class:"devui-calendar-timepicker"},[t.createVNode("div",{class:"head"},[t.createVNode("div",{class:"chars"},[t.createVNode("span",null,[a.hour.toString().padStart(2,"0"),t.createTextVNode(":"),a.minute.toString().padStart(2,"0"),t.createTextVNode(":"),a.second.toString().padStart(2,"0")])])]),t.createVNode("div",{class:"select"},[t.createVNode(Y,{items:r,selectedIndex:a.hour,onChange:(e,t)=>a.hour=t},null),t.createVNode(Y,{items:o,selectedIndex:a.minute,onChange:(e,t)=>a.minute=t},null),t.createVNode(Y,{items:o,selectedIndex:a.second,onChange:(e,t)=>a.second=t},null)])])}});const k=e=>{const{showTime:n=!1}=e;let{current:a}=e;if(a instanceof Date||(a=new Date),"range"===e.type){let{next:r}=e;return r instanceof Date||(r=new Date(a.getFullYear(),a.getMonth()+1,1)),t.createVNode("div",{class:"devui-calendar-container"},[t.createVNode(T,t.mergeProps(e,{pos:0,current:a,compare:r}),null),n?t.createVNode($,{time:a},null):null,t.createVNode(T,t.mergeProps(e,{pos:1,current:r,compare:a}),null),n?t.createVNode($,{time:r},null):null])}return t.createVNode("div",{class:"devui-calendar-container"},[t.createVNode(T,t.mergeProps(e,{pos:0,current:a}),null),n?t.createVNode($,{time:a},null):null])};var B=t.defineComponent({name:"DDatepicker",props:{selectedDateChange:{type:Function},autoClose:{type:Boolean,default:!1},range:{type:Boolean,default:!1},showTime:{type:Boolean,default:!1},format:{type:String,default:"y/MM/dd"},rangeSpliter:{type:String,default:"-"},attachInputDom:{type:String},dateMin:{type:String},dateMax:{type:String}},setup(e,n){const a=t.ref(null),s=t.ref(null),l=p(e.dateMin)||new Date,d=new Date(l.getFullYear(),l.getMonth()+1,1),c=t.reactive({show:!1,value:"",placeholder:S(e),current:l,next:d});c.value=M(c,e),c.placeholder=S(e);const i=e=>{e.stopPropagation(),r(e.target,a.value)||r(e.target,s.value)||(c.show=!1)};return t.onMounted((()=>{document.addEventListener("click",i)})),t.onUnmounted((()=>{document.removeEventListener("click",i)})),()=>t.createVNode("div",{class:"devui-datepicker-container"},[t.createVNode("div",{class:"input-container",ref:s},[t.createVNode(w,{ref:s,class:"datepicker-input",value:c.value,placeholder:c.placeholder,onFocus:()=>c.show=!0},null),t.createVNode(N,{size:"small",name:"calendar",class:"datepicker-input-icon"},null)]),t.createVNode("div",{class:"devui-datepicker-panel",ref:a},[c.show?t.createVNode(k,{type:e.range?"range":"select",showTime:e.showTime,current:c.current,next:c.next,dateMin:p(e.dateMin),dateMax:p(e.dateMax),dateStart:c.start,dateEnd:c.end,dateHover:c.hover,onReset:e=>{c.end=c.hover=void 0,c.start=e},onChange:(t,n)=>{c.value=M(c,e),c.placeholder=S(e),o(e.selectedDateChange,c.value),e.autoClose&&(c.show=!1)},onToday:t=>{c.current=t,c.start=t,c.value=M(c,e),c.placeholder=S(e),o(e.selectedDateChange,c.value),e.autoClose&&(c.show=!1)},onSelected:e=>{c.start=e,0!==f(c.current,e)&&(c.current=e)},onSelectStart:e=>c.start=e,onSelectEnd:e=>{c.end=e,(e=>{const[t,n]=[e.start,e.end].sort(((e,t)=>e.getTime()-t.getTime()));e.start=t,e.end=n,0!==f(t,n,"m")?(e.current=t,e.next=n):(f(t,e.current)<0&&(e.current=t),f(e.next,n)<0&&(e.next=n))})(c)},onSelecting:e=>c.hover=e,onPreviousYear:(e,t)=>x(c,0,t,e),onPreviousMonth:(e,t)=>x(c,1,t,e),onNextMonth:(e,t)=>x(c,2,t,e),onNextYear:(e,t)=>x(c,3,t,e)},null):null])])}});const E=t.defineComponent({name:"DStickSlider",props:{},setup(e){const n=t.reactive({showButtons:!1,selectedIndex:0}),a=e=>{e.stopPropagation(),n.showButtons=!0},r=e=>{e.stopPropagation(),n.showButtons=!1};return()=>t.createVNode("div",{class:"devui-stick-slider",onMousedown:a,onMouseup:r,onMouseleave:r},[t.createVNode("div",{class:"sub-buttons",style:{display:n.showButtons?"":"none"}},[Array(16).fill(null).map(((e,a)=>t.createVNode("div",{class:"button "+(a===n.selectedIndex?"selected":""),onMouseenter:()=>n.selectedIndex=a},[a])))]),t.createVNode("div",{class:"main-button"},null)])}});var O={install(e){B.version="0.0.1",e.component(B.name,B),e.component(E.name,E)}};e.DatePicker=B,e.StickSlider=E,e.default=O,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
|
|
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=(e,t,n=2,a="0")=>(e+"").padStart(Math.min(t.length,n),a),a=(e,t)=>{const a=(e=>[e.getFullYear(),e.getMonth()+1,e.getDate(),e.getDay(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()])(t);let r=e;return r=r.replace(/y+/g,(e=>{const t=a[0]+"";return 2===e.length?t.substring(2):t})),r=r.replace(/M+/g,(e=>n(a[1],e))),r=r.replace(/d+/g,(e=>n(a[2],e))),r=r.replace(/h+/g,(e=>n(a[4],e))),r=r.replace(/m+/g,(e=>n(a[5],e))),r=r.replace(/s+/g,(e=>n(a[6],e))),r},r=(e,t)=>{if(!t)return!1;for(;e;){if(e===t)return!0;e=e.parentNode}return!1},o=(e,...t)=>{"function"==typeof e&&e(...t)},s=(e=new Date)=>{e instanceof Date||(e=new Date);const{year:t,month:n}=(e=>{const t=e.getFullYear(),n=e.getMonth()+1,a=e.getDate(),r=e.getDay(),o=e.getHours(),s=e.getMinutes(),l=e.getSeconds();return{year:t,y:t,month:n,M:n,date:a,d:a,day:r,hour:o,H:o,h:o,minute:s,m:s,second:l,s:l,ms:e.getMilliseconds()}})(e),a=((e,t)=>{const n=new Date(e,t-1,1),a=new Date(e,t,0),r=[];let o=n.getDay();for(;o>0;)o-=1,r.push({date:new Date(e,t-1,-o),current:-1});o=a.getDate()-n.getDate();for(let l=0;l<=o;l++){const e=new Date(n);e.setDate(l+1),r.push({date:e,current:0})}o=a.getDay();let s=a;for(let l=o;l<6;l++)s=new Date(e,t,l-o+1),r.push({date:s,current:1});if(r.length<42){o=s.getDate();for(let n=1;n<=7;n++)s=new Date(e,t,o+n),r.push({date:s,current:1})}return r})(t,n),r=[];for(;a.length>0;)r.push(a.splice(0,7));return r},l=["日","一","二","三","四","五","六"],d=(e,...t)=>{"function"==typeof e&&e(...t)},c=864e5,i=(e,t)=>(new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime()-new Date(t.getFullYear(),t.getMonth(),t.getDate()).getTime())/c,u=(e,t,n,a)=>{return!e||!t||("year"===n?t.getFullYear()-e.getFullYear()>a:(o=e,12*(r=t).getFullYear()+r.getMonth()-(12*o.getFullYear()+o.getMonth())>a));var r,o},p=e=>{if(!e||"string"!=typeof e)return null;const[t="",n=""]=e.split(/([ ]|T)+/);if(!t)return null;const[a,r,o]=t.split(/[^\d]+/),s=g(a),l=g(r),d=g(o)||1;if(!s||!l)return null;const c=f(n);return new Date(s,l-1,d,...c)},g=(e,t)=>{if(!e||"string"!=typeof e)return t;const n=parseInt(e);return isNaN(n)?t:n},f=e=>{const[t,n,a,r]=e.split(/[\:\.]+/);return[g(t,0),g(n,0),g(a,0),g(r,0)]},m=(e,t,n="d")=>{const a=h(e,n),r=h(t,n);return a<r?-1:a>r?1:0},h=(e,t)=>{switch(t){case"y":return e.getFullYear();case"m":return 12*e.getFullYear()+e.getMonth()}return e.getTime()/c>>0},y=(e,t,n)=>!(t instanceof Date&&m(t,e,"d")>0)&&!(n instanceof Date&&m(e,n,"d")>0),v={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},cssClass:{type:String,default:""},error:{type:Boolean,default:!1},size:{type:String,default:""},showPassword:{type:Boolean,default:!1},value:{type:String,default:""},"onUpdate:value":{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 w=t.defineComponent({name:"DInput",directives:{focus:{mounted:function(e,t){t.value&&e.focus()}}},props:v,emits:["update:value","focus","blur","change","keydown"],setup(e,n){const a=t.computed((()=>`devui-input-${e.size}`)),r=t.ref(!1),o=t.ref("text"),s=t.computed((()=>({error:e.error,[e.cssClass]:!0,[a.value]:""!==e.size}))),l=t.computed((()=>"password"===o.value));t.watch((()=>e.showPassword),(e=>{o.value=e?"password":"text"}),{immediate:!0}),t.watch((()=>e.value),(e=>{e&&e.length>0&&l.value?r.value=!0:r.value=!1}));return{inputCls:s,inputType:o,showPreviewIcon:l,showPwdIcon:r,onInput:e=>{n.emit("update:value",e.target.value)},onFocus:()=>{n.emit("focus")},onBlur:()=>{n.emit("blur")},onChange:e=>{n.emit("change",e.target.value)},onKeydown:e=>{n.emit("keydown",e)},onChangeInputType:()=>{o.value="password"===o.value?"text":"password"}}},render(){const{value:e,showPreviewIcon:n,showPwdIcon:a,inputCls:r,inputType:o,maxLength:s,autoFocus:l,placeholder:d,disabled:c,onInput:i,onFocus:u,onBlur:p,onChange:g,onKeydown:f,onChangeInputType:m}=this;return t.createVNode("div",{class:"devui-input__wrap"},[t.withDirectives(t.createVNode("input",t.mergeProps({dinput:!0},{value:e,disabled:c,type:o,maxlength:s,placeholder:d,class:r,onInput:i,onFocus:u,onBlur:p,onChange:g,onKeydown:f}),null),[[t.resolveDirective("focus"),l]]),a&&t.createVNode("div",{class:"devui-input__preview",onClick:m},[n?t.createVNode(t.resolveComponent("d-icon"),{name:"preview",size:"12px",key:1},null):t.createVNode(t.resolveComponent("d-icon"),{name:"preview-forbidden",size:"12px",key:2},null)])])}});w.install=function(e){e.component(w.name,w)};var N=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:a,classPrefix:r}=this;return t.createVNode("i",{class:`${r} ${r}-${e}`,style:{fontSize:n,color:a}},null)}});N.install=function(e){e.component(N.name,N)};const x=(e,t,n,a)=>{switch(t){case 0:const t=new Date(a);t.setFullYear(t.getFullYear()-1),0===n?e.current=t:e.next=t;break;case 1:const r=new Date(a);r.setMonth(r.getMonth()-1),0===n?e.current=r:e.next=r;break;case 2:const o=new Date(a);o.setMonth(o.getMonth()+1),0===n?e.current=o:e.next=o;break;case 3:const s=new Date(a);s.setFullYear(s.getFullYear()+1),0===n?e.current=s:e.next=s}},M=(e,t)=>{const{format:n="y/MM/dd",range:r,rangeSpliter:o="-"}=t||{};if(r){if(!e.start)return"";if(!e.end)return a(n,e.start);if(e.end<e.start){const t=e.end;e.end=e.start,e.start=t}return((e,t,n,r="-")=>{const o=[t,n];return t.getTime()>n.getTime()&&o.reverse(),`${a(e,o[0])} ${r} ${a(e,o[1])}`})(n,e.start,e.end,o)}return e.start?a(n,e.start):""},S=e=>{if(!e)return"";const t=e.format||"y/MM/dd",n=e.rangeSpliter||"-";return e.range?`${t} ${n} ${t}`:t},b=e=>e.toDateString(),V=(e,t,n="cell")=>{if(!y(t.date,e.dateMin,e.dateMax))return`${n} disabled`;if(0!==t.current)return`${n} not-current`;const a=b(t.date);if("range"===e.type){if(e.dateStart){if(b(e.dateStart)===a)return`${n} selected`;if(e.dateEnd&&b(e.dateEnd)===a)return`${n} selected`;const r=e.dateEnd||e.dateHover;if(r){const a=r>e.dateStart?[e.dateStart,r]:[r,e.dateStart];if(t.date>a[0]&&t.date<a[1])return`${n} innerday`}}return n}return e.dateStart&&b(e.dateStart)===a?`${n} selected`:n},D=e=>{const{color:n="#585d6b",rotate:a=0}=e;return t.createVNode("svg",{style:{transform:`rotate(${a}deg)`},width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[t.createVNode("g",{fill:n,transform:"translate(-1.000000, -1.000000)"},[t.createVNode("path",{d:"M11,1.83333333 L11,10.1666667 L7,7.38833333 L7,10.1666667 L1,6 L7,1.83333333 L7,4.61033333 L11,1.83333333 Z"},null)])])},C=e=>{const{color:n="#585d6b",rotate:a=0}=e;return t.createVNode("svg",{style:{transform:`rotate(${a}deg)`},width:"6px",height:"10px",viewBox:"0 0 6 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[t.createVNode("g",{fill:n,transform:"translate(-3.000000, -1.000000)"},[t.createVNode("polygon",{points:"6 3 10.1666667 9 1.83333333 9"},null)])])};const P=e=>{const{button:n,disabled:a=!1,rotate:r=0,date:o,pos:s,cb:l}=e,c=a?"#cfd0d3":"#585d6b",i=""+(a?"disabled":""),u=a?void 0:()=>d(e.cb,o,s);return t.createVNode("a",{class:i,onClick:u},[t.createVNode(n,{color:c,rotate:r},null)])},_=e=>{const{date:n}=e;return t.createVNode("a",{class:"title"},[`${n.getFullYear()}年${(n.getMonth()+1+"").padStart(2,"0")}月`])},F=e=>{const{type:n,current:a,compare:r,pos:o,dateMax:s,dateMin:l,onPreviousYear:d,onPreviousMonth:c,onNextMonth:i,onNextYear:p}=e,g=[!1,!1,!1,!1];return"range"===n?1===o?(g[0]=!u(r,a,"year",1),g[1]=!u(r,a,"month",1),g[2]=!u(a,s,"month",0),g[3]=!u(a,s,"year",0)):(g[0]=!u(l,a,"year",0),g[1]=!u(l,a,"month",0),g[2]=!u(a,r,"month",1),g[3]=!u(a,r,"year",1)):(g[0]=!u(l,a,"year",0),g[1]=!u(l,a,"month",0),g[2]=!u(a,s,"month",0),g[3]=!u(a,s,"year",0)),t.createVNode("div",{class:"devui-calendar-toolbar"},[t.createVNode(P,{disabled:g[0],date:a,pos:o,button:D,cb:d},null),t.createVNode(P,{disabled:g[1],date:a,pos:o,button:C,rotate:-90,cb:c},null),t.createVNode(_,{date:a},null),t.createVNode(P,{disabled:g[2],date:a,pos:o,button:C,rotate:90,cb:i},null),t.createVNode(P,{disabled:g[3],date:a,pos:o,button:D,rotate:180,cb:p},null)])},I=e=>{const{onSelected:n=(()=>0),disabled:a=!1}=e;return t.createVNode("div",{class:"today-container "+(a?"disabled":"")},[t.createVNode("button",{class:"today-button",disabled:a,onClick:a?void 0:()=>n(new Date)},[t.createTextVNode("今天")])])};const T=e=>{const n=new Date;return t.createVNode("div",{class:"devui-calendar-panel"},[t.createVNode(F,{current:e.current,compare:e.compare,pos:e.pos,type:e.type,showTime:e.showTime,onPreviousYear:e.onPreviousYear,onPreviousMonth:e.onPreviousMonth,onNextMonth:e.onNextMonth,onNextYear:e.onNextYear,dateMax:e.dateMax,dateMin:e.dateMin},null),t.createVNode("ol",{class:"head row"},[l.map((e=>t.createVNode("li",{class:"cell"},[e])))]),t.createVNode("ul",{class:"body"},[s(e.current).map((n=>t.createVNode("li",{class:"row"},[n.map((n=>t.createVNode("span",{class:V(e,n),onClick:()=>((e,t)=>{y(t.date,e.dateMin,e.dateMax)&&("range"===e.type?e.dateStart?e.dateEnd?d(e.onReset,t.date):0!==i(e.dateStart,t.date)&&(d(e.onSelectEnd,t.date),"function"==typeof e.onChange&&e.onChange(e.type,e)):d(e.onSelectStart,t.date):(d(e.onSelected,t.date),"function"==typeof e.onChange&&e.onChange(e.type,e)))})(e,n),onMouseenter:()=>((e,t)=>{if(0!==t.current)return;const{dateMin:n,dateMax:a}=e;if(!(n&&i(t.date,n)<0||a&&i(a,t.date)<0||"range"!==e.type)){const n=b(t.date);if(!e.dateStart||b(e.dateStart)===n||e.dateEnd)return;d(e.onSelecting,t.date)}})(e,n)},[n.date.getDate()])))])))]),"range"!==e.type?t.createVNode(I,{disabled:!y(n,e.dateMin,e.dateMax),onSelected:t=>{"function"==typeof e.onToday&&e.onToday(t,0)}},null):null])};const Y=t.defineComponent({props:{size:{type:Number,default:26},items:{type:Array},selectedIndex:{type:Number},className:{type:String},itemClassNormal:{type:String},itemClassSelected:{type:String},onChange:{type:Function}},setup(e){const{items:n=[0,1,2,3,4,5,6,7,8,9],selectedIndex:a=0,size:r=26,className:o="",itemClassNormal:s="",itemClassSelected:l="selected",onChange:d}=e||{};let c=0,i=0;const u=t.ref(),p=t.ref();let g=null,f=null;const m=t.reactive({selectedIndex:a,barOpacity:0,x:0,y:0,transition:"none"}),h=e=>{e.stopPropagation(),e.preventDefault(),g=[e.clientX,e.clientY],m.transition="none"},y=e=>{e.stopPropagation(),e.preventDefault(),g&&f&&(m.x=f[0]+e.clientX-g[0],m.y=Math.min(c,Math.max(i,f[1]+e.clientY-g[1])),m.selectedIndex=(c-m.y+r/2)/r>>0)},v=e=>{if(e.stopPropagation(),e.preventDefault(),g=null,m.y=c-m.selectedIndex*r,m.transition="transform 0.1s",f[0]=m.x,f[1]=m.y,"function"==typeof d){const e=m.selectedIndex,t=n[e];d(t,e)}};return t.onMounted((()=>{const{height:e}=u.value.getBoundingClientRect(),{height:t}=p.value.getBoundingClientRect();c=(e-r)/2,i=(e+r)/2-t,f=[0,c-m.selectedIndex*r],m.x=f[0],m.y=f[1],m.barOpacity=1,m.transition="transform 0.1s"})),()=>t.createVNode("div",{ref:u,class:`devui-vertical-slider ${o}`},[t.createVNode("div",{ref:p,class:"movable-bar",style:{opacity:m.barOpacity,transform:`translateY(${m.y}px)`,transition:m.transition}},[n.map(((e,n)=>{const a=n===m.selectedIndex?l:s;return t.createVNode("span",{class:`slider-item ${a}`,style:{height:`${r}px`,lineHeight:`${r}px`}},[e])}))]),t.createVNode("div",{class:"slider-mask",onMousedown:h,onMousemove:y,onMouseup:v,onMouseout:v},null)])}});const $=t.defineComponent({props:{time:{type:Date}},setup(e){const{time:n=new Date}=e||{},a=t.reactive({hour:n.getHours(),minute:n.getMinutes(),second:n.getSeconds()}),r=Array(24).fill(0).map(((e,t)=>`${t}`.padStart(2,"0"))),o=Array(60).fill(0).map(((e,t)=>`${t}`.padStart(2,"0")));return()=>t.createVNode("div",{class:"devui-calendar-timepicker"},[t.createVNode("div",{class:"head"},[t.createVNode("div",{class:"chars"},[t.createVNode("span",null,[a.hour.toString().padStart(2,"0"),t.createTextVNode(":"),a.minute.toString().padStart(2,"0"),t.createTextVNode(":"),a.second.toString().padStart(2,"0")])])]),t.createVNode("div",{class:"select"},[t.createVNode(Y,{items:r,selectedIndex:a.hour,onChange:(e,t)=>a.hour=t},null),t.createVNode(Y,{items:o,selectedIndex:a.minute,onChange:(e,t)=>a.minute=t},null),t.createVNode(Y,{items:o,selectedIndex:a.second,onChange:(e,t)=>a.second=t},null)])])}});const k=e=>{const{showTime:n=!1}=e;let{current:a}=e;if(a instanceof Date||(a=new Date),"range"===e.type){let{next:r}=e;return r instanceof Date||(r=new Date(a.getFullYear(),a.getMonth()+1,1)),t.createVNode("div",{class:"devui-calendar-container"},[t.createVNode(T,t.mergeProps(e,{pos:0,current:a,compare:r}),null),n?t.createVNode($,{time:a},null):null,t.createVNode(T,t.mergeProps(e,{pos:1,current:r,compare:a}),null),n?t.createVNode($,{time:r},null):null])}return t.createVNode("div",{class:"devui-calendar-container"},[t.createVNode(T,t.mergeProps(e,{pos:0,current:a}),null),n?t.createVNode($,{time:a},null):null])};var B=t.defineComponent({name:"DDatepicker",props:{selectedDateChange:{type:Function},autoClose:{type:Boolean,default:!1},range:{type:Boolean,default:!1},showTime:{type:Boolean,default:!1},format:{type:String,default:"y/MM/dd"},rangeSpliter:{type:String,default:"-"},attachInputDom:{type:String},dateMin:{type:String},dateMax:{type:String}},setup(e,n){const a=t.ref(null),s=t.ref(null),l=p(e.dateMin)||new Date,d=new Date(l.getFullYear(),l.getMonth()+1,1),c=t.reactive({show:!1,value:"",placeholder:S(e),current:l,next:d});c.value=M(c,e),c.placeholder=S(e);const i=e=>{e.stopPropagation(),r(e.target,a.value)||r(e.target,s.value)||(c.show=!1)};return t.onMounted((()=>{document.addEventListener("click",i)})),t.onUnmounted((()=>{document.removeEventListener("click",i)})),()=>t.createVNode("div",{class:"devui-datepicker-container"},[t.createVNode("div",{class:"input-container",ref:s},[t.createVNode(w,{ref:s,class:"datepicker-input",value:c.value,placeholder:c.placeholder,onFocus:()=>c.show=!0},null),t.createVNode(N,{size:"small",name:"calendar",class:"datepicker-input-icon"},null)]),t.createVNode("div",{class:"devui-datepicker-panel",ref:a},[c.show?t.createVNode(k,{type:e.range?"range":"select",showTime:e.showTime,current:c.current,next:c.next,dateMin:p(e.dateMin),dateMax:p(e.dateMax),dateStart:c.start,dateEnd:c.end,dateHover:c.hover,onReset:e=>{c.end=c.hover=void 0,c.start=e},onChange:(t,n)=>{c.value=M(c,e),c.placeholder=S(e),o(e.selectedDateChange,c.value),e.autoClose&&(c.show=!1)},onToday:t=>{c.current=t,c.start=t,c.value=M(c,e),c.placeholder=S(e),o(e.selectedDateChange,c.value),e.autoClose&&(c.show=!1)},onSelected:e=>{c.start=e,0!==m(c.current,e)&&(c.current=e)},onSelectStart:e=>c.start=e,onSelectEnd:e=>{c.end=e,(e=>{const[t,n]=[e.start,e.end].sort(((e,t)=>e.getTime()-t.getTime()));e.start=t,e.end=n,0!==m(t,n,"m")?(e.current=t,e.next=n):(m(t,e.current)<0&&(e.current=t),m(e.next,n)<0&&(e.next=n))})(c)},onSelecting:e=>c.hover=e,onPreviousYear:(e,t)=>x(c,0,t,e),onPreviousMonth:(e,t)=>x(c,1,t,e),onNextMonth:(e,t)=>x(c,2,t,e),onNextYear:(e,t)=>x(c,3,t,e)},null):null])])}});const E=t.defineComponent({name:"DStickSlider",props:{},setup(e){const n=t.reactive({showButtons:!1,selectedIndex:0}),a=e=>{e.stopPropagation(),n.showButtons=!0},r=e=>{e.stopPropagation(),n.showButtons=!1};return()=>t.createVNode("div",{class:"devui-stick-slider",onMousedown:a,onMouseup:r,onMouseleave:r},[t.createVNode("div",{class:"sub-buttons",style:{display:n.showButtons?"":"none"}},[Array(16).fill(null).map(((e,a)=>t.createVNode("div",{class:"button "+(a===n.selectedIndex?"selected":""),onMouseenter:()=>n.selectedIndex=a},[a])))]),t.createVNode("div",{class:"main-button"},null)])}});B.install=function(e){e.component(B.name,B),e.component(E.name,E)};var O={title:"DatePicker 日期选择器",category:"数据录入",install(e){e.use(B)}};e.DatePicker=B,e.StickSlider=E,e.default=O,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.devui-
|
|
1
|
+
.devui-form-group input::-ms-clear{display:none}.devui-form-group ul.devui-list-unstyled{margin:0;overflow-y:auto;padding:0}.devui-form-group .devui-dropdown-bg{background:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-form-group .devui-popup-tips{color:var(--devui-text-weak, #575d6c);padding:4px 12px}.devui-form-group .devui-form-control{outline:none;padding-right:24px}.devui-select-open .devui-select-chevron-icon{transform:rotate(180deg)}.devui-select-open .devui-select-chevron-icon svg path{fill:var(--devui-text-weak, #575d6c)}.devui-form-control-feedback .devui-select-chevron-icon{display:inline-flex;vertical-align:middle;transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-has-feedback>.devui-form-control-feedback{line-height:26px}.devui-dropdown-wrap .devui-dropdown-menu{width:100%;display:block}.devui-dropdown-wrap .devui-dropdown-menu .devui-dropdown-item{cursor:pointer;display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:14px}.devui-dropdown-wrap .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected{color:var(--devui-list-item-active-text, #ffffff);background-color:var(--devui-list-item-active-bg, #5e7ce0)}.devui-dropdown-wrap .devui-dropdown-menu .devui-dropdown-item.disabled,.devui-dropdown-wrap .devui-dropdown-menu .devui-dropdown-item.disabled:hover{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-no-result-template,.devui-is-searching-template{display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);color:var(--devui-disabled-text, #adb0b8);line-height:14px}.devui-no-result-template:hover,.devui-no-result-template:active,.devui-no-result-template:hover:active,.devui-is-searching-template:hover,.devui-is-searching-template:active,.devui-is-searching-template:hover:active{background-color:var(--devui-unavailable, #f5f5f6)}
|
|
@@ -0,0 +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=()=>{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};
|
|
@@ -0,0 +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),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"}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;overflow:auto;background-color:var(--devui-base-bg, #ffffff)}.devui-fullscreen{overflow:hidden}:not(:root):fullscreen::backdrop{background:#ffffff}
|