btt-ui 1.0.0

package/lib/src/style/previewimg.css

@@ -0,0 +1,109 @@
+.k-img-preview-mask {
+  --mask-bg-color:rgba(0,0,0,0.3);
+  --close-btn-bg-color:rgba(0,0,0,1);
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  background-color: var(--mask-bg-color);
+  z-index: 2000;
+}
+.k-img-preview-mask img {
+  transform-origin: center;
+  cursor: grab;
+  transform: scale(0);
+}
+.k-img-preview-mask .k-icon-close-btn {
+  position: absolute;
+  top: -40px;
+  right: -40px;
+  width: 80px;
+  height: 80px;
+  cursor: pointer;
+  border-radius: 50%;
+  background-color: var(--close-btn-bg-color);
+  z-index: 2;
+  overflow: hidden;
+}
+.k-img-preview-mask .k-icon-close-btn:before {
+  content: "Close";
+  background-position: -260px 0;
+  position: absolute;
+  bottom: 15px;
+  left: 15px;
+}
+.k-img-preview-mask .k-img-close:before {
+  font-size: 0;
+  line-height: 0;
+  display: block;
+  width: 20px;
+  height: 20px;
+  color: transparent;
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);
+  background-repeat: no-repeat;
+}
+.k-img-preview-mask .action-item-wapper {
+  position: absolute;
+  bottom: 70px;
+  left: 0;
+  z-index: 3;
+  width: 300px;
+  margin-left: calc(50% - 150px);
+  height: 40px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+  border-radius: 10px;
+}
+.k-img-preview-mask .action-item-wapper .action-item {
+  height: 20px;
+  width: 20px;
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);
+  background-repeat: no-repeat;
+  background-color: var(--close-btn-bg-color);
+  cursor: pointer;
+}
+.k-img-preview-mask .action-item-wapper .rotate-right {
+  content: "Rotate Right";
+  background-position: -160px 0;
+  border-radius: 50%;
+}
+.k-img-preview-mask .action-item-wapper .rotate-left {
+  content: "Rotate Left";
+  background-position: -140px 0;
+  border-radius: 50%;
+}
+.k-img-preview-mask .dragger-file-list-wapper {
+  position: absolute;
+  width: 100%;
+  height: 60px;
+  background: #4c4848;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  justify-content: center;
+  gap: 10px;
+  z-index: 9999;
+}
+.k-img-preview-mask .dragger-file-list-wapper li {
+  height: 60px;
+  width: 60px;
+  overflow: hidden;
+  text-align: center;
+  cursor: pointer;
+  border: 1px solid transparent;
+  opacity: 0.5;
+  display: flex;
+  justify-content: center;
+}
+.k-img-preview-mask .dragger-file-list-wapper li img {
+  height: 100%;
+  transform: scale(1);
+  pointer-events: none;
+}
+.k-img-preview-mask .dragger-file-list-wapper li.cur {
+  border: 1px solid red;
+  opacity: 1;
+}

package/lib/src/style/var.css

@@ -0,0 +1,5 @@
+button, input, optgroup, select, textarea {
+  border: 0;
+  padding: 0;
+  line-height: inherit;
+}

package/lib/src/style/zoomimg.css

@@ -0,0 +1,36 @@
+.k-img-zoom-wapper {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 9999;
+  pointer-events: none;
+  opacity: 0;
+  padding: 3px;
+  --borderWidth: 3px;
+  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
+  border-radius: calc(1 * var(--borderWidth));
+  animation: animatedgradient 1s ease alternate infinite;
+  font-size: 0;
+  background-size: 300% 300%;
+}
+.k-img-zoom-wapper img {
+  pointer-events: none;
+  font-size: 0;
+}
+
+.k-img-zoom-wapper.on {
+  transition: opacity 0.3s;
+  opacity: 1;
+}
+
+@keyframes animatedgradient {
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
+}

package/lib/src/switch/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./src/switch.js"),s=require("../../assets/ts/utils.js"),t=s.withInstall(e.default);exports.Switch=t;exports.default=t;

package/lib/src/switch/src/style/index.css

@@ -0,0 +1,96 @@
+.k-switch {
+  --k-switch-off-color: var(--k-border-color);
+  --k-switch-on-color: var(--k-color-primary);
+  display: inline-flex;
+  align-items: center;
+  position: relative;
+  cursor: pointer;
+  transition: width var(--k-transition-duration);
+}
+.k-switch + .k-switch {
+  margin-left: 8px;
+}
+.k-switch.is-checked .k-switch__core {
+  background-color: var(--k-switch-on-color);
+}
+.k-switch.is-checked .k-switch__action {
+  left: calc(100% - 18px);
+}
+.k-switch.is-checked .k-switch__label--right {
+  color: var(--k-switch-on-color);
+}
+.k-switch.is-checked .k-switch__inner {
+  padding: 0 18px 0 4px;
+}
+.k-switch.is-checked .is-loading {
+  color: var(--k-switch-on-color);
+}
+.k-switch.is-disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+.k-switch .is-loading {
+  color: var(--k-switch-off-color);
+}
+.k-switch__input {
+  position: absolute;
+  width: 0;
+  height: 0;
+  opacity: 0;
+  margin: 0;
+}
+.k-switch__label--left, .k-switch__label--right {
+  line-height: 1;
+  font-size: 14px;
+  display: inline-block;
+  transition: color var(--k-transition-duration);
+}
+.k-switch__label--left {
+  margin-right: 8px;
+}
+.k-switch__label--right {
+  margin-left: 8px;
+}
+.k-switch__core {
+  position: relative;
+  min-width: 40px;
+  height: 20px;
+  border-radius: 12px;
+  background-color: var(--k-switch-off-color);
+  transition: background-color var(--k-transition-duration);
+}
+.k-switch__inner {
+  width: 100%;
+  transition: all var(--k-transition-duration);
+  height: 16px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  padding: 0 4px 0 18px;
+}
+.k-switch__inner .is-text {
+  font-size: 12px;
+  color: var(--k-color-white);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-height: calc(100% + 4px);
+}
+.k-switch__action {
+  position: absolute;
+  left: 2px;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 16px;
+  height: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #fff;
+  border-radius: 50%;
+  transition: left var(--k-transition-duration);
+}

