vue-devui 1.0.0-alpha.6 → 1.0.0-beta.12

package/accordion/style.css

@@ -1 +1 @@
-@charset "UTF-8";:host{display:block}.devui-accordion-menu-item,d-accordion-item,d-accordion-item-hreflink,d-accordion-item-routerlink,.devui-accordion-list{display:block}.devui-accordion-menu{display:block;background:var(--devui-base-bg, #ffffff);width:100%;overflow-y:auto;border-radius:var(--devui-border-radius, 2px);height:100%}.devui-accordion-menu.devui-accordion-menu-normal{box-shadow:var(--devui-shadow-length-base, 0 1px 4px 0) var(--devui-shadow, rgba(0, 0, 0, .2))}.devui-accordion-menu>.devui-accordion-list{padding:10px 0}.devui-accordion-menu .devui-over-flow-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.devui-accordion-submenu{background:var(--devui-base-bg, #ffffff);width:100%}.devui-accordion-item-title{display:block;height:40px;width:100%;padding:0 10px 0 20px;font-weight:400;line-height:40px;color:var(--devui-text-weak, #575d6c);background:transparent;cursor:pointer}.devui-accordion-item-title.disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-accordion-item-title.disabled>a{color:var(--devui-disabled-text, #adb0b8)}.devui-accordion-item-title:not(.disabled):hover{background:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-accordion-item-title:not(.disabled).devui-router-active,.devui-accordion-item-title:not(.disabled).active:not(.open){color:var(--devui-brand-active, #526ecc);font-weight:bold}.devui-accordion-item-title:not(.disabled).devui-router-active>a,.devui-accordion-item-title:not(.disabled).active:not(.open)>a{color:var(--devui-brand-active, #526ecc)}.devui-accordion-item-title>a{text-decoration:none;display:block;width:100%;color:var(--devui-text-weak, #575d6c)}.devui-accordion-item-title>a:hover{color:inherit;text-decoration:none}d-accordion-item-hreflink.devui-accordion-item-title,d-accordion-item-routerlink.devui-accordion-item-title{padding:0}d-accordion-item-hreflink.devui-accordion-item-title>a,d-accordion-item-routerlink.devui-accordion-item-title>a{padding:0 10px 0 20px}.devui-accordion-menu-item>.devui-accordion-item-title{position:relative}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon{display:inline-block;text-indent:0;pointer-events:none;position:absolute;right:10px;top:12px;width:16px;height:16px;line-height:16px;transition:transform ease-out .3s}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg{width:16px;height:16px}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg polygon{fill:var(--devui-text-weak, #575d6c)}.devui-accordion-menu-item>.devui-accordion-item-title:not(.open).active svg polygon{fill:var(--devui-icon-fill-active, #5e7ce0)}.devui-accordion-menu-item>.devui-accordion-item-title:not(.open)>.devui-accordion-open-icon{transform:rotate(-180deg);transform-origin:center}.devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon{color:var(--devui-disabled-text, #adb0b8)}.devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon svg polygon{fill:var(--devui-disabled-text, #adb0b8)}.devui-accordion-menu-item>.devui-accordion-item-title{padding-right:30px}.devui-accordion-menu-item>.devui-accordion-item-title.active:not(.open){color:var(--devui-brand-active, #526ecc);background:transparent}.devui-accordion-list.devui-accordion-menu-hidden{display:none}.devui-accordion-item-title{position:relative}.devui-accordion-item-title .devui-accordion-splitter{position:absolute;display:inline-block;left:10px;width:2px;height:40px;background:var(--devui-dividing-line, #dfe1e6);vertical-align:middle}.devui-accordion-item-title .devui-accordion-splitter.devui-parent-list{background-color:transparent}.devui-accordion-item-title.devui-router-active:not(.open) .devui-accordion-splitter:before,.devui-accordion-item-title.active:not(.open) .devui-accordion-splitter:before{content:"";display:block;width:2px;height:18px;background:var(--devui-form-control-line-active, #5e7ce0);position:absolute;top:11px;left:0}.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:28px;top:12px}.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter:before{top:0}.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:28px;top:0}.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter:before{top:initial;bottom:0}.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:18px;top:11px}.devui-accordion-item>a{padding:0 10px 0 20px;color:var(--devui-text-weak, #575d6c);display:block;text-decoration:none;width:100%}.devui-accordion-item-title .tag-done{display:inline-block;height:18px;min-height:20px;padding:0 10px;margin-left:8px;line-height:18px;color:#fa9841;border:solid 1px #fa9841;background:var(--devui-base-bg, #ffffff);font-size:var(--devui-font-size, 12px);border-radius:var(--devui-border-radius, 2px);text-indent:0;cursor:default}
+@charset "UTF-8";.devui-accordion-menu ol,ul{margin:0!important;line-height:0!important;font-size:12px}:host{display:block}.devui-accordion-menu-item,d-accordion-item,d-accordion-item-hreflink,d-accordion-item-routerlink,.devui-accordion-list{display:block}.devui-accordion-menu{display:block;background:var(--devui-base-bg, #ffffff);width:100%;overflow-y:auto;border-radius:var(--devui-border-radius, 2px);height:100%}.devui-accordion-menu.devui-accordion-menu-normal{box-shadow:var(--devui-shadow-length-base, 0 1px 4px 0) var(--devui-shadow, rgba(0, 0, 0, .2))}.devui-accordion-menu>.devui-accordion-list{padding:10px 0}.devui-accordion-menu .devui-over-flow-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.devui-accordion-submenu{background:var(--devui-base-bg, #ffffff);width:100%}.devui-accordion-item-title{display:block;height:40px;width:100%;padding:0 10px 0 20px;font-weight:400;line-height:40px;color:var(--devui-text-weak, #575d6c);background:transparent;cursor:pointer}.devui-accordion-item-title.disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-accordion-item-title.disabled>a{color:var(--devui-disabled-text, #adb0b8)}.devui-accordion-item-title:not(.disabled):hover{background:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-accordion-item-title:not(.disabled).devui-router-active,.devui-accordion-item-title:not(.disabled).active:not(.open){color:var(--devui-brand-active, #526ecc);font-weight:bold}.devui-accordion-item-title:not(.disabled).devui-router-active>a,.devui-accordion-item-title:not(.disabled).active:not(.open)>a{color:var(--devui-brand-active, #526ecc)}.devui-accordion-item-title>a{text-decoration:none;display:block;width:100%;color:var(--devui-text-weak, #575d6c)}.devui-accordion-item-title>a:hover{color:inherit;text-decoration:none}d-accordion-item-hreflink.devui-accordion-item-title,d-accordion-item-routerlink.devui-accordion-item-title{padding:0}d-accordion-item-hreflink.devui-accordion-item-title>a,d-accordion-item-routerlink.devui-accordion-item-title>a{padding:0 10px 0 20px}.devui-accordion-menu-item>.devui-accordion-item-title{position:relative}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon{display:inline-block;text-indent:0;pointer-events:none;position:absolute;right:10px;top:12px;width:16px;height:16px;line-height:16px;transition:transform ease-out .3s}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg{width:16px;height:16px}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg path{fill:var(--devui-text-weak, #575d6c)}.devui-accordion-menu-item>.devui-accordion-item-title:not(.open).active svg path{fill:var(--devui-icon-fill-active, #5e7ce0)}.devui-accordion-menu-item>.devui-accordion-item-title.open>.devui-accordion-open-icon{transform:rotate(180deg);transform-origin:center}.devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon{color:var(--devui-disabled-text, #adb0b8)}.devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon svg path{fill:var(--devui-disabled-text, #adb0b8)}.devui-accordion-menu-item>.devui-accordion-item-title{padding-right:30px}.devui-accordion-menu-item>.devui-accordion-item-title.active:not(.open){color:var(--devui-brand-active, #526ecc);background:transparent}.devui-accordion-list .devui-accordion-menu-hidden{opacity:0;height:0px;overflow:hidden}.devui-accordion-item-title{position:relative}.devui-accordion-item-title .devui-accordion-splitter{position:absolute;display:inline-block;left:10px;width:2px;height:40px;background:var(--devui-dividing-line, #dfe1e6);vertical-align:middle}.devui-accordion-item-title .devui-accordion-splitter.devui-parent-list{background-color:transparent}.devui-accordion-item-title .devui-accordion-splitter:before{content:"";display:block;width:2px;height:18px;background:var(--devui-form-control-line-active, #5e7ce0);position:absolute;top:11px;left:0;opacity:0}.devui-accordion-item-title.devui-router-active:not(.open) .devui-accordion-splitter:before,.devui-accordion-item-title.active:not(.open) .devui-accordion-splitter:before{opacity:1}.devui-accordion-show-animate .devui-accordion-item-title{transition:font-weight var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-accordion-show-animate .devui-accordion-item-title .devui-accordion-splitter:before{transform:scaleY(0);transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-accordion-show-animate .devui-accordion-item-title.devui-router-active:not(.open) .devui-accordion-splitter:before,.devui-accordion-show-animate .devui-accordion-item-title.active:not(.open) .devui-accordion-splitter:before{transform:scaleY(1)}.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:28px;top:12px}.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter:before{top:0}.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:28px;top:0}.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter:before{top:initial;bottom:0}.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:18px;top:11px}.devui-accordion-item>a{padding:0 10px 0 20px;color:var(--devui-text-weak, #575d6c);display:block;text-decoration:none;width:100%}.devui-accordion-item-title .tag-done{display:inline-block;height:18px;min-height:20px;padding:0 10px;margin-left:8px;line-height:18px;color:#fa9841;border:solid 1px #fa9841;background:var(--devui-base-bg, #ffffff);font-size:var(--devui-font-size, 12px);border-radius:var(--devui-border-radius, 2px);text-indent:0;cursor:default}

package/alert/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/alert/index.es.js

@@ -1 +1,178 @@
-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};
+import { createVNode, defineComponent, ref, onMounted, Transition, withDirectives, vShow } from "vue";
+const AlertCloseIcon = () => createVNode("svg", {
+  "width": "10px",
+  "height": "10px",
+  "viewBox": "0 0 10 10",
+  "version": "1.1",
+  "xmlns": "http://www.w3.org/2000/svg"
+}, [createVNode("g", {
+  "stroke": "none",
+  "stroke-width": "1",
+  "fill": "none",
+  "fill-rule": "evenodd"
+}, [createVNode("g", {
+  "transform": "translate(-3.000000, -3.000000)",
+  "fill-rule": "nonzero"
+}, [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)])])]);
+const AlertTypeIcon = (props) => createVNode("svg", {
+  "width": "16px",
+  "height": "16px",
+  "viewBox": "0 0 16 16",
+  "version": "1.1",
+  "xmlns": "http://www.w3.org/2000/svg",
+  "class": `devui-icon ${props.type === "danger" ? "devui-icon-error" : `devui-icon-${props.type}`}`
+}, [(() => {
+  switch (props.type) {
+    case "success":
+      return createVNode("g", {
+        "stroke": "none",
+        "stroke-width": "1",
+        "fill": "none",
+        "fill-rule": "evenodd"
+      }, [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), 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 createVNode("g", {
+        "stroke": "none",
+        "stroke-width": "1",
+        "fill": "none",
+        "fill-rule": "evenodd"
+      }, [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), 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 createVNode("g", {
+        "stroke": "none",
+        "stroke-width": "1",
+        "fill": "none",
+        "fill-rule": "evenodd"
+      }, [createVNode("g", {
+        "fill-rule": "nonzero"
+      }, [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), 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 createVNode("g", {
+        "stroke": "none",
+        "stroke-width": "1",
+        "fill": "none",
+        "fill-rule": "evenodd"
+      }, [createVNode("g", {
+        "fill-rule": "nonzero"
+      }, [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), 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 alert = "";
+var Alert = defineComponent({
+  name: "DAlert",
+  props: {
+    type: {
+      type: String,
+      default: "info"
+    },
+    cssClass: {
+      type: String,
+      default: ""
+    },
+    closeable: {
+      type: Boolean,
+      default: true
+    },
+    showIcon: {
+      type: Boolean,
+      default: true
+    },
+    dismissTime: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: ["close"],
+  setup(props, ctx) {
+    const hide = ref(false);
+    const closing = ref(false);
+    const alertEl = ref();
+    let dismissTimer = void 0;
+    const close = (event) => {
+      dismissTimer && clearTimeout(dismissTimer);
+      const dom = alertEl.value;
+      dom.style.height = `${dom.offsetHeight}px`;
+      dom.style.height = `${dom.offsetHeight}px`;
+      closing.value = true;
+      ctx.emit("close", event);
+    };
+    const afterLeave = () => {
+      dismissTimer = void 0;
+      hide.value = true;
+      closing.value = false;
+    };
+    onMounted(() => {
+      if (props.dismissTime) {
+        dismissTimer = window.setTimeout(() => {
+          close();
+        }, props.dismissTime);
+      }
+    });
+    return () => {
+      return !hide.value ? createVNode(Transition, {
+        "name": "devui-alert",
+        "onAfterLeave": afterLeave
+      }, {
+        default: () => {
+          var _a, _b;
+          return [withDirectives(createVNode("div", {
+            "ref": alertEl,
+            "class": `devui-alert devui-alert-${props.type} ${props.cssClass} ${closing.value ? "devui-alter-close" : ""}`
+          }, [props.closeable ? createVNode("div", {
+            "class": "devui-close",
+            "onClick": close
+          }, [createVNode(AlertCloseIcon, null, null)]) : null, props.showIcon !== false && props.type !== "simple" ? createVNode("span", {
+            "class": "devui-alert-icon"
+          }, [createVNode(AlertTypeIcon, {
+            "type": props.type
+          }, null)]) : null, (_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]), [[vShow, !closing.value]])];
+        }
+      }) : null;
+    };
+  }
+});
+Alert.install = function(app) {
+  app.component(Alert.name, Alert);
+};
+var index = {
+  title: "Alert \u8B66\u544A",
+  category: "\u53CD\u9988",
+  status: "100%",
+  install(app) {
+    app.use(Alert);
+  }
+};
+export { Alert, index as default };

package/alert/index.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,t){"use strict";const 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"}));
+(function(l,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(l=typeof globalThis!="undefined"?globalThis:l||self,e(l.index={},l.Vue))})(this,function(l,e){"use strict";const f=()=>e.createVNode("svg",{width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{transform:"translate(-3.000000, -3.000000)","fill-rule":"nonzero"},[e.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)])])]),h=t=>e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:`devui-icon ${t.type==="danger"?"devui-icon-error":`devui-icon-${t.type}`}`},[(()=>{switch(t.type){case"success":return e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.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),e.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 e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.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),e.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 e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{"fill-rule":"nonzero"},[e.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),e.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 e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{"fill-rule":"nonzero"},[e.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),e.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 g="",o=e.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(t,d){const a=e.ref(!1),i=e.ref(!1),c=e.ref();let r;const u=s=>{r&&clearTimeout(r);const n=c.value;n.style.height=`${n.offsetHeight}px`,n.style.height=`${n.offsetHeight}px`,i.value=!0,d.emit("close",s)},C=()=>{r=void 0,a.value=!0,i.value=!1};return e.onMounted(()=>{t.dismissTime&&(r=window.setTimeout(()=>{u()},t.dismissTime))}),()=>a.value?null:e.createVNode(e.Transition,{name:"devui-alert",onAfterLeave:C},{default:()=>{var s,n;return[e.withDirectives(e.createVNode("div",{ref:c,class:`devui-alert devui-alert-${t.type} ${t.cssClass} ${i.value?"devui-alter-close":""}`},[t.closeable?e.createVNode("div",{class:"devui-close",onClick:u},[e.createVNode(f,null,null)]):null,t.showIcon!==!1&&t.type!=="simple"?e.createVNode("span",{class:"devui-alert-icon"},[e.createVNode(h,{type:t.type},null)]):null,(n=(s=d.slots).default)==null?void 0:n.call(s)]),[[e.vShow,!i.value]])]}})}});o.install=function(t){t.component(o.name,o)};var L={title:"Alert \u8B66\u544A",category:"\u53CD\u9988",status:"100%",install(t){t.use(o)}};l.Alert=o,l.default=L,Object.defineProperty(l,"__esModule",{value:!0}),l[Symbol.toStringTag]="Module"});

package/alert/style.css

@@ -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.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}}
+.devui-alert{color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 12px);border:1px solid transparent;padding:8px 16px;line-height:24px;border-radius:var(--devui-border-radius, 2px);word-break:normal;word-wrap:break-word}.devui-alert .devui-close{color:var(--devui-text, #252b3a);opacity:1;line-height:26px;height:24px}.devui-alert .devui-close>svg path{fill:var(--devui-light-text, #ffffff)}.devui-alert .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 .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 .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 .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 .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.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/anchor/index.es.js

@@ -1 +1,263 @@
-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:"导航",status:"50%",install(e){e.use(o)}};export{o as Anchor,C as default};
+import { defineComponent, createVNode, createTextVNode } from "vue";
+var Anchor = defineComponent({
+  name: "DAnchor",
+  props: {},
+  setup() {
+    return () => {
+      return createVNode("div", null, [createTextVNode(" ")]);
+    };
+  }
+});
+let repeatCount = 0;
+let cTimeout;
+const timeoutIntervalSpeed = 10;
+let hashName;
+let scollFlag = false;
+function elementPosition(obj) {
+  let curleft = 0, curtop = 0;
+  curleft = obj.offsetLeft;
+  curtop = obj.offsetTop;
+  return { x: curleft, y: curtop };
+}
+function scrollToControl(elem, container) {
+  hashName = elem.getAttribute("name");
+  scollFlag = true;
+  const tops = container.scrollTop >= 0 ? container.scrollTop : -document.getElementsByClassName("mycontainer")[0].offsetTop;
+  let scrollPos = elementPosition(elem).y - tops;
+  scrollPos = scrollPos - document.documentElement.scrollTop;
+  const remainder = scrollPos % timeoutIntervalSpeed;
+  const repeatTimes = Math.abs((scrollPos - remainder) / timeoutIntervalSpeed);
+  if (scrollPos < 0 && container || elem.getBoundingClientRect().top < container.offsetTop) {
+    window.scrollBy(0, elem.getBoundingClientRect().top - container.offsetTop - 16);
+  }
+  scrollSmoothly(scrollPos, repeatTimes, container);
+}
+function scrollSmoothly(scrollPos, repeatTimes, container) {
+  if (repeatCount <= repeatTimes) {
+    scrollPos > 0 ? container.scrollBy(0, timeoutIntervalSpeed) : container.scrollBy(0, -timeoutIntervalSpeed);
+  } else {
+    repeatCount = 0;
+    clearTimeout(cTimeout);
+    history.replaceState(null, null, document.location.pathname + "#" + hashName);
+    hightLightFn(hashName);
+    setTimeout(() => {
+      scollFlag = false;
+    }, 310);
+    return;
+  }
+  repeatCount++;
+  cTimeout = setTimeout(() => {
+    scrollSmoothly(scrollPos, repeatTimes, container);
+  }, 10);
+}
+function hightLightFn(hashName2) {
+  const childLength = document.getElementsByClassName("mysidebar")[0].children.length;
+  for (let i = 0; i < childLength; i++) {
+    if (document.getElementsByClassName("mysidebar")[0].children[i].classList.value.indexOf("active") > -1) {
+      document.getElementsByClassName("mysidebar")[0].children[i].classList.remove("active");
+    }
+  }
+  document.getElementById(hashName2).classList.add("active");
+}
+let activeLink = null;
+let rootActiveLink = null;
+let rootClassName = "";
+const setActiveLink = (timeId) => {
+  if (scollFlag) {
+    return;
+  }
+  timeId ? rootClassName = timeId : rootClassName = document.getElementsByClassName("mymain")[0].id;
+  const sidebarLinks = getSidebarLinks(rootClassName);
+  const anchors = getAnchors(sidebarLinks);
+  try {
+    anchors.forEach((index2, i) => {
+      const anchor2 = anchors[i];
+      const nextAnchor = anchors[i + 1];
+      const [isActive, hash] = isAnchorActive(i, anchor2, nextAnchor);
+      if (isActive) {
+        history.replaceState(null, document.title, hash ? hash : " ");
+        activateLink(hash);
+        throw Error(hash + "");
+      }
+    });
+  } catch (e) {
+  }
+};
+function throttleAndDebounce(fn, delay) {
+  let timeout;
+  let called = false;
+  return () => {
+    if (timeout) {
+      clearTimeout(timeout);
+    }
+    if (!called) {
+      fn();
+      called = true;
+      setTimeout(() => {
+        called = false;
+      }, delay);
+    } else {
+      timeout = setTimeout(fn, delay);
+    }
+  };
+}
+const onScroll = throttleAndDebounce(setActiveLink, 300);
+function activateLink(hash) {
+  deactiveLink(activeLink);
+  deactiveLink(rootActiveLink);
+  hash ? activeLink = document.querySelector(`${hash}`) : activeLink = document.querySelector(`.${rootClassName} ul li`);
+  if (!activeLink) {
+    return;
+  }
+  if (!scollFlag) {
+    hash && hightLightFn(hash.split("#")[1]);
+  } else {
+    hightLightFn(hashName);
+  }
+  const rootLi = activeLink.closest(".mycontainer > ul > li");
+  if (rootLi && rootLi !== activeLink.parentElement) {
+    rootActiveLink = rootLi;
+    rootActiveLink && rootActiveLink.classList.add("active");
+  } else {
+    rootActiveLink = null;
+  }
+}
+function deactiveLink(link) {
+  link && link.classList.remove("active");
+}
+function getPageOffset() {
+  return document.querySelector(".mysidebar ").getBoundingClientRect().y;
+}
+function getAnchorTop(anchor2) {
+  const pageOffset = getPageOffset();
+  return anchor2.parentElement.offsetTop - pageOffset - 5;
+}
+function isAnchorActive(index2, anchor2, nextAnchor) {
+  let scrollTop;
+  document.getElementsByClassName("scrollTarget").length ? scrollTop = document.getElementsByClassName("scrollTarget")[0].scrollTop : scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
+  if (index2 === 0 && scrollTop === 0) {
+    return [true, null];
+  }
+  if (scrollTop < getAnchorTop(anchor2)) {
+    return [false, null];
+  }
+  if (!nextAnchor || scrollTop < getAnchorTop(nextAnchor)) {
+    return [true, decodeURIComponent(anchor2.hash)];
+  }
+  return [false, null];
+}
+function getSidebarLinks(rootClassName2) {
+  return [].slice.call(document.querySelectorAll(`.${rootClassName2} > .step-nav > li.bar-link-item > a`));
+}
+function getAnchors(sidebarLinks) {
+  return [].slice.call(document.querySelectorAll(".box-anchor")).filter((anchor2) => sidebarLinks.some((sidebarLink) => sidebarLink.hash === anchor2.hash));
+}
+const randomId = function(n = 8) {
+  const str = "abcdefghijklmnopqrstuvwxyz0123456789";
+  let result = "";
+  for (let i = 0; i < n; i++) {
+    result += str[parseInt((Math.random() * str.length).toString())];
+  }
+  return result;
+};
+const inBrowser = typeof window !== "undefined";
+var dAnchorBox = {
+  name: "d-anchor-box",
+  mounted(el) {
+    const timeId = "m" + randomId(8);
+    el.id = timeId;
+    const classList = el.classList;
+    classList.add("mycontainer", "mymain", timeId);
+    let windoScrollTop;
+    const div = document.querySelector(`#${timeId}`);
+    const mysidebar = document.querySelector(`#${timeId} .mysidebar`);
+    const mysidebarHeight = mysidebar.clientHeight;
+    window.addEventListener("resize", () => {
+      cssChange(mysidebar, "absolute", 0, 0);
+    });
+    window.onscroll = function() {
+      windoScrollTop = document.documentElement.scrollTop || document.body.scrollTop;
+      if (!document.getElementsByClassName("scrollTarget").length) {
+        if (windoScrollTop + mysidebarHeight - 16 >= div.offsetTop + div.clientHeight) {
+          cssChange(mysidebar, "absolute", div.clientHeight - mysidebarHeight - 8, 0);
+        } else if (windoScrollTop > div.offsetTop) {
+          cssChange(mysidebar, "fixed", div.offsetTop, div.getBoundingClientRect().left);
+        } else if (div.offsetTop >= windoScrollTop && windoScrollTop >= 0) {
+          cssChange(mysidebar, "absolute", 0, 0);
+        } else {
+          cssChange(mysidebar, "absolute", div.clientHeight - mysidebarHeight - 8, 0);
+        }
+      } else {
+        cssChange(mysidebar, "absolute", div.scrollTop, 0);
+      }
+    };
+    addEvent(div, "scroll", function() {
+      if (document.getElementsByClassName("scrollTarget").length) {
+        cssChange(mysidebar, "fixed", div.getBoundingClientRect().top, div.getBoundingClientRect().left);
+      }
+    });
+    setActiveLink(timeId);
+    document.getElementsByClassName("scrollTarget").length ? addEvent(div, "scroll", onScroll) : window.addEventListener("scroll", onScroll);
+  }
+};
+const cssChange = (mysidebar, postion, top, left) => {
+  mysidebar.style.position = postion;
+  mysidebar.style.top = top + "px";
+  mysidebar.style.left = left + "px";
+};
+const addEvent = function() {
+  if (inBrowser && window.addEventListener) {
+    return function(elm, type, handle) {
+      elm.addEventListener(type, handle, false);
+    };
+  }
+}();
+var dAnchorLink = {
+  name: "d-anchor-link",
+  mounted(el, binding) {
+    const parent = el.parentNode;
+    if (!parent.className) {
+      parent.className = "mysidebar step-nav";
+    }
+    el.className = "bar-link-item";
+    el.innerHTML += '<a class="d-d-anchor" style="display:none" href="#' + binding.value + '">?</a>';
+    el.setAttribute("id", binding.value);
+    el.onclick = () => {
+      let scrollContainer;
+      const scollToDomY = document.getElementsByName(binding.value)[0];
+      document.getElementsByClassName("scrollTarget").length ? scrollContainer = document.getElementsByClassName("scrollTarget")[0] : scrollContainer = window;
+      scrollToControl(scollToDomY, scrollContainer);
+    };
+  }
+};
+var dAnchor = {
+  name: "d-anchor",
+  mounted(el, binding) {
+    const parent = el.parentNode;
+    if (!parent.className) {
+      parent.className = "mycontent";
+    }
+    el.innerHTML = '<a class="box-anchor" style="display:none" href="#' + binding.value + '">?</a>' + el.innerHTML;
+    el.className = "section-block";
+    el.setAttribute("name", binding.value);
+    el.onclick = (e) => {
+      hightLightFn(binding.value);
+    };
+  }
+};
+var anchor = "";
+Anchor.install = function(Vue) {
+  Vue.directive(dAnchor.name, dAnchor);
+  Vue.directive(dAnchorLink.name, dAnchorLink);
+  Vue.directive(dAnchorBox.name, dAnchorBox);
+  Vue.component(Anchor.name, Anchor);
+};
+var index = {
+  title: "Anchor \u951A\u70B9",
+  category: "\u5BFC\u822A",
+  status: "50%",
+  install(app) {
+    app.use(Anchor);
+  }
+};
+export { Anchor, index as default };

package/anchor/index.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,t){"use strict";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:"导航",status:"50%",install(e){e.use(n)}};e.Anchor=n,e.default=N,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+(function(c,r){typeof exports=="object"&&typeof module!="undefined"?r(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],r):(c=typeof globalThis!="undefined"?globalThis:c||self,r(c.index={},c.Vue))})(this,function(c,r){"use strict";var u=r.defineComponent({name:"DAnchor",props:{},setup(){return()=>r.createVNode("div",null,[r.createTextVNode(" ")])}});let v=0,B;const f=10;let p,h=!1;function k(e){let t=0,n=0;return t=e.offsetLeft,n=e.offsetTop,{x:t,y:n}}function q(e,t){p=e.getAttribute("name"),h=!0;const n=t.scrollTop>=0?t.scrollTop:-document.getElementsByClassName("mycontainer")[0].offsetTop;let o=k(e).y-n;o=o-document.documentElement.scrollTop;const l=o%f,s=Math.abs((o-l)/f);(o<0&&t||e.getBoundingClientRect().top<t.offsetTop)&&window.scrollBy(0,e.getBoundingClientRect().top-t.offsetTop-16),L(o,s,t)}function L(e,t,n){if(v<=t)e>0?n.scrollBy(0,f):n.scrollBy(0,-f);else{v=0,clearTimeout(B),history.replaceState(null,null,document.location.pathname+"#"+p),y(p),setTimeout(()=>{h=!1},310);return}v++,B=setTimeout(()=>{L(e,t,n)},10)}function y(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 a=null,d=null,g="";const C=e=>{if(h)return;e?g=e:g=document.getElementsByClassName("mymain")[0].id;const t=$(g),n=O(t);try{n.forEach((o,l)=>{const s=n[l],m=n[l+1],[j,T]=I(l,s,m);if(j)throw history.replaceState(null,document.title,T||" "),M(T),Error(T+"")})}catch{}};function H(e,t){let n,o=!1;return()=>{n&&clearTimeout(n),o?n=setTimeout(e,t):(e(),o=!0,setTimeout(()=>{o=!1},t))}}const E=H(C,300);function M(e){if(N(a),N(d),e?a=document.querySelector(`${e}`):a=document.querySelector(`.${g} ul li`),!a)return;h?y(p):e&&y(e.split("#")[1]);const t=a.closest(".mycontainer > ul > li");t&&t!==a.parentElement?(d=t,d&&d.classList.add("active")):d=null}function N(e){e&&e.classList.remove("active")}function R(){return document.querySelector(".mysidebar ").getBoundingClientRect().y}function b(e){const t=R();return e.parentElement.offsetTop-t-5}function I(e,t,n){let o;return document.getElementsByClassName("scrollTarget").length?o=document.getElementsByClassName("scrollTarget")[0].scrollTop:o=document.documentElement.scrollTop||document.body.scrollTop,e===0&&o===0?[!0,null]:o<b(t)?[!1,null]:!n||o<b(n)?[!0,decodeURIComponent(t.hash)]:[!1,null]}function $(e){return[].slice.call(document.querySelectorAll(`.${e} > .step-nav > li.bar-link-item > a`))}function O(e){return[].slice.call(document.querySelectorAll(".box-anchor")).filter(t=>e.some(n=>n.hash===t.hash))}const D=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},F=typeof window!="undefined";var A={name:"d-anchor-box",mounted(e){const t="m"+D(8);e.id=t,e.classList.add("mycontainer","mymain",t);let o;const l=document.querySelector(`#${t}`),s=document.querySelector(`#${t} .mysidebar`),m=s.clientHeight;window.addEventListener("resize",()=>{i(s,"absolute",0,0)}),window.onscroll=function(){o=document.documentElement.scrollTop||document.body.scrollTop,document.getElementsByClassName("scrollTarget").length?i(s,"absolute",l.scrollTop,0):o+m-16>=l.offsetTop+l.clientHeight?i(s,"absolute",l.clientHeight-m-8,0):o>l.offsetTop?i(s,"fixed",l.offsetTop,l.getBoundingClientRect().left):l.offsetTop>=o&&o>=0?i(s,"absolute",0,0):i(s,"absolute",l.clientHeight-m-8,0)},w(l,"scroll",function(){document.getElementsByClassName("scrollTarget").length&&i(s,"fixed",l.getBoundingClientRect().top,l.getBoundingClientRect().left)}),C(t),document.getElementsByClassName("scrollTarget").length?w(l,"scroll",E):window.addEventListener("scroll",E)}};const i=(e,t,n,o)=>{e.style.position=t,e.style.top=n+"px",e.style.left=o+"px"},w=function(){if(F&&window.addEventListener)return function(e,t,n){e.addEventListener(t,n,!1)}}();var S={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 o;const l=document.getElementsByName(t.value)[0];document.getElementsByClassName("scrollTarget").length?o=document.getElementsByClassName("scrollTarget")[0]:o=window,q(l,o)}}},x={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=o=>{y(t.value)}}},z="";u.install=function(e){e.directive(x.name,x),e.directive(S.name,S),e.directive(A.name,A),e.component(u.name,u)};var P={title:"Anchor \u951A\u70B9",category:"\u5BFC\u822A",status:"50%",install(e){e.use(u)}};c.Anchor=u,c.default=P,Object.defineProperty(c,"__esModule",{value:!0}),c[Symbol.toStringTag]="Module"});

package/avatar/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;