dpzvc3-ui 3.0.1 → 3.0.3

package/dist-prod/slidebar.d7ad5de495550613661f.chunk.js

@@ -0,0 +1,2 @@
+(self.webpackChunkdpzvc3_ui=self.webpackChunkdpzvc3_ui||[]).push([[13],{2684(e,n,i){var t=i(3321);t.__esModule&&(t=t.default),"string"==typeof t&&(t=[[e.id,t,""]]),t.locals&&(e.exports=t.locals);(0,i(534).A)("948cae42",t,!0,{})},3321(e,n,i){"use strict";i.r(n),i.d(n,{default:()=>s});var t=i(1354),l=i.n(t),d=i(6314),r=i.n(d)()(l());r.push([e.id,".SlideBar[data-v-67055e32] {\n  width: 100%;\n}\n/*# sourceMappingURL=SlideBar.css.map */","",{version:3,sources:["webpack://./SlideBar.vue","webpack://./src/views/SlideBar.vue"],names:[],mappings:"AACA;EACE,WAAA;ACAF;AACA,uCAAuC",sourcesContent:["\n.SlideBar {\n  width: 100%;\n}\n",".SlideBar {\n  width: 100%;\n}\n/*# sourceMappingURL=SlideBar.css.map */"],sourceRoot:""}]);const s=r},3542(e,n,i){"use strict";i.r(n),i.d(n,{default:()=>s});var t=i(5458),l=i(1425),d={class:"SlideBar"};const r=(0,l.pM)({name:"ViewSlideBar",setup:function(){return{items:(0,l.KR)([{name:"选项一"},{name:"选项二"},{name:"选项三"}]),index:(0,l.KR)(1),changeIndex:function(e){}}}});i(2684);const s=(0,i(6262).A)(r,[["render",function(e,n,i,r,s,a){var o=(0,l.g2)("Slide-bar",!0);return(0,l.uX)(),(0,l.CE)("div",d,[(0,l.bF)(o,{list:e.items,flex:!1,index:e.index,height:"100%","scroll-height":"50px","is-fixed-header":!0,onOnChange:e.changeIndex},{"slot-item-0":(0,l.k6)(function(){return(0,t.A)(n[0]||(n[0]=[(0,l.Lk)("div",{style:{height:"100%",flex:"1",background:"red",overflow:"scroll"}},[(0,l.Lk)("div",{style:{height:"40px",width:"100%","background-color":"blue"}}),(0,l.Lk)("div",{style:{height:"40px",width:"100%","background-color":"blue"}}),(0,l.Lk)("div",{style:{height:"40px",width:"100%","background-color":"blue"}}),(0,l.Lk)("div",{style:{height:"40px",width:"100%","background-color":"blue"}}),(0,l.Lk)("div",{style:{height:"40px",width:"100%","background-color":"blue"}})],-1)]))}),"slot-item-1":(0,l.k6)(function(){return(0,t.A)(n[1]||(n[1]=[(0,l.Lk)("div",{style:{height:"200px",flex:"1",background:"yellow"}},null,-1)]))}),"slot-item-2":(0,l.k6)(function(){return(0,t.A)(n[2]||(n[2]=[(0,l.Lk)("div",{style:{height:"200px",flex:"1",background:"black"}},null,-1)]))}),_:1},8,["list","index","onOnChange"])])}],["__scopeId","data-v-67055e32"]])}}]);
+//# sourceMappingURL=slidebar.d7ad5de495550613661f.chunk.js.map

