btt-ui 1.0.0

package/lib/src/overlay/index.js

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

package/lib/src/overlay/src/overlay.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("../../../assets/ts/utils.js");require("./style/index.css");const r=e.defineComponent({name:"k-overlay"}),u=e.defineComponent({...r,props:{mask:{type:Boolean,default:!0},customMaskEvent:{type:Boolean,default:!1},overlayClass:{},zIndex:{default:2e3}},emits:[""],setup(t){const a=t,{n:o}=n.createNamespace("overlay"),l=e.computed(()=>({zIndex:a.zIndex}));return(s,c)=>s.mask?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(o)(),s.overlayClass]),style:e.normalizeStyle(l.value)},[e.renderSlot(s.$slots,"default")],6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([s.overlayClass]),style:e.normalizeStyle(l.value)},[e.renderSlot(s.$slots,"default")],6))}});exports.default=u;

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

@@ -0,0 +1,19 @@
+.k-overlay {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 2000;
+  height: 100%;
+  background-color: var(--k-overlay-color-lighter);
+  overflow: hidden;
+  text-align: center;
+}
+.k-overlay:after {
+  display: inline-block;
+  width: 0;
+  height: 100%;
+  vertical-align: middle;
+  content: "";
+}

package/lib/src/popper/index.js

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

package/lib/src/popper/src/forward-ref.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),d=r.defineComponent({props:{setRef:{type:Function,required:!0},onlyChild:Boolean},setup(t,{slots:n}){const i=e=>{e?t.setRef(e.nextElementSibling||null):t.setRef(null)};return()=>{var u;const[e]=((u=n.default)==null?void 0:u.call(n))||[],l=t.onlyChild?e.children[0]:e.children;return r.createVNode(r.Fragment,{ref:i},[l])}}});exports.default=d;

package/lib/src/popper/src/popper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=["absolute","fixed"],o=["top-start","top-end","top","bottom-start","bottom-end","bottom","left-start","left-end","left","right-start","right-end","right"],r={effect:{type:String,default:"dark"},pure:{type:Boolean,default:!1},content:{type:String},arrowPadding:{type:Number,default:5},transitionName:{type:String,default:"van-popper-fade"},placement:{type:String,values:o,default:"bottom-end"},strategy:{type:String,values:t,default:"absolute"},reference:{type:Object,default:null},offset:{type:Number,default:10},showArrow:{type:Boolean,default:!0},nowrap:{type:Boolean,default:!0},disabled:{type:Boolean},trigger:{type:String,default:"hover"},visible:{type:Boolean},popperClass:{type:String,default:""}},e={type:Function},n={nowrap:Boolean,onBlur:e,onClick:e,onFocus:e,onMouseDown:e,onMouseEnter:e,onMouseLeave:e,trigger:{type:String,default:"hover"}},p=Symbol("PopperContextKey");exports.PopperContextKey=p;exports.PopperProps=r;exports.TriggerProps=n;

