vue-devui 1.0.0-rc.2 → 1.0.0-rc.5

package/select/index.umd.js

@@ -0,0 +1 @@
+var x=Object.defineProperty,L=Object.defineProperties;var H=Object.getOwnPropertyDescriptors;var R=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var I=(f,e,v)=>e in f?x(f,e,{enumerable:!0,configurable:!0,writable:!0,value:v}):f[e]=v,k=(f,e)=>{for(var v in e||(e={}))J.call(e,v)&&I(f,v,e[v]);if(R)for(var v of R(e))Q.call(e,v)&&I(f,v,e[v]);return f},N=(f,e)=>L(f,H(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}},F={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var O=e.defineComponent({name:"DIcon",props:F,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)}}),X="";const P={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}},_=N(k({},P),{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}}),K=N(k({},P),{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}}),j=Symbol("d-checkbox-group");var B=e.defineComponent({name:"DCheckbox",props:_,emits:["change","update:checked","update:modelValue"],setup(l,a){const t=e.inject(j,null),n=e.computed(()=>l.checked||l.modelValue),d=e.computed(()=>(t==null?void 0:t.disabled.value)||l.disabled),c=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,w=(i,r)=>{var p;if(d.value)return Promise.resolve(!1);const g=(p=l.beforeChange)!=null?p: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)},h=()=>{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:c,mergedShowAnimation:u,handleClick:()=>{w(!n.value,l.label).then(i=>i&&h())}}},render(){var T;const{itemWidth:l,direction:a,mergedChecked:t,mergedDisabled:n,mergedIsShowTitle:d,mergedShowAnimation:c,halfchecked:o,title:u,label:m,handleClick:y,name:V,value:w,mergedColor:h,$slots:s}=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},p=d?u||m:"",b=h&&o||h?`linear-gradient(${h}, ${h})`:"",S=[`border-color:${(t||o)&&h?h:""}`,`background-image:${b}`,`background-color:${h&&o?h:""}`],W={"devui-checkbox-material":!0,"custom-color":h,"devui-checkbox-no-label":!m&&!s.default,"devui-no-animation":!c,"devui-checkbox-default-background":!o},M={"devui-tick":!0,"devui-no-animation":!c},D=q=>q.stopPropagation(),U={indeterminate:o};return e.createVNode("div",{class:i,style:r},[e.createVNode("div",{class:g},[e.createVNode("label",{title:p,onClick:y},[e.createVNode("input",e.mergeProps({name:V||w,class:"devui-checkbox-input",type:"checkbox"},U,{checked:t,disabled:n,onClick:D,onChange:D}),null),e.createVNode("span",{style:S,class:W},[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:M},null)])])]),m||((T=s.default)==null?void 0:T.call(s))])])])}}),Y="";e.defineComponent({name:"DCheckboxGroup",props:K,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(w=>w.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)},c=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(j,{disabled:e.toRef(l,"disabled"),isShowTitle:e.toRef(l,"isShowTitle"),color:e.toRef(l,"color"),showAnimation:e.toRef(l,"showAnimation"),beforeChange:l.beforeChange,isItemChecked:c,toggleGroupVal:d,itemWidth:e.toRef(l,"itemWidth"),direction:e.toRef(l,"direction")}),{defaultOpt:n}},render(){var c;const{direction:l,$slots:a,defaultOpt:t,options:n}=this;let d=(c=a.default)==null?void 0:c.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,N(k({},o),{label:o.name}))),e.createVNode(B,u,null)})),e.createVNode("div",{class:"devui-checkbox-group"},[e.createVNode("div",{class:{"devui-checkbox-list-inline":l==="row"}},[d])])}});function C(l,a){let t=l;return typeof a=="object"&&Object.keys(a).forEach(n=>{a[n]&&(t+=` ${n}`)}),t}function $(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 E(l,a,t){function n(d){var u,m;let c=d.target;c.shadowRoot&&d.composed&&(c=d.composedPath()[0]||c);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(c)&&y!==c)&&t(!1)}e.onMounted(()=>{document.body.addEventListener("mousedown",n,!1)}),e.onBeforeUnmount(()=>{document.body.addEventListener("mousedown",n,!1)})}var Z="",A=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 c(s){l.disabled||(d.value=s,a.emit("toggleChange",s))}E([t,n],d,c);const o=e.computed(()=>{const{multiple:s,modelValue:i}=l;return l.options.map(r=>{let g;return typeof r=="object"?g=k({name:r.name?r.name:r.value+"",_checked:!1},r):g={name:r+"",value:r,_checked:!1},s&&(Array.isArray(i)?g._checked=i.includes(g.value):g._checked=!1),g})}),u=$(o),m=e.computed(()=>{var s;return l.multiple&&Array.isArray(l.modelValue)?u(l.modelValue).map(r=>(r==null?void 0:r.name)||"").join(","):Array.isArray(l.modelValue)?"":((s=u([l.modelValue])[0])==null?void 0:s.name)||""}),y=e.computed(()=>!l.disabled&&l.allowClear&&m.value.length>0);function V(s,i){const{multiple:r,optionDisabledKey:g}=l;let{modelValue:p}=l;g&&!!s[g]||(r?(s._checked=!s._checked,p=o.value.filter(b=>b._checked).map(b=>b.value),a.emit("update:modelValue",p)):(a.emit("update:modelValue",s.value),c(!1)),a.emit("valueChange",s,i))}function w(s){const{optionDisabledKey:i}=l;return C("devui-select-item",{active:s.value===l.modelValue,disabled:i?!!s[i]:!1})}function h(s){s.preventDefault(),s.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:c,getItemClassName:w,handleClear:h}},render(){const{mergeOptions:l,isOpen:a,inputValue:t,size:n,multiple:d,disabled:c,optionDisabledKey:o,placeholder:u,overview:m,valueChange:y,toggleChange:V,getItemClassName:w,mergeClearable:h,handleClear:s}=this,i=C("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":c}),r=C("devui-select-input",{"devui-select-input-lg":n==="lg","devui-select-input-sm":n==="sm"}),g=C("devui-select-selection",{"devui-select-clearable":h});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:c},null),e.createVNode("span",{onClick:s,class:"devui-select-clear"},[e.createVNode(O,{name:"close"},null)]),e.createVNode("span",{class:"devui-select-arrow"},[e.createVNode(O,{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((p,b)=>e.createVNode("li",{onClick:S=>{S.preventDefault(),S.stopPropagation(),y(p,b)},class:w(p),key:b},[d?e.createVNode(B,{modelValue:p._checked,label:p.name,disabled:o?!!p[o]:!1},null):p.name]))])]),[[e.vShow,a]])]})])}}),z={title:"Select \u4E0B\u62C9\u6846",category:"\u6570\u636E\u5F55\u5165",status:"10%",install(l){l.component(A.name,A)}};f.Select=A,f.default=z,Object.defineProperty(f,"__esModule",{value:!0}),f[Symbol.toStringTag]="Module"});