package/lib/src/switch/src/switch.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../../assets/ts/utils.js"),f=require("../../icon/index.js");require("./style/index.css");const v=["disabled"],k={class:"is-text"},V=e.defineComponent({name:"k-switch"}),y=e.defineComponent({...V,props:{modelValue:{type:[Number,String,Boolean],default:!1},activeValue:{type:[Number,String,Boolean],default:!0},inactiveValue:{type:[Number,String,Boolean],default:!1},activeText:{default:""},inactiveText:{default:""},inlinePrompt:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},width:{default:""}},emits:["update:modelValue","change"],setup(r,{emit:u}){const a=r,i=u,{n:l}=s.createNamespace("switch"),n=e.computed({get:()=>a.modelValue===a.activeValue,set:t=>{i("update:modelValue",t?a.activeValue:a.inactiveValue),i("change",t?a.activeValue:a.inactiveValue)}}),c=e.computed(()=>{if(a.width)return{width:s.addUnit(a.width)}}),d=e.computed(()=>a.inlinePrompt?n.value?a.activeText:a.inactiveText:"");function m(){a.disabled||(n.value=!n.value)}return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(l)(),{"is-checked":n.value,"is-disabled":t.disabled}]),onClick:m,style:e.normalizeStyle(c.value)},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":o[0]||(o[0]=p=>n.value=p),class:e.normalizeClass(e.unref(l)("input")),type:"checkbox",disabled:t.disabled},null,10,v),[[e.vModelCheckbox,n.value]]),!t.inlinePrompt&&t.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(l)("label--left"))},e.toDisplayString(t.inactiveText),3)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(l)("core"))},[t.inlinePrompt?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(l)("inner"))},[e.createElementVNode("span",k,e.toDisplayString(d.value),1)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)("action"))},[t.loading?(e.openBlock(),e.createBlock(e.unref(f.Icon),{key:0,class:e.normalizeClass({"is-loading":t.loading}),name:"loading"},null,8,["class"])):e.createCommentVNode("",!0)],2)],2),!t.inlinePrompt&&t.activeText?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(l)("label--right"))},e.toDisplayString(t.activeText),3)):e.createCommentVNode("",!0)],6))}});exports.default=y;

package/lib/src/tableScroll/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./src/index.js"),l=require("../../assets/ts/utils.js"),e=l.withInstall(t.default);exports.TableScroll=e;exports.default=e;