package/lib/src/popper/src/popper2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("../../../assets/ts/utils.js"),d=require("./popper.js"),P=require("./use-popper-container.js"),j=require("./trigger.js"),R=require("./use-floating.js"),n=require("@floating-ui/dom");require("./style/index.css");const _=["data-side"],V=["data-side"],$=e.defineComponent({name:"k-popper"}),b=e.defineComponent({...$,props:d.PopperProps,setup(f,{expose:m}){const o=f,{n:l}=N.createNamespace("popper"),u=e.ref(),r=e.ref(!1),{selector:g}=P.usePopperContainer(),s=e.ref(o.placement),v=e.computed({get:()=>o.strategy,set:()=>{}}),w=e.computed(()=>{const t=[n.shift(),n.flip(),n.offset(o.offset)];return o.showArrow&&t.push(n.arrow({element:u.value})),t}),{x:y,y:h,referenceRef:a,contentRef:i,middlewareData:k,update:C}=R.useFloating({middleware:w,placement:s,strategy:v}),S=e.computed(()=>({left:y.value+"px",top:h.value+"px"})),q=e.computed(()=>s.value.split("-")[0]),B=e.computed(()=>{if(!o.showArrow)return{};const{arrow:t}=e.unref(k);return{left:(t==null?void 0:t.x)+"px",top:(t==null?void 0:t.y)+"px"}});m({reference:i,update:C,onClose:c,onOpen:p}),e.onMounted(()=>{e.watch(()=>o.reference||a.value,t=>{a.value=t||void 0},{immediate:!0})});function p(){r.value=!0}function c(){r.value=!1}return e.watch(()=>[o.visible],([t])=>{r.value=t}),e.provide(d.PopperContextKey,{onClose:c,onOpen:p,triggerRef:a}),(t,z)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(j.default,e.mergeProps({nowrap:t.nowrap,trigger:t.trigger},t.$attrs),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["nowrap","trigger"]),(e.openBlock(),e.createBlock(e.Teleport,{to:`#${e.unref(g)}`},[e.createVNode(e.Transition,{name:t.transitionName},{default:e.withCtx(()=>[!t.disabled&&r.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"contentRef",ref:i,class:e.normalizeClass([e.unref(l)(),`is-${t.effect}`,{"is-pure":t.pure},t.popperClass]),style:e.normalizeStyle(S.value),"data-side":s.value},[e.renderSlot(t.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(t.content),1)]),t.showArrow?(e.openBlock(),e.createElementBlock("span",{key:0,ref_key:"arrowRef",ref:u,"data-side":q.value,class:e.normalizeClass(e.unref(l)("arrow")),style:e.normalizeStyle(B.value)},null,14,V)):e.createCommentVNode("",!0)],14,_)):e.createCommentVNode("",!0)]),_:3},8,["name"])],8,["to"]))],64))}});exports.default=b;

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

@@ -0,0 +1,67 @@
+.k-popper {
+  --k-arrow-size: 10px;
+  --k-popper-content-bg: var(--k-color-white);
+  border-radius: var(--k-radius-middle);
+  color: var(--k-color-black);
+  background-color: var(--k-popper-content-bg);
+  padding: 4px 12px;
+  border: 1px solid var(--k-border-color);
+  position: absolute;
+  white-space: nowrap;
+  transition: opacity var(--k-transition-duration);
+  font-size: 13px;
+  z-index: 1000;
+  width: -moz-max-content;
+  width: max-content;
+}
+.k-popper.is-light {
+  border-left: var(--k-border);
+  border-top: var(--k-border);
+}
+.k-popper.is-pure {
+  padding: 0px;
+}
+.k-popper.is-dark {
+  --k-popper-content-bg: var(--k-color-black);
+  color: var(--k-color-white);
+  border: none;
+}
+.k-popper.is-dark .k-popper__arrow {
+  border-color: transparent;
+}
+.k-popper__arrow {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  background: #fff;
+  transform: rotate(45deg);
+}
+
+[data-side^=bottom] .k-popper__arrow {
+  top: -5px;
+  border-top: var(--k-border);
+  border-left: var(--k-border);
+}
+
+[data-side^=top] .k-popper__arrow {
+  bottom: -5px;
+  border-bottom: var(--k-border);
+  border-right: var(--k-border);
+}
+
+[data-side^=right] .k-popper__arrow {
+  left: -5px;
+  border-left: var(--k-border);
+  border-bottom: var(--k-border);
+}
+
+[data-side^=left] .k-popper__arrow {
+  right: -5px;
+  border-right: var(--k-border);
+  border-top: var(--k-border);
+}
+
+.k-popper-fade-enter-from,
+.k-popper-fade-leave-to {
+  opacity: 0;
+}