package/dist-prod/slidebar.d7ad5de495550613661f.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slidebar.d7ad5de495550613661f.chunk.js","mappings":"oFAGA,IAAIA,EAAU,EAAQ,MACnBA,EAAQC,aAAYD,EAAUA,EAAQE,SACnB,iBAAZF,IAAsBA,EAAU,CAAC,CAACG,EAAOC,GAAIJ,EAAS,MAC7DA,EAAQK,SAAQF,EAAOG,QAAUN,EAAQK,SAG/BE,EADH,UACO,WAAYP,GAAS,EAAM,CAAC,E,0FCNzCQ,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACN,EAAOC,GAAI,4FAGE,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,2BAA2B,sCAAsC,MAAQ,GAAG,SAAW,kCAAkC,eAAiB,CAAC,qCAAqC,4EAA4E,WAAa,MAE/U,S,oFCTOM,MAAM,YAmCb,SAAeC,EAAAA,EAAAA,IAAgB,CAC7BC,KAAM,eACNC,MAAI,WAUF,MAAO,CAAEC,OATKC,EAAAA,EAAAA,IAAI,CAChB,CAAEH,KAAM,OACR,CAAEA,KAAM,OACR,CAAEA,KAAM,SAMMI,OAJFD,EAAAA,EAAAA,IAAI,GAIKE,YAHH,SAACD,GAErB,EAEF,I,QC1CF,MAEA,GAFiC,E,QAAA,GAAgB,EAAQ,CAAC,CAAC,S,uEDNzDE,EAAAA,EAAAA,IA6BM,MA7BNC,EA6BM,EA5BJC,EAAAA,EAAAA,IA2BYC,EAAA,CA1BTC,KAAMC,EAAAT,MACNU,MAAM,EACNR,MAAOO,EAAAP,MACRS,OAAO,OACP,gBAAc,OACb,mBAAiB,EACjBC,WAAWH,EAAAN,a,CAGD,eAAWU,EAAAA,EAAAA,IACpB,kBAAAC,EAAAA,EAAAA,GAMMC,EAAA,KAAAA,EAAA,KANNC,EAAAA,EAAAA,IAMM,OANDC,MAAA,6DAA+D,EAClED,EAAAA,EAAAA,IAAkE,OAA7DC,MAAA,0DACLD,EAAAA,EAAAA,IAAkE,OAA7DC,MAAA,0DACLD,EAAAA,EAAAA,IAAkE,OAA7DC,MAAA,0DACLD,EAAAA,EAAAA,IAAkE,OAA7DC,MAAA,0DACLD,EAAAA,EAAAA,IAAkE,OAA7DC,MAAA,2D,QAIE,eAAWJ,EAAAA,EAAAA,IACpB,kBAAAC,EAAAA,EAAAA,GAAwDC,EAAA,KAAAA,EAAA,KAAxDC,EAAAA,EAAAA,IAAwD,OAAnDC,MAAA,+CAAgD,W,GAG5C,eAAWJ,EAAAA,EAAAA,IACpB,kBAAAC,EAAAA,EAAAA,GAAuDC,EAAA,KAAAA,EAAA,KAAvDC,EAAAA,EAAAA,IAAuD,OAAlDC,MAAA,8CAA+C,W,6CCpBgB,CAAC,YAAY,oB","sources":["webpack://dpzvc3-ui/./src/views/SlideBar.vue?1f42","webpack://dpzvc3-ui/./src/views/SlideBar.vue?05d1","webpack://dpzvc3-ui/./src/views/SlideBar.vue","webpack://dpzvc3-ui/./src/views/SlideBar.vue?6fd3"],"sourcesContent":["// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js!../../node_modules/less-loader/dist/cjs.js!../../node_modules/vue-loader/dist/index.js??ruleSet[1].rules[7].use[0]!./SlideBar.vue?vue&type=style&index=0&id=67055e32&lang=less&scoped=true\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"948cae42\", content, true, {});","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.SlideBar[data-v-67055e32] {\n  width: 100%;\n}\n/*# sourceMappingURL=SlideBar.css.map */`, \"\",{\"version\":3,\"sources\":[\"webpack://./SlideBar.vue\",\"webpack://./src/views/SlideBar.vue\"],\"names\":[],\"mappings\":\"AACA;EACE,WAAA;ACAF;AACA,uCAAuC\",\"sourcesContent\":[\"\\n.SlideBar {\\n  width: 100%;\\n}\\n\",\".SlideBar {\\n  width: 100%;\\n}\\n/*# sourceMappingURL=SlideBar.css.map */\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","<template>\n  <div class=\"SlideBar\">\n    <Slide-bar\n      :list=\"items\"\n      :flex=\"false\"\n      :index=\"index\"\n      height=\"100%\"\n      scroll-height=\"50px\"\n      :is-fixed-header=\"true\"\n      @on-change=\"changeIndex\"\n    >\n      <!-- 具名插槽语法 Vue3 -->\n      <template #slot-item-0>\n        <div style=\"height:100%; flex: 1; background:red; overflow: scroll;\">\n          <div style=\"height: 40px; width: 100%; background-color: blue;\" />\n          <div style=\"height: 40px; width: 100%; background-color: blue;\" />\n          <div style=\"height: 40px; width: 100%; background-color: blue;\" />\n          <div style=\"height: 40px; width: 100%; background-color: blue;\" />\n          <div style=\"height: 40px; width: 100%; background-color: blue;\" />\n        </div>\n      </template>\n\n      <template #slot-item-1>\n        <div style=\"height:200px; flex:1; background:yellow;\" />\n      </template>\n\n      <template #slot-item-2>\n        <div style=\"height:200px; flex:1; background:black;\" />\n      </template>\n    </Slide-bar>\n  </div>\n</template>\n\n<script>\nimport { defineComponent, ref } from 'vue'\n\nexport default defineComponent({\n  name: 'ViewSlideBar',\n  setup () {\n    const items = ref([\n      { name: '选项一' },\n      { name: '选项二' },\n      { name: '选项三' }\n    ])\n    const index = ref(1)\n    const changeIndex = (index) => {\n      console.log(index)\n    }\n    return { items, index, changeIndex }\n  }\n})\n</script>\n\n<style lang=\"less\" scoped>\n.SlideBar {\n  width: 100%;\n}\n</style>\n","import { render } from \"./SlideBar.vue?vue&type=template&id=67055e32&scoped=true\"\nimport script from \"./SlideBar.vue?vue&type=script&lang=js\"\nexport * from \"./SlideBar.vue?vue&type=script&lang=js\"\n\nimport \"./SlideBar.vue?vue&type=style&index=0&id=67055e32&lang=less&scoped=true\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-67055e32\"]])\n\nexport default __exports__"],"names":["content","__esModule","default","module","id","locals","exports","add","___CSS_LOADER_EXPORT___","push","class","defineComponent","name","setup","items","ref","index","changeIndex","_createElementBlock","_hoisted_1","_createVNode","_component_Slide_bar","list","_ctx","flex","height","onOnChange","_withCtx","_toConsumableArray","_cache","_createElementVNode","style"],"ignoreList":[],"sourceRoot":""}