package/lib/src/tableScroll/src/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),J=["innerHTML"],K=t.defineComponent({name:"k-table-scroll"}),Q=t.defineComponent({...K,props:{data:{default:()=>[]},classOption:{default:()=>({})}},emits:["ScrollEnd","stop"],setup(b,{emit:_}){const h=t.ref(),v=t.ref(),m=t.ref(),c=b,d=_,e=t.reactive({xPos:0,yPos:0,delay:0,copyHtml:"",height:0,width:0,realBoxWidth:0,reqFrame:null,singleWaitTime:null,isHover:!1,ease:"ease-in",realBoxHeight:0,startPos:{x:0,y:0},endPos:{x:0,y:0},startPosY:0,startPosX:0}),k=t.ref({step:1,limitMoveNum:5,hoverStop:!0,direction:1,openTouch:!0,singleHeight:0,singleWidth:0,waitTime:1e3,switchOffset:30,autoPlay:!0,navigation:!1,switchSingleStep:134,switchDelay:400,switchDisabledClass:"disabled",isSingleRemUnit:!1}),l=t.computed(()=>({...k.value,...c.classOption})),p=t.computed(()=>l.value.direction>1),g=t.computed(()=>l.value.openTouch),x=t.computed(()=>l.value.hoverStop&&f.value&&T.value),D=t.computed(()=>E.value?"":l.value.switchDisabledClass),w=t.computed(()=>l.value.isSingleRemUnit?parseInt(window.getComputedStyle(document.documentElement,null).fontSize):1),P=t.computed(()=>l.value.singleHeight*w.value),T=t.computed(()=>c.data.length>=l.value.limitMoveNum),y=t.computed(()=>l.value.singleWidth*w.value),E=t.computed(()=>e.xPos<0),S=t.computed(()=>l.value.navigation),f=t.computed(()=>S.value?!1:l.value.autoPlay),$=t.computed(()=>({position:"absolute",margin:`${e.height/2}px 0 0 ${e.width+l.value.switchOffset}px`,transform:"translateY(-50%)"})),z=t.computed(()=>({position:"absolute",margin:`${e.height/2}px 0 0 -${l.value.switchOffset}px`,transform:"translate(-100%,-50%)"})),A=t.computed(()=>W.value?"":l.value.switchDisabledClass),B=t.computed(()=>p.value?{float:"left",overflow:"hidden"}:{overflow:"hidden"}),q=t.computed(()=>({transform:`translate(${e.xPos}px,${e.yPos}px)`,transition:`all ${e.ease} ${e.delay}ms`,overflow:"hidden"})),r=t.computed(()=>{let o,s=l.value.step;return p.value?o=y.value:o=P.value,o>0&&o%s>0&&console.error("\u5982\u679C\u8BBE\u7F6E\u4E86\u5355\u6B65\u6EDA\u52A8,step\u9700\u662F\u5355\u6B65\u5927\u5C0F\u7684\u7EA6\u6570,\u5426\u5219\u65E0\u6CD5\u4FDD\u8BC1\u5355\u6B65\u6EDA\u52A8\u7ED3\u675F\u7684\u4F4D\u7F6E\u662F\u5426\u51C6\u786E\u3002~~~~~"),s}),W=t.computed(()=>Math.abs(e.xPos)<e.realBoxWidth-e.width),H=o=>{o.length>100&&console.warn(`\u6570\u636E\u8FBE\u5230\u4E86${o.length}\u6761\u6709\u70B9\u591A\u54E6~,\u53EF\u80FD\u4F1A\u9020\u6210\u90E8\u5206\u8001\u65E7\u6D4F\u89C8\u5668\u5361\u987F\u3002`)},a=()=>{e.isHover||(u(),e.reqFrame=requestAnimationFrame(function(){const o=e.realBoxHeight/2,s=e.realBoxWidth/2;let{direction:i,waitTime:n}=l.value;i===1?(Math.abs(e.yPos)>=o&&(d("ScrollEnd"),e.yPos=0),e.yPos-=r.value):i===0?(e.yPos>=0&&(d("ScrollEnd"),e.yPos=o*-1),e.yPos+=r.value):i===2?(Math.abs(e.xPos)>=s&&(d("ScrollEnd"),e.xPos=0),e.xPos-=r.value):i===3&&(e.xPos>=0&&(d("ScrollEnd"),e.xPos=s*-1),e.xPos+=r.value),e.singleWaitTime&&clearTimeout(e.singleWaitTime),P.value?Math.abs(e.yPos)%P.value<r.value?e.singleWaitTime=setTimeout(()=>{a()},n):a():y.value&&Math.abs(e.xPos)%y.value<r.value?e.singleWaitTime=setTimeout(()=>{a()},n):a()}.bind(this)))},N=()=>{if(!!E.value){if(Math.abs(e.xPos)<l.value.switchSingleStep){e.xPos=0;return}e.xPos+=l.value.switchSingleStep}},O=()=>{if(!!W.value){if(e.realBoxWidth-e.width+e.xPos<l.value.switchSingleStep){e.xPos=e.width-e.realBoxWidth;return}e.xPos-=l.value.switchSingleStep}},M=()=>{t.nextTick(()=>{const{switchDelay:o}=l.value;if(H(c.data),e.copyHtml="",p.value){e.height=h.value.offsetHeight,e.width=h.value.offsetWidth;let s=v.value.offsetWidth;f.value&&(s=s*2+1),m.value.style.width=s+"px",e.realBoxWidth=s}if(f.value)e.ease="ease-in",e.delay=0;else{e.ease="linear",e.delay=o;return}T.value?(e.copyHtml=v.value.innerHTML,setTimeout(()=>{e.realBoxHeight=m.value.offsetHeight,a()},0)):(u(),e.yPos=e.xPos=0)})},L=o=>{if(!g.value)return;let s;const i=o.targetTouches[0],{waitTime:n,singleHeight:I,singleWidth:G}=l.value;e.startPos={x:i.pageX,y:i.pageY},e.startPosY=e.yPos,e.startPosX=e.xPos,!!I&&!!G?(s&&clearTimeout(s),s=setTimeout(()=>{u()},n+20)):u()},Y=o=>{if(!g.value||o.targetTouches.length>1||o.scale&&o.scale!==1)return;const s=o.targetTouches[0],{direction:i}=l.value;e.endPos={x:s.pageX-e.startPos.x,y:s.pageY-e.startPos.y},o.preventDefault();const n=Math.abs(e.endPos.x)<Math.abs(e.endPos.y)?1:0;n===1&&i<2?e.yPos=e.startPosY+e.endPos.y:n===0&&i>1&&(e.xPos=e.startPosX+e.endPos.x)},V=()=>{if(!g.value)return;let o;const s=l.value.direction;if(e.delay=50,s===1)e.yPos>0&&(e.yPos=0);else if(s===0){let i=e.realBoxHeight/2*-1;e.yPos<i&&(e.yPos=i)}else if(s===2)e.xPos>0&&(e.xPos=0);else if(s===3){let i=e.realBoxWidth*-1;e.xPos<i&&(e.xPos=i)}o&&clearTimeout(o),o=setTimeout(()=>{e.delay=0,a()},e.delay)},X=()=>{e.isHover=!1,a()},C=()=>{e.isHover=!0,e.singleWaitTime&&clearTimeout(e.singleWaitTime),u()},U=()=>{x.value&&C()},R=()=>{x.value&&X()},F=()=>{u(),M()};t.onBeforeMount(()=>{e.reqFrame=null,e.singleWaitTime=null,e.isHover=!1,e.ease="ease-in"});const u=()=>{cancelAnimationFrame(e.reqFrame||"")};t.onMounted(()=>{M()}),t.onUnmounted(()=>{u(),clearTimeout(e.singleWaitTime)});const j=(o,s)=>{if(o===s)return!0;if(o.length!==s.length)return!1;for(var i=0;i<o.length;++i)if(o[i]!==s[i])return!1;return!0};return t.watch(()=>c.data,(o,s)=>{H(o),j(o,s)||F()},{deep:!0}),t.watch(()=>f,o=>{o.value?F():C()},{deep:!0}),(o,s)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"wrap",ref:h},[S.value?(t.openBlock(),t.createElementBlock("div",{key:0,style:t.normalizeStyle(z.value),class:t.normalizeClass(D.value),onClick:N},[t.renderSlot(o.$slots,"left-switch")],6)):t.createCommentVNode("",!0),S.value?(t.openBlock(),t.createElementBlock("div",{key:1,style:t.normalizeStyle($.value),class:t.normalizeClass(A.value),onClick:O},[t.renderSlot(o.$slots,"right-switch")],6)):t.createCommentVNode("",!0),t.createElementVNode("div",{ref_key:"realBox",ref:m,style:t.normalizeStyle(q.value),onMouseenter:U,onMouseleave:R,onTouchstart:L,onTouchmove:Y,onTouchend:V},[t.createElementVNode("div",{ref_key:"slotList",ref:v,style:t.normalizeStyle(B.value)},[t.renderSlot(o.$slots,"default")],4),t.createElementVNode("div",{innerHTML:e.copyHtml,style:t.normalizeStyle(B.value)},null,12,J)],36)],512))}});exports.default=Q;