package/lib/src/popper/src/trigger.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("../../../assets/ts/utils.js"),v=require("./popper.js"),C=require("./forward-ref.js");require("./style/index.css");const P=e.defineComponent({name:"k-popper-trigger"}),_=e.defineComponent({...P,props:v.TriggerProps,setup(g){const r=g,{n:f}=n.createNamespace("popper"),{onClose:c,onOpen:u,triggerRef:t}=e.inject(v.PopperContextKey),m=o=>{var s;t.value=o,(s=t==null?void 0:t.value)==null||s.classList.add(f("trigger"))};let i=!1;const a=()=>{c(),i=!1},E=n.composeEventHandlers(r.onBlur,()=>{r.trigger==="focus"&&c()}),k=n.composeEventHandlers(r.onFocus,()=>{r.trigger==="focus"?u():i||u()}),M=n.composeEventHandlers(r.onClick,o=>{r.trigger==="click"?(u(),document.addEventListener("mouseup",a,{once:!0})):o.detail===0&&c()}),w=n.composeEventHandlers(r.onMouseDown,()=>{i=!0,r.trigger!=="click"&&r.trigger==="hover"&&u(),document.addEventListener("mouseup",a,{once:!0})}),L=n.composeEventHandlers(r.onMouseEnter,()=>{r.trigger==="hover"&&u()}),h=n.composeEventHandlers(r.onMouseLeave,()=>{i||r.trigger==="hover"&&c()}),l={blur:E,click:M,focus:k,mousedown:w,mouseenter:L,mouseleave:h},p=(o,s,y)=>{o&&(Object.entries(s).forEach(([d,B])=>{o[y](d,B)}),o.addEventListener("mouseup",d=>d.stopPropagation()))};return e.watch(t,(o,s)=>{p(o,l,"addEventListener"),p(s,l,"removeEventListener")}),e.onBeforeUnmount(()=>{p(t.value,l,"removeEventListener"),document.removeEventListener("mouseup",a)}),(o,s)=>o.nowrap?(e.openBlock(),e.createBlock(e.unref(C.default),{key:0,"set-ref":m,"only-child":""},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",e.normalizeProps(e.guardReactiveProps(o.$attrs)))]),_:3})):(e.openBlock(),e.createElementBlock("span",e.mergeProps({key:1,ref_key:"triggerRef",ref:t,class:e.unref(f)("trigger")},o.$attrs),[e.renderSlot(o.$slots,"default")],16))}});exports.default=_;

package/lib/src/popper/src/use-floating.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("@floating-ui/dom"),e=require("vue"),m=({middleware:i,placement:u,strategy:r})=>{const t=e.ref(),n=e.ref(),a=e.ref(),c=e.ref(),l=e.ref({}),o={x:a,y:c,placement:u,strategy:r,middlewareData:l};async function s(){if(!t.value||!n.value)return;const d=await v.computePosition(t.value,n.value,{middleware:e.unref(i),placement:e.unref(u),strategy:e.unref(r)});Object.keys(o).forEach(f=>{o[f].value=d[f]})}return e.onMounted(()=>{e.watchEffect(()=>{s()})}),{...o,x:a,y:c,update:s,referenceRef:t,contentRef:n}};exports.useFloating=m;

package/lib/src/popper/src/use-nowrap.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),u=()=>{const e=r.getCurrentInstance();return r.computed(()=>{if(e!=null&&e.slots.default){const t=e==null?void 0:e.slots.default();return!(!t[0]||t[0].shapeFlag===8)}})};exports.useNowrap=u;

package/lib/src/popper/src/use-popper-container.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue");let o;const t="k-popper-container-1996",r=()=>(n.onBeforeMount(()=>{if(!o&&!document.querySelector(`#${t}`)){const e=document.createElement("div");e.id=t,o=e,document.body.appendChild(e)}}),{container:o,selector:t});exports.usePopperContainer=r;

package/lib/src/scroll/index.js

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

package/lib/src/scroll/src/scroll.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),g=require("../../../assets/ts/utils.js"),u=require("../../icon/index.js");require("./style/index.css");const w=t.defineComponent({name:"k-scroll"}),S=t.defineComponent({...w,props:{listData:{default:()=>[]},classOption:{default:()=>({limitMoveNum:0,switchSingleStep:210,direction:3,autoPlay:!0})}},emits:[""],setup(m,{emit:x}){const a=t.ref(),{n:d}=g.createNamespace("scroll");let n;const s=m,e=t.reactive({limitMoveNum:s.classOption.limitMoveNum,switchSingleStep:s.classOption.switchSingleStep,xPos:0,width:0,realBoxWidth:0,waitTime:s.classOption.direction*1e3,autoPlay:s.classOption.autoPlay,switchDisabledClass:"disabled",hasPaging:!0}),p=t.computed(()=>{let o=s.listData.length;return e.xPos=e.limitMoveNum*e.switchSingleStep,e.realBoxWidth=e.switchSingleStep*o,{width:`${e.realBoxWidth}px`,transform:`translate(-${e.xPos}px, 0px)`,transition:"all 400ms linear 0s"}}),i=t.computed(()=>e.xPos+e.width+e.switchSingleStep<e.realBoxWidth),h=t.computed(()=>i.value?"":e.switchDisabledClass),r=()=>{!i.value||(e.limitMoveNum=e.limitMoveNum>s.listData.length?s.listData.length-1:e.limitMoveNum+1)},v=()=>{e.limitMoveNum=e.limitMoveNum-1<0?0:e.limitMoveNum-1},l=()=>{clearInterval(n)},f=()=>{c()},c=()=>{n=setInterval(()=>{i.value?r():e.limitMoveNum=0},e.waitTime)};return t.onMounted(()=>{e.width=a.value.offsetWidth,e.width-e.realBoxWidth>=0?e.hasPaging=!1:e.autoPlay&&c()}),(o,M)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"iscroll",ref:a,class:t.normalizeClass([t.unref(d)()])},[t.createElementVNode("div",{class:"k-wrapper",style:t.normalizeStyle(p.value),onMouseenter:l,onMouseleave:f},[t.renderSlot(o.$slots,"default")],36),e.hasPaging?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["prev-btn",{disabled:e.xPos==0}]),onClick:v,onMouseenter:l},[t.createVNode(t.unref(u.Icon),{name:"arrow-left"})],34)):t.createCommentVNode("",!0),e.hasPaging?(t.openBlock(),t.createElementBlock("span",{key:1,class:t.normalizeClass(["next-btn",h.value]),onClick:r,onMouseenter:l},[t.createVNode(t.unref(u.Icon),{name:"arrow-right"})],34)):t.createCommentVNode("",!0)],2))}});exports.default=S;

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

