btt-ui 1.0.17 → 1.0.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/es/index.mjs +28 -26
  2. package/es/src/button/src/button.mjs +29 -29
  3. package/es/src/card/src/card.mjs +15 -15
  4. package/es/src/dialog/src/dialog.mjs +49 -49
  5. package/es/src/drag/src/drag.mjs +15 -15
  6. package/es/src/echarts/src/index.mjs +20 -20
  7. package/es/src/index.mjs +69 -66
  8. package/es/src/input/src/input.mjs +60 -60
  9. package/es/src/overlay/src/overlay.mjs +15 -15
  10. package/es/src/sign/src/sign.mjs +24 -24
  11. package/es/src/switch/src/switch.mjs +29 -29
  12. package/es/src/textButton/src/button.mjs +24 -24
  13. package/es/src/upload/dragger.mjs +23 -23
  14. package/es/src/upload/upload.mjs +18 -18
  15. package/es/src/uploadFile/src/style/index.css +14 -1
  16. package/es/src/uploadFile/src/uploadFile.mjs +89 -77
  17. package/es/src/xgplay/index.mjs +6 -0
  18. package/es/src/xgplay/src/index.mjs +81 -0
  19. package/lib/index.js +1 -1
  20. package/lib/src/button/src/button.js +1 -1
  21. package/lib/src/card/src/card.js +1 -1
  22. package/lib/src/dialog/src/dialog.js +1 -1
  23. package/lib/src/drag/src/drag.js +1 -1
  24. package/lib/src/echarts/src/index.js +1 -1
  25. package/lib/src/index.js +1 -1
  26. package/lib/src/input/src/input.js +1 -1
  27. package/lib/src/overlay/src/overlay.js +1 -1
  28. package/lib/src/sign/src/sign.js +1 -1
  29. package/lib/src/switch/src/switch.js +1 -1
  30. package/lib/src/textButton/src/button.js +1 -1
  31. package/lib/src/upload/dragger.js +1 -1
  32. package/lib/src/upload/upload.js +1 -1
  33. package/lib/src/uploadFile/src/style/index.css +14 -1
  34. package/lib/src/uploadFile/src/uploadFile.js +1 -1
  35. package/lib/src/xgplay/index.js +1 -0
  36. package/lib/src/xgplay/src/index.js +1 -0
  37. package/package.json +2 -2
  38. /package/es/src/{xgplayer → xgplay}/src/style/index.css +0 -0
  39. /package/lib/src/{xgplayer → xgplay}/src/style/index.css +0 -0
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../../icon/index.js"),a=require("../../../assets/ts/utils.js");require("./style/index.css");const i=["disabled"],u={key:0,class:"k-icon-box"},c=e.defineComponent({name:"k-button"}),d=e.defineComponent({...c,props:{type:{default:"default"},size:{},plain:{type:Boolean},autofocus:{type:Boolean},round:{type:Boolean},circle:{type:Boolean},text:{type:Boolean},icon:{},color:{},disabled:{type:Boolean},textColor:{}},emits:[""],setup(l){const t=l,{n}=a.createNamespace("button"),s=e.computed(()=>t.color?{"--k-button-bg-color":t.color,"--k-button-text-color":"var(--k-color-white)","--k-button-border-color":t.color}:{});return(o,p)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass([e.unref(n)(),o.type&&e.unref(n)(`--${o.type}`),o.size&&e.unref(n)(`--${o.size}`),o.plain&&"is-plain",o.round&&"is-round",o.circle&&"is-circle",o.disabled&&"is-disabled",o.text&&"is-text"]),style:e.normalizeStyle({color:o.color,...s.value}),disabled:o.disabled,type:"button"},[o.icon?(e.openBlock(),e.createElementBlock("span",u,[e.createVNode(e.unref(r.Icon),{name:o.icon},null,8,["name"])])):e.createCommentVNode("",!0),e.createElementVNode("span",{style:e.normalizeStyle({color:o.textColor})},[e.renderSlot(o.$slots,"default")],4)],14,i))}});exports.default=d;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../../icon/index.js"),i=require("../../../assets/ts/utils.js");require("./style/index.css");const s=["disabled"],r={key:0,class:"k-icon-box"},u=e.defineComponent({name:"k-button"}),d=e.defineComponent({...u,props:{type:{default:"default"},size:{},plain:{type:Boolean},autofocus:{type:Boolean},round:{type:Boolean},circle:{type:Boolean},text:{type:Boolean},icon:{},color:{},disabled:{type:Boolean},textColor:{}},emits:[""],setup(t){const o=t,{n}=i.createNamespace("button"),l=e.computed(()=>o.color?{"--k-button-bg-color":o.color,"--k-button-text-color":"var(--k-color-white)","--k-button-border-color":o.color}:{});return(c,b)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass([e.unref(n)(),t.type&&e.unref(n)(`--${t.type}`),t.size&&e.unref(n)(`--${t.size}`),t.plain&&"is-plain",t.round&&"is-round",t.circle&&"is-circle",t.disabled&&"is-disabled",t.text&&"is-text"]),style:e.normalizeStyle({color:t.color,...l.value}),disabled:t.disabled,type:"button"},[t.icon?(e.openBlock(),e.createElementBlock("span",r,[e.createVNode(e.unref(a.Icon),{name:t.icon},null,8,["name"])])):e.createCommentVNode("",!0),e.createElementVNode("span",{style:e.normalizeStyle({color:t.textColor})},[e.renderSlot(c.$slots,"default")],4)],14,s))}});exports.default=d;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./style/index.css");const o={class:"front",style:{background:"url('/559.jpg')"}},l={class:"back",style:{background:"url('/560.jpg')"}},n=e.defineComponent({name:"k-card"}),s=e.defineComponent({...n,props:{width:{type:String,default:"300px"},height:{type:String,default:"400px"}},setup(t){return(r,d)=>(e.openBlock(),e.createElementBlock("div",{class:"k-card",style:e.normalizeStyle({width:t.width,height:t.height})},[e.createElementVNode("div",o,[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(" \u6B63\u9762 ")])]),e.createElementVNode("div",l,[e.renderSlot(r.$slots,"back",{},()=>[e.createTextVNode(" \u53CD\u9762 ")])])],4))}});exports.default=s;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./style/index.css");const l={class:"front",style:{background:"url('/559.jpg')"}},n={class:"back",style:{background:"url('/560.jpg')"}},s=e.defineComponent({name:"k-card"}),d=e.defineComponent({...s,props:{width:{type:String,default:"300px"},height:{type:String,default:"400px"}},setup(r){return(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:"k-card",style:e.normalizeStyle({width:r.width,height:r.height})},[e.createElementVNode("div",l,[e.renderSlot(o.$slots,"default",{},()=>[t[0]||(t[0]=e.createTextVNode(" \u6B63\u9762 ",-1))])]),e.createElementVNode("div",n,[e.renderSlot(o.$slots,"back",{},()=>[t[1]||(t[1]=e.createTextVNode(" \u53CD\u9762 ",-1))])])],4))}});exports.default=d;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("../../overlay/index.js"),h=require("../../../assets/ts/utils.js"),b=require("../../icon/index.js");require("./style/index.css");const V=e.defineComponent({name:"k-dialog"}),w=e.defineComponent({...V,props:{title:{default:""},showHeader:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},top:{default:150},draggable:{type:Boolean,default:!0},width:{default:1e3},modelValue:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!1},closeDelay:{default:0},beforeClose:{},zIndex:{default:2e3},teleportTo:{default:"body"}},emits:["update:modelValue","open","opened","close","closed"],setup(y,{emit:C}){const{n:l}=h.createNamespace("dialog"),c=e.ref(!1),n=y,f=C;c.value=n.modelValue;const r=e.ref(),p=e.ref(),m=()=>{const t=()=>{setTimeout(()=>{c.value=!1,f("closed"),f("update:modelValue",c.value)},n.closeDelay)};if(n.beforeClose)return n.beforeClose(()=>t());f("close"),t()},k=()=>{n.closeOnClickModal&&m()},v=()=>{m()};let a=!1,i={x:0,y:0},d={x:0,y:0};const B=()=>{let t=0,s=0;e.nextTick(()=>{p.value.style.transform="translate3d("+t+"px, "+s+"px, 0)",r.value.addEventListener("pointerdown",function(o){a=!0,o.target.setPointerCapture(o.pointerId),d={x:o.clientX,y:o.clientY}}),r.value.addEventListener("pointermove",function(o){if(a){const u={x:o.clientX,y:o.clientY};i.x=u.x-d.x,i.y=u.y-d.y,d={x:u.x,y:u.y},t+=i.x,s+=i.y,p.value.style.transform="translate3d("+t+"px, "+s+"px, 0)",o.preventDefault()}}),r.value.addEventListener("pointerup",function(){a&&(a=!1)}),r.value.addEventListener("pointercancel",function(){a&&(a=!1)})})};return e.watch(()=>n.modelValue,t=>{t&&B()}),(t,s)=>(e.openBlock(),e.createBlock(e.Teleport,{to:t.teleportTo},[t.modelValue?(e.openBlock(),e.createBlock(e.unref(g.Overlay),{key:0,onClick:e.withModifiers(k,["stop"]),"z-index":t.zIndex},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"targetRef",ref:p,class:e.normalizeClass([e.unref(l)(),"slide-in-top"]),style:e.normalizeStyle({top:t.top,width:t.width}),onClick:s[0]||(s[0]=e.withModifiers(()=>{},["stop"]))},[t.showHeader?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"handleRef",ref:r,class:e.normalizeClass([e.unref(l)("header"),t.draggable&&"is-draggable"])},[e.renderSlot(t.$slots,"header",{close:m},()=>[t.title?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(l)("title")])},e.toDisplayString(t.title),3)):e.createCommentVNode("",!0),t.showClose?(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass([e.unref(l)("headerbtn")]),onClick:v},[e.createVNode(e.unref(b.Icon),{name:"close"})],2)):e.createCommentVNode("",!0)])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(l)("body")])},[e.renderSlot(t.$slots,"default")],2),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(l)("footer")])},[e.renderSlot(t.$slots,"footer")],2)):e.createCommentVNode("",!0)],6)]),_:3},8,["z-index"])):e.createCommentVNode("",!0)],8,["to"]))}});exports.default=w;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("../../overlay/index.js"),g=require("../../../assets/ts/utils.js"),h=require("../../icon/index.js");require("./style/index.css");const b=e.defineComponent({name:"k-dialog"}),V=e.defineComponent({...b,props:{title:{default:""},showHeader:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},top:{default:150},draggable:{type:Boolean,default:!0},width:{default:1e3},modelValue:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!1},closeDelay:{default:0},beforeClose:{},zIndex:{default:2e3},teleportTo:{default:"body"}},emits:["update:modelValue","open","opened","close","closed"],setup(l,{emit:k}){const{n}=g.createNamespace("dialog"),f=e.ref(!1),a=l,m=k;f.value=a.modelValue;const i=e.ref(),y=e.ref(),C=()=>{const t=()=>{setTimeout(()=>{f.value=!1,m("closed"),m("update:modelValue",f.value)},a.closeDelay)};if(a.beforeClose)return a.beforeClose(()=>t());m("close"),t()},p=()=>{a.closeOnClickModal&&C()},v=()=>{C()};let s=!1,d={x:0,y:0},c={x:0,y:0};const x=()=>{let t=0,r=0;e.nextTick(()=>{y.value.style.transform="translate3d("+t+"px, "+r+"px, 0)",i.value.addEventListener("pointerdown",function(o){s=!0,o.target.setPointerCapture(o.pointerId),c={x:o.clientX,y:o.clientY}}),i.value.addEventListener("pointermove",function(o){if(s){const u={x:o.clientX,y:o.clientY};d.x=u.x-c.x,d.y=u.y-c.y,c={x:u.x,y:u.y},t+=d.x,r+=d.y,y.value.style.transform="translate3d("+t+"px, "+r+"px, 0)",o.preventDefault()}}),i.value.addEventListener("pointerup",function(){s&&(s=!1)}),i.value.addEventListener("pointercancel",function(){s&&(s=!1)})})};return e.watch(()=>a.modelValue,t=>{t&&x()}),(t,r)=>(e.openBlock(),e.createBlock(e.Teleport,{to:l.teleportTo},[l.modelValue?(e.openBlock(),e.createBlock(e.unref(B.Overlay),{key:0,onClick:e.withModifiers(p,["stop"]),"z-index":l.zIndex},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"targetRef",ref:y,class:e.normalizeClass([e.unref(n)(),"slide-in-top"]),style:e.normalizeStyle({top:l.top,width:l.width}),onClick:r[0]||(r[0]=e.withModifiers(()=>{},["stop"]))},[l.showHeader?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"handleRef",ref:i,class:e.normalizeClass([e.unref(n)("header"),l.draggable&&"is-draggable"])},[e.renderSlot(t.$slots,"header",{close:C},()=>[l.title?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(n)("title")])},e.toDisplayString(l.title),3)):e.createCommentVNode("",!0),l.showClose?(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass([e.unref(n)("headerbtn")]),onClick:v},[e.createVNode(e.unref(h.Icon),{name:"close"})],2)):e.createCommentVNode("",!0)])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(n)("body")])},[e.renderSlot(t.$slots,"default")],2),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(n)("footer")])},[e.renderSlot(t.$slots,"footer")],2)):e.createCommentVNode("",!0)],6)]),_:3},8,["z-index"])):e.createCommentVNode("",!0)],8,["to"]))}});exports.default=V;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),f=require("../../overlay/index.js");require("./style/index.css");const p=t.defineComponent({name:"k-drag"}),y=t.defineComponent({...p,props:{width:{default:800},showClose:{type:Boolean,default:!0},modelValue:{type:Boolean,default:!1},closeDelay:{default:0},beforeClose:{},closeOnClickModal:{type:Boolean,default:!0}},emits:["close","closed"],setup(r,{emit:u}){const a=r,s=u,l=t.ref(),e=t.ref({isPointerdown:!1,rect:{},lastPointermove:{x:0,y:0},diff:{x:0,y:0},x:0,y:0}),d=()=>{e.value.isPointerdown=!1,e.value.rect={},e.value.lastPointermove={x:0,y:0},e.value.diff={x:0,y:0},e.value.x=0,e.value.y=0;const o=()=>{setTimeout(()=>{s("closed")},a.closeDelay)};if(a.beforeClose)return a.beforeClose(()=>o());s("close"),o()},v=()=>{a.closeOnClickModal&&d()};t.watch(()=>a.modelValue,o=>{o&&t.nextTick(c)});const c=()=>{l.value.addEventListener("pointerdown",n=>{e.value.isPointerdown=!0,e.value.lastPointermove={x:n.clientX,y:n.clientY},e.value.rect=l.value.getBoundingClientRect()}),l.value.addEventListener("pointermove",n=>{if(e.value.isPointerdown){const i={x:n.clientX,y:n.clientY};e.value.diff.x=i.x-e.value.lastPointermove.x,e.value.diff.y=i.y-e.value.lastPointermove.y,e.value.lastPointermove={x:i.x,y:i.y},e.value.x+=e.value.diff.x,e.value.y+=e.value.diff.y,l.value.style.transform="translate3d("+e.value.x+"px, "+e.value.y+"px, 0)",n.preventDefault()}});const o=()=>{e.value.isPointerdown&&(e.value.isPointerdown=!1)};l.value.addEventListener("pointerup",o),l.value.addEventListener("pointercancel",o),l.value.addEventListener("mouseleave",o),l.value.addEventListener("mouseup",o)};return(o,n)=>o.modelValue?(t.openBlock(),t.createBlock(t.unref(f.Overlay),{key:0,class:"k-content-center",onClick:t.withModifiers(v,["stop"])},{default:t.withCtx(()=>[t.createElementVNode("div",{class:"k-drag slide-in-top",ref_key:"dragWrapper",ref:l,style:t.normalizeStyle({width:o.width+"px"}),onClick:n[0]||(n[0]=t.withModifiers(()=>{},["stop"]))},[t.renderSlot(o.$slots,"default")],4)]),_:3})):t.createCommentVNode("",!0)}});exports.default=y;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),f=require("../../overlay/index.js");require("./style/index.css");const y=t.defineComponent({name:"k-drag"}),p=t.defineComponent({...y,props:{width:{default:800},showClose:{type:Boolean,default:!0},modelValue:{type:Boolean,default:!1},closeDelay:{default:0},beforeClose:{},closeOnClickModal:{type:Boolean,default:!0}},emits:["close","closed"],setup(s,{emit:u}){const a=s,r=u,o=t.ref(),e=t.ref({isPointerdown:!1,rect:{},lastPointermove:{x:0,y:0},diff:{x:0,y:0},x:0,y:0}),d=()=>{e.value.isPointerdown=!1,e.value.rect={},e.value.lastPointermove={x:0,y:0},e.value.diff={x:0,y:0},e.value.x=0,e.value.y=0;const l=()=>{setTimeout(()=>{r("closed")},a.closeDelay)};if(a.beforeClose)return a.beforeClose(()=>l());r("close"),l()},v=()=>{a.closeOnClickModal&&d()};t.watch(()=>a.modelValue,l=>{l&&t.nextTick(c)});const c=()=>{o.value.addEventListener("pointerdown",n=>{e.value.isPointerdown=!0,e.value.lastPointermove={x:n.clientX,y:n.clientY},e.value.rect=o.value.getBoundingClientRect()}),o.value.addEventListener("pointermove",n=>{if(e.value.isPointerdown){const i={x:n.clientX,y:n.clientY};e.value.diff.x=i.x-e.value.lastPointermove.x,e.value.diff.y=i.y-e.value.lastPointermove.y,e.value.lastPointermove={x:i.x,y:i.y},e.value.x+=e.value.diff.x,e.value.y+=e.value.diff.y,o.value.style.transform="translate3d("+e.value.x+"px, "+e.value.y+"px, 0)",n.preventDefault()}});const l=()=>{e.value.isPointerdown&&(e.value.isPointerdown=!1)};o.value.addEventListener("pointerup",l),o.value.addEventListener("pointercancel",l),o.value.addEventListener("mouseleave",l),o.value.addEventListener("mouseup",l)};return(l,n)=>s.modelValue?(t.openBlock(),t.createBlock(t.unref(f.Overlay),{key:0,class:"k-content-center",onClick:t.withModifiers(v,["stop"])},{default:t.withCtx(()=>[t.createElementVNode("div",{class:"k-drag slide-in-top",ref_key:"dragWrapper",ref:o,style:t.normalizeStyle({width:s.width+"px"}),onClick:n[0]||(n[0]=t.withModifiers(()=>{},["stop"]))},[t.renderSlot(l.$slots,"default")],4)]),_:3})):t.createCommentVNode("",!0)}});exports.default=p;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("../../drag/index.js"),d=require("echarts"),f=require("../../../assets/ts/utils.js"),p=require("../../icon/index.js");require("./style/index.css");const s=require("./ts/factory.js");function y(t){if(t&&t.__esModule)return t;const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(a,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return a.default=t,Object.freeze(a)}const m=y(d),b={class:"k-echart-header"},g=e.defineComponent({name:"k-echarts"}),x=e.defineComponent({...g,props:{modelValue:{type:Boolean,default:!0},data:{type:Array,default:[150,230,224,218,135,147,260]},xAxis:{type:Object,default:()=>{}},yAxis:{type:Object,default:()=>{}},tooltip:{type:Object,default:()=>{}},type:{type:String,default:"line"},title:{type:String,default:""},fontSize:{type:Number,default:14},maxMinFontSize:{type:Number,default:26},backgroundColor:{type:String,default:"#0E2B67"},lineColors:{type:Array,default:["#49fcf0"]},grid:{type:Object,default:()=>{}},xName:{type:String,default:"\u65B9\u4F4D\u89C6\u5411\u89D2(\xB0)"},yName:{type:String,default:"RCS(dBm\xB2)"},xSize:{type:Number,default:6}},emits:["close"],setup(t,{emit:a}){const{n:r}=f.createNamespace("echart-wrapper"),n=e.ref(),o=t,c=a;return e.onMounted(()=>{let l=m.init(n.value);o.type=="line"||o.type=="bar"?s.default.line(l,o):o.type=="polar"&&s.default.polar(l,o)}),(l,u)=>t.modelValue?(e.openBlock(),e.createBlock(e.unref(i.Drag),{key:0},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(r)()])},[e.createElementVNode("div",b,[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode("\u8FD9\u662F\u6807\u9898")]),e.createVNode(e.unref(p.Icon),{name:"close",size:"16",class:"k-icon-close",onClick:u[0]||(u[0]=j=>c("close"))})]),e.createElementVNode("div",{class:"k-echart-content",ref_key:"echartsRef",ref:n},null,512)],2)]),_:3})):e.createCommentVNode("",!0)}});exports.default=x;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("../../drag/index.js"),d=require("echarts"),f=require("../../../assets/ts/utils.js"),p=require("../../icon/index.js");require("./style/index.css");const s=require("./ts/factory.js");function y(t){if(t&&t.__esModule)return t;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(n,r,a.get?a:{enumerable:!0,get:()=>t[r]})}}return n.default=t,Object.freeze(n)}const m=y(d),b={class:"k-echart-header"},g=e.defineComponent({name:"k-echarts"}),x=e.defineComponent({...g,props:{modelValue:{type:Boolean,default:!0},data:{type:Array,default:[150,230,224,218,135,147,260]},xAxis:{type:Object,default:()=>{}},yAxis:{type:Object,default:()=>{}},tooltip:{type:Object,default:()=>{}},type:{type:String,default:"line"},title:{type:String,default:""},fontSize:{type:Number,default:14},maxMinFontSize:{type:Number,default:26},backgroundColor:{type:String,default:"#0E2B67"},lineColors:{type:Array,default:["#49fcf0"]},grid:{type:Object,default:()=>{}},xName:{type:String,default:"\u65B9\u4F4D\u89C6\u5411\u89D2(\xB0)"},yName:{type:String,default:"RCS(dBm\xB2)"},xSize:{type:Number,default:6}},emits:["close"],setup(t,{emit:n}){const{n:r}=f.createNamespace("echart-wrapper"),a=e.ref(),o=t,c=n;return e.onMounted(()=>{let l=m.init(a.value);o.type=="line"||o.type=="bar"?s.default.line(l,o):o.type=="polar"&&s.default.polar(l,o)}),(l,u)=>t.modelValue?(e.openBlock(),e.createBlock(e.unref(i.Drag),{key:0},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(r)()])},[e.createElementVNode("div",b,[e.renderSlot(l.$slots,"default",{},()=>[u[1]||(u[1]=e.createTextVNode("\u8FD9\u662F\u6807\u9898",-1))]),e.createVNode(e.unref(p.Icon),{name:"close",size:"16",class:"k-icon-close",onClick:u[0]||(u[0]=j=>c("close"))})]),e.createElementVNode("div",{class:"k-echart-content",ref_key:"echartsRef",ref:a},null,512)],2)]),_:3})):e.createCommentVNode("",!0)}});exports.default=x;
package/lib/src/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("./style/common.css");const t=require("./button/index.js"),o=require("./textButton/index.js"),r=require("./tooltip/index.js"),d=require("./icon/index.js"),s=require("./input/index.js"),l=require("./link/index.js"),u=require("./upload/index.js"),c=require("./shake/index.js"),x=require("./dialog/index.js"),a=require("./scroll/index.js"),p=require("./toast/index.js"),j=require("./wheel/index.js"),q=require("./uploadFile/index.js"),$=require("./card/index.js"),K=require("./echarts/index.js"),h=require("./hotmap/index.js"),f=require("./tree/index.js"),C=require("./tableScroll/index.js"),e=require("./select/index.js"),i=require("./checkbox/index.js"),n=require("./collapse/index.js"),S=require("./switch/index.js"),T=require("./timeline/index.js"),b=require("./drag/index.js"),g=require("./sign/index.js"),m=[t.Button,o.TextButton,d.Icon,l.default,u.default,c.default,x.default,a.default,p.default,j.default,r.Tooltip,s.KInput,S.Switch,T.Timeline,b.Drag,q.default,$.Card,h.HotMap,f.KTree,i.KCheckbox,i.KCheckboxGroup,n.KCollapse,n.KCollapseItem,g.Sign,K.ECharts,e.KSelect,e.KOption,C.TableScroll];exports.Button=t.Button;exports.TextButton=o.TextButton;exports.Tooltip=r.Tooltip;exports.Icon=d.Icon;exports.KInput=s.KInput;exports.Link=l.default;exports.Upload=u.default;exports.Shake=c.default;exports.Dialog=x.default;exports.Scroll=a.default;exports.Toast=p.default;exports.Wheel=j.default;exports.UploadFile=q.default;exports.Card=$.Card;exports.ECharts=K.ECharts;exports.HotMap=h.HotMap;exports.Tree=f.KTree;exports.TableScroll=C.TableScroll;exports.KOption=e.KOption;exports.KSelect=e.KSelect;exports.KCheckbox=i.KCheckbox;exports.KCheckboxGroup=i.KCheckboxGroup;exports.KCollapse=n.KCollapse;exports.KCollapseItem=n.KCollapseItem;exports.Switch=S.Switch;exports.Timeline=T.Timeline;exports.Drag=b.Drag;exports.Sign=g.Sign;exports.default=m;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("./style/common.css");const t=require("./button/index.js"),o=require("./textButton/index.js"),d=require("./tooltip/index.js"),r=require("./icon/index.js"),l=require("./input/index.js"),s=require("./link/index.js"),u=require("./upload/index.js"),x=require("./shake/index.js"),c=require("./dialog/index.js"),a=require("./scroll/index.js"),p=require("./toast/index.js"),j=require("./wheel/index.js"),q=require("./uploadFile/index.js"),$=require("./card/index.js"),K=require("./xgplay/index.js"),f=require("./echarts/index.js"),h=require("./hotmap/index.js"),C=require("./tree/index.js"),S=require("./tableScroll/index.js"),e=require("./select/index.js"),i=require("./checkbox/index.js"),n=require("./collapse/index.js"),T=require("./switch/index.js"),b=require("./timeline/index.js"),g=require("./drag/index.js"),m=require("./sign/index.js"),k=[t.Button,o.TextButton,r.Icon,s.default,u.default,x.default,c.default,a.default,p.default,j.default,d.Tooltip,l.KInput,T.Switch,b.Timeline,g.Drag,q.default,$.Card,h.HotMap,C.KTree,i.KCheckbox,i.KCheckboxGroup,n.KCollapse,n.KCollapseItem,m.Sign,f.ECharts,e.KSelect,e.KOption,S.TableScroll,K.default];exports.Button=t.Button;exports.TextButton=o.TextButton;exports.Tooltip=d.Tooltip;exports.Icon=r.Icon;exports.KInput=l.KInput;exports.Link=s.default;exports.Upload=u.default;exports.Shake=x.default;exports.Dialog=c.default;exports.Scroll=a.default;exports.Toast=p.default;exports.Wheel=j.default;exports.UploadFile=q.default;exports.Card=$.Card;exports.KVideo=K.default;exports.ECharts=f.ECharts;exports.HotMap=h.HotMap;exports.Tree=C.KTree;exports.TableScroll=S.TableScroll;exports.KOption=e.KOption;exports.KSelect=e.KSelect;exports.KCheckbox=i.KCheckbox;exports.KCheckboxGroup=i.KCheckboxGroup;exports.KCollapse=n.KCollapse;exports.KCollapseItem=n.KCollapseItem;exports.Switch=T.Switch;exports.Timeline=b.Timeline;exports.Drag=g.Drag;exports.Sign=m.Sign;exports.default=k;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../../icon/index.js"),V=require("../../../assets/ts/utils.js");require("./style/index.css");const I=["type","placeholder","autofocus","readonly","disabled"],N=e.defineComponent({name:"k-input"}),M=e.defineComponent({...N,props:{type:{default:"text"},modelValue:{type:[Number,String,Boolean,Object],default:""},placeholder:{default:""},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},suffixIcon:{default:""},prefixIcon:{default:""},showPassword:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1}},emits:["update:modelValue","focus","blur","clear"],setup(m,{expose:v,emit:y}){const l=m,s=y,{n:a}=V.createNamespace("input"),n=e.ref(),c=e.ref(l.autofocus),t=e.ref(!0),f=e.ref(l.type),i=e.ref(!1),u=e.computed({get:()=>l.modelValue,set:o=>{s("update:modelValue",o)}}),k=()=>{c.value=!0,s("focus")},B=()=>{c.value=!1,s("blur")},d=()=>{u.value="",s("clear")},w=()=>{l.type==="password"&&(t.value=!t.value,t.value?f.value=l.type:f.value="text")};function b(){i.value=l.clearable&&u.value}function h(){i.value=!1}return v({blur:()=>{var o;return(o=n.value)==null?void 0:o.blur()},focus:()=>{var o;return(o=n.value)==null?void 0:o.focus()},clear:d,input:()=>n.value}),(o,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(a)(),{"is-disabled":o.disabled}])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(a)("wrapper"),{"is-focus":c.value}]),onMouseenter:b,onMouseleave:h},[o.$slots.prefix||o.prefixIcon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(a)("prefix"))},[e.renderSlot(o.$slots,"prefix"),o.prefixIcon?(e.openBlock(),e.createBlock(e.unref(r.Icon),{key:0,name:o.prefixIcon},null,8,["name"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({ref_key:"inputRef",ref:n,"onUpdate:modelValue":p[0]||(p[0]=C=>u.value=C),class:e.unref(a)("inner"),type:f.value,placeholder:o.placeholder,autofocus:o.autofocus,readonly:o.readonly,disabled:o.disabled,onFocus:k,onBlur:B},o.$attrs),null,16,I),[[e.vModelDynamic,u.value]]),o.showPassword||o.clearable?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(a)("suffix"))},[o.showPassword?(e.openBlock(),e.createBlock(e.unref(r.Icon),{key:0,name:t.value?"view":"hide",onClick:w},null,8,["name"])):e.createCommentVNode("",!0),e.withDirectives(e.createVNode(e.unref(r.Icon),{name:"circle-close",onClick:e.withModifiers(d,["stop"])},null,512),[[e.vShow,i.value]])],2)):e.createCommentVNode("",!0),o.$slots.suffix||o.suffixIcon?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(e.unref(a)("suffix"))},[e.renderSlot(o.$slots,"suffix"),o.suffixIcon?(e.openBlock(),e.createBlock(e.unref(r.Icon),{key:0,name:o.suffixIcon},null,8,["name"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],34)],2))}});exports.default=M;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../../icon/index.js"),C=require("../../../assets/ts/utils.js");require("./style/index.css");const V=["type","placeholder","autofocus","readonly","disabled"],I=e.defineComponent({name:"k-input"}),N=e.defineComponent({...I,props:{type:{default:"text"},modelValue:{type:[Number,String,Boolean,Object],default:""},placeholder:{default:""},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},suffixIcon:{default:""},prefixIcon:{default:""},showPassword:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1}},emits:["update:modelValue","focus","blur","clear"],setup(l,{expose:p,emit:y}){const a=l,n=y,{n:t}=C.createNamespace("input"),s=e.ref(),f=e.ref(a.autofocus),u=e.ref(!0),i=e.ref(a.type),d=e.ref(!1),r=e.computed({get:()=>a.modelValue,set:o=>{n("update:modelValue",o)}}),k=()=>{f.value=!0,n("focus")},B=()=>{f.value=!1,n("blur")},m=()=>{r.value="",n("clear")},w=()=>{a.type==="password"&&(u.value=!u.value,u.value?i.value=a.type:i.value="text")};function b(){d.value=a.clearable&&r.value}function x(){d.value=!1}return p({blur:()=>{var o;return(o=s.value)==null?void 0:o.blur()},focus:()=>{var o;return(o=s.value)==null?void 0:o.focus()},clear:m,input:()=>s.value}),(o,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(t)(),{"is-disabled":l.disabled}])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("wrapper"),{"is-focus":f.value}]),onMouseenter:b,onMouseleave:x},[o.$slots.prefix||l.prefixIcon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(t)("prefix"))},[e.renderSlot(o.$slots,"prefix"),l.prefixIcon?(e.openBlock(),e.createBlock(e.unref(c.Icon),{key:0,name:l.prefixIcon},null,8,["name"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({ref_key:"inputRef",ref:s,"onUpdate:modelValue":v[0]||(v[0]=h=>r.value=h),class:e.unref(t)("inner"),type:i.value,placeholder:l.placeholder,autofocus:l.autofocus,readonly:l.readonly,disabled:l.disabled,onFocus:k,onBlur:B},o.$attrs),null,16,V),[[e.vModelDynamic,r.value]]),l.showPassword||l.clearable?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(t)("suffix"))},[l.showPassword?(e.openBlock(),e.createBlock(e.unref(c.Icon),{key:0,name:u.value?"view":"hide",onClick:w},null,8,["name"])):e.createCommentVNode("",!0),e.withDirectives(e.createVNode(e.unref(c.Icon),{name:"circle-close",onClick:e.withModifiers(m,["stop"])},null,512),[[e.vShow,d.value]])],2)):e.createCommentVNode("",!0),o.$slots.suffix||l.suffixIcon?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(e.unref(t)("suffix"))},[e.renderSlot(o.$slots,"suffix"),l.suffixIcon?(e.openBlock(),e.createBlock(e.unref(c.Icon),{key:0,name:l.suffixIcon},null,8,["name"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],34)],2))}});exports.default=N;
@@ -1 +1 @@
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;
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(l){const a=l,{n:o}=n.createNamespace("overlay"),s=e.computed(()=>({zIndex:a.zIndex}));return(t,c)=>l.mask?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(o)(),l.overlayClass]),style:e.normalizeStyle(s.value)},[e.renderSlot(t.$slots,"default")],6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([l.overlayClass]),style:e.normalizeStyle(s.value)},[e.renderSlot(t.$slots,"default")],6))}});exports.default=u;
@@ -1 +1 @@
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;
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(p,{expose:M,emit:b}){const r=d.ref(),a=p,x=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 c=parseFloat(window.getComputedStyle(r.value).width);r.value.style.height=o*c+"px",r.value.style.background=a.bgColor,t.ctx.scale(1*t.sratio,1*t.sratio),t.sratio=c/a.width,t.ctx.scale(1/t.sratio,1/t.sratio)},m=(o,c,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,c),t.ctx.stroke(),t.ctx.closePath()),t.lastX=o,t.lastY=c},I=o=>{t.isMove=!0,m(o.pageX-t.offset.left,o.pageY-t.offset.top,!1)},k=o=>{t.isMove&&m(o.pageX-t.offset.left,o.pageY-t.offset.top,!0)},v=async()=>{t.isMove=!1;let o=await y();x("change",o)},_=o=>{t.isMove=!0,m(o.changedTouches[0].clientX-t.offset.left,o.changedTouches[0].clientY-t.offset.top,!1)},D=o=>{t.isMove&&m(o.changedTouches[0].clientX-t.offset.left,o.changedTouches[0].clientY-t.offset.top,!0)},w=()=>{t.isMove=!1},R=o=>{let c=r.value.width,u=r.value.height,h=0,l=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)&&(l=Math.max(n,l),h=Math.max(i,h),u=Math.min(n,u),c=Math.min(i,c))}return c++,h++,u++,l++,[c-a.gapLeft,u-a.gapTop,h+a.gapRight,l+a.gapBottom]},B=(o,c,u)=>new Promise(h=>{const l=document.createElement("canvas"),g=l.getContext("2d");let i,n,e;c%90!=0&&console.error("\u65CB\u8F6C\u89D2\u5EA6\u5FC5\u987B\u662F90\u7684\u500D\u6570!");const C=c/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,l.width=e*2,l.height=e*2,C){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(c*Math.PI/180),g.drawImage(f,0,0);var P=g.getImageData(s.sx,s.sy,s.ex,s.ey);C%2==0?(l.width=i,l.height=n):(l.width=n,l.height=i),g.putImageData(P,0,0),h(l.toDataURL(u,a.quality))}}),y=()=>new Promise(o=>{const c=t.ctx.getImageData(0,0,r.value.width,r.value.height),u=R(c.data),h=document.createElement("canvas"),l=h.getContext("2d");h.width=u[2]-u[0],h.height=u[3]-u[1];const g=t.ctx.getImageData(...u);l.globalCompositeOperation="destination-over",l.putImageData(g,0,0),l.fillStyle=a.bgColor,l.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(c,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(()=>{x("change","")},1e3)};return d.onMounted(()=>{setTimeout(T,100)}),M({clearCanvas:S,createImg:y}),(o,c)=>(d.openBlock(),d.createElementBlock("canvas",{ref_key:"vueSign",ref:r,style:d.normalizeStyle({background:p.bgColor}),onMousedown:I,onMousemove:k,onMouseup:v,onMouseleave:v,onTouchstart:d.withModifiers(_,["stop"]),onTouchmove:d.withModifiers(D,["stop"]),onTouchend:d.withModifiers(w,["stop"]),onTouchcancel:d.withModifiers(w,["stop"])},null,36))}});exports.default=X;
@@ -1 +1 @@
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;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../../../assets/ts/utils.js"),v=require("../../icon/index.js");require("./style/index.css");const k=["disabled"],p={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(t,{emit:u}){const a=t,o=u,{n:l}=c.createNamespace("switch"),n=e.computed({get:()=>a.modelValue===a.activeValue,set:i=>{o("update:modelValue",i?a.activeValue:a.inactiveValue),o("change",i?a.activeValue:a.inactiveValue)}}),d=e.computed(()=>{if(a.width)return{width:c.addUnit(a.width)}}),r=e.computed(()=>a.inlinePrompt?n.value?a.activeText:a.inactiveText:"");function m(){a.disabled||(n.value=!n.value)}return(i,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(l)(),{"is-checked":n.value,"is-disabled":t.disabled}]),onClick:m,style:e.normalizeStyle(d.value)},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":s[0]||(s[0]=f=>n.value=f),class:e.normalizeClass(e.unref(l)("input")),type:"checkbox",disabled:t.disabled},null,10,k),[[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",p,e.toDisplayString(r.value),1)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)("action"))},[t.loading?(e.openBlock(),e.createBlock(e.unref(v.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;
@@ -1 +1 @@
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 t=require("../../icon/index.js"),s={key:1,class:"custom-icon"},r=["src"],a=e.defineComponent({name:"k-text-button"}),c=e.defineComponent({...a,props:{size:{default:"small"},icon:{},color:{default:"#000000"},bgColor:{default:"none"},iconUrl:{},disabled:{type:Boolean},textColor:{default:"#000000"}},emits:[""],setup(i){const{n:l}=n.createNamespace("text-button");return(o,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(l)(),o.size,o.disabled?"disable":""]),style:e.normalizeStyle({color:o.color,background:o.bgColor})},[o.icon?(e.openBlock(),e.createBlock(e.unref(t.Icon),{key:0,name:o.icon,color:o.color},null,8,["name","color"])):o.iconUrl?(e.openBlock(),e.createElementBlock("span",s,[e.createElementVNode("img",{src:o.iconUrl,alt:""},null,8,r)])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([e.unref(l)("text")]),style:e.normalizeStyle({color:o.textColor})},[e.renderSlot(o.$slots,"default")],6)],6))}});exports.default=c;
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 c=require("../../icon/index.js"),s={key:1,class:"custom-icon"},a=["src"],r=e.defineComponent({name:"k-text-button"}),i=e.defineComponent({...r,props:{size:{default:"small"},icon:{},color:{default:"#000000"},bgColor:{default:"none"},iconUrl:{},disabled:{type:Boolean},textColor:{default:"#000000"}},emits:[""],setup(t){const{n:o}=n.createNamespace("text-button");return(l,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(o)(),t.size,t.disabled?"disable":""]),style:e.normalizeStyle({color:t.color,background:t.bgColor})},[t.icon?(e.openBlock(),e.createBlock(e.unref(c.Icon),{key:0,name:t.icon,color:t.color},null,8,["name","color"])):t.iconUrl?(e.openBlock(),e.createElementBlock("span",s,[e.createElementVNode("img",{src:t.iconUrl,alt:""},null,8,a)])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([e.unref(o)("text")]),style:e.normalizeStyle({color:t.textColor})},[e.renderSlot(l.$slots,"default")],6)],6))}});exports.default=i;
@@ -1 +1 @@
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;
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={class:"file-formatter"},p=e.defineComponent({name:"dragger"}),m=e.defineComponent({...p,props:{accept:{type:String,default:""}},emits:["getFilesList","fileUpload"],setup(s,{emit:i}){const n=i,r=e.ref(),u=e.ref(!1),l=e.ref(null),o=e.ref([]);e.onMounted(()=>{r.value.addEventListener("drop",t=>{t.preventDefault(),o.value.push(...Array.from(t.dataTransfer.files)),n("getFilesList",o.value)},!1),r.value.addEventListener("dragover",d,!1)});const d=t=>{u.value=!0,l.value!==null&&clearTimeout(l.value),l.value=window.setTimeout(()=>{u.value=!1,l.value=null},100),t.stopPropagation(),t.preventDefault()};return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-upload-dragger",{["k-upload-draggerenter"]:u.value}]),ref_key:"fileArea",ref:r,onClick:a[0]||(a[0]=g=>n("fileUpload"))},[e.createElementVNode("div",f,[e.createVNode(e.unref(c.Icon),{class:"k-upload-icon",name:"file-open",size:60,style:{margin:"0 auto"}}),a[1]||(a[1]=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))]),e.createElementVNode("div",v,"\u652F\u6301\u7684\u6587\u4EF6\u683C\u5F0F\u6709\uFF1A"+e.toDisplayString(s.accept),1)],2))}});exports.default=m;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./style/index.css");const f=require("../icon/index.js"),g=require("./dragger.js"),B={class:"k-upload"},y=["multiple","accept"],h={key:2,class:"k-upload-list"},F={class:"k-upload-list_item-name"},E={class:"k-upload-list_item-status-label"},L=e.defineComponent({name:"k-upload"}),C=e.defineComponent({...L,props:{multiple:{type:Boolean},accept:{},drag:{type:Boolean},data:{}},emits:["getFilesList"],setup(u,{expose:d,emit:p}){var i;const o=u,c=e.ref(),n=p,t=e.ref((i=o.data)!=null?i:[]),a=()=>{c.value.click()},m=l=>{const s=l.target.files;!s||(o.multiple?t.value.push(...Array.from(s)):t.value=[...s],n("getFilesList",t.value))},k=l=>{t.value.splice(l,1),n("getFilesList",t.value)},v=l=>{t.value=l,n("getFilesList",l)};return d({clear:()=>{t.value=new Array}}),(l,s)=>(e.openBlock(),e.createElementBlock("div",B,[e.withDirectives(e.createElementVNode("input",{type:"file",multiple:o.multiple,accept:o.accept,ref_key:"kIpt",ref:c,onChange:m},null,40,y),[[e.vShow,!1]]),o.drag?(e.openBlock(),e.createBlock(g.default,{key:1,onGetFilesList:v,onFileUpload:a,accept:l.accept},null,8,["accept"])):(e.openBlock(),e.createElementBlock("div",{key:0,onClick:a},[e.renderSlot(l.$slots,"default")])),t.value.length>0?(e.openBlock(),e.createElementBlock("div",h,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,(_,r)=>(e.openBlock(),e.createElementBlock("div",{class:"k-upload-list_item",key:r},[e.createElementVNode("div",F,e.toDisplayString(_.name),1),e.createElementVNode("div",E,[e.createVNode(e.unref(f.Icon),{name:"delete",onClick:N=>k(r)},null,8,["onClick"])])]))),128))])):e.createCommentVNode("",!0)]))}});exports.default=C;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./style/index.css");const _=require("../icon/index.js"),g=require("./dragger.js"),B={class:"k-upload"},y=["multiple","accept"],h={key:2,class:"k-upload-list"},F={class:"k-upload-list_item-name"},E={class:"k-upload-list_item-status-label"},L=e.defineComponent({name:"k-upload"}),C=e.defineComponent({...L,props:{multiple:{type:Boolean},accept:{},drag:{type:Boolean},data:{}},emits:["getFilesList"],setup(n,{expose:d,emit:p}){var r;const o=n,a=e.ref(),c=p,t=e.ref((r=o.data)!=null?r:[]),i=()=>{a.value.click()},m=l=>{const s=l.target.files;!s||(o.multiple?t.value.push(...Array.from(s)):t.value=[...s],c("getFilesList",t.value))},k=l=>{t.value.splice(l,1),c("getFilesList",t.value)},v=l=>{t.value=l,c("getFilesList",l)};return d({clear:()=>{t.value=new Array}}),(l,s)=>(e.openBlock(),e.createElementBlock("div",B,[e.withDirectives(e.createElementVNode("input",{type:"file",multiple:o.multiple,accept:o.accept,ref_key:"kIpt",ref:a,onChange:m},null,40,y),[[e.vShow,!1]]),o.drag?(e.openBlock(),e.createBlock(g.default,{key:1,onGetFilesList:v,onFileUpload:i,accept:n.accept},null,8,["accept"])):(e.openBlock(),e.createElementBlock("div",{key:0,onClick:i},[e.renderSlot(l.$slots,"default")])),t.value.length>0?(e.openBlock(),e.createElementBlock("div",h,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,(f,u)=>(e.openBlock(),e.createElementBlock("div",{class:"k-upload-list_item",key:u},[e.createElementVNode("div",F,e.toDisplayString(f.name),1),e.createElementVNode("div",E,[e.createVNode(e.unref(_.Icon),{name:"delete",onClick:N=>k(u)},null,8,["onClick"])])]))),128))])):e.createCommentVNode("",!0)]))}});exports.default=C;
@@ -32,7 +32,7 @@
32
32
  .k-upload-file-wrapper .k-image-list li img {
33
33
  width: 100%;
34
34
  }