package/lib/src/timeline/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./src/timeline.js"),i=require("../../assets/ts/utils.js"),e=i.withInstall(t.default);exports.Timeline=e;exports.default=e;

package/lib/src/timeline/src/style/index.css

@@ -0,0 +1,63 @@
+.k-timeline {
+  width: 100%;
+  height: 40px;
+  position: relative;
+  background: linear-gradient(to bottom, rgba(116, 117, 119, 0.8) 0%, rgba(58, 68, 82, 0.8) 11%, rgba(46, 50, 56, 0.8) 46%, rgba(53, 53, 53, 0.8) 81%, rgba(53, 53, 53, 0.8) 100%);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  cursor: pointer;
+}
+.k-timeline__ticTiny {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 1px;
+  height: 25%;
+  background: #888;
+  pointer-events: none;
+}
+.k-timeline__ticMain {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 1px;
+  height: 25%;
+  height: 35%;
+  background: rgba(255, 255, 255, 0.7);
+  pointer-events: none;
+}
+.k-timeline__date {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  display: inline-block;
+  width: 140px;
+  bottom: 18px;
+  margin-left: -70px;
+  color: #fff;
+  font-size: 13px;
+  text-align: center;
+  pointer-events: none;
+}
+.k-timeline__point {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 16px;
+  height: 16px;
+  background: red;
+  z-index: 2;
+  left: 0;
+  border-radius: 50%;
+  pointer-events: none;
+}
+.k-timeline__timepoint {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 10px;
+  height: 10px;
+  background-color: blue;
+  border-radius: 50%;
+}

package/lib/src/timeline/src/timeline.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),L=require("../../../assets/ts/utils.js");require("./style/index.css");const k=n.defineComponent({name:"k-timeline"}),x=n.defineComponent({...k,props:{options:{default:()=>({startTime:"",endTime:"",msList:[]})}},emits:["update:point"],setup(N,{emit:_}){const{n:l}=L.createNamespace("timeline"),g=_,u=n.ref(),r=n.ref(),v=n.ref();let a;const d=n.ref(16.2),m=n.ref(!1),p=N;function f(e){return e=e.substring(0,19),e=e.replace(/-/g,"/"),new Date(e).getTime()}const c={st:f(p.options.startTime),et:f(p.options.endTime)},h=new Array;p.options.msList&&p.options.msList.forEach(e=>{h.push({time:f(e.time+""),desc:e.desc})});const w=(c.et-c.st)/1e3,M=()=>{r.value.innerHTML="",a=u.value.getBoundingClientRect();let e=Math.ceil(r.value.offsetWidth/d.value);for(let s=0;s<e;s++){let i=document.createElement("span");i.className=l("ticTiny"),i.id=s+"",r.value.appendChild(i),i.style.left=Math.round(d.value*s)/a.width*100+"%"}let t=Math.ceil(e/10);for(let s=0;s<t;s+=2){let i=document.createElement("span");i.className=l("ticMain"),i.id=s+"ss",r.value.appendChild(i),i.style.left=Math.round(d.value*t*s)+"px";let o=document.createElement("span");o.className=l("date"),o.id=s+"data",o.innerHTML="2023-02-10 10:20:40",o.style.left=Math.round(d.value*s*t)/a.width*100+"%",r.value.appendChild(o)}},C=()=>{m.value=!0},T=e=>{let t=e/a.width;return v.value.style.left=`calc(${Number((t*100).toFixed(2))}% - 8px)`,Math.round(t*w*1e3)+c.st},b=e=>{e.forEach(t=>{Number(t.time)<c.st||Number(t.time)>c.et||E(t)})},E=e=>{let t=Number(e.time),s=(t-c.st)/1e3,i=Number((s/w*100).toFixed(2)),o=document.createElement("span");o.className=l("timepoint"),o.dataset.ms=t+"",u.value.appendChild(o),o.style.left=i+"%",o.onclick=()=>{alert(e.desc)}},P=e=>{if(m.value){let t=e.clientX-a.left-8;t=t<-8?-8:t,t+8>a.width&&(t=a.width-8),g("update:point",T(t+8))}e.preventDefault()},y=()=>{m.value=!1};return n.onMounted(()=>{u.value.getBoundingClientRect().width,M(),b(h),window.addEventListener("resize",M)}),(e,t)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass([n.unref(l)()]),ref_key:"wrapper",ref:u,onPointerdown:C,onPointerup:y,onPointermove:P,onMouseleave:y},[n.createElementVNode("div",{ref_key:"timeWrapper",ref:r,style:{width:"100%",overflow:"hidden"}},null,512),n.createElementVNode("div",{class:n.normalizeClass([n.unref(l)("point")]),ref_key:"refPoint",ref:v},null,2)],34))}});exports.default=x;