@@ -0,0 +1,46 @@
+.k-scroll {
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+  display: inline-block;
+}
+.k-scroll .k-wrapper {
+  height: 100%;
+}
+.k-scroll .k-wrapper .ul-item {
+  display: inline-flex;
+  height: 100%;
+  align-items: center;
+}
+.k-scroll .prev-btn {
+  left: 10px;
+  position: absolute;
+  z-index: 2;
+  top: calc(50% - 15px);
+  width: 30px;
+  height: 30px;
+  background-color: rgba(0, 0, 0, 0.7);
+  border-radius: 50%;
+  cursor: pointer;
+  color: #ffffff;
+  font-size: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.k-scroll .next-btn {
+  right: 10px;
+  position: absolute;
+  z-index: 2;
+  top: calc(50% - 15px);
+  width: 30px;
+  height: 30px;
+  background-color: rgba(0, 0, 0, 0.7);
+  border-radius: 50%;
+  cursor: pointer;
+  color: #ffffff;
+  font-size: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}

package/lib/src/select/index.js

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

package/lib/src/select/src/option.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../../../assets/ts/utils.js"),n=require("./select.js");require("./style/index.css");const v=e.defineComponent({name:"k-option"}),m=e.defineComponent({...v,props:n.OptionProps,emits:["change"],setup(o,{emit:a}){const t=e.inject(n.SelectContextKey),s=o,i=a,{n:u}=p.createNamespace("select"),r=e.computed(()=>(t==null?void 0:t.selectValue.value)===s.value),c=e.computed(()=>t!=null&&t.filterable.value?(s.value+"").indexOf((t==null?void 0:t.selectValue.value)+"")!==-1:!0);function d(){s.disabled||(t==null||t.onChange(s.data),i("change",s.value))}return(l,f)=>e.withDirectives((e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass([e.unref(u)("option"),{selected:r.value,"is-disabled":l.disabled}]),onClick:d},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(l.label),1)])],2)),[[e.vShow,c.value]])}});exports.default=m;

package/lib/src/select/src/select.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={modelValue:{type:[Number,String,Boolean,Object],default:void 0},placeholder:{type:String},clearable:Boolean,filterable:{type:Boolean},disabled:Boolean},t={label:{type:[String,Number]},value:{type:[String,Number,Boolean,Object]},data:{type:Object,default:()=>{}},disabled:Boolean},o=Symbol("SelectContextKey");exports.OptionProps=t;exports.SelectContextKey=o;exports.SelectProps=e;

package/lib/src/select/src/select2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("../../../assets/ts/utils.js"),N=require("../../input/index.js"),v=require("./select.js"),S=require("../../tooltip/index.js");require("./style/index.css");const k=e.defineComponent({name:"k-select"}),q=e.defineComponent({...k,props:v.SelectProps,emits:["update:modelValue","change"],setup(b,{emit:g}){var p;const l=b,u=g,{n}=x.createNamespace("select"),h=e.reactive({effect:"light",pure:!0,trigger:"click",transitionName:"k-select-menu"}),V=e.ref(!1),o=e.ref("arrow-down"),s=e.computed({get:()=>l.modelValue,set(t){f(t)}}),r=e.ref(!1),i=e.ref(),d=e.computed(()=>r.value&&l.clearable&&!!l.modelValue),c=e.computed(()=>l.filterable);(p=document.getElementById("1"))==null||p.getBoundingClientRect;const C=e.computed(()=>{var a;return{minWidth:(((a=i.value)==null?void 0:a.getBoundingClientRect().width)||0)+"px"}});function f(t){let a=t;u("change",t),u("update:modelValue",a.label),V.value=!1}e.provide(v.SelectContextKey,{onChange:f,selectValue:s,filterable:c});function w(){l.disabled||l.clearable&&l.modelValue&&(o.value="",r.value=!0)}function m(){l.disabled||l.clearable&&l.modelValue&&(o.value="arrow-down",r.value=!1)}return(t,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:i,class:e.normalizeClass([e.unref(n)(),{clearable:d.value}])},[e.createVNode(e.unref(S.Tooltip),e.mergeProps(h,{disabled:t.disabled}),{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(n)("--dropdown")]),style:e.normalizeStyle(C.value)},[e.createElementVNode("ul",{class:e.normalizeClass([e.unref(n)("--list")])},[e.renderSlot(t.$slots,"default")],2)],6)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n)("trigger")),onMouseenter:w,onMouseleave:m},[e.createVNode(e.unref(N.KInput),{modelValue:s.value,"onUpdate:modelValue":a[0]||(a[0]=y=>s.value=y),"suffix-icon":o.value,clearable:d.value,readonly:!c.value,placeholder:t.placeholder,disabled:t.disabled,onClear:m},null,8,["modelValue","suffix-icon","clearable","readonly","placeholder","disabled"])],34)]),_:3},16,["disabled"])],2))}});exports.default=q;

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