package/dist-prod/swipe.75b7d741be73c0064982.chunk.js

@@ -0,0 +1,2 @@
+(self.webpackChunkdpzvc3_ui=self.webpackChunkdpzvc3_ui||[]).push([[235],{705(e,i,s){"use strict";s.r(i),s.d(i,{default:()=>c});var a=s(1425),t={class:"swipe"},n=["src","alt"];const p=(0,a.pM)({name:"ViewSwipe",setup:function(){return{files:(0,a.KR)([{id:521,ad_id:10,name:"玩转大数据分析！Spark2.X+Python 精华实战课程",image:"https://www.189.cn/upfiles/189v2/jt/images/2024/0/ce687527-56e0-4c0f-89f7-2688a45441ea.jpg",link:"https://edu.hellobi.com/course/222"},{id:506,ad_id:10,name:"数据分析报告制作秘籍升级版",image:"https://www.189.cn/upfiles/189v2/jt/images/2020/9/5436bb73-fdd8-414e-9e15-32fae4996e37.jpg",link:"https://edu.hellobi.com/course/132"},{id:504,ad_id:10,name:"独一无二的数据仓库建模指引系列教程升级版（连载中）",image:"https://www.189.cn/upfiles/189v2/jt/images/2019/9/0223427c-7e00-4521-91f7-56dce455766b.jpg",link:"https://edu.hellobi.com/course/102"}])}}});s(7941);const c=(0,s(6262).A)(p,[["render",function(e,i,s,p,c,u){var d=(0,a.g2)("Swipe",!0);return(0,a.uX)(),(0,a.CE)("div",t,[(0,a.bF)(d,{multiple:!1,list:e.files},{default:(0,a.k6)(function(e){return[(0,a.Lk)("img",{src:e.item.image,alt:e.item.name},null,8,n)]}),_:1},8,["list"])])}],["__scopeId","data-v-2c2fcbaa"]])},3546(e,i,s){"use strict";s.r(i),s.d(i,{default:()=>c});var a=s(1354),t=s.n(a),n=s(6314),p=s.n(n)()(t());p.push([e.id,".swipe[data-v-2c2fcbaa] {\n  width: 100%;\n}\n/*# sourceMappingURL=Swipe.css.map */","",{version:3,sources:["webpack://./Swipe.vue","webpack://./src/views/Swipe.vue"],names:[],mappings:"AACA;EAEE,WAAA;ACDF;AACA,oCAAoC",sourcesContent:["\n.swipe {\n  // padding-top: 100px;\n  width: 100%;\n}\n",".swipe {\n  width: 100%;\n}\n/*# sourceMappingURL=Swipe.css.map */"],sourceRoot:""}]);const c=p},7941(e,i,s){var a=s(3546);a.__esModule&&(a=a.default),"string"==typeof a&&(a=[[e.id,a,""]]),a.locals&&(e.exports=a.locals);(0,s(534).A)("7a3e86a6",a,!0,{})}}]);
+//# sourceMappingURL=swipe.75b7d741be73c0064982.chunk.js.map