package/lib/src/toast/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./toast.js"),e=require("../../assets/ts/utils.js"),s=e.withInstall(t.default);exports.default=s;

package/lib/src/toast/style/index.css

@@ -0,0 +1,13 @@
+.k-toast {
+  position: fixed;
+  overflow: visible;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  margin: auto;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  transform: translate3d(0, 0, 0);
+}

package/lib/src/toast/toast.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./style/index.css");const t={class:"k-toast"},o=e.defineComponent({name:"k-toast"}),s=e.defineComponent({...o,props:{modelValue:Boolean},emits:[""],setup(n){return(r,u)=>(e.openBlock(),e.createElementBlock("div",t," toast "))}});exports.default=s;

package/lib/src/tooltip/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./src/tooltip.js"),s=require("../../assets/ts/utils.js"),t=s.withInstall(e.default);exports.Tooltip=t;exports.default=t;

package/lib/src/tooltip/src/style/index.css

@@ -0,0 +1,4 @@
+.k-tooltip-fade-enter-from,
+.k-tooltip-fade-leave-to {
+  opacity: 0;
+}

package/lib/src/tooltip/src/tooltip.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("./tooltip2.js"),_=require("../../popper/index.js"),v=require("../../popper/src/use-nowrap.js");require("./style/index.css");const P=require("../../popper/src/popper.js"),q=["innerHTML"],y=e.defineComponent({name:"k-tooltip"}),B=e.defineComponent({...y,props:w.TooltipProps,setup(s,{expose:u}){const c=s,l=e.useAttrs(),t=e.ref(),a=(o,n)=>n.reduce((r,p)=>(r[p]=o[p],r),{}),i=e.computed(()=>({...l,...a(c,Object.keys(P.PopperProps))})),d=v.useNowrap();function f(){t.value.update()}function k(){t.value.onOpen()}function m(){t.value.onClose()}return u({update:f,open:k,close:m}),(o,n)=>(e.openBlock(),e.createBlock(e.unref(_.KPopper),e.mergeProps({ref_key:"popperRef",ref:t},i.value,{nowrap:e.unref(d)}),{content:e.withCtx(()=>[e.renderSlot(o.$slots,"content",{},()=>[o.rawContent?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:o.content},null,8,q)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(o.content),1)],64))])]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16,["nowrap"]))}});exports.default=B;

package/lib/src/tooltip/src/tooltip2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={content:String,placement:{type:String,default:"bottom"},effect:{type:String,default:"dark"},disabled:{type:Boolean},rawContent:Boolean,transitionName:{type:String,default:"van-popper-fade"}};exports.TooltipProps=e;

package/lib/src/tree/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./src/tree.js"),s=require("../../assets/ts/utils.js"),e=s.withInstall(t.default);exports.KTree=e;exports.default=e;

package/lib/src/tree/src/style/index.css