package/select/package.json

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

package/select/style.css

@@ -0,0 +1 @@
+.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-form-control-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/skeleton/index.es.js

@@ -1,5 +1,4 @@
 import { defineComponent, createVNode, Fragment, withDirectives, vShow, mergeProps } from "vue";
-var skeleton = "";
 const skeletonProps = {
   row: {
     type: Number,
@@ -46,6 +45,7 @@ const skeletonProps = {
     default: ["100%"]
   }
 };
+var skeleton = "";
 var Skeleton = defineComponent({
   name: "DSkeleton",
   props: skeletonProps,
@@ -102,10 +102,10 @@ var Skeleton = defineComponent({
       })();
       return withDirectives(createVNode("div", {
         "class": "devui-skeleton__paragraph"
-      }, [arr.map((item2) => {
+      }, [arr.map((item) => {
         return createVNode("div", {
           "class": "devui-skeleton__item",
-          "style": round ? "border-radius: 1em;" : `width: ${item2.width}`
+          "style": round ? "border-radius: 1em;" : `width: ${item.width}`
         }, null);
       })]), [[vShow, isShown]]);
     }
@@ -161,7 +161,6 @@ var Skeleton = defineComponent({
     };
   }
 });
-var item = "";
 const itemProps = {
   row: {
     type: Number,
@@ -195,6 +194,7 @@ const itemProps = {
     type: String
   }
 };
+var skeletonItem = "";
 var SkeletonItem = defineComponent({
   name: "DSkeletonItem",
   props: itemProps,
@@ -248,10 +248,10 @@ var SkeletonItem = defineComponent({
       })();
       return createVNode("div", mergeProps({
         "class": `devui-skeleton__shape__paragraph ${renderAnimate(props.animate)}`
-      }, ctx.attrs), [arr.map((item2) => {
+      }, ctx.attrs), [arr.map((item) => {
         return createVNode("div", {
           "class": "devui-skeleton__shape__paragraph__item",
-          "style": round ? "border-radius: 1em;" : `width: ${item2.width}`
+          "style": round ? "border-radius: 1em;" : `width: ${item.width}`
         }, null);
       })]);
     }
@@ -282,16 +282,13 @@ var SkeletonItem = defineComponent({
     };
   }
 });
-Skeleton.install = function(app) {
-  app.component(Skeleton.name, Skeleton);
-  app.component(SkeletonItem.name, SkeletonItem);
-};
 var index = {
   title: "Skeleton \u9AA8\u67B6\u5C4F",
   category: "\u6570\u636E\u5C55\u793A",
   status: "100%",
   install(app) {
-    app.use(Skeleton);
+    app.component(Skeleton.name, Skeleton);
+    app.component(SkeletonItem.name, SkeletonItem);
   }
 };
-export { Skeleton, SkeletonItem, index as default };
+export { Skeleton, SkeletonItem, index as default, skeletonProps };

package/skeleton/index.umd.js

@@ -1 +1 @@
-(function(u,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(u=typeof globalThis!="undefined"?globalThis:u||self,e(u.index={},u.Vue))})(this,function(u,e){"use strict";var V="";const S={row:{type:Number,default:0},animate:{type:Boolean,default:!0},round:{type:Boolean,default:!1},loading:{type:Boolean,default:!0},avatar:{type:Boolean,default:!1},title:{type:Boolean,default:!0},paragraph:{type:Boolean,default:!0},avatarSize:{type:[String,Number],default:"40px"},avatarShape:{type:String,default:"round"},titleWidth:{type:[String,Number],default:"40%"},rowWidth:{type:[Number,String,Array],default:["100%"]}};var h=e.defineComponent({name:"DSkeleton",props:S,setup(t,f){const{slots:s}=f;function m(a){return a?"devui-skeleton__animated":""}function g(a){return a?"border-radius: 1em;":""}function _(a,l,n,r){const c=[];function k(p){for(let o=0;o<l;o++)c.push({width:p})}return function(){if(n instanceof Array)for(let o=0;o<l;o++)if(n[o])switch(typeof n[o]){case"string":c.push({width:n[o]});break;case"number":c.push({width:`${n[o]}px`})}else c.push({width:1});else switch(typeof n){case"string":k(n);break;case"number":k(`${n}px`);break}}(),e.withDirectives(e.createVNode("div",{class:"devui-skeleton__paragraph"},[c.map(p=>e.createVNode("div",{class:"devui-skeleton__item",style:r?"border-radius: 1em;":`width: ${p.width}`},null))]),[[e.vShow,a]])}function d(a,l){function n(){return l==="square"?"":"border-radius:50%;"}function r(){switch(typeof a){case"string":return`width:${a};height:${a};`;case"number":return`width:${a}px;height:${a}px;`}}return r()+n()}function i(a,l,n){function r(){switch(typeof l){case"string":return`width: ${l};`;case"number":return`width: ${l}px;`}}function c(){return a?null:"visibility: hidden;"}return r()+g(n)+c()}function b(){return e.createVNode(e.Fragment,null,[e.withDirectives(e.createVNode("div",{class:"devui-skeleton__avatar"},[e.createVNode("div",{class:"avatar",style:d(t.avatarSize,t.avatarShape)},null)]),[[e.vShow,t.avatar]]),e.createVNode("div",{class:"devui-skeleton__group"},[e.createVNode("div",{class:"devui-skeleton__title",style:i(t.title,t.titleWidth,t.round)},null),_(t.paragraph,t.row,t.rowWidth,t.round)])])}return()=>{var a;return t.loading?e.createVNode("div",{class:`devui-skeleton ${m(t.animate)}`},[b()]):e.createVNode(e.Fragment,null,[(a=s.default)==null?void 0:a.call(s)])}}}),v="";const N={row:{type:Number,default:0},animate:{type:Boolean,default:!0},round:{type:Boolean,default:!1},loading:{type:Boolean,default:!0},avatarShape:{type:String,default:"round"},titleWidth:{type:[String,Number],default:"40%"},rowWidth:{type:[Number,String,Array],default:["100%"]},shape:{type:String}};var y=e.defineComponent({name:"DSkeletonItem",props:N,setup(t,f){const{slots:s}=f;function m(d){return d?"devui-skeleton__animated":""}function g(d,i,b){const a=[];function l(n){for(let r=0;r<d;r++)a.push({width:n})}return function(){if(i instanceof Array)for(let r=0;r<d;r++)if(i[r])switch(typeof i[r]){case"string":a.push({width:i[r]});break;case"number":a.push({width:`${i[r]}px`})}else a.push({width:1});else switch(typeof i){case"string":l(i);break;case"number":l(`${i}px`);break}}(),e.createVNode("div",e.mergeProps({class:`devui-skeleton__shape__paragraph ${m(t.animate)}`},f.attrs),[a.map(n=>e.createVNode("div",{class:"devui-skeleton__shape__paragraph__item",style:b?"border-radius: 1em;":`width: ${n.width}`},null))])}function _(d){function i(){return d==="square"?"":"border-radius:50%;"}return i()}return()=>{var d;if(t.loading&&t.shape)switch(t.shape){case"avatar":return e.createVNode(e.Fragment,null,[e.createVNode("div",e.mergeProps({class:`devui-skeleton__shape__avatar ${m(t.animate)}`,style:_(t.avatarShape)},f.attrs),null)]);case"paragraph":return e.createVNode(e.Fragment,null,[g(t.row,t.rowWidth,t.round)]);default:return e.createVNode(e.Fragment,null,[e.createVNode("div",e.mergeProps({class:`devui-skeleton__shape__${t.shape} ${m(t.animate)}`},f.attrs),null)])}return e.createVNode(e.Fragment,null,[(d=s.default)==null?void 0:d.call(s)])}}});h.install=function(t){t.component(h.name,h),t.component(y.name,y)};var w={title:"Skeleton \u9AA8\u67B6\u5C4F",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.use(h)}};u.Skeleton=h,u.SkeletonItem=y,u.default=w,Object.defineProperty(u,"__esModule",{value:!0}),u[Symbol.toStringTag]="Module"});
+(function(d,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis!="undefined"?globalThis:d||self,e(d.index={},d.Vue))})(this,function(d,e){"use strict";const b={row:{type:Number,default:0},animate:{type:Boolean,default:!0},round:{type:Boolean,default:!1},loading:{type:Boolean,default:!0},avatar:{type:Boolean,default:!1},title:{type:Boolean,default:!0},paragraph:{type:Boolean,default:!0},avatarSize:{type:[String,Number],default:"40px"},avatarShape:{type:String,default:"round"},titleWidth:{type:[String,Number],default:"40%"},rowWidth:{type:[Number,String,Array],default:["100%"]}};var V="",p=e.defineComponent({name:"DSkeleton",props:b,setup(t,f){const{slots:s}=f;function h(a){return a?"devui-skeleton__animated":""}function g(a){return a?"border-radius: 1em;":""}function _(a,u,n,r){const c=[];function S(m){for(let o=0;o<u;o++)c.push({width:m})}return function(){if(n instanceof Array)for(let o=0;o<u;o++)if(n[o])switch(typeof n[o]){case"string":c.push({width:n[o]});break;case"number":c.push({width:`${n[o]}px`})}else c.push({width:1});else switch(typeof n){case"string":S(n);break;case"number":S(`${n}px`);break}}(),e.withDirectives(e.createVNode("div",{class:"devui-skeleton__paragraph"},[c.map(m=>e.createVNode("div",{class:"devui-skeleton__item",style:r?"border-radius: 1em;":`width: ${m.width}`},null))]),[[e.vShow,a]])}function l(a,u){function n(){return u==="square"?"":"border-radius:50%;"}function r(){switch(typeof a){case"string":return`width:${a};height:${a};`;case"number":return`width:${a}px;height:${a}px;`}}return r()+n()}function i(a,u,n){function r(){switch(typeof u){case"string":return`width: ${u};`;case"number":return`width: ${u}px;`}}function c(){return a?null:"visibility: hidden;"}return r()+g(n)+c()}function k(){return e.createVNode(e.Fragment,null,[e.withDirectives(e.createVNode("div",{class:"devui-skeleton__avatar"},[e.createVNode("div",{class:"avatar",style:l(t.avatarSize,t.avatarShape)},null)]),[[e.vShow,t.avatar]]),e.createVNode("div",{class:"devui-skeleton__group"},[e.createVNode("div",{class:"devui-skeleton__title",style:i(t.title,t.titleWidth,t.round)},null),_(t.paragraph,t.row,t.rowWidth,t.round)])])}return()=>{var a;return t.loading?e.createVNode("div",{class:`devui-skeleton ${h(t.animate)}`},[k()]):e.createVNode(e.Fragment,null,[(a=s.default)==null?void 0:a.call(s)])}}});const N={row:{type:Number,default:0},animate:{type:Boolean,default:!0},round:{type:Boolean,default:!1},loading:{type:Boolean,default:!0},avatarShape:{type:String,default:"round"},titleWidth:{type:[String,Number],default:"40%"},rowWidth:{type:[Number,String,Array],default:["100%"]},shape:{type:String}};var v="",y=e.defineComponent({name:"DSkeletonItem",props:N,setup(t,f){const{slots:s}=f;function h(l){return l?"devui-skeleton__animated":""}function g(l,i,k){const a=[];function u(n){for(let r=0;r<l;r++)a.push({width:n})}return function(){if(i instanceof Array)for(let r=0;r<l;r++)if(i[r])switch(typeof i[r]){case"string":a.push({width:i[r]});break;case"number":a.push({width:`${i[r]}px`})}else a.push({width:1});else switch(typeof i){case"string":u(i);break;case"number":u(`${i}px`);break}}(),e.createVNode("div",e.mergeProps({class:`devui-skeleton__shape__paragraph ${h(t.animate)}`},f.attrs),[a.map(n=>e.createVNode("div",{class:"devui-skeleton__shape__paragraph__item",style:k?"border-radius: 1em;":`width: ${n.width}`},null))])}function _(l){function i(){return l==="square"?"":"border-radius:50%;"}return i()}return()=>{var l;if(t.loading&&t.shape)switch(t.shape){case"avatar":return e.createVNode(e.Fragment,null,[e.createVNode("div",e.mergeProps({class:`devui-skeleton__shape__avatar ${h(t.animate)}`,style:_(t.avatarShape)},f.attrs),null)]);case"paragraph":return e.createVNode(e.Fragment,null,[g(t.row,t.rowWidth,t.round)]);default:return e.createVNode(e.Fragment,null,[e.createVNode("div",e.mergeProps({class:`devui-skeleton__shape__${t.shape} ${h(t.animate)}`},f.attrs),null)])}return e.createVNode(e.Fragment,null,[(l=s.default)==null?void 0:l.call(s)])}}}),w={title:"Skeleton \u9AA8\u67B6\u5C4F",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.component(p.name,p),t.component(y.name,y)}};d.Skeleton=p,d.SkeletonItem=y,d.default=w,d.skeletonProps=b,Object.defineProperty(d,"__esModule",{value:!0}),d[Symbol.toStringTag]="Module"});