@@ -0,0 +1,82 @@
+:root {
+  --k-select-hover-bg: var(--k-disabled-bg-color);
+  --k-select-active-color: var(--k-color-primary);
+}
+
+.k-select {
+  position: relative;
+  display: inline-flex;
+  cursor: pointer;
+}
+.k-select:not(.clearable) .k-select__trigger .k-input__suffix .k-icon {
+  transition: transform var(--k-transition-duration);
+}
+.k-select:not(.clearable) .k-select__trigger .is-focus .k-input__suffix .k-icon {
+  transform: rotate(-180deg);
+}
+
+.k-select--dropdown {
+  padding: 6px 0;
+  max-height: 274px;
+  overflow-y: auto;
+}
+.k-select--dropdown::-webkit-scrollbar {
+  opacity: 0;
+  width: 6px;
+}
+.k-select--dropdown::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 10px;
+  -webkit-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+.k-select--dropdown:hover::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+.k-select--dropdown .k-select--list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.k-select__option {
+  margin: 0;
+  padding: 0;
+  padding: 0 32px 0 20px;
+  position: relative;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: var(--k-text-color-regular);
+  height: 34px;
+  line-height: 34px;
+  box-sizing: border-box;
+  cursor: pointer;
+}
+.k-select__option:hover:not(.is-disabled) {
+  background-color: var(--k-select-hover-bg);
+}
+.k-select__option.selected {
+  font-weight: 700;
+  color: var(--k-select-active-color);
+  background-color: var(--k-select-hover-bg);
+}
+.k-select__option.is-disabled {
+  color: var(--k-disabled-text-color);
+  cursor: not-allowed;
+}
+
+.k-select-menu-enter-active,
+.k-select-menu-leave-active {
+  transition: all 0.1s;
+  will-change: height;
+  transform-origin: top center;
+}
+
+.k-select-menu-enter-from,
+.k-select-menu-leave-to {
+  overflow: hidden;
+  transform: scaleY(0.5);
+  opacity: 0;
+}