package/dist-prod/swipe.75b7d741be73c0064982.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipe.75b7d741be73c0064982.chunk.js","mappings":"gJACOA,MAAM,S,gBAkBb,SAAeC,EAAAA,EAAAA,IAAgB,CAC7BC,KAAM,YACNC,MAAI,WAyBF,MAAO,CAAEC,OAxBKC,EAAAA,EAAAA,IAAI,CAChB,CACEC,GAAI,IACJC,MAAO,GACPL,KAAM,iCACNM,MAAO,6FACPC,KAAM,sCAER,CACEH,GAAI,IACJC,MAAO,GACPL,KAAM,gBACNM,MAAO,6FACPC,KAAM,sCAER,CACEH,GAAI,IACJC,MAAO,GACPL,KAAM,4BACNM,MAAO,6FACPC,KAAM,wCAKZ,I,QCxCF,MAEA,GAFiC,E,QAAA,GAAgB,EAAQ,CAAC,CAAC,S,mEDNzDC,EAAAA,EAAAA,IAYM,MAZNC,EAYM,EAXJC,EAAAA,EAAAA,IAUQC,EAAA,CATLC,UAAU,EACVC,KAAMC,EAAAZ,O,CAEIa,SAAOC,EAAAA,EAAAA,IAChB,SAGCC,GAJsB,QACvBC,EAAAA,EAAAA,IAGC,OAFEC,IAAKF,EAAMG,KAAKd,MAChBe,IAAKJ,EAAMG,KAAKpB,M,kCCFiD,CAAC,YAAY,oB,0FCJrFsB,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOpB,GAAI,sFAGD,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,wBAAwB,mCAAmC,MAAQ,GAAG,SAAW,kCAAkC,eAAiB,CAAC,4DAA4D,sEAAsE,WAAa,MAEvV,S,cCPA,IAAIqB,EAAU,EAAQ,MACnBA,EAAQC,aAAYD,EAAUA,EAAQV,SACnB,iBAAZU,IAAsBA,EAAU,CAAC,CAACD,EAAOpB,GAAIqB,EAAS,MAC7DA,EAAQE,SAAQH,EAAOI,QAAUH,EAAQE,SAG/BE,EADH,UACO,WAAYJ,GAAS,EAAM,CAAC,E","sources":["webpack://dpzvc3-ui/./src/views/Swipe.vue","webpack://dpzvc3-ui/./src/views/Swipe.vue?4440","webpack://dpzvc3-ui/./src/views/Swipe.vue?3332","webpack://dpzvc3-ui/./src/views/Swipe.vue?bcbd"],"sourcesContent":["<template>\n  <div class=\"swipe\">\n    <Swipe\n      :multiple=\"false\"\n      :list=\"files\"\n    >\n      <template #default=\"props\">\n        <img\n          :src=\"props.item.image\"\n          :alt=\"props.item.name\"\n        >\n      </template>\n    </Swipe>\n  </div>\n</template>\n\n<script>\nimport { defineComponent, ref } from 'vue'\n\nexport default defineComponent({\n  name: 'ViewSwipe',\n  setup () {\n    const files = ref([\n      {\n        id: 521,\n        ad_id: 10,\n        name: '玩转大数据分析！Spark2.X+Python 精华实战课程',\n        image: 'https://www.189.cn/upfiles/189v2/jt/images/2024/0/ce687527-56e0-4c0f-89f7-2688a45441ea.jpg',\n        link: 'https://edu.hellobi.com/course/222'\n      },\n      {\n        id: 506,\n        ad_id: 10,\n        name: '数据分析报告制作秘籍升级版',\n        image: 'https://www.189.cn/upfiles/189v2/jt/images/2020/9/5436bb73-fdd8-414e-9e15-32fae4996e37.jpg',\n        link: 'https://edu.hellobi.com/course/132'\n      },\n      {\n        id: 504,\n        ad_id: 10,\n        name: '独一无二的数据仓库建模指引系列教程升级版（连载中）',\n        image: 'https://www.189.cn/upfiles/189v2/jt/images/2019/9/0223427c-7e00-4521-91f7-56dce455766b.jpg',\n        link: 'https://edu.hellobi.com/course/102'\n      }\n    ])\n\n    return { files }\n  }\n})\n</script>\n\n<style lang=\"less\" scoped>\n.swipe {\n  // padding-top: 100px;\n  width: 100%;\n}\n</style>\n","import { render } from \"./Swipe.vue?vue&type=template&id=2c2fcbaa&scoped=true\"\nimport script from \"./Swipe.vue?vue&type=script&lang=js\"\nexport * from \"./Swipe.vue?vue&type=script&lang=js\"\n\nimport \"./Swipe.vue?vue&type=style&index=0&id=2c2fcbaa&lang=less&scoped=true\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-2c2fcbaa\"]])\n\nexport default __exports__","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.swipe[data-v-2c2fcbaa] {\n  width: 100%;\n}\n/*# sourceMappingURL=Swipe.css.map */`, \"\",{\"version\":3,\"sources\":[\"webpack://./Swipe.vue\",\"webpack://./src/views/Swipe.vue\"],\"names\":[],\"mappings\":\"AACA;EAEE,WAAA;ACDF;AACA,oCAAoC\",\"sourcesContent\":[\"\\n.swipe {\\n  // padding-top: 100px;\\n  width: 100%;\\n}\\n\",\".swipe {\\n  width: 100%;\\n}\\n/*# sourceMappingURL=Swipe.css.map */\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js!../../node_modules/less-loader/dist/cjs.js!../../node_modules/vue-loader/dist/index.js??ruleSet[1].rules[7].use[0]!./Swipe.vue?vue&type=style&index=0&id=2c2fcbaa&lang=less&scoped=true\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"7a3e86a6\", content, true, {});"],"names":["class","defineComponent","name","setup","files","ref","id","ad_id","image","link","_createElementBlock","_hoisted_1","_createVNode","_component_Swipe","multiple","list","_ctx","default","_withCtx","props","_createElementVNode","src","item","alt","___CSS_LOADER_EXPORT___","push","module","content","__esModule","locals","exports","add"],"ignoreList":[],"sourceRoot":""}

package/dist-prod/upload.a9b44c8a72fe70980a1e.chunk.js