@@ -0,0 +1,154 @@
+.k-tree {
+  --tree-border-color:#1d72ff;
+  --bg-triangle:#fff;
+  --bg-node-point:#000000;
+  --k-tree-node-hover-bg-color: var(--k-disabled-bg-color);
+  --k-tree-text-color: var(--k-text-color-regular);
+  --k-tree-expand-icon-color: var(--k-text-color-placeholder);
+  position: relative;
+  cursor: default;
+  color: var(--k-tree-text-color);
+  font-size: var(--k-font-size-middle);
+  position: relative;
+}
+.k-tree__node {
+  white-space: nowrap;
+  outline: none;
+  position: relative;
+}
+.k-tree__node__content {
+  display: flex;
+  align-items: center;
+  height: 26px;
+  cursor: pointer;
+  will-change: height;
+}
+.k-tree__node__content:hover {
+  background: var(--k-tree-node-hover-bg-color);
+}
+.k-tree__node__content .single-item {
+  width: 18px;
+  height: 14px;
+  position: relative;
+}
+.k-tree__node__content .single-item::after {
+  content: "";
+  position: absolute;
+  width: 6px;
+  height: 6px;
+  top: 4px;
+  left: 4px;
+  background: var(--bg-node-point);
+  border-radius: 50%;
+  z-index: 4;
+}
+.k-tree__node__content .is-parent {
+  position: relative;
+  transform: translateX(-2px);
+}
+.k-tree__node__content .is-parent::after {
+  content: "";
+  position: absolute;
+  width: 16px;
+  height: 16px;
+  background: var(--bg-triangle);
+  top: calc(50% - 8px);
+  left: calc(50% - 8px);
+}
+.k-tree__node__content .k-tree__node__label {
+  position: relative;
+  margin-left: 4px;
+}
+.k-tree__node__content .k-tree__node__label::after {
+  content: "";
+  position: absolute;
+  left: -11px;
+  width: 8px;
+  height: 1px;
+  border-top: 1px dashed var(--tree-border-color);
+  z-index: 2;
+  top: 9px;
+}
+.k-tree__node__content .k-tree__icon-wrapper {
+  z-index: 4;
+}
+.k-tree__node__content .last-isleaf-node {
+  position: relative;
+}
+.k-tree__node__content .last-isleaf-node::after {
+  content: "";
+  position: absolute;
+  left: 10px;
+  width: 14px;
+  height: 1px;
+  border-top: 1px dashed var(--tree-border-color);
+  z-index: 2;
+  top: 12px;
+}
+.k-tree__node__content.is-expand .k-tree__node__expand-icon {
+  transform: rotate(90deg);
+}
+.k-tree__node__expand-icon {
+  padding: 6px;
+  color: var(--k-tree-text-color);
+  transition: transform 0.2s;
+  z-index: 4;
+}
+.k-tree__node__expand-icon.is-leaf {
+  color: transparent;
+  cursor: default;
+  position: relative;
+}
+.k-tree__node:last-child::before {
+  border-right: none;
+}
+.k-tree__node .sub-child {
+  position: relative;
+}
+.k-tree__node .sub-child::after {
+  content: "";
+  position: absolute;
+  left: var(--left);
+  width: 1px;
+  bottom: 15px;
+  z-index: 2;
+  border-left: 1px dashed var(--tree-border-color);
+  top: 11px;
+}
+.k-tree > .first {
+  position: relative;
+}
+.k-tree > .first::after {
+  content: "";
+  position: absolute;
+  left: 32px;
+  width: 1px;
+  bottom: -6px;
+  z-index: 2;
+  border-left: 1px dashed var(--tree-border-color);
+  top: 20px;
+}
+.k-tree > .first:last-child::after {
+  border: none;
+}
+.k-tree > .first:last-child .last-isleaf-node::after {
+  border: none;
+}
+.k-tree__empty-block {
+  position: relative;
+  min-height: 60px;
+  text-align: center;
+  width: 100%;
+  height: 100%;
+}
+.k-tree__empty-text {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  color: var(--k-text-color-secondary);
+  font-size: var(--k-font-size-middle);
+}
+.k-tree .is-dragging {
+  border-top: 1px solid var(--k-color-primary);
+}

