btt-ui 1.0.0

package/lib/src/upload/upload.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./style/index.css");const 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;

package/lib/src/uploadFile/index.js

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

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

@@ -0,0 +1,131 @@
+.k-upload-file-wrapper {
+  --bg-li:#edebeb;
+  --text-li:#000;
+  --icon-close-color:#e50000;
+  --bg-li-hover:#c7d3ed;
+  --li-hover-border-color:#c7d3ed;
+  --upload-btn-border-color:#bdb4b4;
+  --border-color:#e1e1e1;
+  --error-text-color:red;
+}
+.k-upload-file-wrapper .k-image-list {
+  display: flex;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+.k-upload-file-wrapper .k-image-list li {
+  height: 60px;
+  width: 60px;
+  position: relative;
+  border: 1px solid transparent;
+  margin-bottom: 16px;
+  cursor: pointer;
+}
+.k-upload-file-wrapper .k-image-list li .img-wrapper {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.k-upload-file-wrapper .k-image-list li img {
+  width: 100%;
+}
+.k-upload-file-wrapper .k-image-list li .k-file-icon-close {
+  position: absolute;
+  background-color: #cf0707;
+  width: 18px;
+  height: 18px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  top: -8px;
+  right: -8px;
+  color: #fff;
+  cursor: pointer;
+  opacity: 0;
+  transition: all 0.3s;
+}
+.k-upload-file-wrapper .k-image-list.can-edit {
+  transition: all 0.3s;
+}
+.k-upload-file-wrapper .k-image-list.can-edit li:hover {
+  border: 1px solid var(--li-hover-border-color);
+}
+.k-upload-file-wrapper .k-image-list.can-edit li:hover .k-file-icon-close {
+  opacity: 1;
+}
+.k-upload-file-wrapper .k-file-list li {
+  display: flex;
+  justify-content: space-between;
+  padding: 4px 10px;
+  background-color: var(--bg-li);
+  margin-bottom: 10px;
+  color: var(--text-li);
+  transition: all 0.3s;
+  border: 1px solid transparent;
+  align-items: center;
+}
+.k-upload-file-wrapper .k-file-list li .k-file-icon-close {
+  color: var(--icon-close-color);
+  opacity: 0;
+  transition: all 0.18s;
+  transform: scale(0);
+}
+.k-upload-file-wrapper .k-file-list.can-edit li:hover {
+  border: 1px solid var(--li-hover-border-color);
+  background-color: var(--bg-li-hover);
+}
+.k-upload-file-wrapper .k-file-list.can-edit li:hover .k-file-icon-close {
+  cursor: pointer;
+  opacity: 1;
+  transform: scale(1);
+}
+.k-upload-file-wrapper .k-file-extensions-desc {
+  font-size: 12px;
+  color: #a19393;
+  margin-top: 10px;
+}
+.k-upload-file-wrapper .btn-file-image {
+  display: inline-flex;
+  width: 100px;
+  height: 100px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: 1px dashed var(--border-color);
+  margin-bottom: 10px;
+  transition: all 0.3s;
+  overflow: hidden;
+}
+.k-upload-file-wrapper .btn-file-image img {
+  width: 100%;
+}
+.k-upload-file-wrapper .btn-file-image .k-icon {
+  color: var(--border-color);
+  font-size: 30px;
+  transition: all 0.3s;
+}
+.k-upload-file-wrapper .btn-file-image:hover {
+  border-color: var(--bg-li-hover);
+}
+.k-upload-file-wrapper .btn-file-image:hover .k-icon {
+  color: var(--bg-li-hover);
+}
+.k-upload-file-wrapper .error-tip {
+  color: var(--error-text-color);
+}
+.k-upload-file-wrapper .upload-btn-section .btn-box {
+  width: 120px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  border: 1px solid var(--upload-btn-border-color);
+  color: var(--upload-btn-border-color);
+  border-radius: 4px;
+  cursor: pointer;
+  margin-bottom: 10px;
+}

package/lib/src/uploadFile/src/uploadFile.js

@@ -0,0 +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;

package/lib/src/uploadFile/src/uploadFile2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=new Array,u=e=>{e={...{acceptType:f},...e};let t=document.createElement("form");t.style.display="none",document.body.appendChild(t);let l=document.createElement("input");l.type="file",e.limit>1&&(l.multiple="multiple"),e.acceptType.length>0&&(l.accept=e.acceptType.join(",")),l.onchange=r=>{let a=r.target.files,c=new Array;for(let i=0;i<a.length;i++)a[i].size>e.maxSize&&c.push(a[i]);c.length>0?e.fileSizeError&&e.fileSizeError(c):r.target.files.length>e.limit?e.limitError&&e.limitError(r.target.files):e.success&&e.success(r.target.files),t.reset()},t.appendChild(l),l.click()};exports.uploadImg=u;

package/lib/src/wheel/index.js

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

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

@@ -0,0 +1,5 @@
+.mouse-wheel-wrapper {
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+}

package/lib/src/wheel/wheel.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("better-scroll");require("./style/index.css");const a=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},c=a(s),d=e.defineComponent({name:"k-mouse-wheel"}),f=e.defineComponent({...d,props:{data:{default:()=>[]},scrollbar:{default:()=>null}},emits:[""],setup(t,{expose:u,emit:i}){const r=e.ref(),o=t;let l;return e.onMounted(()=>{l=new c.default(r.value,{mouseWheel:!0,scrollbar:o.scrollbar})}),e.watch(()=>o.data,()=>{e.nextTick(()=>{l&&l.refresh()})},{immediate:!0,deep:!0}),u({bs:()=>l}),e.onUnmounted(()=>{l.destroy(),l=null}),(n,m)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"refMouseWheel",ref:r,class:"mouse-wheel-wrapper"},[e.createElementVNode("ul",null,[e.renderSlot(n.$slots,"default")])],512))}});exports.default=f;

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

@@ -0,0 +1,6 @@
+.k-video-wrapper {
+  border: 1px solid red;
+  height: 700px;
+  width: 100%;
+  background: red;
+}

package/package.json

@@ -0,0 +1,31 @@
+{
+    "name": "btt-ui",
+    "version": "1.0.0",
+    "main": "lib/index.js",
+    "module": "es/index.mjs",
+    "files": [
+        "es",
+        "lib"
+    ],
+    "scripts": {
+        "publish": "npm publish"
+    },
+    "repository": {
+        "type": "git",
+        "url": "https://gitee.com/aitieyuan/btt-ui"
+    },
+    "keywords": [
+        "btt-ui"
+    ],
+    "dependencies": {
+        "@floating-ui/dom": "^1.2.6",
+        "better-scroll": "^2.5.1"
+    },
+    "sideEffects": [
+        "**/*.css"
+    ],
+    "author": "ls",
+    "license": "MIT",
+    "description": "",
+    "typings": "lib/index.d.ts"
+}