dpzvc3-ui 3.1.4 → 3.1.6
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.
- package/README.md +1 -1
- package/dist/dpzvc3.esm.js +5 -4
- package/dist/dpzvc3.esm.js.map +1 -1
- package/dist/dpzvc3.esm.min.js +1 -1
- package/dist/dpzvc3.esm.min.js.map +1 -1
- package/dist/dpzvc3.js +5 -4
- package/dist/dpzvc3.js.map +1 -1
- package/dist/dpzvc3.min.js +1 -1
- package/dist/dpzvc3.min.js.map +1 -1
- package/dist/types/components/actionSheet/index.d.ts +6 -1
- package/dist/types/components/actionSheet/index.d.ts.map +1 -1
- package/dist/types/index.d.ts +2 -2
- package/package.json +7 -2
- package/build-style.js +0 -58
- package/dist-prod/91.05c8ec5277a15f939b0f.js +0 -3
- package/dist-prod/91.05c8ec5277a15f939b0f.js.LICENSE.txt +0 -25
- package/dist-prod/91.05c8ec5277a15f939b0f.js.map +0 -1
- package/dist-prod/actionsheet.0d67b6b08a62cf9360be.chunk.js +0 -2
- package/dist-prod/actionsheet.0d67b6b08a62cf9360be.chunk.js.map +0 -1
- package/dist-prod/badge.16ab5c05734fe1530701.chunk.js +0 -2
- package/dist-prod/badge.16ab5c05734fe1530701.chunk.js.map +0 -1
- package/dist-prod/button.39ac33aa7aaccc24b6a1.chunk.js +0 -2
- package/dist-prod/button.39ac33aa7aaccc24b6a1.chunk.js.map +0 -1
- package/dist-prod/card.16ed7eafe471bcc60ec6.chunk.js +0 -2
- package/dist-prod/card.16ed7eafe471bcc60ec6.chunk.js.map +0 -1
- package/dist-prod/cell.70ff74fba57e27df7f5a.chunk.js +0 -2
- package/dist-prod/cell.70ff74fba57e27df7f5a.chunk.js.map +0 -1
- package/dist-prod/cellswipe.f3ec62abd60729d8bc5a.chunk.js +0 -2
- package/dist-prod/cellswipe.f3ec62abd60729d8bc5a.chunk.js.map +0 -1
- package/dist-prod/checkbox.05c63a947ac98293c9f2.chunk.js +0 -2
- package/dist-prod/checkbox.05c63a947ac98293c9f2.chunk.js.map +0 -1
- package/dist-prod/guide.24f1968a568f20fbc84b.chunk.js +0 -2
- package/dist-prod/guide.24f1968a568f20fbc84b.chunk.js.map +0 -1
- package/dist-prod/header.eb10433dd892738ee95a.chunk.js +0 -2
- package/dist-prod/header.eb10433dd892738ee95a.chunk.js.map +0 -1
- package/dist-prod/index.html +0 -19
- package/dist-prod/indicator.0c09e3f238791cb478e0.chunk.js +0 -2
- package/dist-prod/indicator.0c09e3f238791cb478e0.chunk.js.map +0 -1
- package/dist-prod/loadmore.9bad88767cc43603f473.chunk.js +0 -2
- package/dist-prod/loadmore.9bad88767cc43603f473.chunk.js.map +0 -1
- package/dist-prod/main.662ad15361e7f3d20234.js +0 -2
- package/dist-prod/main.662ad15361e7f3d20234.js.map +0 -1
- package/dist-prod/message.de17fea3de4daa70bab4.chunk.js +0 -2
- package/dist-prod/message.de17fea3de4daa70bab4.chunk.js.map +0 -1
- package/dist-prod/modal.f9ec857acd9fbdf53f3b.chunk.js +0 -2
- package/dist-prod/modal.f9ec857acd9fbdf53f3b.chunk.js.map +0 -1
- package/dist-prod/picker.bca059ef59e3c42a401f.chunk.js +0 -2
- package/dist-prod/picker.bca059ef59e3c42a401f.chunk.js.map +0 -1
- package/dist-prod/popup.538422c7e188363a468d.chunk.js +0 -2
- package/dist-prod/popup.538422c7e188363a468d.chunk.js.map +0 -1
- package/dist-prod/progress.240de4b633002f573030.chunk.js +0 -2
- package/dist-prod/progress.240de4b633002f573030.chunk.js.map +0 -1
- package/dist-prod/prompt.dcda0b05ea02d59106b7.chunk.js +0 -2
- package/dist-prod/prompt.dcda0b05ea02d59106b7.chunk.js.map +0 -1
- package/dist-prod/radiobox.7c10f77aba5ae04b2e5c.chunk.js +0 -2
- package/dist-prod/radiobox.7c10f77aba5ae04b2e5c.chunk.js.map +0 -1
- package/dist-prod/rater.d46ae462c598c458e5a8.chunk.js +0 -2
- package/dist-prod/rater.d46ae462c598c458e5a8.chunk.js.map +0 -1
- package/dist-prod/slidebar.833e75b9eb0abef92453.chunk.js +0 -2
- package/dist-prod/slidebar.833e75b9eb0abef92453.chunk.js.map +0 -1
- package/dist-prod/spinner.6afb4f84cc29f0e2f8eb.chunk.js +0 -2
- package/dist-prod/spinner.6afb4f84cc29f0e2f8eb.chunk.js.map +0 -1
- package/dist-prod/swipe.3fe6ee6638765ec52d94.chunk.js +0 -2
- package/dist-prod/swipe.3fe6ee6638765ec52d94.chunk.js.map +0 -1
- package/dist-prod/switchbar.f24c76a03120f1bd961a.chunk.js +0 -2
- package/dist-prod/switchbar.f24c76a03120f1bd961a.chunk.js.map +0 -1
- package/dist-prod/tab.29f19483f699b7811259.chunk.js +0 -2
- package/dist-prod/tab.29f19483f699b7811259.chunk.js.map +0 -1
- package/dist-prod/text.a6e4251f772d23843e2b.chunk.js +0 -2
- package/dist-prod/text.a6e4251f772d23843e2b.chunk.js.map +0 -1
- package/dist-prod/totop.713c5ab7f7dbcffbf2a3.chunk.js +0 -2
- package/dist-prod/totop.713c5ab7f7dbcffbf2a3.chunk.js.map +0 -1
- package/dist-prod/upload.0638581e551ed9afaba2.chunk.js +0 -2
- package/dist-prod/upload.0638581e551ed9afaba2.chunk.js.map +0 -1
- package/postcss.config.js +0 -5
- package/src/components/Indicator/Indicator.tsx +0 -67
- package/src/components/Indicator/Indicator.vue +0 -82
- package/src/components/Indicator/index.ts +0 -111
- package/src/components/Indicator/types.ts +0 -15
- package/src/components/Text/index.ts +0 -14
- package/src/components/Text/textBar.tsx +0 -104
- package/src/components/Text/types.ts +0 -13
- package/src/components/actionSheet/actionSheet.d.ts +0 -16
- package/src/components/actionSheet/actionSheet.tsx +0 -86
- package/src/components/actionSheet/index.ts +0 -6
- package/src/components/actionSheet/types.ts +0 -10
- package/src/components/app.vue +0 -59
- package/src/components/badge/badge.tsx +0 -80
- package/src/components/badge/index.ts +0 -12
- package/src/components/badge/types.ts +0 -8
- package/src/components/button/button.tsx +0 -105
- package/src/components/button/index.ts +0 -13
- package/src/components/button/types.ts +0 -13
- package/src/components/card/card.d.ts +0 -16
- package/src/components/card/card.tsx +0 -38
- package/src/components/card/index.ts +0 -12
- package/src/components/card/types.ts +0 -3
- package/src/components/cell/cell.tsx +0 -89
- package/src/components/cell/index.ts +0 -12
- package/src/components/cell/types.ts +0 -8
- package/src/components/cellSwipe/cellSwipe.tsx +0 -188
- package/src/components/cellSwipe/index.ts +0 -13
- package/src/components/cellSwipe/types.ts +0 -17
- package/src/components/checkBox/checkbox-group.tsx +0 -75
- package/src/components/checkBox/checkbox.tsx +0 -107
- package/src/components/checkBox/index.ts +0 -29
- package/src/components/checkBox/types.ts +0 -32
- package/src/components/header/header.tsx +0 -119
- package/src/components/header/index.ts +0 -13
- package/src/components/header/types.ts +0 -7
- package/src/components/loadMore/index.ts +0 -14
- package/src/components/loadMore/loadMore.tsx +0 -265
- package/src/components/loadMore/types.ts +0 -26
- package/src/components/message/confirm.ts +0 -104
- package/src/components/message/index.ts +0 -113
- package/src/components/message/message.tsx +0 -100
- package/src/components/message/messageGroup.tsx +0 -59
- package/src/components/message/types.ts +0 -48
- package/src/components/modal/confirm.ts +0 -123
- package/src/components/modal/index.ts +0 -68
- package/src/components/modal/modal.tsx +0 -248
- package/src/components/modal/types.ts +0 -51
- package/src/components/number/Number.tsx +0 -143
- package/src/components/number/index.ts +0 -10
- package/src/components/number/types.ts +0 -13
- package/src/components/picker/area-picker/area-picker.vue +0 -230
- package/src/components/picker/area-picker/props.js +0 -17
- package/src/components/picker/date-picker/date-picker.vue +0 -191
- package/src/components/picker/date-picker/props.js +0 -24
- package/src/components/picker/index.ts +0 -12
- package/src/components/picker/normal-picker/normal-picker.vue +0 -120
- package/src/components/picker/normal-picker/props.js +0 -20
- package/src/components/picker/picker-slot.vue +0 -217
- package/src/components/picker/picker.tsx +0 -112
- package/src/components/picker/types.ts +0 -17
- package/src/components/popup/index.ts +0 -12
- package/src/components/popup/popup.d.ts +0 -16
- package/src/components/popup/popup.tsx +0 -68
- package/src/components/popup/types.ts +0 -9
- package/src/components/progress/index.ts +0 -12
- package/src/components/progress/progress.tsx +0 -81
- package/src/components/progress/types.ts +0 -9
- package/src/components/prompt/confirm.ts +0 -104
- package/src/components/prompt/index.ts +0 -50
- package/src/components/prompt/prompt.tsx +0 -161
- package/src/components/prompt/types.ts +0 -45
- package/src/components/radioBox/index.ts +0 -34
- package/src/components/radioBox/radiobox-group.tsx +0 -66
- package/src/components/radioBox/radiobox-group1.vue +0 -66
- package/src/components/radioBox/radiobox.tsx +0 -115
- package/src/components/radioBox/radiobox1.vue +0 -89
- package/src/components/radioBox/types.ts +0 -24
- package/src/components/rater/index.ts +0 -12
- package/src/components/rater/rater.d.ts +0 -16
- package/src/components/rater/raters.tsx +0 -101
- package/src/components/rater/types.ts +0 -10
- package/src/components/slideBar/index.ts +0 -13
- package/src/components/slideBar/slideBar.tsx +0 -288
- package/src/components/slideBar/types.ts +0 -20
- package/src/components/spinner/behavior/blade.vue +0 -42
- package/src/components/spinner/behavior/double-bounce.vue +0 -38
- package/src/components/spinner/behavior/fading-circle.vue +0 -55
- package/src/components/spinner/behavior/snake.vue +0 -41
- package/src/components/spinner/behavior/triple-bounce.vue +0 -52
- package/src/components/spinner/index.ts +0 -13
- package/src/components/spinner/props.js +0 -28
- package/src/components/spinner/spinner.tsx +0 -85
- package/src/components/spinner/types.ts +0 -20
- package/src/components/swipe/index.ts +0 -13
- package/src/components/swipe/swipe.tsx +0 -292
- package/src/components/swipe/types.ts +0 -21
- package/src/components/switchbar/index.ts +0 -13
- package/src/components/switchbar/switchbar.tsx +0 -58
- package/src/components/switchbar/types.ts +0 -6
- package/src/components/tab/index.ts +0 -12
- package/src/components/tab/tab.tsx +0 -71
- package/src/components/tab/types.ts +0 -15
- package/src/components/toTop/index.ts +0 -13
- package/src/components/toTop/toTop.tsx +0 -54
- package/src/components/toTop/types.ts +0 -7
- package/src/components/upload/index.ts +0 -13
- package/src/components/upload/types.ts +0 -9
- package/src/components/upload/upload.tsx +0 -180
- package/src/config/config.js +0 -16
- package/src/directives/clickoutside.js +0 -42
- package/src/directives/tranferDom.js +0 -66
- package/src/index.d.ts +0 -131
- package/src/index.ts +0 -136
- package/src/lib/MegaPixImage.js +0 -164
- package/src/lib/MegaPixImageOld.js +0 -153
- package/src/lib/exif-js.js +0 -235
- package/src/lib/exif.js +0 -789
- package/src/lib/lib.js +0 -22
- package/src/main.ts +0 -33
- package/src/mixin/emitter.js +0 -72
- package/src/mixin/input.js +0 -41
- package/src/router.ts +0 -36
- package/src/shims-vue.d.ts +0 -37
- package/src/styles/base/font.less +0 -99
- package/src/styles/base/reset.less +0 -135
- package/src/styles/base/variable.less +0 -108
- package/src/styles/components/actionSheet.less +0 -43
- package/src/styles/components/badge.less +0 -81
- package/src/styles/components/button.less +0 -124
- package/src/styles/components/card.less +0 -31
- package/src/styles/components/cell-swipe.less +0 -20
- package/src/styles/components/cell.less +0 -75
- package/src/styles/components/checkBox.less +0 -113
- package/src/styles/components/editor.less +0 -3
- package/src/styles/components/header.less +0 -72
- package/src/styles/components/indicator.less +0 -39
- package/src/styles/components/loadmore.less +0 -48
- package/src/styles/components/message.less +0 -57
- package/src/styles/components/modal.less +0 -84
- package/src/styles/components/number.less +0 -60
- package/src/styles/components/picker.less +0 -152
- package/src/styles/components/popup.less +0 -46
- package/src/styles/components/progress.less +0 -52
- package/src/styles/components/prompt.less +0 -37
- package/src/styles/components/radioBox.less +0 -142
- package/src/styles/components/rater.less +0 -16
- package/src/styles/components/slide-Bar.less +0 -149
- package/src/styles/components/spinner.less +0 -329
- package/src/styles/components/swipe.less +0 -125
- package/src/styles/components/switchBar.less +0 -88
- package/src/styles/components/tab.less +0 -71
- package/src/styles/components/text.less +0 -82
- package/src/styles/components/toTop.less +0 -28
- package/src/styles/components/upload.less +0 -23
- package/src/styles/index.less +0 -39
- package/src/styles/utils/1px.less +0 -206
- package/src/styles/utils/animation.less +0 -165
- package/src/styles/utils/nowrap.less +0 -19
- package/src/template/index.ejs +0 -40
- package/src/types/index.d.ts +0 -127
- package/src/types/js-shims.d.ts +0 -36
- package/src/utils/test.ts +0 -2
- package/src/utils/util.ts +0 -168
- package/src/utils/util1.js +0 -202
- package/src/vconsole-resources.min.js +0 -6
- package/src/vconsole-sources.min.js +0 -6
- package/src/vconsole.min.js +0 -7
- package/src/views/ActionSheet.vue +0 -46
- package/src/views/Badge/Badge.less +0 -12
- package/src/views/Badge/Badge.tsx +0 -23
- package/src/views/Badge.vue +0 -53
- package/src/views/Button.vue +0 -69
- package/src/views/Card.vue +0 -89
- package/src/views/Cell.vue +0 -31
- package/src/views/CellSwipe.vue +0 -80
- package/src/views/CheckBox.vue +0 -78
- package/src/views/Header.vue +0 -71
- package/src/views/Indicator.vue +0 -82
- package/src/views/LoadMore.vue +0 -76
- package/src/views/Message.vue +0 -61
- package/src/views/Modal.vue +0 -69
- package/src/views/Picker.vue +0 -142
- package/src/views/Popup.vue +0 -103
- package/src/views/Progress.vue +0 -49
- package/src/views/Prompt.vue +0 -43
- package/src/views/RadioBox.vue +0 -70
- package/src/views/Rater.vue +0 -53
- package/src/views/SlideBar.vue +0 -62
- package/src/views/Spinner.vue +0 -27
- package/src/views/Swipe.vue +0 -59
- package/src/views/SwitchBar.vue +0 -49
- package/src/views/Tab.vue +0 -55
- package/src/views/Text.vue +0 -97
- package/src/views/ToTop.vue +0 -31
- package/src/views/Upload.vue +0 -65
- package/src/views/guide.vue +0 -164
- package/src/views/index.vue +0 -554
- package/tsconfig.build.json +0 -31
- package/tsconfig.json +0 -41
- package/webpack.base.config.js +0 -85
- package/webpack.dev.config.js +0 -43
- package/webpack.dist.dev.config.js +0 -76
- package/webpack.dist.prod.config.js +0 -90
- package/webpack.prod.config.js +0 -52
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"upload.0638581e551ed9afaba2.chunk.js","mappings":"8IAEMA,EAAa,CCDZC,MAAM,UDEPC,EAAa,CAAC,OCmBpB,SAAeC,EAAAA,EAAAA,IAAgB,CAC7BC,KAAM,aACNC,WAAY,CACV,EAEFC,MAAI,WACF,IAAMC,GAAQC,EAAAA,EAAAA,IAAoD,IAC5DC,GAASD,EAAAA,EAAAA,IAAI,MAMnB,MAAO,CACLD,MAAAA,EACAE,OAAAA,EACAC,aAPmB,SAACC,GACpBJ,EAAMK,MAAQD,CAChB,EAOF,I,QCjCF,MAEA,GAFiC,E,QAAA,GAAgB,EAAQ,CAAC,CAAC,SFFrD,SAAiBE,EAAUC,EAAYC,EAAYC,EAAYC,EAAWC,GAC9E,IAAMC,GAAoBC,EAAAA,EAAAA,IAAkB,UAAU,GAEtD,OAAQC,EAAAA,EAAAA,OCPRC,EAAAA,EAAAA,IAcM,MAdNtB,EAcM,EAbJuB,EAAAA,EAAAA,IAIEJ,EAAA,CAHAX,IAAI,SACHgB,UAAU,EACVC,eAAgBZ,EAAAH,cDQhB,KAAM,EAAe,CAAC,mBCLTG,EAAAN,MAAMmB,SDOjBL,EAAAA,EAAAA,KAAW,ICNdC,EAAAA,EAAAA,IAICK,EAAAA,GAAA,CAAAC,IAAA,IAAAC,EAAAA,EAAAA,IAHyBhB,EAAAN,MAAK,SAArBuB,EAAMC,GDMZ,OAAQV,EAAAA,EAAAA,OCPZC,EAAAA,EAAAA,IAIC,OAFEM,IAAKG,EACLC,IAAKF,EAAKG,QDON,KAAM,EAAe/B,EAC1B,GAAI,OACJgC,EAAAA,EAAAA,IAAoB,QAAQ,IAEpC,GEhB4E,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/../../%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%96%99/dpzvc3/src/views/Upload.vue?a55e","webpack://dpzvc3-ui/../../%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%96%99/dpzvc3/src/views/Upload.vue","webpack://dpzvc3-ui/./src/views/Upload.vue","webpack://dpzvc3-ui/./src/views/Upload.vue?93fe","webpack://dpzvc3-ui/./src/views/Upload.vue?4ceb"],"sourcesContent":["import { resolveComponent as _resolveComponent, createVNode as _createVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"Upload\" }\nconst _hoisted_2 = [\"src\"]\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n const _component_Upload = _resolveComponent(\"Upload\", true)!\n\n return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n _createVNode(_component_Upload, {\n ref: \"upload\",\n multiple: true,\n onOnChangeFile: _ctx.onChangeFile\n }, null, 8 /* PROPS */, [\"onOnChangeFile\"]),\n (_ctx.files.length)\n ? (_openBlock(true), _createElementBlock(_Fragment, { key: 0 }, _renderList(_ctx.files, (item, index) => {\n return (_openBlock(), _createElementBlock(\"img\", {\n key: index,\n src: item.base64\n }, null, 8 /* PROPS */, _hoisted_2))\n }), 128 /* KEYED_FRAGMENT */))\n : _createCommentVNode(\"v-if\", true)\n ]))\n}","<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 lang=\"ts\">\nimport { ref, defineComponent } from 'vue'\n// import Upload from '@/components/upload'\n// import type { UploadProps } from '@/components/upload/types'\nexport default defineComponent({\n name: 'ViewUpload',\n components: {\n // Upload\n },\n setup () {\n const files = ref<Array<{ base64: string, clearBase64: string }>>([])\n const upload = ref(null)\n\n const onChangeFile = (newFiles: any[]) => {\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=5116d252&scoped=true&ts=true\"\nimport script from \"./Upload.vue?vue&type=script&lang=ts\"\nexport * from \"./Upload.vue?vue&type=script&lang=ts\"\n\nimport \"./Upload.vue?vue&type=style&index=0&id=5116d252&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-5116d252\"]])\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[9].use[0]!./Upload.vue?vue&type=style&index=0&id=5116d252&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(\"3983d9c4\", 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-5116d252] {\n height: 100%;\n}\n.Upload .upload-box[data-v-5116d252] {\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":["_hoisted_1","class","_hoisted_2","defineComponent","name","components","setup","files","ref","upload","onChangeFile","newFiles","value","_ctx","_cache","$props","$setup","$data","$options","_component_Upload","_resolveComponent","_openBlock","_createElementBlock","_createVNode","multiple","onOnChangeFile","length","_Fragment","key","_renderList","item","index","src","base64","_createCommentVNode","content","__esModule","default","module","id","locals","exports","add","___CSS_LOADER_EXPORT___","push"],"ignoreList":[],"sourceRoot":""}
|
package/postcss.config.js
DELETED
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { defineComponent, ref, watch, computed, PropType } from 'vue'
|
|
2
|
-
import Spinner from '../spinner'
|
|
3
|
-
import type { IndicatorProps } from './types'
|
|
4
|
-
export type { IndicatorProps }
|
|
5
|
-
const prefixCls = 'dpzvc3-Indicator'
|
|
6
|
-
|
|
7
|
-
export default defineComponent({
|
|
8
|
-
name: 'Dpzvc3Indicator',
|
|
9
|
-
props: {
|
|
10
|
-
modelValue: {
|
|
11
|
-
type: Boolean,
|
|
12
|
-
default: false
|
|
13
|
-
},
|
|
14
|
-
color: {
|
|
15
|
-
type: String,
|
|
16
|
-
default: '#ffffff'
|
|
17
|
-
},
|
|
18
|
-
type: {
|
|
19
|
-
type: String as PropType<IndicatorProps['type']>,
|
|
20
|
-
default: 'snake'
|
|
21
|
-
},
|
|
22
|
-
size: {
|
|
23
|
-
type: [Number, String] as PropType<number | string>,
|
|
24
|
-
default: 45
|
|
25
|
-
},
|
|
26
|
-
text: {
|
|
27
|
-
type: String,
|
|
28
|
-
default: '加载中...'
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
emits: ['update:modelValue'],
|
|
32
|
-
setup(props, { emit }) {
|
|
33
|
-
const visible = ref(props.modelValue)
|
|
34
|
-
|
|
35
|
-
// watch modelValue 更新 visible
|
|
36
|
-
watch(
|
|
37
|
-
() => props.modelValue,
|
|
38
|
-
val => {
|
|
39
|
-
visible.value = val
|
|
40
|
-
}
|
|
41
|
-
)
|
|
42
|
-
|
|
43
|
-
// watch visible 更新 v-model
|
|
44
|
-
watch(visible, val => {
|
|
45
|
-
emit('update:modelValue', val)
|
|
46
|
-
})
|
|
47
|
-
|
|
48
|
-
const classes = computed(() => [prefixCls])
|
|
49
|
-
const containerClasses = computed(() => [`${prefixCls}-container`])
|
|
50
|
-
const wrapperClasses = computed(() => [`${prefixCls}-wrapper`])
|
|
51
|
-
|
|
52
|
-
return () => (
|
|
53
|
-
<div>
|
|
54
|
-
{visible.value && (
|
|
55
|
-
<div class={classes.value} onTouchmove={(e: any) => e.preventDefault()}>
|
|
56
|
-
<div class={containerClasses.value}>
|
|
57
|
-
<div class={wrapperClasses.value}>
|
|
58
|
-
<Spinner size={props.size} type={props.type} color={props.color} />
|
|
59
|
-
<span style={{ color: props.color }}>{props.text}</span>
|
|
60
|
-
</div>
|
|
61
|
-
</div>
|
|
62
|
-
</div>
|
|
63
|
-
)}
|
|
64
|
-
</div>
|
|
65
|
-
)
|
|
66
|
-
}
|
|
67
|
-
})
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<transition name="dpzvc3-ani-fade">
|
|
3
|
-
<div
|
|
4
|
-
v-show="visible"
|
|
5
|
-
:class="classes"
|
|
6
|
-
@touchmove.prevent
|
|
7
|
-
>
|
|
8
|
-
<div :class="containerClasses">
|
|
9
|
-
<div :class="wrapperClasses">
|
|
10
|
-
<Spinner
|
|
11
|
-
:size="size"
|
|
12
|
-
:type="type"
|
|
13
|
-
:color="color"
|
|
14
|
-
/>
|
|
15
|
-
<span :style="{ color }">{{ text }}</span>
|
|
16
|
-
</div>
|
|
17
|
-
</div>
|
|
18
|
-
</div>
|
|
19
|
-
</transition>
|
|
20
|
-
</template>
|
|
21
|
-
|
|
22
|
-
<script>
|
|
23
|
-
import { defineComponent, ref, watch, computed } from 'vue'
|
|
24
|
-
import Spinner from '../spinner'
|
|
25
|
-
|
|
26
|
-
const prefixCls = 'dpzvc3-Indicator'
|
|
27
|
-
|
|
28
|
-
export default defineComponent({
|
|
29
|
-
name: 'Dpzvc3Indicator',
|
|
30
|
-
components: { Spinner },
|
|
31
|
-
props: {
|
|
32
|
-
modelValue: {
|
|
33
|
-
type: Boolean,
|
|
34
|
-
default: false
|
|
35
|
-
},
|
|
36
|
-
color: {
|
|
37
|
-
type: String,
|
|
38
|
-
default: '#ffffff'
|
|
39
|
-
},
|
|
40
|
-
type: {
|
|
41
|
-
type: String,
|
|
42
|
-
default: 'snake'
|
|
43
|
-
},
|
|
44
|
-
size: {
|
|
45
|
-
type: [Number, String],
|
|
46
|
-
default: 45
|
|
47
|
-
},
|
|
48
|
-
text: {
|
|
49
|
-
type: String,
|
|
50
|
-
default: '加载中...'
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
emits: ['update:modelValue'],
|
|
54
|
-
setup (props, { emit }) {
|
|
55
|
-
const visible = ref(props.modelValue)
|
|
56
|
-
|
|
57
|
-
// watch modelValue 更新 visible
|
|
58
|
-
watch(
|
|
59
|
-
() => props.modelValue,
|
|
60
|
-
val => {
|
|
61
|
-
visible.value = val
|
|
62
|
-
}
|
|
63
|
-
)
|
|
64
|
-
|
|
65
|
-
// watch visible 更新 v-model
|
|
66
|
-
watch(visible, val => {
|
|
67
|
-
emit('update:modelValue', val)
|
|
68
|
-
})
|
|
69
|
-
|
|
70
|
-
const classes = computed(() => [prefixCls])
|
|
71
|
-
const containerClasses = computed(() => [`${prefixCls}-container`])
|
|
72
|
-
const wrapperClasses = computed(() => [`${prefixCls}-wrapper`])
|
|
73
|
-
|
|
74
|
-
return {
|
|
75
|
-
visible,
|
|
76
|
-
classes,
|
|
77
|
-
containerClasses,
|
|
78
|
-
wrapperClasses
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
})
|
|
82
|
-
</script>
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Indicator - Vue 3 版本
|
|
3
|
-
*/
|
|
4
|
-
import { createVNode, render } from 'vue'
|
|
5
|
-
import Indicator from './Indicator'
|
|
6
|
-
import type { IndicatorProps, IndicatorInstance } from './types'
|
|
7
|
-
type containerE = HTMLElement | null
|
|
8
|
-
let instance: any = null
|
|
9
|
-
|
|
10
|
-
let container:containerE
|
|
11
|
-
|
|
12
|
-
function createInstance (props = {}) {
|
|
13
|
-
container = document.createElement('div')
|
|
14
|
-
document.body.appendChild(container)
|
|
15
|
-
|
|
16
|
-
const defaultProps = {
|
|
17
|
-
size: 45,
|
|
18
|
-
type: 'snake',
|
|
19
|
-
color: '#ffffff',
|
|
20
|
-
text: '加载中...',
|
|
21
|
-
visible: false,
|
|
22
|
-
...props
|
|
23
|
-
}
|
|
24
|
-
const vnode = createVNode(Indicator, {
|
|
25
|
-
...defaultProps,
|
|
26
|
-
onRemove: destroyInstance
|
|
27
|
-
})
|
|
28
|
-
render(vnode, container)
|
|
29
|
-
instance = vnode.component
|
|
30
|
-
return instance
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
function destroyInstance () {
|
|
34
|
-
if (!instance || !container) return
|
|
35
|
-
render(null, container)
|
|
36
|
-
if (container.parentNode) {
|
|
37
|
-
container.parentNode.removeChild(container)
|
|
38
|
-
}
|
|
39
|
-
instance = null
|
|
40
|
-
container = null
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
function open (options:IndicatorProps) {
|
|
44
|
-
if (!instance) {
|
|
45
|
-
createInstance(options)
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
// 更新 props
|
|
49
|
-
if (instance) {
|
|
50
|
-
Object.keys(options).forEach(key => {
|
|
51
|
-
instance.props[key] = options[key as keyof IndicatorProps]
|
|
52
|
-
})
|
|
53
|
-
instance.props.modelValue = true
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
function close () {
|
|
58
|
-
if (!instance) return
|
|
59
|
-
instance.props.modelValue = false
|
|
60
|
-
destroyInstance()
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
/* ================== 对外 API ================== */
|
|
64
|
-
|
|
65
|
-
// Indicator.open = open
|
|
66
|
-
// Indicator.remove = close
|
|
67
|
-
|
|
68
|
-
// Indicator.snake = function (props:IndicatorProps) {
|
|
69
|
-
// props.type = 'snake'
|
|
70
|
-
// open(props)
|
|
71
|
-
// }
|
|
72
|
-
|
|
73
|
-
// Indicator.blade = function (props:IndicatorProps) {
|
|
74
|
-
// props.type = 'blade'
|
|
75
|
-
// open(props)
|
|
76
|
-
// }
|
|
77
|
-
|
|
78
|
-
// Indicator.circle = function (props:IndicatorProps) {
|
|
79
|
-
// props.type = 'fading-circle'
|
|
80
|
-
// open(props)
|
|
81
|
-
// }
|
|
82
|
-
|
|
83
|
-
// Indicator.bounce = function (props:IndicatorProps) {
|
|
84
|
-
// props.type = 'double-bounce'
|
|
85
|
-
// open(props)
|
|
86
|
-
// }
|
|
87
|
-
// export default Indicator
|
|
88
|
-
|
|
89
|
-
const Indicators: IndicatorInstance = {
|
|
90
|
-
open,
|
|
91
|
-
remove: close,
|
|
92
|
-
snake: (props: IndicatorProps = {}) =>{
|
|
93
|
-
props.type = 'snake'
|
|
94
|
-
open(props)
|
|
95
|
-
},
|
|
96
|
-
blade: (props: IndicatorProps = {}) => {
|
|
97
|
-
props.type = 'blade'
|
|
98
|
-
open(props)
|
|
99
|
-
},
|
|
100
|
-
circle: (props: IndicatorProps = {}) => {
|
|
101
|
-
props.type = 'fading-circle'
|
|
102
|
-
open(props)
|
|
103
|
-
},
|
|
104
|
-
bounce: (props: IndicatorProps = {}) => {
|
|
105
|
-
props.type = 'double-bounce'
|
|
106
|
-
open(props)
|
|
107
|
-
},
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
export default Indicators
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
export interface IndicatorProps {
|
|
3
|
-
modelValue?: boolean
|
|
4
|
-
color?: string
|
|
5
|
-
type?: 'snake' | 'blade' | 'fading-circle' | 'double-bounce'
|
|
6
|
-
size?: number | string
|
|
7
|
-
text?: string
|
|
8
|
-
}
|
|
9
|
-
type IndicatorType = 'snake' | 'blade' | 'circle' | 'bounce'
|
|
10
|
-
export type IndicatorInstance = {
|
|
11
|
-
[k in IndicatorType]: (options: IndicatorProps) => any
|
|
12
|
-
} & {
|
|
13
|
-
open: (options: IndicatorProps) => any,
|
|
14
|
-
remove: () => void,
|
|
15
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Created by admin on 2025/9/24.
|
|
3
|
-
*/
|
|
4
|
-
import type { App } from 'vue'
|
|
5
|
-
import Text from './textBar'
|
|
6
|
-
// import Number from './Number'
|
|
7
|
-
// Text.Number = Number
|
|
8
|
-
Text.install = (app: App): void => {
|
|
9
|
-
app.component('TextBar', Text); // 注册全局组件
|
|
10
|
-
}
|
|
11
|
-
type IWithInstall<T> = T & { install(app: App): void };
|
|
12
|
-
const _Text=Text as IWithInstall<typeof Text>;
|
|
13
|
-
export default _Text
|
|
14
|
-
export type { TextBarProps } from './types'
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
// src/components/textBar/textBar.tsx
|
|
2
|
-
import { defineComponent, ref, computed, watch, PropType } from 'vue'
|
|
3
|
-
import type { TextBarProps } from './types'
|
|
4
|
-
|
|
5
|
-
export type { TextBarProps }
|
|
6
|
-
|
|
7
|
-
const prefixCls = 'dpzvc3-textBar'
|
|
8
|
-
|
|
9
|
-
export default defineComponent({
|
|
10
|
-
name: 'TextBar',
|
|
11
|
-
props: {
|
|
12
|
-
modelValue: { type: [String, Number] as PropType<string | number>, default: '' },
|
|
13
|
-
type: { type: String, default: 'text' },
|
|
14
|
-
placeholder: { type: [String, Number] as PropType<string | number>, default: '请输入' },
|
|
15
|
-
rows: Number,
|
|
16
|
-
autofocus: { type: Boolean, default: true },
|
|
17
|
-
inputStyles: { type: Object as PropType<Record<string, any>>, default: () => ({}) },
|
|
18
|
-
maxlength: Number,
|
|
19
|
-
name: String,
|
|
20
|
-
readonly: { type: Boolean, default: false },
|
|
21
|
-
disable: { type: Boolean, default: false }
|
|
22
|
-
},
|
|
23
|
-
emits: ['update:modelValue', 'input', 'on-input', 'on-enter', 'on-change'],
|
|
24
|
-
setup(props, { emit }) {
|
|
25
|
-
const currentVal = ref(props.modelValue)
|
|
26
|
-
|
|
27
|
-
watch(() => props.modelValue, val => {
|
|
28
|
-
currentVal.value = val
|
|
29
|
-
})
|
|
30
|
-
|
|
31
|
-
watch(currentVal, val => {
|
|
32
|
-
emit('input', val)
|
|
33
|
-
emit('on-input', val)
|
|
34
|
-
emit('update:modelValue', val)
|
|
35
|
-
})
|
|
36
|
-
|
|
37
|
-
const classes = computed(() => [prefixCls])
|
|
38
|
-
const inputClasses = computed(() => [`${prefixCls}-input`])
|
|
39
|
-
const textareaClasses = computed(() => [`${prefixCls}-textarea`])
|
|
40
|
-
|
|
41
|
-
// 输入事件
|
|
42
|
-
const changeInput = (e: Event) => {
|
|
43
|
-
const target = e.target as HTMLInputElement | HTMLTextAreaElement
|
|
44
|
-
currentVal.value = target.value
|
|
45
|
-
emit('input', currentVal.value)
|
|
46
|
-
emit('on-input', e)
|
|
47
|
-
emit('update:modelValue', currentVal.value)
|
|
48
|
-
emit('on-change', e)
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
// 回车事件
|
|
52
|
-
const enterInput = (e: KeyboardEvent) => {
|
|
53
|
-
emit('on-enter', e)
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
return () => {
|
|
57
|
-
if (props.type !== 'textarea') {
|
|
58
|
-
return (
|
|
59
|
-
<div class={classes.value} style={props.inputStyles}>
|
|
60
|
-
<label class={inputClasses.value} style={props.inputStyles}>
|
|
61
|
-
<input
|
|
62
|
-
type={props.type}
|
|
63
|
-
autofocus={props.autofocus}
|
|
64
|
-
value={currentVal.value}
|
|
65
|
-
placeholder={String(props.placeholder)}
|
|
66
|
-
readonly={props.readonly}
|
|
67
|
-
maxlength={props.maxlength}
|
|
68
|
-
name={props.name}
|
|
69
|
-
disabled={props.disable}
|
|
70
|
-
onInput={changeInput}
|
|
71
|
-
onBlur={changeInput}
|
|
72
|
-
onFocus={changeInput}
|
|
73
|
-
onKeyup={(e:any) => e.key === 'Enter' && enterInput(e)}
|
|
74
|
-
onChange={changeInput}
|
|
75
|
-
/>
|
|
76
|
-
</label>
|
|
77
|
-
</div>
|
|
78
|
-
)
|
|
79
|
-
} else {
|
|
80
|
-
return (
|
|
81
|
-
<div class={classes.value} style={props.inputStyles}>
|
|
82
|
-
<label class={textareaClasses.value}>
|
|
83
|
-
<textarea
|
|
84
|
-
autofocus={props.autofocus}
|
|
85
|
-
value={currentVal.value}
|
|
86
|
-
placeholder={String(props.placeholder)}
|
|
87
|
-
readonly={props.readonly}
|
|
88
|
-
maxlength={props.maxlength}
|
|
89
|
-
name={props.name}
|
|
90
|
-
rows={props.rows}
|
|
91
|
-
disabled={props.disable}
|
|
92
|
-
onInput={changeInput}
|
|
93
|
-
onBlur={changeInput}
|
|
94
|
-
onFocus={changeInput}
|
|
95
|
-
onKeyup={(e: any) => e.key === 'Enter' && enterInput(e)}
|
|
96
|
-
onChange={changeInput}
|
|
97
|
-
/>
|
|
98
|
-
</label>
|
|
99
|
-
</div>
|
|
100
|
-
)
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
})
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
// src/components/textBar/types.ts
|
|
2
|
-
export interface TextBarProps {
|
|
3
|
-
modelValue?: string | number
|
|
4
|
-
type?: string
|
|
5
|
-
placeholder?: string | number
|
|
6
|
-
rows?: number
|
|
7
|
-
autofocus?: boolean
|
|
8
|
-
inputStyles?: Record<string, any>
|
|
9
|
-
maxlength?: number
|
|
10
|
-
name?: string
|
|
11
|
-
readonly?: boolean
|
|
12
|
-
disable?: boolean
|
|
13
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
// src/components/badge/badge.d.ts
|
|
2
|
-
|
|
3
|
-
import type { App } from 'vue'
|
|
4
|
-
import type { ActionSheetProps } from './types' // 引入同级 types.ts 中的 BadgeProps
|
|
5
|
-
|
|
6
|
-
/** Badge 组件实例类型,带 install 方法 */
|
|
7
|
-
declare const ActionSheet: {
|
|
8
|
-
/** Vue 组件本身 */
|
|
9
|
-
new (): any
|
|
10
|
-
/** props 类型引用 */
|
|
11
|
-
__props?: ActionSheetProp
|
|
12
|
-
/** install 方法,用于全量注册 */
|
|
13
|
-
install(app: App): void
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export default ActionSheet
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
// src/components/action-sheet/action-sheet.tsx
|
|
2
|
-
import { defineComponent, ref, computed, watch, PropType } from 'vue'
|
|
3
|
-
import Popup from '../popup'
|
|
4
|
-
// import type { PopupProps } from '../popup/types'
|
|
5
|
-
import type { ActionSheetProps } from './types'
|
|
6
|
-
export type { ActionSheetProps }
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
export type ActionItem = {
|
|
10
|
-
text: string
|
|
11
|
-
onClick?: (item: ActionItem, index: number) => void
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
// export type ActionSheetProps = {
|
|
15
|
-
// modelValue?: boolean
|
|
16
|
-
// items?: ActionItem[]
|
|
17
|
-
// cancleText?: string
|
|
18
|
-
// }
|
|
19
|
-
|
|
20
|
-
const prefixCls = 'dpzvc3-actionSheet'
|
|
21
|
-
|
|
22
|
-
export default defineComponent({
|
|
23
|
-
name: 'ActionSheet',
|
|
24
|
-
props: {
|
|
25
|
-
modelValue: { type: Boolean, default: false },
|
|
26
|
-
items: { type: Array as PropType<ActionItem[]>, default: () => [] },
|
|
27
|
-
cancleText: { type: String, default: '取消' }
|
|
28
|
-
},
|
|
29
|
-
emits: ['update:modelValue'],
|
|
30
|
-
setup(props, { emit }) {
|
|
31
|
-
const visible = ref(props.modelValue)
|
|
32
|
-
const actions = ref(props.items)
|
|
33
|
-
|
|
34
|
-
// 同步 props.modelValue
|
|
35
|
-
watch(() => props.modelValue, val => { visible.value = val })
|
|
36
|
-
// 同步 actions
|
|
37
|
-
watch(() => props.items, val => { actions.value = val })
|
|
38
|
-
|
|
39
|
-
const classes = computed(() => [prefixCls])
|
|
40
|
-
const wrapperClasses = computed(() => [`${prefixCls}-wrapper`])
|
|
41
|
-
const wrapperActionClass = computed(() => [`${prefixCls}-wrapper-action`])
|
|
42
|
-
const cancleClass = computed(() => [`${prefixCls}-cancle`])
|
|
43
|
-
|
|
44
|
-
const emitAction = (item: ActionItem, index: number) => {
|
|
45
|
-
item.onClick?.(item, index)
|
|
46
|
-
emit('update:modelValue', false)
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
const cancleClick = () => {
|
|
50
|
-
emit('update:modelValue', false)
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
return () => (
|
|
54
|
-
<div>
|
|
55
|
-
<Popup
|
|
56
|
-
v-model={visible.value}
|
|
57
|
-
position="bottom"
|
|
58
|
-
styles={{ background: 'transparent' }}
|
|
59
|
-
>
|
|
60
|
-
<div class={classes.value}>
|
|
61
|
-
<ul class={wrapperClasses.value}>
|
|
62
|
-
{actions.value.map((item, index) => (
|
|
63
|
-
<li
|
|
64
|
-
key={index}
|
|
65
|
-
class={wrapperActionClass.value}
|
|
66
|
-
onClick={() => emitAction(item, index)}
|
|
67
|
-
>
|
|
68
|
-
<span>{item.text}</span>
|
|
69
|
-
</li>
|
|
70
|
-
))}
|
|
71
|
-
</ul>
|
|
72
|
-
{props.cancleText && (
|
|
73
|
-
<a
|
|
74
|
-
href="javascript:;"
|
|
75
|
-
class={cancleClass.value}
|
|
76
|
-
onClick={cancleClick}
|
|
77
|
-
>
|
|
78
|
-
{props.cancleText}
|
|
79
|
-
</a>
|
|
80
|
-
)}
|
|
81
|
-
</div>
|
|
82
|
-
</Popup>
|
|
83
|
-
</div>
|
|
84
|
-
)
|
|
85
|
-
}
|
|
86
|
-
})
|
package/src/components/app.vue
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<transition :name="direction">
|
|
3
|
-
<router-view class="page" />
|
|
4
|
-
</transition>
|
|
5
|
-
</template>
|
|
6
|
-
<script>
|
|
7
|
-
export default {
|
|
8
|
-
data () {
|
|
9
|
-
return {
|
|
10
|
-
direction: 'dpzvc3-ani-fade'
|
|
11
|
-
}
|
|
12
|
-
},
|
|
13
|
-
watch: {
|
|
14
|
-
$route (to, from) {
|
|
15
|
-
const toDepth = to.path.split('/').length
|
|
16
|
-
const fromDepth = from.path.split('/').length
|
|
17
|
-
|
|
18
|
-
if (toDepth === fromDepth) {
|
|
19
|
-
this.direction = 'dpzvc3-ani-fade'
|
|
20
|
-
} else if (toDepth > fromDepth) {
|
|
21
|
-
this.direction = 'dpzvc3-ani-left'
|
|
22
|
-
} else {
|
|
23
|
-
this.direction = 'dpzvc3-ani-right'
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
},
|
|
27
|
-
mounted () {
|
|
28
|
-
|
|
29
|
-
},
|
|
30
|
-
beforeUnmount () {
|
|
31
|
-
|
|
32
|
-
},
|
|
33
|
-
methods: {
|
|
34
|
-
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
</script>
|
|
38
|
-
<style lang="less">
|
|
39
|
-
// @import '../styles/common.css';
|
|
40
|
-
|
|
41
|
-
// @import '../../src/styles/index';
|
|
42
|
-
@import '../styles/index.less';
|
|
43
|
-
|
|
44
|
-
.page{
|
|
45
|
-
position: relative;
|
|
46
|
-
top: 0;
|
|
47
|
-
left: 0;
|
|
48
|
-
right: 0;
|
|
49
|
-
bottom: 0;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
html,body {
|
|
53
|
-
height: 100%;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
#app {
|
|
57
|
-
height: 100%;
|
|
58
|
-
}
|
|
59
|
-
</style>
|