package/lib/src/tree/src/tree.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("vue"),f=require("../../../assets/ts/utils.js"),O=require("./tree2.js"),ne=require("./use-drag.js"),S=require("../../icon/index.js"),le=require("../../collapse-transition/index.js"),ie=require("../../checkbox/index.js");require("./style/index.css");const ce=require("../../../_virtual/plugin-vue_export-helper.js");let ae=1;const B=22,se={children:"children",label:"label",disabled:"disabled"},de=c.defineComponent({name:"k-tree",props:O.TreeProps,setup(i,{emit:h,expose:T,slots:y}){const{n:a}=f.createNamespace("tree"),C=c.ref(""),r=c.computed(()=>({...se,...i.props})),_=c.computed(()=>i.load&&f.isFunction(i.load)),K=c.ref(),s=c.reactive({childNodes:g(i.data),children:i.data}),{createDragEvents:H}=ne.useDrag(i,h,$);c.provide(O.TreeContextKeys,i),c.watch(()=>i.data,()=>{$()});function $(){s.childNodes=g(i.data),s.children=i.data}function L(e){return e&&e.childNodes&&e.childNodes.length}function D(e){!_.value||i.load(e||{level:0},t=>{e?(e.isLeaf=t.length===0,e.loading=!1,e.loaded=!0,e.childNodes=g(t,e.level+1,e)):s.childNodes=g(t)})}function U(e){var t;e.loading||!i.expandOnClickNode||(e.expand=!e.expand,K.value=e,i.accordion&&(((t=e.parent)==null?void 0:t.childNodes)||s.childNodes).forEach(l=>{l!==e&&(l.expand=!1)}),_.value&&!e.loaded&&(e.loading=!0,D(e)),h(e.expand?"node-expand":"node-collapse",e.data,e),h("node-click",e))}function W(e,t){h("node-contextmenu",e,t.data,t)}function z(e,t){e.checked=e.indeterminate?!0:t,e.indeterminate&&(e.indeterminate=!1),q(e,e.checked),F(e.parent),setTimeout(()=>{h("check-change",e,t,e.indeterminate)},200)}function F(e){if(!e)return;let t=e;for(;t;){if(L(t)){const n=t.childNodes.filter(l=>l.checked);if(!n.length)t.checked=!1,t.childNodes.filter(l=>l.indeterminate).length<=0&&(t.indeterminate=!1);else{if(n.length<t.childNodes.length)break;t.indeterminate=!1,t.checked=!0}}t=t.parent}for(;t;)t.checked=!1,t.indeterminate=!0,t=t.parent;return t}function q(e,t){!L(e)||e.childNodes.forEach(n=>{n.checked=t,n.indeterminate=!1,q(n,t)})}function g(e,t=0,n=null){if(!e)return[];!e.length&&n&&(n.expand=!1,n.isLeaf=!0);const l=r.value.children,N=r.value.label,k=r.value.isLeaf,w=r.value.disabled,v=i.nodeKey;return e.map(d=>{const x=d[v]||ae++,b=i.defaultCheckedKeys.includes(x),m=!!i.defaultExpandAll||i.defaultExpandedKeys.includes(x),o={[v]:x,data:d,label:d[N],level:t,checked:b||(n==null?void 0:n.checked),expand:m,childNodes:[],parent:n,indeterminate:!1,loaded:!1,isLeaf:d[k],disabled:d[w]};if(d[l]&&d[l].length?o.childNodes=g(d[l],t+1,o):_.value||(o.isLeaf=!0),b&&n){let u=n;for(;u;)u.indeterminate=!0,u=u.parent}return o})}const G=e=>i.showCheckbox?c.h(ie.KCheckbox,{label:"",modelValue:e.checked,indeterminate:e.indeterminate,disabled:e.disabled,"onUpdate:modelValue":t=>z(e,t)}):c.h("div",{class:["single-item"]});function J(){return M(s.childNodes)}function Q(){return M(s.childNodes).map(t=>t[i.nodeKey])}function M(e){if(!e)return[];let t=[];return j(e,n=>{n.checked&&t.push(n)}),t}function V(e,t){if(!e)return[];j(e,n=>{t.includes(n[i.nodeKey])?(n.checked=!0,q(n,n.checked),F(n.parent)):n.checked=n.indeterminate=!1})}function R(e){V(s.childNodes,e)}function X(e){const t=e.map(n=>n[i.nodeKey]);V(s.childNodes,t)}function I(e){return f.isFunction(i.filterNodeMethod)?i.filterNodeMethod(C.value,e):!0}function Y(e){C.value=e}function Z(){return K.value[i.nodeKey]}function p(){return K.value}function j(e,t){!e||e.forEach(n=>{t(n),L(n)&&j(n.childNodes,t)})}T({getCheckedKeys:Q,getCheckedNodes:J,setCheckedKeys:R,setCheckedNodes:X,getCurrentKey:Z,getCurrentNode:p,filter:Y});function ee(e){return f.isFunction(i.renderContent)?i.renderContent(c.h,{node:e,data:e.data,store:e.store}):y.default?y.default({node:e,data:e.data,store:e.store}):c.h("span",{class:[a("node__label"),e.isLeaf?"is-leaf-text":"is-parent-text"]},e.label)}function P(e){if(!e)return[];let t=[];for(let n=0;n<e.length;n++){const l=e[n],N=(l.childNodes||[]).filter(E=>I(E.data));let k=null;const w=c.h(S.Icon,{name:"caret-right",class:[a("node__expand-icon"),{"is-leaf":l.isLeaf}]}),v=c.h("div",{class:[a("icon-wrapper"),{"is-parent":!l.isLeaf,"last-isleaf-node":l.isLeaf&&n==e.length-1&&l.childNodes.length>0}]},[w]),d=l.loading&&c.h(S.Icon,{name:"loading",class:[a("node__loading-icon"),{"is-loading":!0}]}),x=ee(l),b=G(l),m=r.value.class&&f.isFunction(r.value.class)?r.value.class(l.data,l):r.value.class,o=c.h("div",{class:[a("node__content"),{"is-expand":l.expand,"is-checked":l.checked}],style:{paddingLeft:l.level*B+"px"},onClick(){U(l)},onContextmenu(E){W(E,l)}},[v,b,d,x]),u=i.draggable&&f.isFunction(i.allowDrag)&&i.allowDrag(l),A=u?H(l):{};if(N.length)k=c.h("div",{class:[a("node"),m,l.data.class,N.length==1?"only-one-child":""],draggable:u,...A},[o,c.h(le.KCollapseTransition,()=>l.expand&&c.h("div",{class:["node_children",l.childNodes&&l.childNodes.length>0?"sub-child":""],style:{"--left":l.level*B+54+"px"}},P(l.childNodes)))]);else{if(!I(l.data))continue;k=c.h("div",{class:[a("node"),m,"no-sub-child"],draggable:u,...A},o)}t.push(k)}return t}function te(){return!i.data.length&&c.h("div",{class:a("empty-block")},c.h("span",{class:a("empty-text")},i.emptyText))}return D(),()=>c.h("div",{class:a()},[s.childNodes.length?P(s.childNodes):te()])}});function re(i,h,T,y,a,C){return null}const ue=ce.default(de,[["render",re]]);exports.default=ue;

package/lib/src/tree/src/tree2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={data:{type:Array,default:[]},props:{type:Object,default:()=>({children:"children",label:"label",disabled:"disabled"})},emptyText:{type:String,default:"no Data"},showCheckbox:{type:Boolean},load:{type:Function},defaultExpandAll:{type:Boolean},nodeKey:{type:String,default:"id"},defaultExpandedKeys:{type:Array,default:()=>[]},defaultCheckedKeys:{type:Array,default:()=>[]},renderContent:{type:Function},expandOnClickNode:{type:Boolean,default:!0},accordion:{type:Boolean},filterNodeMethod:{type:Function},draggable:{type:Boolean},allowDrop:{type:Function},allowDrag:{type:Function}};e.renderContent,e.showCheckbox,e.props,e.accordion,e.allowDrop,e.allowDrag,e.draggable;const t=Symbol("TreeContextKeys");exports.TreeContextKeys=t;exports.TreeProps=e;