package/lib/src/shake/index.js

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

package/lib/src/shake/shake.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=e.defineComponent({name:"k-shake"}),n=e.defineComponent({...u,props:{modelValue:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(l,{emit:o}){const a=l,s=o;return e.watch(()=>a.modelValue,t=>{t&&setTimeout(()=>{s("update:modelValue",!1)},1e3)},{immediate:!0}),(t,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-shake",{["k-shakeactive"]:a.modelValue}])},[e.renderSlot(t.$slots,"default")],2))}});exports.default=n;

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

@@ -0,0 +1,20 @@
+@keyframes shake {
+  10%, 90% {
+    transform: translate3d(-1px, 0, 0);
+  }
+  20%, 80% {
+    transform: translate3d(2px, 0, 0);
+  }
+  30%, 70% {
+    transform: translate3d(-4px, 0, 0);
+  }
+  40%, 60% {
+    transform: translate3d(4px, 0, 0);
+  }
+  50%, 50% {
+    transform: translate3d(-4px, 0, 0);
+  }
+}
+.k-shake.k-shakeactive {
+  animation: shake 1s linear;
+}

package/lib/src/sign/index.js

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

package/lib/src/sign/src/sign.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("vue"),q=d.defineComponent({name:"k-sign"}),X=d.defineComponent({...q,props:{width:{default:600},height:{default:300},bgColor:{default:"#ebebeb"},lineWidth:{default:5},lineColor:{default:"#000000"},gapLeft:{default:5},gapRight:{default:5},gapTop:{default:5},gapBottom:{default:5},format:{default:""},quality:{default:"0.92"},direction:{default:0},isCrop:{type:Boolean,default:!0}},emits:["change"],setup(C,{expose:M,emit:b}){const r=d.ref(),a=C,m=b,t=d.reactive({sratio:1,ctx:null,resImg:"",isMove:!1,lastX:0,lastY:0,offset:{left:0,top:0}}),T=()=>{const o=a.height/a.width;t.ctx=r.value.getContext("2d",{willReadFrequently:!0}),t.offset=r.value.getBoundingClientRect(),r.value.height=a.height,r.value.width=a.width,r.value.style.width=a.width>window.innerWidth?window.innerWidth+"px":a.width+"px";const l=parseFloat(window.getComputedStyle(r.value).width);r.value.style.height=o*l+"px",r.value.style.background=a.bgColor,t.ctx.scale(1*t.sratio,1*t.sratio),t.sratio=l/a.width,t.ctx.scale(1/t.sratio,1/t.sratio)},p=(o,l,u)=>{u&&(t.ctx.beginPath(),t.ctx.lineWidth=a.lineWidth,t.ctx.strokeStyle=a.lineColor,t.ctx.lineCap="round",t.ctx.lineJoin="round",t.ctx.moveTo(t.lastX,t.lastY),t.ctx.lineTo(o,l),t.ctx.stroke(),t.ctx.closePath()),t.lastX=o,t.lastY=l},I=o=>{t.isMove=!0,p(o.pageX-t.offset.left,o.pageY-t.offset.top,!1)},_=o=>{t.isMove&&p(o.pageX-t.offset.left,o.pageY-t.offset.top,!0)},v=async()=>{t.isMove=!1;let o=await w();m("change",o)},k=o=>{t.isMove=!0,p(o.changedTouches[0].clientX-t.offset.left,o.changedTouches[0].clientY-t.offset.top,!1)},D=o=>{t.isMove&&p(o.changedTouches[0].clientX-t.offset.left,o.changedTouches[0].clientY-t.offset.top,!0)},x=()=>{t.isMove=!1},R=o=>{let l=r.value.width,u=r.value.height,h=0,c=0;for(let i=0;i<r.value.width;i++)for(let n=0;n<r.value.height;n++){let e=(i+r.value.width*n)*4;(o[e]>0||o[e+1]>0||o[e+2]||o[e+3]>0)&&(c=Math.max(n,c),h=Math.max(i,h),u=Math.min(n,u),l=Math.min(i,l))}return l++,h++,u++,c++,[l-a.gapLeft,u-a.gapTop,h+a.gapRight,c+a.gapBottom]},B=(o,l,u)=>new Promise(h=>{const c=document.createElement("canvas"),g=c.getContext("2d");let i,n,e;l%90!=0&&console.error("\u65CB\u8F6C\u89D2\u5EA6\u5FC5\u987B\u662F90\u7684\u500D\u6570!");const y=l/90%4,s={sx:0,sy:0,ex:0,ey:0},f=new Image;f.crossOrigin="anonymous",f.src=o,f.onload=function(){switch(i=f.width,n=f.height,e=i>n?i:n,c.width=e*2,c.height=e*2,y){case 0:s.sx=e,s.sy=e,s.ex=e+i,s.ey=e+n;break;case 1:s.sx=e-n,s.sy=e,s.ex=e,s.ey=e+i;break;case 2:s.sx=e-i,s.sy=e-n,s.ex=e,s.ey=e;break;case 3:s.sx=e,s.sy=e-i,s.ex=e+n,s.ey=e+i;break}g.translate(e,e),g.rotate(l*Math.PI/180),g.drawImage(f,0,0);var P=g.getImageData(s.sx,s.sy,s.ex,s.ey);y%2==0?(c.width=i,c.height=n):(c.width=n,c.height=i),g.putImageData(P,0,0),h(c.toDataURL(u,a.quality))}}),w=()=>new Promise(o=>{const l=t.ctx.getImageData(0,0,r.value.width,r.value.height),u=R(l.data),h=document.createElement("canvas"),c=h.getContext("2d");h.width=u[2]-u[0],h.height=u[3]-u[1];const g=t.ctx.getImageData(...u);c.globalCompositeOperation="destination-over",c.putImageData(g,0,0),c.fillStyle=a.bgColor,c.fillRect(0,0,h.width,h.height);let i="image/"+a.format,n=h.toDataURL(i,a.quality);if(!a.isCrop){const e=r.value;t.ctx.globalCompositeOperation="destination-over",t.ctx.fillStyle=a.bgColor,t.ctx.fillRect(0,0,e.width,e.height),n=e.toDataURL(i,a.quality),t.ctx.clearRect(0,0,e.width,e.height),t.ctx.putImageData(l,0,0),t.ctx.globalCompositeOperation="source-over"}a.direction>0&&a.direction%90==0?B(n,a.direction,i).then(e=>{o(e)}):o(n)}),S=()=>{t.ctx.beginPath(),t.ctx.clearRect(0,0,a.width,a.height),t.ctx.closePath(),setTimeout(()=>{m("change","")},1e3)};return d.onMounted(()=>{setTimeout(T,100)}),M({clearCanvas:S,createImg:w}),(o,l)=>(d.openBlock(),d.createElementBlock("canvas",{ref_key:"vueSign",ref:r,style:d.normalizeStyle({background:o.bgColor}),onMousedown:I,onMousemove:_,onMouseup:v,onMouseleave:v,onTouchstart:d.withModifiers(k,["stop"]),onTouchmove:d.withModifiers(D,["stop"]),onTouchend:d.withModifiers(x,["stop"]),onTouchcancel:d.withModifiers(x,["stop"])},null,36))}});exports.default=X;