vue-devui 1.0.0-rc.1 → 1.0.0-rc.4

package/select/index.umd.js

@@ -1 +0,0 @@
-var L=Object.defineProperty,H=Object.defineProperties;var J=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var Q=Object.prototype.hasOwnProperty,X=Object.prototype.propertyIsEnumerable;var F=(f,e,v)=>e in f?L(f,e,{enumerable:!0,configurable:!0,writable:!0,value:v}):f[e]=v,S=(f,e)=>{for(var v in e||(e={}))Q.call(e,v)&&F(f,v,e[v]);if(I)for(var v of I(e))X.call(e,v)&&F(f,v,e[v]);return f},O=(f,e)=>H(f,J(e));(function(f,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis!="undefined"?globalThis:f||self,e(f.index={},f.Vue))})(this,function(f,e){"use strict";const v={modelValue:{type:[String,Number,Array],default:""},"onUpdate:modelValue":{type:Function,default:void 0},options:{type:Array,default:()=>[]},size:{type:String,default:"md"},overview:{type:String,default:"border"},placeholder:{type:String,default:"\u8BF7\u9009\u62E9"},multiple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},optionDisabledKey:{type:String,default:""},onToggleChange:{type:Function,default:void 0},onValueChange:{type:Function,default:void 0}},_={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var j=e.defineComponent({name:"DIcon",props:_,setup(l){const{name:a,size:t,color:n,classPrefix:d}=e.toRefs(l);return()=>/^((https?):)?\/\//.test(a.value)?e.createVNode("img",{src:a.value,alt:a.value.split("/")[a.value.split("/").length-1],style:{width:t.value,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${d.value} ${d.value}-${a.value}`,style:{fontSize:t.value,color:n.value}},null)}}),Y="";const B={name:{type:String,default:void 0},halfchecked:{type:Boolean,default:!1},isShowTitle:{type:Boolean,default:!0},title:{type:String},color:{type:String,default:void 0},showAnimation:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0}},K=O(S({},B),{halfchecked:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},value:{type:String},label:{type:String,default:void 0},title:{type:String,default:void 0},"onUpdate:checked":{type:Function,default:void 0},onChange:{type:Function,default:void 0},modelValue:{type:Boolean},"onUpdate:modelValue":{type:Function}}),$=O(S({},B),{modelValue:{type:Array,required:!0},direction:{type:String,default:"column"},itemWidth:{type:Number,default:void 0},options:{type:Array,default:()=>[]},onChange:{type:Function,default:void 0},"onUpdate:modelValue":{type:Function,default:void 0}}),D=Symbol("d-checkbox-group");var w=e.defineComponent({name:"DCheckbox",props:K,emits:["change","update:checked","update:modelValue"],setup(l,a){const t=e.inject(D,null),n=e.computed(()=>l.checked||l.modelValue),d=e.computed(()=>(t==null?void 0:t.disabled.value)||l.disabled),s=e.computed(()=>{var i,r;return(r=(i=t==null?void 0:t.isItemChecked)==null?void 0:i.call(t,l.value))!=null?r:n.value}),o=e.computed(()=>{var i;return(i=t==null?void 0:t.isShowTitle.value)!=null?i:l.isShowTitle}),u=e.computed(()=>{var i;return(i=t==null?void 0:t.showAnimation.value)!=null?i:l.showAnimation}),m=e.computed(()=>{var i;return(i=t==null?void 0:t.color.value)!=null?i:l.color}),y=t==null?void 0:t.itemWidth.value,V=t==null?void 0:t.direction.value,k=(i,r)=>{var h;if(d.value)return Promise.resolve(!1);const g=(h=l.beforeChange)!=null?h:t==null?void 0:t.beforeChange;if(g){const b=g(i,r);return typeof b=="boolean"?Promise.resolve(b):b}return Promise.resolve(!0)},p=()=>{const i=!n.value;t==null||t.toggleGroupVal(l.value),a.emit("update:checked",i),a.emit("update:modelValue",i),a.emit("change",i)};return{itemWidth:y,direction:V,mergedColor:m,mergedDisabled:d,mergedIsShowTitle:o,mergedChecked:s,mergedShowAnimation:u,handleClick:()=>{k(!n.value,l.label).then(i=>i&&p())}}},render(){var R;const{itemWidth:l,direction:a,mergedChecked:t,mergedDisabled:n,mergedIsShowTitle:d,mergedShowAnimation:s,halfchecked:o,title:u,label:m,handleClick:y,name:V,value:k,mergedColor:p,$slots:c}=this,i={"devui-checkbox-column-margin":a==="column","devui-checkbox-wrap":typeof l!="undefined"},r=l?[`width: ${l}px`]:[],g={"devui-checkbox":!0,active:t,halfchecked:o,disabled:n,unchecked:!t},h=d?u||m:"",b=p&&o||p?`linear-gradient(${p}, ${p})`:"",A=[`border-color:${(t||o)&&p?p:""}`,`background-image:${b}`,`background-color:${p&&o?p:""}`],M={"devui-checkbox-material":!0,"custom-color":p,"devui-checkbox-no-label":!m&&!c.default,"devui-no-animation":!s,"devui-checkbox-default-background":!o},U={"devui-tick":!0,"devui-no-animation":!s},T=q=>q.stopPropagation(),x={indeterminate:o};return e.createVNode("div",{class:i,style:r},[e.createVNode("div",{class:g},[e.createVNode("label",{title:h,onClick:y},[e.createVNode("input",e.mergeProps({name:V||k,class:"devui-checkbox-input",type:"checkbox"},x,{checked:t,disabled:n,onClick:T,onChange:T}),null),e.createVNode("span",{style:A,class:M},[e.createVNode("span",{class:"devui-checkbox-halfchecked-bg"},null),e.createVNode("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-checkbox-tick"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("polygon",{"fill-rule":"nonzero",points:"5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",class:U},null)])])]),m||((R=c.default)==null?void 0:R.call(c))])])])}}),Z="",P=e.defineComponent({name:"DCheckboxGroup",props:$,emits:["change","update:modelValue"],setup(l,a){const t=e.toRef(l,"modelValue"),n={checked:!1,isShowTitle:!0,halfchecked:!1,showAnimation:!0,disabled:!1},d=o=>{let u=-1;if(typeof t.value[0]=="string"?u=t.value.findIndex(m=>m===o):typeof t.value[0]=="object"&&(u=t.value.findIndex(m=>m.value===o)),u===-1){if(typeof l.options[0]=="object"){const y=l.options.find(k=>k.value===o),V=[...t.value,y];a.emit("update:modelValue",V),a.emit("change",V);return}const m=[...t.value,o];a.emit("update:modelValue",m),a.emit("change",m);return}t.value.splice(u,1),a.emit("update:modelValue",t.value),a.emit("change",t.value)},s=o=>{if(typeof t.value[0]=="string")return t.value.includes(o);if(typeof t.value[0]=="object")return t.value.some(u=>u.value===o)};return e.provide(D,{disabled:e.toRef(l,"disabled"),isShowTitle:e.toRef(l,"isShowTitle"),color:e.toRef(l,"color"),showAnimation:e.toRef(l,"showAnimation"),beforeChange:l.beforeChange,isItemChecked:s,toggleGroupVal:d,itemWidth:e.toRef(l,"itemWidth"),direction:e.toRef(l,"direction")}),{defaultOpt:n}},render(){var s;const{direction:l,$slots:a,defaultOpt:t,options:n}=this;let d=(s=a.default)==null?void 0:s.call(a);return(n==null?void 0:n.length)>0&&(d=n.map(o=>{let u=null;return typeof o=="string"?u=Object.assign({},t,{label:o,value:o}):typeof o=="object"&&(u=Object.assign({},t,O(S({},o),{label:o.name}))),e.createVNode(w,u,null)})),e.createVNode("div",{class:"devui-checkbox-group"},[e.createVNode("div",{class:{"devui-checkbox-list-inline":l==="row"}},[d])])}});w.install=function(l){l.component(w.name,w)},P.install=function(l){l.component(P.name,P)};function N(l,a){let t=l;return typeof a=="object"&&Object.keys(a).forEach(n=>{a[n]&&(t+=` ${n}`)}),t}function E(l){const a=e.computed(()=>{const n=new Map;return l.value.forEach(d=>{n.set(d.value,d)}),n});return n=>n.map(d=>a.value.get(d))}function z(l,a,t){function n(d){var u,m;let s=d.target;s.shadowRoot&&d.composed&&(s=d.composedPath()[0]||s);const o=[(u=l[0])==null?void 0:u.value,(m=l[1])==null?void 0:m.value];a.value&&o.every(y=>y&&!y.contains(s)&&y!==s)&&t(!1)}e.onMounted(()=>{document.body.addEventListener("mousedown",n,!1)}),e.onBeforeUnmount(()=>{document.body.addEventListener("mousedown",n,!1)})}var G="",C=e.defineComponent({name:"DSelect",props:v,emits:["toggleChange","valueChange","update:modelValue"],setup(l,a){const t=e.ref(null),n=e.ref(null),d=e.ref(!1);function s(c){l.disabled||(d.value=c,a.emit("toggleChange",c))}z([t,n],d,s);const o=e.computed(()=>{const{multiple:c,modelValue:i}=l;return l.options.map(r=>{let g;return typeof r=="object"?g=S({name:r.name?r.name:r.value+"",value:r.value,_checked:!1},r):g={name:r+"",value:r,_checked:!1},c&&(Array.isArray(i)?g._checked=i.includes(g.value):g._checked=!1),g})}),u=E(o),m=e.computed(()=>{var c;return l.multiple&&Array.isArray(l.modelValue)?u(l.modelValue).map(r=>r.name).join(","):Array.isArray(l.modelValue)?"":((c=u([l.modelValue])[0])==null?void 0:c.name)||""}),y=e.computed(()=>!l.disabled&&l.allowClear&&m.value.length>0);function V(c,i){const{multiple:r,optionDisabledKey:g}=l;let{modelValue:h}=l;g&&!!c[g]||(r?(c._checked=!c._checked,h=o.value.filter(b=>b._checked).map(b=>b.value),a.emit("update:modelValue",h)):(a.emit("update:modelValue",c.value),s(!1)),a.emit("valueChange",c,i))}function k(c){const{optionDisabledKey:i}=l;return N("devui-select-item",{active:c.value===l.modelValue,disabled:i?!!c[i]:!1})}function p(c){c.preventDefault(),c.stopPropagation(),l.multiple?a.emit("update:modelValue",[]):a.emit("update:modelValue","")}return{isOpen:d,containerRef:t,dropdownRef:n,inputValue:m,mergeOptions:o,mergeClearable:y,valueChange:V,toggleChange:s,getItemClassName:k,handleClear:p}},render(){const{mergeOptions:l,isOpen:a,inputValue:t,size:n,multiple:d,disabled:s,optionDisabledKey:o,placeholder:u,overview:m,valueChange:y,toggleChange:V,getItemClassName:k,mergeClearable:p,handleClear:c}=this,i=N("devui-select",{"devui-select-open":a,"devui-dropdown-menu-multiple":d,"devui-select-lg":n==="lg","devui-select-sm":n==="sm","devui-select-underlined":m==="underlined","devui-select-disabled":s}),r=N("devui-select-input",{"devui-select-input-lg":n==="lg","devui-select-input-sm":n==="sm"}),g=N("devui-select-selection",{"devui-select-clearable":p});return e.createVNode("div",{class:i,ref:"containerRef"},[e.createVNode("div",{class:g,onClick:()=>V(!a)},[e.createVNode("input",{value:t,type:"text",class:r,placeholder:u,readonly:!0,disabled:s},null),e.createVNode("span",{onClick:c,class:"devui-select-clear"},[e.createVNode(j,{name:"close"},null)]),e.createVNode("span",{class:"devui-select-arrow"},[e.createVNode(j,{name:"select-arrow"},null)])]),e.createVNode(e.Transition,{name:"fade",ref:"dropdownRef"},{default:()=>[e.withDirectives(e.createVNode("div",{class:"devui-select-dropdown"},[e.createVNode("ul",{class:"devui-select-dropdown-list devui-scrollbar"},[l.map((h,b)=>e.createVNode("li",{onClick:A=>{A.preventDefault(),A.stopPropagation(),y(h,b)},class:k(h),key:b},[d?e.createVNode(w,{modelValue:h._checked,label:h.name,disabled:o?!!h[o]:!1},null):h.name]))])]),[[e.vShow,a]])]})])}});C.install=function(l){l.component(C.name,C)};var W={title:"Select \u4E0B\u62C9\u6846",category:"\u6570\u636E\u5F55\u5165",status:"10%",install(l){l.use(C)}};f.Select=C,f.default=W,Object.defineProperty(f,"__esModule",{value:!0}),f[Symbol.toStringTag]="Module"});

package/select/package.json

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

package/select/style.css

@@ -1 +0,0 @@
-.devui-checkbox{position:relative;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100%;margin:0}.devui-checkbox .devui-checkbox-tick{position:absolute}.devui-checkbox .devui-checkbox-tick .devui-tick{fill:var(--devui-light-text, #ffffff);stroke-dashoffset:50;opacity:0;transform:scale(0);transform-origin:50% 50%;transition:stroke-dashoffset .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}.devui-checkbox.active:not(.halfchecked) .devui-tick{opacity:1;stroke-dashoffset:0;transform:scale(1);transition:stroke-dashoffset .3s cubic-bezier(.755,.05,.855,.06),opacity .2s cubic-bezier(.755,.05,.855,.06)}.devui-checkbox.active:not(.disabled) .devui-checkbox-material:not(.custom-color),.devui-checkbox.halfchecked:not(.disabled) .devui-checkbox-material:not(.custom-color){border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active:not(.disabled) .devui-checkbox-material{background-size:100% 100%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material:not(.custom-color){background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material:not(.custom-color):hover{border-color:var(--devui-icon-fill-active, #5e7ce0)}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material.custom-color{background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.halfchecked .devui-checkbox-material:not(.custom-color){background-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.halfchecked .devui-checkbox-material:not(.custom-color)>.devui-checkbox-halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox.halfchecked .devui-checkbox-material.custom-color>.devui-checkbox-halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox .devui-checkbox-material{text-align:initial;height:14px;width:14px;position:relative;user-select:none;border:1px solid var(--devui-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);background:linear-gradient(var(--devui-brand, #5e7ce0),var(--devui-brand, #5e7ce0)) no-repeat center/0%;margin-right:8px;vertical-align:text-bottom}.devui-checkbox .devui-checkbox-material.devui-checkbox-default-background{background-color:var(--devui-base-bg, #ffffff)}.devui-checkbox .devui-checkbox-material.devui-checkbox-no-label{margin-right:0}.devui-checkbox .devui-checkbox-material>.devui-checkbox-halfchecked-bg{display:inline-block;position:absolute;content:"";background-color:var(--devui-light-text, #ffffff);top:0;left:0;height:100%;width:100%;transform:scale(1);opacity:0}.devui-checkbox .devui-checkbox-material>svg{width:14px;height:14px}.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):focus,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover{background-color:var(--devui-icon-fill-active, #5e7ce0)}.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):focus,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover:active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover:focus{background-color:var(--devui-brand-active-focus, #344899)}.devui-checkbox-input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox label{position:relative;font-weight:400;height:16px;line-height:16px;cursor:pointer;color:var(--devui-text, #252b3a);margin:0;display:block}.devui-checkbox label>span{display:inline-block;box-sizing:content-box;vertical-align:top}.devui-checkbox.disabled label{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-checkbox.disabled .devui-checkbox-material{border-color:var(--devui-icon-fill-active-disabled, #beccfa);background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox.disabled.unchecked .devui-checkbox-material{border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-checkbox.disabled.halfchecked .devui-checkbox-material{background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-checkbox.disabled.halfchecked .devui-checkbox-material .devui-checkbox-halfchecked-bg{transform:scale(.4288);background-color:var(--devui-disabled-text, #adb0b8);opacity:1}.devui-checkbox.disabled.active svg polygon{fill:var(--devui-light-text, #ffffff)}.devui-no-animation{transition:none!important}.devui-checkbox-column-margin{height:28px;line-height:28px}.devui-checkbox-wrap .devui-checkbox label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:block}.devui-checkbox-list-inline{min-height:28px;line-height:28px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:-8px 0 0}.devui-checkbox-list-inline div:not(:last-child){margin-right:20px}.devui-checkbox-list-inline>*{margin-top:8px}.devui-select{position:relative;width:100%}.devui-select-underlined{border-bottom:1px solid var(--devui-form-control-line, #adb0b8);transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-select-underlined:not([disabled]):not(.disabled):hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-select-underlined:not([disabled]):not(.disabled).devui-select-open{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-select-underlined .devui-select-input{border:none}.devui-select-disabled,.devui-select-disabled .devui-select-input{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8)}.devui-select-disabled .devui-select-arrow{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-select-open .devui-select-arrow{transform:rotate(180deg)}.devui-dropdown-menu-multiple .devui-select-item.active{color:var(--devui-list-item-active-text, #ffffff);background-color:transparent}.devui-select-selection{position:relative;cursor:pointer}.devui-select-input{cursor:pointer;width:100%;height:28px;padding:4px 28px 4px 10px;color:var(--devui-text, #252b3a);vertical-align:middle;border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);outline:none;background-color:var(--devui-base-bg, #ffffff);box-sizing:border-box;transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-select-input:not([disabled]):not(.disabled):hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-select-input:not([disabled]):not(.disabled):focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-select-input[disabled]:hover,.devui-select-input.disabled:hover{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8)}.devui-select-input.devui-select-input-lg{height:44px}.devui-select-input.devui-select-input-sm{height:24px}.devui-select-clearable:hover .devui-select-clear{display:inline-flex}.devui-select-clearable:hover .devui-select-arrow{display:none}.devui-select-clear,.devui-select-arrow{position:absolute;right:0;height:100%;width:28px;display:inline-flex;justify-content:center;align-items:center}.devui-select-clear{display:none}.devui-select-clear:hover{color:var(--devui-icon-fill-active, #5e7ce0)}.devui-select-arrow{transform:rotate(0);transition:transform .25s ease-out}.devui-select-dropdown{position:absolute;width:calc(100% - 2px);overflow:auto;top:100%;left:0;margin:5px 0;border-radius:var(--devui-border-radius, 2px);background:var(--devui-base-bg, #ffffff);box-shadow:0 2px 5px 0 var(--devui-shadow, rgba(0, 0, 0, .2));z-index:999}.devui-select-dropdown-list{max-height:300px;width:100%;overflow-y:auto;padding:0;margin:0}.devui-select-item{font-size:var(--devui-font-size, 12px);display:block;min-height:36px;line-height:1.5;width:100%;padding:10px;clear:both;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:0;color:var(--devui-text, #252b3a);box-sizing:border-box;cursor:pointer}.devui-select-item:hover:not(.active):not(.disabled){color:var(--devui-list-item-hover-text, #526ecc);background-color:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-select-item.active{color:var(--devui-list-item-active-text, #ffffff);background-color:var(--devui-list-item-active-bg, #5e7ce0)}.devui-select-item.disabled{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);color:var(--devui-disabled-text, #adb0b8)}.devui-scrollbar::-webkit-scrollbar{width:8px;height:8px}.devui-scrollbar::-webkit-scrollbar-corner{background-color:transparent}.devui-scrollbar::-webkit-scrollbar-thumb{border-radius:8px;background-color:var(--devui-line, #adb0b8)}.devui-scrollbar::-webkit-scrollbar-track{background-color:transparent}.fade-enter-active,.fade-leave-active{transform:scale3d(0,1,0,.9999) translate3d(0,1,0,0);transform-origin:0 0%;opacity:1;transition:transform,opacity .25s ease-out}.fade-enter-from,.fade-leave-to{transform:scale3d(0,1,0,0) translate3d(0,1,0,-4px);opacity:0;transition:transform,opacity .25s ease-in}

package/steps-guide/index.d.ts

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

package/steps-guide/index.es.js

@@ -1,242 +0,0 @@
-import { reactive, ref, nextTick, computed, defineComponent, onMounted, createVNode, Teleport } from "vue";
-var stepsGuide = "";
-const stepsGuideProps = {
-  steps: Array,
-  stepIndex: {
-    type: Number,
-    default: void 0
-  },
-  showClose: {
-    type: Boolean,
-    default: true
-  },
-  showDots: {
-    type: Boolean,
-    default: true
-  },
-  scrollToTargetSwitch: {
-    type: Boolean,
-    default: true
-  },
-  zIndex: {
-    type: Number,
-    default: 1100
-  },
-  stepChange: {
-    type: Function,
-    default() {
-      return true;
-    }
-  }
-};
-function useStepsGuidePosition(props, currentStep) {
-  const guideClassList = reactive(["devui-steps-guide"]);
-  const stepsRef = ref(null);
-  const guidePosition = reactive({
-    left: "",
-    top: "",
-    zIndex: props.zIndex
-  });
-  const updateGuidePosition = () => {
-    if (!currentStep.value || !stepsRef.value) {
-      return;
-    }
-    const baseTop = window.pageYOffset - document.documentElement.clientTop;
-    const baseLeft = window.pageXOffset - document.documentElement.clientLeft;
-    const currentStepPosition = currentStep.value.position;
-    const stepGuideElement = stepsRef.value;
-    let _left, _top;
-    if (typeof currentStepPosition !== "string") {
-      const { top = 0, left = 0, type = "top" } = currentStepPosition;
-      guideClassList.splice(1, 1, type);
-      _left = left;
-      _top = top;
-    } else {
-      guideClassList.splice(1, 1, currentStepPosition);
-      const triggerSelector = currentStep.value.target || currentStep.value.trigger;
-      const triggerElement = document.querySelector(triggerSelector);
-      if (!triggerElement) {
-        console.warn(`${triggerSelector} \u4E0D\u5B58\u5728!`);
-        return false;
-      }
-      const targetRect = triggerElement.getBoundingClientRect();
-      _left = targetRect.left + triggerElement.clientWidth / 2 - stepGuideElement.clientWidth / 2 + baseLeft;
-      _top = targetRect.top + triggerElement.clientHeight / 2 - stepGuideElement.clientHeight / 2 + baseTop;
-      const positionTypes = currentStepPosition.split("-");
-      switch (positionTypes[0]) {
-        case "top":
-          _top += -stepGuideElement.clientHeight / 2 - triggerElement.clientHeight;
-          break;
-        case "bottom":
-          _top += stepGuideElement.clientHeight / 2 + triggerElement.clientHeight;
-          break;
-        case "left":
-          _top += stepGuideElement.clientHeight / 2 - triggerElement.clientHeight;
-          _left += -stepGuideElement.clientWidth / 2 - triggerElement.clientWidth / 2;
-          break;
-        case "right":
-          _top += stepGuideElement.clientHeight / 2 - triggerElement.clientHeight;
-          _left += stepGuideElement.clientWidth / 2 + triggerElement.clientWidth / 2;
-          break;
-      }
-      switch (positionTypes[1]) {
-        case "left":
-          _left += stepGuideElement.clientWidth / 2 - triggerElement.clientWidth / 2;
-          break;
-        case "right":
-          _left += -stepGuideElement.clientWidth / 2 + triggerElement.clientWidth / 2;
-          break;
-      }
-    }
-    guidePosition.left = _left + "px";
-    guidePosition.top = _top + "px";
-    if (props.scrollToTargetSwitch && typeof stepGuideElement.scrollIntoView === "function") {
-      nextTick(() => {
-        stepGuideElement.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
-      });
-    }
-  };
-  return {
-    stepsRef,
-    guidePosition,
-    guideClassList,
-    updateGuidePosition
-  };
-}
-function useStepsGuideCtrl(props, ctx, updateGuidePosition, stepIndex) {
-  const stepsCount = computed(() => props.steps.length);
-  const closeGuide = () => {
-    const _index = stepIndex.value;
-    stepIndex.value = -1;
-    nextTick(() => {
-      ctx.emit("guide-close", _index);
-    });
-  };
-  const setCurrentIndex = (index2) => {
-    if (index2 !== -1 && props.stepChange()) {
-      if (index2 > -1 && index2 < stepsCount.value) {
-        stepIndex.value = index2;
-        nextTick(() => {
-          updateGuidePosition();
-        });
-      } else {
-        console.error(`stepIndex is not within the value range`);
-      }
-    }
-    if (index2 === -1) {
-      closeGuide();
-    }
-  };
-  return {
-    stepsCount,
-    closeGuide,
-    setCurrentIndex
-  };
-}
-var StepsGuide = defineComponent({
-  name: "DStepsGuide",
-  props: stepsGuideProps,
-  emits: ["guide-close", "update:stepIndex"],
-  setup(props, ctx) {
-    var _a;
-    const stepIndexData = ref((_a = props.stepIndex) != null ? _a : 0);
-    const stepIndex = computed({
-      set: (val) => {
-        if (props.stepIndex != null) {
-          ctx.emit("update:stepIndex", val);
-        }
-        stepIndexData.value = val;
-      },
-      get: () => stepIndexData.value
-    });
-    const currentStep = computed(() => {
-      const _step = props.steps[stepIndex.value];
-      if (_step) {
-        _step.position = _step.position || "top";
-      }
-      return _step;
-    });
-    const {
-      stepsRef,
-      guidePosition,
-      guideClassList,
-      updateGuidePosition
-    } = useStepsGuidePosition(props, currentStep);
-    const {
-      stepsCount,
-      closeGuide,
-      setCurrentIndex
-    } = useStepsGuideCtrl(props, ctx, updateGuidePosition, stepIndex);
-    onMounted(() => {
-      updateGuidePosition();
-    });
-    ctx.expose({
-      closeGuide,
-      setCurrentIndex
-    });
-    return () => stepIndex.value > -1 && stepsCount.value > 0 ? createVNode(Teleport, {
-      "to": "body"
-    }, {
-      default: () => [createVNode("div", {
-        "style": guidePosition,
-        "class": guideClassList,
-        "ref": stepsRef
-      }, [createVNode("div", {
-        "class": "devui-shining-dot"
-      }, null), createVNode("div", {
-        "class": "devui-shining-plus"
-      }, null), createVNode("div", {
-        "class": "devui-arrow"
-      }, null), createVNode("div", {
-        "class": "devui-guide-container"
-      }, [createVNode("p", {
-        "class": "devui-title"
-      }, [currentStep.value.title]), props.showClose ? createVNode("div", {
-        "class": "icon icon-close",
-        "onClick": closeGuide
-      }, null) : null, createVNode("div", {
-        "class": "devui-content"
-      }, [currentStep.value.content]), createVNode("div", {
-        "class": "devui-ctrl"
-      }, [props.showDots ? createVNode("div", {
-        "class": "devui-dots"
-      }, [props.steps.map((step, index2) => {
-        return createVNode("em", {
-          "class": ["icon icon-dot-status", currentStep.value === step ? "devui-active" : ""],
-          "key": index2
-        }, null);
-      })]) : null, createVNode("div", {
-        "class": "devui-guide-btn"
-      }, [stepIndex.value > 0 ? createVNode("div", {
-        "class": "devui-prev-step",
-        "onClick": () => setCurrentIndex(stepIndex.value - 1)
-      }, ["\u4E0A\u4E00\u6B65"]) : null, stepIndex.value === stepsCount.value - 1 ? createVNode("div", {
-        "onClick": closeGuide
-      }, ["\u6211\u77E5\u9053\u5566"]) : createVNode("div", {
-        "class": "devui-next-step",
-        "onClick": () => {
-          setCurrentIndex(stepIndex.value + 1);
-        }
-      }, ["\u6211\u77E5\u9053\u5566,\u7EE7\u7EED"])])])])])]
-    }) : null;
-  }
-});
-var StepsGuideDirective = {
-  mounted(el, binding, vNode) {
-  },
-  updated(el, binding) {
-  }
-};
-StepsGuide.install = function(app) {
-  app.component(StepsGuide.name, StepsGuide);
-};
-var index = {
-  title: "StepsGuide \u64CD\u4F5C\u6307\u5F15",
-  category: "\u5BFC\u822A",
-  status: "80%",
-  install(app) {
-    app.use(StepsGuide);
-    app.directive("StepsGuide", StepsGuideDirective);
-  }
-};
-export { StepsGuide, index as default };

package/steps-guide/index.umd.js

@@ -1 +0,0 @@
-(function(a,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis!="undefined"?globalThis:a||self,e(a.index={},a.Vue))})(this,function(a,e){"use strict";var x="";const y={steps:Array,stepIndex:{type:Number,default:void 0},showClose:{type:Boolean,default:!0},showDots:{type:Boolean,default:!0},scrollToTargetSwitch:{type:Boolean,default:!0},zIndex:{type:Number,default:1100},stepChange:{type:Function,default(){return!0}}};function b(i,o){const r=e.reactive(["devui-steps-guide"]),n=e.ref(null),l=e.reactive({left:"",top:"",zIndex:i.zIndex});return{stepsRef:n,guidePosition:l,guideClassList:r,updateGuidePosition:()=>{if(!o.value||!n.value)return;const m=window.pageYOffset-document.documentElement.clientTop,c=window.pageXOffset-document.documentElement.clientLeft,p=o.value.position,s=n.value;let d,u;if(typeof p!="string"){const{top:f=0,left:t=0,type:g="top"}=p;r.splice(1,1,g),d=t,u=f}else{r.splice(1,1,p);const f=o.value.target||o.value.trigger,t=document.querySelector(f);if(!t)return console.warn(`${f} \u4E0D\u5B58\u5728!`),!1;const g=t.getBoundingClientRect();d=g.left+t.clientWidth/2-s.clientWidth/2+c,u=g.top+t.clientHeight/2-s.clientHeight/2+m;const C=p.split("-");switch(C[0]){case"top":u+=-s.clientHeight/2-t.clientHeight;break;case"bottom":u+=s.clientHeight/2+t.clientHeight;break;case"left":u+=s.clientHeight/2-t.clientHeight,d+=-s.clientWidth/2-t.clientWidth/2;break;case"right":u+=s.clientHeight/2-t.clientHeight,d+=s.clientWidth/2+t.clientWidth/2;break}switch(C[1]){case"left":d+=s.clientWidth/2-t.clientWidth/2;break;case"right":d+=-s.clientWidth/2+t.clientWidth/2;break}}l.left=d+"px",l.top=u+"px",i.scrollToTargetSwitch&&typeof s.scrollIntoView=="function"&&e.nextTick(()=>{s.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})})}}}function N(i,o,r,n){const l=e.computed(()=>i.steps.length),v=()=>{const c=n.value;n.value=-1,e.nextTick(()=>{o.emit("guide-close",c)})};return{stepsCount:l,closeGuide:v,setCurrentIndex:c=>{c!==-1&&i.stepChange()&&(c>-1&&c<l.value?(n.value=c,e.nextTick(()=>{r()})):console.error("stepIndex is not within the value range")),c===-1&&v()}}}var h=e.defineComponent({name:"DStepsGuide",props:y,emits:["guide-close","update:stepIndex"],setup(i,o){var f;const r=e.ref((f=i.stepIndex)!=null?f:0),n=e.computed({set:t=>{i.stepIndex!=null&&o.emit("update:stepIndex",t),r.value=t},get:()=>r.value}),l=e.computed(()=>{const t=i.steps[n.value];return t&&(t.position=t.position||"top"),t}),{stepsRef:v,guidePosition:m,guideClassList:c,updateGuidePosition:p}=b(i,l),{stepsCount:s,closeGuide:d,setCurrentIndex:u}=N(i,o,p,n);return e.onMounted(()=>{p()}),o.expose({closeGuide:d,setCurrentIndex:u}),()=>n.value>-1&&s.value>0?e.createVNode(e.Teleport,{to:"body"},{default:()=>[e.createVNode("div",{style:m,class:c,ref:v},[e.createVNode("div",{class:"devui-shining-dot"},null),e.createVNode("div",{class:"devui-shining-plus"},null),e.createVNode("div",{class:"devui-arrow"},null),e.createVNode("div",{class:"devui-guide-container"},[e.createVNode("p",{class:"devui-title"},[l.value.title]),i.showClose?e.createVNode("div",{class:"icon icon-close",onClick:d},null):null,e.createVNode("div",{class:"devui-content"},[l.value.content]),e.createVNode("div",{class:"devui-ctrl"},[i.showDots?e.createVNode("div",{class:"devui-dots"},[i.steps.map((t,g)=>e.createVNode("em",{class:["icon icon-dot-status",l.value===t?"devui-active":""],key:g},null))]):null,e.createVNode("div",{class:"devui-guide-btn"},[n.value>0?e.createVNode("div",{class:"devui-prev-step",onClick:()=>u(n.value-1)},["\u4E0A\u4E00\u6B65"]):null,n.value===s.value-1?e.createVNode("div",{onClick:d},["\u6211\u77E5\u9053\u5566"]):e.createVNode("div",{class:"devui-next-step",onClick:()=>{u(n.value+1)}},["\u6211\u77E5\u9053\u5566,\u7EE7\u7EED"])])])])])]}):null}}),V={mounted(i,o,r){},updated(i,o){}};h.install=function(i){i.component(h.name,h)};var w={title:"StepsGuide \u64CD\u4F5C\u6307\u5F15",category:"\u5BFC\u822A",status:"80%",install(i){i.use(h),i.directive("StepsGuide",V)}};a.StepsGuide=h,a.default=w,Object.defineProperty(a,"__esModule",{value:!0}),a[Symbol.toStringTag]="Module"});

package/steps-guide/package.json

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

package/steps-guide/style.css

@@ -1 +0,0 @@
-@charset "UTF-8";.devui-steps-guide{width:400px;min-height:160px;background:#5e7ce0;box-shadow:var(--devui-shadow-length-feedback-overlay, 0 4px 16px 0) #5170ff4d;border-radius:var(--devui-border-radius-feedback, 4px);font-size:12px;color:#fff;padding:20px;position:absolute}.devui-steps-guide .devui-title{font-size:12px;opacity:1;margin:0 0 20px;padding:0}.devui-steps-guide>.devui-arrow,.devui-steps-guide>.devui-arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.devui-steps-guide>.devui-arrow{border-width:8px}.devui-steps-guide.left>.devui-arrow{top:23px;right:-6px;margin-top:-3px;border-right-width:0;transform:rotate(-135deg);border-left-color:#5e7ce0}.devui-steps-guide.top>.devui-arrow,.devui-steps-guide.top-left>.devui-arrow,.devui-steps-guide.top-right>.devui-arrow{bottom:-6px;border-bottom-width:0;border-top-color:#5e7ce0;transform:rotate(135deg)}.devui-steps-guide.top>.devui-arrow{left:calc(50% - 4px)}.devui-steps-guide.top-left>.devui-arrow{left:23px}.devui-steps-guide.top-right>.devui-arrow{right:23px;transform:rotate(-135deg)}.devui-steps-guide.right>.devui-arrow{top:23px;left:-6px;margin-top:-3px;border-left-width:0;transform:rotate(135deg);border-right-color:#5e7ce0}.devui-steps-guide.bottom>.devui-arrow,.devui-steps-guide.bottom-left>.devui-arrow,.devui-steps-guide.bottom-right>.devui-arrow{top:-6px;margin-left:3px;border-top-width:0;border-bottom-color:#5e7ce0}.devui-steps-guide.bottom>.devui-arrow{left:calc(50% - 4px);transform:rotate(-135deg)}.devui-steps-guide.bottom-right>.devui-arrow{right:23px;transform:rotate(135deg)}.devui-steps-guide.bottom-left>.devui-arrow{left:23px;transform:rotate(-135deg)}.devui-steps-guide>.devui-shining-dot,.devui-steps-guide .devui-shining-plus{position:absolute;background:#5e7ce0;width:6px;height:6px;border-radius:var(--devui-border-radius-feedback, 4px)}.devui-steps-guide.left>.devui-shining-dot,.devui-steps-guide.left>.devui-shining-plus{top:21px;right:-30px}.devui-steps-guide.right>.devui-shining-dot,.devui-steps-guide.right>.devui-shining-plus{top:21px;left:-30px}.devui-steps-guide.top>.devui-shining-dot,.devui-steps-guide.top>.devui-shining-plus{left:calc(50% - 3px);bottom:-30px}.devui-steps-guide.top-left>.devui-shining-dot,.devui-steps-guide.top-left>.devui-shining-plus{left:21px;bottom:-30px}.devui-steps-guide.top-right>.devui-shining-dot,.devui-steps-guide.top-right>.devui-shining-plus{right:21px;bottom:-30px}.devui-steps-guide.bottom>.devui-shining-dot,.devui-steps-guide.bottom>.devui-shining-plus{left:calc(50% - 3px);top:-30px}.devui-steps-guide.bottom-right>.devui-shining-dot,.devui-steps-guide.bottom-right>.devui-shining-plus{top:-30px;right:21px}.devui-steps-guide.bottom-left>.devui-shining-dot,.devui-steps-guide.bottom-left>.devui-shining-plus{top:-30px;left:21px}.devui-steps-guide .devui-shining-plus{animation:devui-glow 2s 0s infinite}.devui-steps-guide .devui-guide-container{position:relative}.devui-steps-guide .devui-guide-container>.icon-close{position:absolute;top:0;right:0;cursor:pointer}.devui-steps-guide .devui-guide-container .devui-ctrl{display:flex;flex-wrap:wrap}.devui-steps-guide .devui-guide-container .devui-ctrl .devui-dots{color:#fff;position:relative;top:25px;font-size:12px;height:30px}.devui-steps-guide .devui-guide-container .devui-ctrl .devui-dots>em{opacity:.2;margin:0 5px 0 2px}.devui-steps-guide .devui-guide-container .devui-ctrl .devui-dots>em.devui-active{opacity:1}.devui-steps-guide .devui-guide-container .devui-ctrl .devui-guide-btn{display:flex;flex-flow:row nowrap;flex-grow:1;justify-content:flex-end;padding:20px 0 0;white-space:nowrap}.devui-steps-guide .devui-guide-container .devui-ctrl .devui-guide-btn>div{color:#fff;background:rgba(255,255,255,.1);border-radius:4px;padding:5px 15px;cursor:pointer;margin-left:10px}.devui-steps-guide .devui-guide-container .devui-ctrl .devui-guide-btn>div.devui-prev-step{background:none;border:solid 1px rgba(255,255,255,.1)}@keyframes devui-glow{0%{transform:scale(1);opacity:.5}25%{transform:scale(2);opacity:.3}50%{transform:scale(3);opacity:.1}75%{transform:scale(2);opacity:.3}to{transform:scale(1);opacity:.5}}

package/sticky/index.d.ts

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

package/sticky/index.es.js

@@ -1,197 +0,0 @@
-import { defineComponent, reactive, watch, onMounted, ref, createVNode } from "vue";
-var Sticky = defineComponent({
-  name: "DSticky",
-  props: {
-    zIndex: {
-      type: Number
-    },
-    container: {
-      type: Object
-    },
-    view: {
-      type: Object,
-      default: () => {
-        return {
-          top: 0,
-          bottom: 0
-        };
-      }
-    },
-    scrollTarget: {
-      type: Object
-    }
-  },
-  emits: ["statusChange"],
-  setup(props, ctx) {
-    const {
-      slots
-    } = ctx;
-    let container;
-    let scrollTarget;
-    let scrollTimer;
-    let scrollPreStart;
-    const THROTTLE_DELAY = 16;
-    const THROTTLE_TRIGGER = 100;
-    let parentNode;
-    let containerLeft = 0;
-    const state = reactive({
-      status: "normal"
-    });
-    watch(() => props.zIndex, () => {
-      init();
-    });
-    watch(() => props.container, () => {
-      init();
-    });
-    watch(() => props.scrollTarget, () => {
-      init();
-    });
-    watch(() => state.status, () => {
-      ctx.emit("statusChange", state.status);
-    }, {
-      immediate: true
-    });
-    const init = () => {
-      parentNode = stickyRef.value.parentElement;
-      if (!props.container) {
-        container = parentNode;
-      } else {
-        container = props.container;
-      }
-      stickyRef.value.style.zIndex = props.zIndex;
-      scrollTarget = props.scrollTarget || window;
-      scrollTarget.addEventListener("scroll", throttle);
-      initScrollStatus(scrollTarget);
-    };
-    const initScrollStatus = (target) => {
-      const scrollTargets = target === window ? [document.documentElement, document.body] : [target];
-      let flag = false;
-      scrollTargets.forEach((scrollTarget2) => {
-        if (scrollTarget2.scrollTop && scrollTarget2.scrollTop > 0) {
-          flag = true;
-        }
-      });
-      if (flag) {
-        setTimeout(scrollHandler);
-      }
-    };
-    const statusProcess = (status) => {
-      const wrapper = stickyRef.value || document.createElement("div");
-      switch (status) {
-        case "normal":
-          wrapper.style.top = "auto";
-          wrapper.style.left = "auto";
-          wrapper.style.position = "static";
-          break;
-        case "follow":
-          const scrollTargetElement = scrollTarget;
-          const viewOffset = scrollTarget && scrollTarget !== window ? scrollTargetElement.getBoundingClientRect().top : 0;
-          wrapper.style.top = +viewOffset + (props.view && props.view.top || 0) + "px";
-          wrapper.style.left = wrapper.getBoundingClientRect().left + "px";
-          wrapper.style.position = "fixed";
-          break;
-        case "stay":
-          wrapper.style.top = calculateRelativePosition(wrapper, parentNode, "top") + "px";
-          wrapper.style.left = "auto";
-          wrapper.style.position = "relative";
-          break;
-        case "remain":
-          if (wrapper.style.position !== "fixed" && wrapper.style.position !== "absolute") {
-            wrapper.style.top = calculateRelativePosition(wrapper, parentNode, "top") + "px";
-            wrapper.style.left = "auto";
-            wrapper.style.position = "absolute";
-          }
-          wrapper.style.top = calculateRemainPosition(wrapper, parentNode, container) + "px";
-          wrapper.style.left = calculateRelativePosition(wrapper, parentNode, "left") + "px";
-          wrapper.style.position = "relative";
-          break;
-      }
-    };
-    const throttle = () => {
-      const fn = scrollAndResizeHock;
-      const time = Date.now();
-      if (scrollTimer) {
-        clearTimeout(scrollTimer);
-      }
-      if (!scrollPreStart) {
-        scrollPreStart = time;
-      }
-      if (time - scrollPreStart > THROTTLE_TRIGGER) {
-        fn();
-        scrollPreStart = null;
-        scrollTimer = null;
-      } else {
-        scrollTimer = setTimeout(() => {
-          fn();
-          scrollPreStart = null;
-          scrollTimer = null;
-        }, THROTTLE_DELAY);
-      }
-    };
-    const scrollAndResizeHock = () => {
-      if (container.getBoundingClientRect().left - (containerLeft || 0) !== 0) {
-        state.status = "stay";
-        containerLeft = container.getBoundingClientRect().left;
-      } else {
-        scrollHandler();
-      }
-    };
-    const scrollHandler = () => {
-      const scrollTargetElement = scrollTarget;
-      const wrapper = stickyRef.value || document.createElement("div");
-      const viewOffsetTop = scrollTarget && scrollTarget !== window ? scrollTargetElement.getBoundingClientRect().top : 0;
-      const computedStyle = window.getComputedStyle(container);
-      if (parentNode.getBoundingClientRect().top - viewOffsetTop > (props.view && props.view.top || 0)) {
-        state.status = "normal";
-        statusProcess(state.status);
-      } else if (container.getBoundingClientRect().top + parseInt(computedStyle.paddingTop, 10) + parseInt(computedStyle.borderTopWidth, 10) - viewOffsetTop >= (props.view && props.view.top || 0)) {
-        state.status = "normal";
-        statusProcess(state.status);
-      } else if (container.getBoundingClientRect().bottom - parseInt(computedStyle.paddingBottom, 10) - parseInt(computedStyle.borderBottomWidth, 10) < viewOffsetTop + (props.view && props.view.top || 0) + wrapper.getBoundingClientRect().height + (props.view && props.view.bottom || 0)) {
-        state.status = "remain";
-        statusProcess(state.status);
-      } else if (container.getBoundingClientRect().top + parseInt(computedStyle.paddingTop, 10) - viewOffsetTop < (props.view && props.view.top || 0)) {
-        state.status = "follow";
-        statusProcess(state.status);
-      }
-    };
-    const calculateRelativePosition = (element, relativeElement, direction) => {
-      const key = {
-        left: ["left", "Left"],
-        top: ["top", "Top"]
-      };
-      if (window && window.getComputedStyle) {
-        const computedStyle = window.getComputedStyle(relativeElement);
-        return element.getBoundingClientRect()[key[direction][0]] - relativeElement.getBoundingClientRect()[key[direction][0]] - parseInt(computedStyle[direction === "left" ? "paddingLeft" : "paddingTop"], 10) - parseInt(computedStyle[direction === "left" ? "borderLeftWidth" : "borderTopWidth"], 10);
-      }
-    };
-    const calculateRemainPosition = (element, relativeElement, container2) => {
-      if (window && window.getComputedStyle) {
-        const computedStyle = window.getComputedStyle(container2);
-        const result = container2.getBoundingClientRect().height - element.getBoundingClientRect().height + container2.getBoundingClientRect().top - relativeElement.getBoundingClientRect().top - parseInt(computedStyle["paddingTop"], 10) - parseInt(computedStyle["borderTopWidth"], 10) - parseInt(computedStyle["paddingBottom"], 10) - parseInt(computedStyle["borderBottomWidth"], 10);
-        return result < 0 ? 0 : result;
-      }
-    };
-    onMounted(() => {
-      init();
-    });
-    const stickyRef = ref();
-    return () => {
-      return createVNode("div", {
-        "ref": stickyRef
-      }, [slots.default ? slots.default() : ""]);
-    };
-  }
-});
-Sticky.install = function(app) {
-  app.component(Sticky.name, Sticky);
-};
-var index = {
-  title: "Sticky \u4FBF\u8D34",
-  category: "\u901A\u7528",
-  status: "50%",
-  install(app) {
-    app.use(Sticky);
-  }
-};
-export { Sticky, index as default };

package/sticky/index.umd.js

@@ -1 +0,0 @@
-(function(a,i){typeof exports=="object"&&typeof module!="undefined"?i(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],i):(a=typeof globalThis!="undefined"?globalThis:a||self,i(a.index={},a.Vue))})(this,function(a,i){"use strict";var r=i.defineComponent({name:"DSticky",props:{zIndex:{type:Number},container:{type:Object},view:{type:Object,default:()=>({top:0,bottom:0})},scrollTarget:{type:Object}},emits:["statusChange"],setup(e,h){const{slots:C}=h;let c,d,f,g;const B=16,S=100;let u,R=0;const s=i.reactive({status:"normal"});i.watch(()=>e.zIndex,()=>{w()}),i.watch(()=>e.container,()=>{w()}),i.watch(()=>e.scrollTarget,()=>{w()}),i.watch(()=>s.status,()=>{h.emit("statusChange",s.status)},{immediate:!0});const w=()=>{u=p.value.parentElement,e.container?c=e.container:c=u,p.value.style.zIndex=e.zIndex,d=e.scrollTarget||window,d.addEventListener("scroll",x),I(d)},I=l=>{const t=l===window?[document.documentElement,document.body]:[l];let o=!1;t.forEach(n=>{n.scrollTop&&n.scrollTop>0&&(o=!0)}),o&&setTimeout(v)},y=l=>{const t=p.value||document.createElement("div");switch(l){case"normal":t.style.top="auto",t.style.left="auto",t.style.position="static";break;case"follow":const n=d&&d!==window?d.getBoundingClientRect().top:0;t.style.top=+n+(e.view&&e.view.top||0)+"px",t.style.left=t.getBoundingClientRect().left+"px",t.style.position="fixed";break;case"stay":t.style.top=T(t,u,"top")+"px",t.style.left="auto",t.style.position="relative";break;case"remain":t.style.position!=="fixed"&&t.style.position!=="absolute"&&(t.style.top=T(t,u,"top")+"px",t.style.left="auto",t.style.position="absolute"),t.style.top=k(t,u,c)+"px",t.style.left=T(t,u,"left")+"px",t.style.position="relative";break}},x=()=>{const l=E,t=Date.now();f&&clearTimeout(f),g||(g=t),t-g>S?(l(),g=null,f=null):f=setTimeout(()=>{l(),g=null,f=null},B)},E=()=>{c.getBoundingClientRect().left-(R||0)!==0?(s.status="stay",R=c.getBoundingClientRect().left):v()},v=()=>{const l=d,t=p.value||document.createElement("div"),o=d&&d!==window?l.getBoundingClientRect().top:0,n=window.getComputedStyle(c);u.getBoundingClientRect().top-o>(e.view&&e.view.top||0)||c.getBoundingClientRect().top+parseInt(n.paddingTop,10)+parseInt(n.borderTopWidth,10)-o>=(e.view&&e.view.top||0)?(s.status="normal",y(s.status)):c.getBoundingClientRect().bottom-parseInt(n.paddingBottom,10)-parseInt(n.borderBottomWidth,10)<o+(e.view&&e.view.top||0)+t.getBoundingClientRect().height+(e.view&&e.view.bottom||0)?(s.status="remain",y(s.status)):c.getBoundingClientRect().top+parseInt(n.paddingTop,10)-o<(e.view&&e.view.top||0)&&(s.status="follow",y(s.status))},T=(l,t,o)=>{const n={left:["left","Left"],top:["top","Top"]};if(window&&window.getComputedStyle){const m=window.getComputedStyle(t);return l.getBoundingClientRect()[n[o][0]]-t.getBoundingClientRect()[n[o][0]]-parseInt(m[o==="left"?"paddingLeft":"paddingTop"],10)-parseInt(m[o==="left"?"borderLeftWidth":"borderTopWidth"],10)}},k=(l,t,o)=>{if(window&&window.getComputedStyle){const n=window.getComputedStyle(o),m=o.getBoundingClientRect().height-l.getBoundingClientRect().height+o.getBoundingClientRect().top-t.getBoundingClientRect().top-parseInt(n.paddingTop,10)-parseInt(n.borderTopWidth,10)-parseInt(n.paddingBottom,10)-parseInt(n.borderBottomWidth,10);return m<0?0:m}};i.onMounted(()=>{w()});const p=i.ref();return()=>i.createVNode("div",{ref:p},[C.default?C.default():""])}});r.install=function(e){e.component(r.name,r)};var b={title:"Sticky \u4FBF\u8D34",category:"\u901A\u7528",status:"50%",install(e){e.use(r)}};a.Sticky=r,a.default=b,Object.defineProperty(a,"__esModule",{value:!0}),a[Symbol.toStringTag]="Module"});

package/sticky/package.json

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

package/table/index.d.ts

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