@@ -0,0 +1,2 @@
+(self.webpackChunkdpzvc3_ui=self.webpackChunkdpzvc3_ui||[]).push([[188],{20(n,e,a){"use strict";a.r(e),a.d(e,{default:()=>i});var o=a(1425),l={class:"Upload"},t=["src"];const p=(0,o.pM)({name:"ViewUpload",setup:function(){var n=(0,o.KR)([]),e=(0,o.KR)(null);return{files:n,upload:e,onChangeFile:function(e){n.value=e}}}});a(1003);const i=(0,a(6262).A)(p,[["render",function(n,e,a,p,i,A){var c=(0,o.g2)("Upload",!0);return(0,o.uX)(),(0,o.CE)("div",l,[(0,o.bF)(c,{ref:"upload",multiple:!0,onOnChangeFile:n.onChangeFile},null,8,["onOnChangeFile"]),n.files.length?((0,o.uX)(!0),(0,o.CE)(o.FK,{key:0},(0,o.pI)(n.files,function(n,e){return(0,o.uX)(),(0,o.CE)("img",{key:e,src:n.base64},null,8,t)}),128)):(0,o.Q3)("v-if",!0)])}],["__scopeId","data-v-19e248aa"]])},1003(n,e,a){var o=a(9186);o.__esModule&&(o=o.default),"string"==typeof o&&(o=[[n.id,o,""]]),o.locals&&(n.exports=o.locals);(0,a(534).A)("60e11c19",o,!0,{})},9186(n,e,a){"use strict";a.r(e),a.d(e,{default:()=>i});var o=a(1354),l=a.n(o),t=a(6314),p=a.n(t)()(l());p.push([n.id,".Upload[data-v-19e248aa] {\n  height: 100%;\n}\n.Upload .upload-box[data-v-19e248aa] {\n  width: 200px;\n  height: 100px;\n  background: #008cee;\n  color: #ffffff;\n  text-align: center;\n  line-height: 100px;\n}\n/*# sourceMappingURL=Upload.css.map */","",{version:3,sources:["webpack://./Upload.vue","webpack://./src/views/Upload.vue"],names:[],mappings:"AACA;EACE,YAAA;ACAF;ADDA;EAII,YAAA;EACA,aAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;EACA,kBAAA;ACAJ;AACA,qCAAqC",sourcesContent:["\n.Upload {\n  height: 100%;\n\n  .upload-box {\n    width: 200px;\n    height: 100px;\n    background: #008cee;\n    color: #ffffff;\n    text-align: center;\n    line-height: 100px;\n  }\n\n  // img {\n  //   width: 100px;\n  //   height: 100px;\n  //   margin: 5px;\n  //   object-fit: cover;\n  // }\n}\n",".Upload {\n  height: 100%;\n}\n.Upload .upload-box {\n  width: 200px;\n  height: 100px;\n  background: #008cee;\n  color: #ffffff;\n  text-align: center;\n  line-height: 100px;\n}\n/*# sourceMappingURL=Upload.css.map */"],sourceRoot:""}]);const i=p}}]);
+//# sourceMappingURL=upload.a9b44c8a72fe70980a1e.chunk.js.map