package/lib/src/tree/src/use-drag.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const N=require("vue"),P=require("../../../assets/ts/utils.js"),x=(n,s,i)=>{const r=N.ref({draggingNode:{},dropNode:{}});function o(a,e){const{draggingNode:d,dropNode:t}=r.value;s(a,d,t,e)}function f(){var p,v;const{draggingNode:a,dropNode:e}=r.value,d=((p=a==null?void 0:a.parent)==null?void 0:p.data)||a.store,t=((v=e==null?void 0:e.parent)==null?void 0:v.data)||a.store,h=d===t,l=d.children.findIndex(u=>u===a.data),c=t.children.findIndex(u=>u===e.data);h?[t.children[l],t.children[c]]=[t.children[c],t.children[l]]:(d.children.splice(l,1),t.children.push(a.data)),i()}function D(a){return{onDragstart(e){e.stopPropagation(),r.value.draggingNode=a,r.value.dropNode=a,o("node-drag-start",e)},onDragenter(e){e.stopPropagation(),g(e.target,"is-dragging"),r.value.dropNode=a,o("node-drag-enter",e)},onDragleave(e){e.stopPropagation(),g(e.target,"is-dragging",!0),r.value.dropNode=a,o("node-drag-leave",e)},ondragover(e){e.preventDefault(),e.stopPropagation(),r.value.dropNode=a,o("node-drag-over",e)},ondragend(e){e.stopPropagation(),r.value.dropNode=a,o("node-drag-end",e)},onDrop(e){if(e.stopPropagation(),r.value.dropNode=a,g(e.target,"is-dragging",!0),P.isFunction(n.allowDrop)&&!n.allowDrop(r.value.draggingNode,r.value.dropNode,""))return!1;f(),o("node-drop",e)}}}return{createDragEvents:D,dragState:r}};function g(n,s,i=!1){i?n.classList.remove(s):n.classList.add(s)}exports.addClass=g;exports.useDrag=x;

package/lib/src/upload/dragger.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./style/drag.css");const c=require("../icon/index.js"),f={class:"k-upload-content"},v=e.createElementVNode("div",{class:"k-upload-dragger-text"},[e.createTextVNode("\u5C06\u6587\u4EF6\u62D6\u5230\u6B64\u5904\u6216"),e.createElementVNode("em",null,"\u70B9\u51FB\u4E0A\u4F20")],-1),p={class:"file-formatter"},m=e.defineComponent({name:"dragger"}),g=e.defineComponent({...m,props:{accept:{type:String,default:""}},emits:["getFilesList","fileUpload"],setup(s,{emit:i}){const u=i,l=e.ref(),r=e.ref(!1),a=e.ref(null),n=e.ref([]);e.onMounted(()=>{l.value.addEventListener("drop",t=>{t.preventDefault(),n.value.push(...Array.from(t.dataTransfer.files)),u("getFilesList",n.value)},!1),l.value.addEventListener("dragover",d,!1)});const d=t=>{r.value=!0,a.value!==null&&clearTimeout(a.value),a.value=window.setTimeout(()=>{r.value=!1,a.value=null},100),t.stopPropagation(),t.preventDefault()};return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-upload-dragger",{["k-upload-draggerenter"]:r.value}]),ref_key:"fileArea",ref:l,onClick:o[0]||(o[0]=_=>u("fileUpload"))},[e.createElementVNode("div",f,[e.createVNode(e.unref(c.Icon),{class:"k-upload-icon",name:"file-open",size:60,style:{margin:"0 auto"}}),v]),e.createElementVNode("div",p,"\u652F\u6301\u7684\u6587\u4EF6\u683C\u5F0F\u6709\uFF1A"+e.toDisplayString(s.accept),1)],2))}});exports.default=g;

package/lib/src/upload/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./upload.js"),t=require("../../assets/ts/utils.js"),s=t.withInstall(e.default);exports.default=s;

package/lib/src/upload/style/drag.css

@@ -0,0 +1,36 @@
+.k-upload-dragger {
+  background-color: #fff;
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  box-sizing: border-box;
+  width: 360px;
+  height: 180px;
+  display: flex;
+  cursor: pointer;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+.k-upload-dragger:hover {
+  border: 1px dashed #409eff;
+}
+.k-upload-dragger .k-upload-content {
+  text-align: center;
+  color: #606266;
+}
+.k-upload-dragger .k-upload-content .k-upload-icon {
+  font-size: 20px;
+}
+.k-upload-dragger .k-upload-content em {
+  color: #409eff;
+  font-style: normal;
+}
+.k-upload-dragger .file-formatter {
+  font-size: 12px;
+  color: gray;
+  margin-top: 6px;
+}
+
+.k-upload-draggerenter {
+  border: 1px dashed #409eff;
+}

package/lib/src/upload/style/index.css

@@ -0,0 +1,40 @@
+.k-upload .k-upload-list .k-upload-list_item:first-child {
+  margin-top: 10px;
+}
+.k-upload .k-upload-list .k-upload-list_item {
+  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
+  font-size: 14px;
+  color: #606266;
+  line-height: 1.8;
+  margin-top: 5px;
+  position: relative;
+  box-sizing: border-box;
+  border-radius: 4px;
+  width: 100%;
+}
+.k-upload .k-upload-list .k-upload-list_item .k-upload-list_item-name {
+  color: #606266;
+  display: block;
+  margin-right: 40px;
+  overflow: hidden;
+  padding-left: 4px;
+  text-overflow: ellipsis;
+  transition: color 0.3s;
+  white-space: nowrap;
+}
+.k-upload .k-upload-list .k-upload-list_item .k-upload-list_item-status-label {
+  position: absolute;
+  right: 5px;
+  top: 5px;
+  line-height: inherit;
+}
+.k-upload .k-upload-list .k-upload-list_item:hover {
+  cursor: pointer;
+  background: #f5f7fa;
+}
+.k-upload .k-upload-list .k-upload-list_item:hover .k-upload-list_item-name {
+  color: #409eff;
+}
+.k-upload .k-upload-dragger-text {
+  margin-top: 6px;
+}