package/slider/index.es.js

@@ -183,9 +183,6 @@ var Slider = defineComponent({
     }, [props.max]), renderShowInput()]);
   }
 });
-Slider.install = function(app) {
-  app.component(Slider.name, Slider);
-};
 var index = {
   title: "Slider \u6ED1\u5757",
   category: "\u6570\u636E\u5F55\u5165",
@@ -194,4 +191,4 @@ var index = {
     app.component(Slider.name, Slider);
   }
 };
-export { Slider, index as default };
+export { Slider, index as default, sliderProps };

package/slider/index.umd.js

@@ -1 +1 @@
-(function(a,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(a=typeof globalThis!="undefined"?globalThis:a||self,t(a.index={},a.Vue))})(this,function(a,t){"use strict";const g={disabled:{type:Boolean,default:!1},max:{type:Number,default:100},min:{type:Number,default:0},modelValue:{type:Number,default:0},showInput:{type:Boolean,default:!1},step:{type:Number,default:1},tipsRenderer:{type:String,default:""}};var R="",o=t.defineComponent({name:"DSlider",props:g,emits:["update:modelValue"],setup(e,m){let v=!0,f=0,s=0;const d=t.ref(!1),V=t.ref(null),l=t.ref(e.modelValue),r=t.ref(0),h=t.ref(0),u=t.ref("");function S(n){if(l.value=parseInt(n.target.value),!l.value)l.value=e.min,u.value="0%";else{if(l.value<e.min||l.value>e.max)return;/^(?:[1-9]?\d|100)$/.test(`${l.value}`)&&(u.value=(l.value-e.min)*100/(e.max-e.min)+"%",m.emit("update:modelValue",l.value))}}function M(n){const i=Math.round(V.value.clientWidth);n<0&&(n=0);const c=i/((e.max-e.min)/e.step),y=Math.round(n/c)*c;if(Math.round(y)>=i){r.value=i,l.value=e.max,u.value="100%",m.emit("update:modelValue",e.max);return}u.value=Math.round(y*100/i)+"%",l.value=Math.round(y*(e.max-e.min)/i)+e.min,r.value=n,m.emit("update:modelValue",l.value)}function E(n){v=!1,s=n.clientX,f=r.value,h.value=f}function N(n){d.value=!0;const c=n.clientX-s;h.value=f+c,M(h.value)}function _(){d.value=!1,setTimeout(()=>{v=!0},100),window.removeEventListener("mousemove",N),window.removeEventListener("mouseup",_)}const X=()=>e.showInput?t.createVNode("div",{class:"devui-input__out-wrap"},[t.createVNode("input",{onInput:S,value:l.value+""},null)]):"";e.modelValue>e.max?u.value="100%":e.modelValue<e.min?u.value="0%":u.value=(e.modelValue-e.min)*100/(e.max-e.min)+"%",t.onMounted(()=>{const n=V.value.clientWidth;r.value=n*(l.value-e.min)/(e.max-e.min)});function b(n){d.value=!0,!e.disabled&&(n.preventDefault(),E(n),window.addEventListener("mousemove",N),window.addEventListener("mouseup",_))}function D(n){if(!e.disabled&&v){s=n.target.getBoundingClientRect().left;const i=n.clientX;M(i-s),b(n)}else return}const w=t.computed(()=>e.disabled?" disabled":""),I=()=>t.createVNode("div",{class:"devui-slider_popover",style:{left:u.value,opacity:d.value?1:0}},[t.createVNode("div",{class:"devui-slider_popover-arrow"},null),t.createVNode("div",{class:"devui-slider_popover-content"},[l.value+" "+e.tipsRenderer])]);return()=>t.createVNode("div",{class:"devui-slider"},[t.createVNode("div",{ref:V,class:"devui-slider__runway"+w.value,onMousedown:D,onMouseout:()=>d.value=!1},[t.createVNode("div",{class:"devui-slider__bar"+w.value,style:{width:u.value}},null),t.createVNode("div",{class:"devui-slider__button"+w.value,style:{left:u.value},onMousedown:b,onMouseenter:()=>d.value=!0,onMouseout:()=>d.value=!1},null),e.tipsRenderer==="null"?"":I()]),t.createVNode("span",{class:"devui-min_count"},[e.min]),t.createVNode("span",{class:"devui-max_count"},[e.max]),X()])}});o.install=function(e){e.component(o.name,o)};var x={title:"Slider \u6ED1\u5757",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(e){e.component(o.name,o)}};a.Slider=o,a.default=x,Object.defineProperty(a,"__esModule",{value:!0}),a[Symbol.toStringTag]="Module"});
+(function(u,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(u=typeof globalThis!="undefined"?globalThis:u||self,t(u.index={},u.Vue))})(this,function(u,t){"use strict";const M={disabled:{type:Boolean,default:!1},max:{type:Number,default:100},min:{type:Number,default:0},modelValue:{type:Number,default:0},showInput:{type:Boolean,default:!1},step:{type:Number,default:1},tipsRenderer:{type:String,default:""}};var R="",c=t.defineComponent({name:"DSlider",props:M,emits:["update:modelValue"],setup(e,v){let m=!0,f=0,o=0;const d=t.ref(!1),V=t.ref(null),l=t.ref(e.modelValue),s=t.ref(0),h=t.ref(0),a=t.ref("");function S(n){if(l.value=parseInt(n.target.value),!l.value)l.value=e.min,a.value="0%";else{if(l.value<e.min||l.value>e.max)return;/^(?:[1-9]?\d|100)$/.test(`${l.value}`)&&(a.value=(l.value-e.min)*100/(e.max-e.min)+"%",v.emit("update:modelValue",l.value))}}function N(n){const i=Math.round(V.value.clientWidth);n<0&&(n=0);const r=i/((e.max-e.min)/e.step),y=Math.round(n/r)*r;if(Math.round(y)>=i){s.value=i,l.value=e.max,a.value="100%",v.emit("update:modelValue",e.max);return}a.value=Math.round(y*100/i)+"%",l.value=Math.round(y*(e.max-e.min)/i)+e.min,s.value=n,v.emit("update:modelValue",l.value)}function E(n){m=!1,o=n.clientX,f=s.value,h.value=f}function _(n){d.value=!0;const r=n.clientX-o;h.value=f+r,N(h.value)}function b(){d.value=!1,setTimeout(()=>{m=!0},100),window.removeEventListener("mousemove",_),window.removeEventListener("mouseup",b)}const X=()=>e.showInput?t.createVNode("div",{class:"devui-input__out-wrap"},[t.createVNode("input",{onInput:S,value:l.value+""},null)]):"";e.modelValue>e.max?a.value="100%":e.modelValue<e.min?a.value="0%":a.value=(e.modelValue-e.min)*100/(e.max-e.min)+"%",t.onMounted(()=>{const n=V.value.clientWidth;s.value=n*(l.value-e.min)/(e.max-e.min)});function g(n){d.value=!0,!e.disabled&&(n.preventDefault(),E(n),window.addEventListener("mousemove",_),window.addEventListener("mouseup",b))}function D(n){if(!e.disabled&&m){o=n.target.getBoundingClientRect().left;const i=n.clientX;N(i-o),g(n)}else return}const w=t.computed(()=>e.disabled?" disabled":""),I=()=>t.createVNode("div",{class:"devui-slider_popover",style:{left:a.value,opacity:d.value?1:0}},[t.createVNode("div",{class:"devui-slider_popover-arrow"},null),t.createVNode("div",{class:"devui-slider_popover-content"},[l.value+" "+e.tipsRenderer])]);return()=>t.createVNode("div",{class:"devui-slider"},[t.createVNode("div",{ref:V,class:"devui-slider__runway"+w.value,onMousedown:D,onMouseout:()=>d.value=!1},[t.createVNode("div",{class:"devui-slider__bar"+w.value,style:{width:a.value}},null),t.createVNode("div",{class:"devui-slider__button"+w.value,style:{left:a.value},onMousedown:g,onMouseenter:()=>d.value=!0,onMouseout:()=>d.value=!1},null),e.tipsRenderer==="null"?"":I()]),t.createVNode("span",{class:"devui-min_count"},[e.min]),t.createVNode("span",{class:"devui-max_count"},[e.max]),X()])}}),x={title:"Slider \u6ED1\u5757",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(e){e.component(c.name,c)}};u.Slider=c,u.default=x,u.sliderProps=M,Object.defineProperty(u,"__esModule",{value:!0}),u[Symbol.toStringTag]="Module"});