package/dist-prod/upload.a9b44c8a72fe70980a1e.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.a9b44c8a72fe70980a1e.chunk.js","mappings":"+IACOA,MAAM,U,UAoBb,SAAeC,EAAAA,EAAAA,IAAgB,CAC7BC,KAAM,aACNC,MAAI,WACF,IAAMC,GAAQC,EAAAA,EAAAA,IAAI,IACZC,GAASD,EAAAA,EAAAA,IAAI,MAMnB,MAAO,CACLD,MAAAA,EACAE,OAAAA,EACAC,aAPmB,SAACC,GACpBJ,EAAMK,MAAQD,CAChB,EAOF,I,QC7BF,MAEA,GAFiC,E,QAAA,GAAgB,EAAQ,CAAC,CAAC,S,oEDNzDE,EAAAA,EAAAA,IAcM,MAdNC,EAcM,EAbJC,EAAAA,EAAAA,IAIEC,EAAA,CAHAR,IAAI,SACHS,UAAU,EACVC,eAAgBC,EAAAT,c,2BAGHS,EAAAZ,MAAMa,S,aACpBP,EAAAA,EAAAA,IAICQ,EAAAA,GAAA,CAAAC,IAAA,IAAAC,EAAAA,EAAAA,IAHyBJ,EAAAZ,MAAK,SAArBiB,EAAMC,G,kBADhBZ,EAAAA,EAAAA,IAIC,OAFES,IAAKG,EACLC,IAAKF,EAAKG,Q,0CCLyD,CAAC,YAAY,oB,cCJzF,IAAIC,EAAU,EAAQ,MACnBA,EAAQC,aAAYD,EAAUA,EAAQE,SACnB,iBAAZF,IAAsBA,EAAU,CAAC,CAACG,EAAOC,GAAIJ,EAAS,MAC7DA,EAAQK,SAAQF,EAAOG,QAAUN,EAAQK,SAG/BE,EADH,UACO,WAAYP,GAAS,EAAM,CAAC,E,0FCNzCQ,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACN,EAAOC,GAAI,gQAWA,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,yBAAyB,oCAAoC,MAAQ,GAAG,SAAW,2GAA2G,eAAiB,CAAC,uTAAuT,+NAA+N,WAAa,MAEvzB,S","sources":["webpack://dpzvc3-ui/./src/views/Upload.vue","webpack://dpzvc3-ui/./src/views/Upload.vue?7cf5","webpack://dpzvc3-ui/./src/views/Upload.vue?ed4e","webpack://dpzvc3-ui/./src/views/Upload.vue?eee7"],"sourcesContent":["<template>\n  <div class=\"Upload\">\n    <Upload\n      ref=\"upload\"\n      :multiple=\"true\"\n      @on-change-file=\"onChangeFile\"\n    />\n\n    <template v-if=\"files.length\">\n      <img\n        v-for=\"(item, index) in files\"\n        :key=\"index\"\n        :src=\"item.base64\"\n      >\n    </template>\n  </div>\n</template>\n\n<script>\nimport { ref, defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'ViewUpload',\n  setup () {\n    const files = ref([])\n    const upload = ref(null)\n\n    const onChangeFile = (newFiles) => {\n      files.value = newFiles\n    }\n\n    return {\n      files,\n      upload,\n      onChangeFile\n    }\n  }\n})\n</script>\n\n<style lang=\"less\" scoped>\n.Upload {\n  height: 100%;\n\n  .upload-box {\n    width: 200px;\n    height: 100px;\n    background: #008cee;\n    color: #ffffff;\n    text-align: center;\n    line-height: 100px;\n  }\n\n  // img {\n  //   width: 100px;\n  //   height: 100px;\n  //   margin: 5px;\n  //   object-fit: cover;\n  // }\n}\n</style>\n","import { render } from \"./Upload.vue?vue&type=template&id=19e248aa&scoped=true\"\nimport script from \"./Upload.vue?vue&type=script&lang=js\"\nexport * from \"./Upload.vue?vue&type=script&lang=js\"\n\nimport \"./Upload.vue?vue&type=style&index=0&id=19e248aa&lang=less&scoped=true\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-19e248aa\"]])\n\nexport default __exports__","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js!../../node_modules/less-loader/dist/cjs.js!../../node_modules/vue-loader/dist/index.js??ruleSet[1].rules[7].use[0]!./Upload.vue?vue&type=style&index=0&id=19e248aa&lang=less&scoped=true\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"60e11c19\", content, true, {});","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.Upload[data-v-19e248aa] {\n  height: 100%;\n}\n.Upload .upload-box[data-v-19e248aa] {\n  width: 200px;\n  height: 100px;\n  background: #008cee;\n  color: #ffffff;\n  text-align: center;\n  line-height: 100px;\n}\n/*# sourceMappingURL=Upload.css.map */`, \"\",{\"version\":3,\"sources\":[\"webpack://./Upload.vue\",\"webpack://./src/views/Upload.vue\"],\"names\":[],\"mappings\":\"AACA;EACE,YAAA;ACAF;ADDA;EAII,YAAA;EACA,aAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;EACA,kBAAA;ACAJ;AACA,qCAAqC\",\"sourcesContent\":[\"\\n.Upload {\\n  height: 100%;\\n\\n  .upload-box {\\n    width: 200px;\\n    height: 100px;\\n    background: #008cee;\\n    color: #ffffff;\\n    text-align: center;\\n    line-height: 100px;\\n  }\\n\\n  // img {\\n  //   width: 100px;\\n  //   height: 100px;\\n  //   margin: 5px;\\n  //   object-fit: cover;\\n  // }\\n}\\n\",\".Upload {\\n  height: 100%;\\n}\\n.Upload .upload-box {\\n  width: 200px;\\n  height: 100px;\\n  background: #008cee;\\n  color: #ffffff;\\n  text-align: center;\\n  line-height: 100px;\\n}\\n/*# sourceMappingURL=Upload.css.map */\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n"],"names":["class","defineComponent","name","setup","files","ref","upload","onChangeFile","newFiles","value","_createElementBlock","_hoisted_1","_createVNode","_component_Upload","multiple","onOnChangeFile","_ctx","length","_Fragment","key","_renderList","item","index","src","base64","content","__esModule","default","module","id","locals","exports","add","___CSS_LOADER_EXPORT___","push"],"ignoreList":[],"sourceRoot":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dpzvc3-ui",
-  "version": "3.0.1",
+  "version": "3.0.3",
   "description": "Vue组件库",
   "main": "dist/dpzvc3.js",
   "module": "dist/dpzvc3.esm.js",

package/src/components/radioBox/radiobox.vue