35
- .k-upload-file-wrapper .k-image-list li .k-file-icon-close {
35
+ .k-upload-file-wrapper .k-file-icon-close {
36
36
  position: absolute;
37
37
  background-color: #cf0707;
38
38
  width: 18px;
@@ -47,6 +47,7 @@
47
47
  cursor: pointer;
48
48
  opacity: 0;
49
49
  transition: all 0.3s;
50
+ z-index: 2;
50
51
  }
51
52
  .k-upload-file-wrapper .k-image-list.can-edit {
52
53
  transition: all 0.3s;
@@ -98,7 +99,16 @@
98
99
  border: 1px dashed var(--border-color);
99
100
  margin-bottom: 10px;
100
101
  transition: all 0.3s;
102
+ position: relative;
103
+ }
104
+ .k-upload-file-wrapper .btn-file-image .img-sec-box {
105
+ width: 100%;
106
+ height: 100%;
101
107
  overflow: hidden;
108
+ position: absolute;
109
+ left: 0;
110
+ top: 0;
111
+ z-index: 1;
102
112
  }
103
113
  .k-upload-file-wrapper .btn-file-image img {
104
114
  width: 100%;
@@ -114,6 +124,9 @@
114
124
  .k-upload-file-wrapper .btn-file-image:hover .k-icon {
115
125
  color: var(--bg-li-hover);
116
126
  }
127
+ .k-upload-file-wrapper .btn-file-image:hover .k-file-icon-close {
128
+ opacity: 1;
129
+ }
117
130
  .k-upload-file-wrapper .error-tip {
118
131
  color: var(--error-text-color);
119
132
  }
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../../icon/index.js");require("./style/index.css");const B=require("./uploadFile2.js"),F=require("../../directives/drag.js"),V=require("../../directives/zoomIn.js"),S={class:"k-upload-file-wrapper"},C={key:0},h={class:"upload-btn-section"},N={class:"btn-box"},L=e.createElementVNode("span",null,"\u4E0A\u4F20\u9644\u4EF6",-1),w=["src"],v={class:"img-wrapper"},z=["src","title"],A=["src","title"],b=["src","title"],D=["onClick"],j=["onClick"],I={class:"k-file-extensions-desc"},x={key:0,class:"error-tip"},$={key:0},q=e.defineComponent({name:"k-upload-file"}),M=e.defineComponent({...q,props:{data:{type:Array,default:()=>[]},isView:{type:Boolean,default:!0},accept:{type:Array,default:[".png",".jpg",".jpeg",".webp",".xls",".pdf",".xlsx",".docx"]},limit:{type:Number,default:1},type:{type:String,default:"image"},maxSize:{type:Number,default:10}},emits:["limitError","success","deleteSuccess","fileSizeError"],setup(o,{expose:y,emit:g}){const k=e.ref();let s,p=e.ref(1024*1024*10);const r=o;p.value=r.maxSize*1024*1024;const u=g,t=e.reactive({fileList:new Array,errFiles:new Array});t.fileList=r.data,e.watch(()=>r.data,l=>{t.fileList=l},{deep:!0});const f=()=>{s&&s.hide(),B.uploadImg({acceptType:r.accept,limit:r.limit,maxSize:p.value,success:l=>{t.errFiles=new Array;let c=new Array;for(let i=0;i<l.length;i++)l[i].url=window.URL.createObjectURL(l[i]),c.push(l[i]);r.limit==1?(t.fileList=c,r.type=="image"&&e.nextTick(()=>{s||(s=new V.ZoomIn(k.value,{type:"margin"})),s&&s.updateSrc(t.fileList[0].url)})):t.fileList=[...t.fileList,...c],u("success",t.fileList)},limitError:l=>{u("limitError"),t.errFiles=new Array},fileSizeError:l=>{t.errFiles=l,u("fileSizeError",l)}})},m=l=>{let c=t.fileList[l];t.fileList.splice(l,1),u("deleteSuccess",{deleteFile:c,result:t.fileList})},d=l=>{new F.Dragger(l.target,{type:"margin",list:t.fileList}).build()};return y({clearFiles:()=>{t.fileList=new Array},deleteFile:m}),(l,c)=>(e.openBlock(),e.createElementBlock("div",S,[o.isView?e.createCommentVNode("",!0):e.renderSlot(l.$slots,"default",{key:0},()=>[o.type=="file"?(e.openBlock(),e.createElementBlock("div",C,[e.createElementVNode("span",{onClick:f},[e.renderSlot(l.$slots,"icon",{},()=>[e.createElementVNode("div",h,[e.createElementVNode("div",N,[e.createVNode(e.unref(a.Icon),{name:"download",color:"#cccccc",size:"20"}),L])])])])])):(e.openBlock(),e.createElementBlock("div",{key:1,class:"btn-file-image",onClick:e.withModifiers(f,["stop"])},[t.fileList.length>0&&o.limit==1?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.fileList[0].url,ref_key:"imgRef",ref:k},null,8,w)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"icon",{},()=>[t.fileList.length==0&&o.limit==1?(e.openBlock(),e.createBlock(e.unref(a.Icon),{key:0,name:"plus",color:"#409eff"})):e.createCommentVNode("",!0),o.limit>1?(e.openBlock(),e.createBlock(e.unref(a.Icon),{key:1,name:"plus",color:"#409eff"})):e.createCommentVNode("",!0)])]))]),e.renderSlot(l.$slots,"files",{data:t.fileList},()=>[o.type=="image"&&o.limit>1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.fileList.length>0?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass(["k-image-list",{"can-edit":!o.isView}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fileList,(i,n)=>(e.openBlock(),e.createElementBlock("li",{key:n},[e.createElementVNode("div",v,[i.type=="image/webp"?(e.openBlock(),e.createElementBlock("img",{key:0,src:i.url,onClick:d,title:i.name},null,8,z)):i.type=="image/png"?(e.openBlock(),e.createElementBlock("img",{key:1,src:i.url,onClick:d,title:i.name},null,8,A)):i.type=="image/jpg"||i.type=="image/jpeg"?(e.openBlock(),e.createElementBlock("img",{key:2,src:i.url,onClick:d,title:i.name},null,8,b)):e.createCommentVNode("",!0)]),o.isView?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:"k-file-icon-close",onClick:E=>m(n)},[e.createVNode(e.unref(a.Icon),{name:"close",size:"12"})],8,D))]))),128))],2)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),o.type=="file"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.fileList.length>0?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass(["k-file-list",{"can-edit":!o.isView}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fileList,(i,n)=>(e.openBlock(),e.createElementBlock("li",{key:n},[e.renderSlot(l.$slots,"file",{data:i},()=>[e.createElementVNode("span",null,e.toDisplayString(i.name),1),o.isView?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:"k-file-icon-close",onClick:E=>m(n)},[e.createVNode(e.unref(a.Icon),{name:"close",size:"12"})],8,j))])]))),128))],2)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)]),e.renderSlot(l.$slots,"tip",{},()=>[e.createElementVNode("div",I,"\u652F\u6301\u7684"+e.toDisplayString(o.type=="file"?"\u6587\u4EF6":"\u56FE\u7247")+"\u683C\u5F0F\u6709\uFF1A"+e.toDisplayString(o.accept.join(","))+",\u6700\u591A\u4E0A\u4F20"+e.toDisplayString(o.limit)+"\u4E2A\u6587\u4EF6,"+e.toDisplayString(o.type=="file"?"\u5355\u4E2A\u6587\u4EF6":"\u5355\u5F20\u56FE\u7247")+"\u4E0D\u80FD\u5927\u4E8E"+e.toDisplayString(o.maxSize)+"MB",1)]),e.renderSlot(l.$slots,"sizeError",{data:t.errFiles},()=>[t.errFiles.length>0?(e.openBlock(),e.createElementBlock("div",x,[e.createElementVNode("span",null," \u8D85\u51FA\u5927\u5C0F\u9650\u5236\u7684"+e.toDisplayString(o.type=="file"?"\u6587\u4EF6":"\u56FE\u7247")+"\u6709\uFF1A",1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.errFiles,(i,n)=>(e.openBlock(),e.createElementBlock("span",{key:n},[n>0?(e.openBlock(),e.createElementBlock("span",$,", ")):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(i.name),1)]))),128))])):e.createCommentVNode("",!0)])]))}});exports.default=M;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../../icon/index.js");require("./style/index.css");const B=require("./uploadFile2.js"),F=require("../../directives/drag.js"),V=require("../../directives/zoomIn.js"),C={class:"k-upload-file-wrapper"},N={key:0},S={class:"upload-btn-section"},L={class:"btn-box"},h={class:"img-sec-box"},w=["src"],v={class:"img-wrapper"},z=["src","title"],A=["src","title"],b=["src","title"],D=["onClick"],I=["onClick"],j={class:"k-file-extensions-desc"},x={key:0,class:"error-tip"},$={key:0},q=e.defineComponent({name:"k-upload-file"}),M=e.defineComponent({...q,props:{data:{type:Array,default:()=>[]},isView:{type:Boolean,default:!0},accept:{type:Array,default:[".png",".jpg",".jpeg",".webp",".xls",".pdf",".xlsx",".docx"]},limit:{type:Number,default:1},type:{type:String,default:"image"},maxSize:{type:Number,default:10}},emits:["limitError","success","deleteSuccess","fileSizeError"],setup(o,{expose:y,emit:g}){const k=e.ref();let s,f=e.ref(1024*1024*10);const c=o;f.value=c.maxSize*1024*1024;const u=g,t=e.reactive({fileList:new Array,errFiles:new Array});t.fileList=c.data,e.watch(()=>c.data,l=>{t.fileList=l},{deep:!0});const p=()=>{s&&s.hide(),B.uploadImg({acceptType:c.accept,limit:c.limit,maxSize:f.value,success:l=>{t.errFiles=new Array;let n=new Array;for(let i=0;i<l.length;i++)l[i].url=window.URL.createObjectURL(l[i]),n.push(l[i]);c.limit==1?(t.fileList=n,c.type=="image"&&e.nextTick(()=>{s||(s=new V.ZoomIn(k.value,{type:"margin"})),s&&s.updateSrc(t.fileList[0].url)})):t.fileList=[...t.fileList,...n],u("success",t.fileList)},limitError:l=>{u("limitError"),t.errFiles=new Array},fileSizeError:l=>{t.errFiles=l,u("fileSizeError",l)}})},m=l=>{let n=t.fileList[l];t.fileList.splice(l,1),u("deleteSuccess",{deleteFile:n,result:t.fileList})},d=l=>{new F.Dragger(l.target,{type:"margin",list:t.fileList}).build()};return y({clearFiles:()=>{t.fileList=new Array},deleteFile:m}),(l,n)=>(e.openBlock(),e.createElementBlock("div",C,[o.isView?e.createCommentVNode("",!0):e.renderSlot(l.$slots,"default",{key:0},()=>[o.type=="file"?(e.openBlock(),e.createElementBlock("div",N,[e.createElementVNode("span",{onClick:p},[e.renderSlot(l.$slots,"icon",{},()=>[e.createElementVNode("div",S,[e.createElementVNode("div",L,[e.createVNode(e.unref(a.Icon),{name:"download",color:"#cccccc",size:"20"}),n[1]||(n[1]=e.createElementVNode("span",null,"\u4E0A\u4F20\u9644\u4EF6",-1))])])])])])):(e.openBlock(),e.createElementBlock("div",{key:1,class:"btn-file-image",onClick:e.withModifiers(p,["stop"])},[e.createElementVNode("div",h,[t.fileList.length>0&&o.limit==1?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.fileList[0].url,ref_key:"imgRef",ref:k},null,8,w)):e.createCommentVNode("",!0)]),!o.isView&&t.fileList.length>0&&o.limit==1?(e.openBlock(),e.createElementBlock("span",{key:0,class:"k-file-icon-close",onClick:n[0]||(n[0]=e.withModifiers(i=>m(0),["stop"]))},[e.createVNode(e.unref(a.Icon),{name:"close",size:"12"})])):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"icon",{},()=>[t.fileList.length==0&&o.limit==1?(e.openBlock(),e.createBlock(e.unref(a.Icon),{key:0,name:"plus",color:"#409eff"})):e.createCommentVNode("",!0),o.limit>1?(e.openBlock(),e.createBlock(e.unref(a.Icon),{key:1,name:"plus",color:"#409eff"})):e.createCommentVNode("",!0)])]))]),e.renderSlot(l.$slots,"files",{data:t.fileList},()=>[o.type=="image"&&o.limit>1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.fileList.length>0?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass(["k-image-list",{"can-edit":!o.isView}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fileList,(i,r)=>(e.openBlock(),e.createElementBlock("li",{key:r},[e.createElementVNode("div",v,[i.type=="image/webp"?(e.openBlock(),e.createElementBlock("img",{key:0,src:i.url,onClick:d,title:i.name},null,8,z)):i.type=="image/png"?(e.openBlock(),e.createElementBlock("img",{key:1,src:i.url,onClick:d,title:i.name},null,8,A)):i.type=="image/jpg"||i.type=="image/jpeg"?(e.openBlock(),e.createElementBlock("img",{key:2,src:i.url,onClick:d,title:i.name},null,8,b)):e.createCommentVNode("",!0)]),o.isView?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:"k-file-icon-close",onClick:E=>m(r)},[e.createVNode(e.unref(a.Icon),{name:"close",size:"12"})],8,D))]))),128))],2)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),o.type=="file"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.fileList.length>0?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass(["k-file-list",{"can-edit":!o.isView}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fileList,(i,r)=>(e.openBlock(),e.createElementBlock("li",{key:r},[e.renderSlot(l.$slots,"file",{data:i},()=>[e.createElementVNode("span",null,e.toDisplayString(i.name),1),o.isView?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:"k-file-icon-close",onClick:E=>m(r)},[e.createVNode(e.unref(a.Icon),{name:"close",size:"12"})],8,I))])]))),128))],2)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)]),e.renderSlot(l.$slots,"tip",{},()=>[e.createElementVNode("div",j,"\u652F\u6301\u7684"+e.toDisplayString(o.type=="file"?"\u6587\u4EF6":"\u56FE\u7247")+"\u683C\u5F0F\u6709\uFF1A"+e.toDisplayString(o.accept.join(","))+",\u6700\u591A\u4E0A\u4F20"+e.toDisplayString(o.limit)+"\u4E2A\u6587\u4EF6,"+e.toDisplayString(o.type=="file"?"\u5355\u4E2A\u6587\u4EF6":"\u5355\u5F20\u56FE\u7247")+"\u4E0D\u80FD\u5927\u4E8E"+e.toDisplayString(o.maxSize)+"MB",1)]),e.renderSlot(l.$slots,"sizeError",{data:t.errFiles},()=>[t.errFiles.length>0?(e.openBlock(),e.createElementBlock("div",x,[e.createElementVNode("span",null," \u8D85\u51FA\u5927\u5C0F\u9650\u5236\u7684"+e.toDisplayString(o.type=="file"?"\u6587\u4EF6":"\u56FE\u7247")+"\u6709\uFF1A",1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.errFiles,(i,r)=>(e.openBlock(),e.createElementBlock("span",{key:r},[r>0?(e.openBlock(),e.createElementBlock("span",$,", ")):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(i.name),1)]))),128))])):e.createCommentVNode("",!0)])]))}});exports.default=M;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./src/index.js"),t=require("../../assets/ts/utils.js"),s=t.withInstall(e.default);exports.default=s;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),s=require("xgplayer"),d=require("xgplayer-hls");require("./style/index.css");const r=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},i=r(s),p=r(d),c=l.defineComponent({name:"k-video"}),f=l.defineComponent({...c,props:{url:{type:String,default:""},width:{type:String,default:"800px"},height:{type:String,default:"600px"},lang:{type:String,default:"zh-cn"},playType:{type:String,default:"mp4"},options:{type:Object,default:()=>({})}},setup(t,{expose:o}){let n=null;const a=l.ref(),e=t;return l.onMounted(()=>{e.playType=="mp4"?n=new i.default({el:a.value,url:e.url,isLive:!1,width:e.width,autoplay:!0,height:e.height,lang:e.lang,...e.options}):n=new i.default({el:a.value,url:e.url,isLive:!1,width:e.width,autoplay:!0,height:e.height,plugins:[p.default],lang:e.lang,hls:{targetLatency:10,maxLatency:20,disconnectTime:0},...e.options})}),l.onUnmounted(()=>{n.destroy(),n=null}),o({switchURL(u){n.switchURL(u)},getPlayInstance:()=>n}),(u,y)=>(l.openBlock(),l.createElementBlock("div",{class:"k-video-wrapper",id:"video",ref_key:"videoRef",ref:a},null,512))}});exports.default=f;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "btt-ui",
3
- "version": "1.0.17",
3
+ "version": "1.0.24",
4
4
  "main": "lib/index.js",
5
5
  "module": "es/index.mjs",
6
6
  "files": [
@@ -8,7 +8,7 @@
8
8
  "lib"
9
9
  ],
10
10
  "scripts": {
11
- "publish": "npm publish"
11
+ "fabu": "npm publish"
12
12
  },
13
13
  "repository": {
14
14
  "type": "git",
File without changes