package/splitter/index.es.js

@@ -22,7 +22,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { defineComponent, createVNode, Teleport, Transition, renderSlot, isVNode, computed, onMounted, watch, onUnmounted, ref, unref, nextTick, mergeProps, toRefs, Fragment, inject, reactive, withDirectives, provide, resolveComponent, onUpdated } from "vue";
-import { shift, offset, autoPlacement, arrow, computePosition } from "@floating-ui/dom";
+import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
 var baseOverlay = "";
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -169,6 +169,9 @@ const flexibleOverlayProps = {
     type: [Number, Object],
     default: 8
   },
+  shiftOffset: {
+    type: Number
+  },
   align: {
     type: String,
     default: null
@@ -214,6 +217,7 @@ function adjustArrowPosition(isArrowCenter, point, placement, originRect) {
 function useOverlay(props, emit) {
   const overlayRef = ref();
   const arrowRef = ref();
+  let originParent = null;
   const updateArrowPosition = (arrowEl, placement, point, overlayEl) => {
     const { x, y } = adjustArrowPosition(props.isArrowCenter, point, placement, overlayEl.getBoundingClientRect());
     const staticSide = {
@@ -235,7 +239,6 @@ function useOverlay(props, emit) {
     const overlayEl = unref(overlayRef.value);
     const arrowEl = unref(arrowRef.value);
     const middleware = [
-      shift(),
       offset(props.offset),
       autoPlacement({
         alignment: props.align,
@@ -243,30 +246,39 @@ function useOverlay(props, emit) {
       })
     ];
     props.showArrow && middleware.push(arrow({ element: arrowEl }));
+    props.shiftOffset !== void 0 && middleware.push(shift());
     const { x, y, placement, middlewareData } = await computePosition(hostEl, overlayEl, {
       strategy: "fixed",
       middleware
     });
+    let applyX = x;
+    let applyY = y;
+    if (props.shiftOffset !== void 0) {
+      const { x: shiftX, y: shiftY } = middlewareData.shift;
+      shiftX < 0 && (applyX -= props.shiftOffset);
+      shiftX > 0 && (applyX += props.shiftOffset);
+      shiftY < 0 && (applyY -= props.shiftOffset);
+      shiftY > 0 && (applyY += props.shiftOffset);
+    }
     emit("positionChange", placement);
-    Object.assign(overlayEl.style, { top: `${y}px`, left: `${x}px` });
+    Object.assign(overlayEl.style, { top: `${applyY}px`, left: `${applyX}px` });
     props.showArrow && updateArrowPosition(arrowEl, placement, middlewareData.arrow, overlayEl);
   };
   watch(() => props.modelValue, () => {
-    const originParent = getScrollParent(props.origin);
     if (props.modelValue && props.origin) {
+      originParent = getScrollParent(props.origin);
       nextTick(updatePosition);
-      originParent.addEventListener("scroll", updatePosition);
+      originParent == null ? void 0 : originParent.addEventListener("scroll", updatePosition);
       originParent !== window && window.addEventListener("scroll", updatePosition);
       window.addEventListener("resize", updatePosition);
     } else {
-      originParent.removeEventListener("scroll", updatePosition);
+      originParent == null ? void 0 : originParent.removeEventListener("scroll", updatePosition);
       originParent !== window && window.removeEventListener("scroll", updatePosition);
       window.removeEventListener("resize", updatePosition);
     }
   });
   onUnmounted(() => {
-    const originParent = getScrollParent(props.origin);
-    originParent.removeEventListener("scroll", updatePosition);
+    originParent == null ? void 0 : originParent.removeEventListener("scroll", updatePosition);
     originParent !== window && window.removeEventListener("scroll", updatePosition);
     window.removeEventListener("resize", updatePosition);
   });
@@ -6511,16 +6523,13 @@ var SplitterPane = defineComponent({
     };
   }
 });
-Splitter.install = function(app) {
-  app.component(Splitter.name, Splitter);
-  app.component(SplitterPane.name, SplitterPane);
-};
 var index = {
   title: "Splitter \u5206\u5272\u5668",
   category: "\u5E03\u5C40",
   status: "100%",
   install(app) {
-    app.use(Splitter);
+    app.component(Splitter.name, Splitter);
+    app.component(SplitterPane.name, SplitterPane);
   }
 };
-export { Splitter, index as default };
+export { Splitter, index as default, splitterProps };