@@ -24,10 +24,10 @@ export default defineComponent({
   name: 'RadioBox',
   props: {
     label: { type: [String, Number], required: true },
-    modalValue: { type: Boolean, default: false },
+    modelValue: { type: Boolean, default: false },
     disable: { type: Boolean, default: false }
   },
-  emits: ['update:value', 'on-change'],
+  emits: ['update:modelValue', 'on-change'],
   setup (props, { emit }) {
     const slotEl = ref(null)
     const show = ref(true)
@@ -37,7 +37,7 @@ export default defineComponent({
       if (group) {
         return group.currentValue.value === props.label
       } else {
-        return props.modalValue
+        return props.modelValue
       }
     })
 
@@ -59,7 +59,8 @@ export default defineComponent({
       if (group) {
         group.change(props.label)
       } else {
-        emit('update:modalValue', checked)
+        // console.log(checked, 'ddadda')
+        emit('update:modelValue', checked)
         emit('on-change', checked)
       }
     }

package/src/components/slideBar/slideBar.vue

@@ -56,7 +56,7 @@
 </template>
 
 <script>
-import { defineComponent, ref, computed, onMounted, onBeforeUnmount, nextTick } from 'vue'
+import { defineComponent, ref, computed, onMounted, onBeforeUnmount } from 'vue'
 
 const prefixCls = 'dpzvc3-slideBar'
 
@@ -93,8 +93,8 @@ export default defineComponent({
     const fixed = ref(false)
 
     const getItemWidth = computed(() => (isFlex.value ? clientWidth.value / items.value.length : props.childWidth))
-    const translateX = computed(() => -startIndex.value * clientWidth.value)
-
+    // const translateX = computed(() => -startIndex.value * clientWidth.value)
+    const translateX = ref(0)
     const classes = computed(() => [prefixCls])
     const headerClasses = computed(() => [prefixCls + '-header', { fixed: fixed.value }])
     const wrapperClasses = computed(() => [
@@ -121,6 +121,7 @@ export default defineComponent({
     function changeBar (index) {
       if (startIndex.value === index) return
       startIndex.value = index
+      translateX.value = -startIndex.value * clientWidth.value
       emit('on-change', index)
     }
 
@@ -134,21 +135,35 @@ export default defineComponent({
     function onTouchMove (e) {
       const currentX = e.touches[0].clientX
       distance.value = props.distanceIndex ? (currentX - startX.value) / props.distanceIndex : currentX - startX.value
+      translateX.value = startTranslateX.value + distance.value
     }
     function onTouchEnd () {
       if (distance.value < 0 && Math.abs(distance.value) > clientWidth.value / 2) {
         slideLeft()
       } else if (distance.value > 0 && Math.abs(distance.value) > clientWidth.value / 2) {
         slideRight()
+      } else {
+        translateX.value = startTranslateX.value
       }
       dragging.value = false
     }
     function slideLeft () {
-      if (startIndex.value < maxIndex.value) startIndex.value++
+      if (startIndex.value >= maxIndex.value) {
+        translateX.value = startTranslateX.value
+      } else {
+        startIndex.value++
+        translateX.value = startTranslateX.value - clientWidth.value
+      }
       emit('on-change', startIndex.value)
     }
     function slideRight () {
-      if (startIndex.value > 0) startIndex.value--
+      // if (startIndex.value > 0) startIndex.value--
+      if (startIndex.value <= 0) {
+        translateX.value = startTranslateX.value
+      } else {
+        startIndex.value--
+        translateX.value = startTranslateX.value + clientWidth.value
+      }
       emit('on-change', startIndex.value)
     }
 
@@ -162,8 +177,11 @@ export default defineComponent({
 
     onMounted(() => {
       clientWidth.value = header.value.clientWidth
+      translateX.value = -startIndex.value * clientWidth.value
       window.addEventListener('resize', onResize)
+      onScroll()
       if (props.canDrag && content.value) {
+        // console.log(content.value, 'dadsds')
         content.value.addEventListener('touchstart', onTouchStart)
         content.value.addEventListener('touchmove', onTouchMove)
         content.value.addEventListener('touchend', onTouchEnd)

package/src/components/swipe/swipe.vue

@@ -48,19 +48,19 @@
         </div>
       </template>
     </div>
-
+    <!-- :class="['dpzvc3-swipe-dots-item', (loop ? index + 1 : index) === slideIndex ? 'active' : '']" -->
     <div :class="dotsClasses">
       <span
         v-for="(item, index) in dotLength"
         :key="index"
-        :class="['dpzvc3-swipe-dots-item', (loop ? index + 1 : index) === slideIndex ? 'active' : '']"
+        :class="['dpzvc3-swipe-dots-item', (index) === slideIndex ? 'active' : '']"
       />
     </div>
   </div>
 </template>
 
 <script>
-import { defineComponent, ref, computed, onMounted, onBeforeUnmount, nextTick } from 'vue'
+import { defineComponent, ref, computed, onMounted, onBeforeUnmount } from 'vue'
 
 const prefixCls = 'dpzvc3-swipe'
 
@@ -88,9 +88,11 @@ export default defineComponent({
     const autoSwipe = ref(true)
     const startX = ref(0)
     const distance = ref(0)
-    const slideIndex = ref(props.loop ? props.startIndex + 1 : props.startIndex)
+    // const slideIndex = ref(props.loop ? props.startIndex + 1 : props.startIndex)
+    const slideIndex = ref(props.startIndex)
     const timer = ref(null)
     const localList = ref([...props.list])
+    const transitionRef = ref('transform .2s ease-out')
 
     const isMultiple = computed(() => {
       if (props.perpage <= 1) return false
@@ -112,14 +114,16 @@ export default defineComponent({
     const arrayList = computed(() => {
       if (!localList.value.length) return []
       if (props.loop) {
-        return [localList.value[localList.value.length - 1], ...localList.value, localList.value[0]]
+        // return [localList.value[localList.value.length - 1], ...localList.value, localList.value[0]]
+        return [...localList.value, localList.value[0]]
       }
       return localList.value
     })
 
     const dotLength = computed(() => localList.value.length)
 
-    const minIndex = computed(() => (props.loop ? 1 : 0))
+    // const minIndex = computed(() => (props.loop ? 1 : 0))
+    const minIndex = computed(() => (0))
     const maxIndex = computed(() => (props.loop ? arrayList.value.length - 2 : arrayList.value.length - 1))
 
     const classes = computed(() => [prefixCls])
@@ -134,7 +138,8 @@ export default defineComponent({
     const wrapperStyle = computed(() => ({
       width: arrayList.value.length * clientWidth.value + 'px',
       transform: `translate3d(${translateX.value}px,0,0)`,
-      height: 'auto'
+      height: 'auto',
+      transition: transitionRef.value
     }))
 
     function choose (item, index, e) {
@@ -203,10 +208,11 @@ export default defineComponent({
       timer.value = setTimeout(() => {
         if (!dragging.value && autoSwipe.value) {
           translateX.value -= clientWidth.value
+          console.log(slideIndex.value, maxIndex.value, 'dsdadddasdss')
           slideIndex.value++
-          // console.log(slideIndex.value, maxIndex.value, 'dsdadddasdss')
           if (slideIndex.value > maxIndex.value && props.loop) {
             slideIndex.value = minIndex.value
+            // resetSlide()
             wrapper.value.addEventListener('transitionend', resetSlide, false)
           }
           autoSlide()
@@ -216,13 +222,13 @@ export default defineComponent({
 
     function resetSlide () {
       wrapper.value.removeEventListener('transitionend', resetSlide, false)
-
       slideIndex.value = minIndex.value
       autoSwipe.value = false
-      // this.translateX = -this.slideIndex * this.clientWidth
+      transitionRef.value = 'none'
       translateX.value = -slideIndex.value * clientWidth.value
       setTimeout(() => {
         autoSwipe.value = true
+        transitionRef.value = 'transform .2s ease-out'
       }, 0)
     }
 
@@ -232,7 +238,8 @@ export default defineComponent({
     }
 
     function onResize () {
-      if (wrapper.value) clientWidth.value = wrapper.value.clientWidth
+      // if (wrapper.value) clientWidth.value = wrapper.value.clientWidth
+      clientWidth.value = swipeRef.value ? swipeRef.value.clientWidth : 0
     }
 
     onMounted(() => {

package/src/styles/components/swipe.less

@@ -11,7 +11,7 @@
     top: 0;
     width: 100%;
     height: 100%;
-    transition: transform .2s ease-out;
+    // transition: transform .2s ease-out;
     will-change: transform;
     display: flex;
     flex-direction: row;

package/src/views/SlideBar.vue

@@ -4,10 +4,10 @@
       :list="items"
       :flex="false"
       :index="index"
-      :can-drag="false"
       height="100%"
       scroll-height="50px"
       :is-fixed-header="true"
+      @on-change="changeIndex"
     >
       <!-- 具名插槽语法 Vue3 -->
       <template #slot-item-0>
@@ -43,7 +43,10 @@ export default defineComponent({
       { name: '选项三' }
     ])
     const index = ref(1)
-    return { items, index }
+    const changeIndex = (index) => {
+      console.log(index)
+    }
+    return { items, index, changeIndex }
   }
 })
 </script>

package/src/views/Swipe.vue

@@ -5,12 +5,10 @@
       :list="files"
     >
       <template #default="props">
-        <div>
-          <img
-            :src="props.item.image"
-            :alt="props.item.name"
-          >
-        </div>
+        <img
+          :src="props.item.image"
+          :alt="props.item.name"
+        >
       </template>
     </Swipe>
   </div>
@@ -27,21 +25,21 @@ export default defineComponent({
         id: 521,
         ad_id: 10,
         name: '玩转大数据分析！Spark2.X+Python 精华实战课程',
-        image: 'https://o74ly5e8r.qnssl.com/9MhSVW1gJD.png',
+        image: 'https://www.189.cn/upfiles/189v2/jt/images/2024/0/ce687527-56e0-4c0f-89f7-2688a45441ea.jpg',
         link: 'https://edu.hellobi.com/course/222'
       },
       {
         id: 506,
         ad_id: 10,
         name: '数据分析报告制作秘籍升级版',
-        image: 'https://o74ly5e8r.qnssl.com/EAbxDnBMcX.png',
+        image: 'https://www.189.cn/upfiles/189v2/jt/images/2020/9/5436bb73-fdd8-414e-9e15-32fae4996e37.jpg',
         link: 'https://edu.hellobi.com/course/132'
       },
       {
         id: 504,
         ad_id: 10,
         name: '独一无二的数据仓库建模指引系列教程升级版（连载中）',
-        image: 'https://o74ly5e8r.qnssl.com/dmJqsjtLNS.png',
+        image: 'https://www.189.cn/upfiles/189v2/jt/images/2019/9/0223427c-7e00-4521-91f7-56dce455766b.jpg',
         link: 'https://edu.hellobi.com/course/102'
       }
     ])
@@ -53,7 +51,7 @@ export default defineComponent({
 
 <style lang="less" scoped>
 .swipe {
-  padding-top: 100px;
+  // padding-top: 100px;
   width: 100%;
 }
 </style>