@maketribe/ms-app 3.0.18 → 3.0.19
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/dist/cjs/components/data-model/data-table/views/table/table.js +17 -1
- package/dist/cjs/components/data-model/data-table/views/table/table.js.map +1 -1
- package/dist/cjs/components/form-components/form-image-upload/form-image-upload-options.d.ts +0 -7
- package/dist/cjs/components/form-components/form-image-upload/form-image-upload-options.js +1 -5
- package/dist/cjs/components/form-components/form-image-upload/form-image-upload-options.js.map +1 -1
- package/dist/cjs/components/form-components/form-image-upload/form-image-upload.d.ts +0 -12
- package/dist/cjs/components/form-components/form-image-upload/form-image-upload.js +15 -2
- package/dist/cjs/components/form-components/form-image-upload/form-image-upload.js.map +1 -1
- package/dist/cjs/components/form-components/form-image-upload/index.d.ts +0 -12
- package/dist/cjs/components/form-components/index.d.ts +0 -1
- package/dist/cjs/components/form-components/index.js +4 -6
- package/dist/cjs/components/form-components/index.js.map +1 -1
- package/dist/cjs/components/index.d.ts +1 -2
- package/dist/cjs/components/index.js +91 -72
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/material-list/material-list.vue2.js +29 -10
- package/dist/cjs/components/material-list/material-list.vue2.js.map +1 -1
- package/dist/cjs/components/upload-file/context/MaterialUploadContext.d.ts +11 -0
- package/dist/cjs/components/upload-file/context/MaterialUploadContext.js +28 -0
- package/dist/cjs/components/upload-file/context/MaterialUploadContext.js.map +1 -0
- package/dist/cjs/components/upload-file/context/UploadContext.d.ts +13 -0
- package/dist/cjs/components/{new-upload-file → upload-file/context}/UploadContext.js +4 -0
- package/dist/cjs/components/upload-file/context/UploadContext.js.map +1 -0
- package/dist/{esm/components/new-upload-file → cjs/components/upload-file/context}/WebFileUploadContext.d.ts +4 -0
- package/dist/cjs/components/{new-upload-file → upload-file/context}/WebFileUploadContext.js +14 -2
- package/dist/cjs/components/upload-file/context/WebFileUploadContext.js.map +1 -0
- package/dist/cjs/components/upload-file/context/index.d.ts +7 -0
- package/dist/cjs/components/upload-file/context/index.js +21 -0
- package/dist/cjs/components/upload-file/context/index.js.map +1 -0
- package/dist/cjs/components/upload-file/context/material-upload-context-options.d.ts +10 -0
- package/dist/cjs/components/upload-file/context/material-upload-context-options.js +12 -0
- package/dist/cjs/components/upload-file/context/material-upload-context-options.js.map +1 -0
- package/dist/cjs/components/upload-file/context/material-upload-context.d.ts +17 -0
- package/dist/cjs/components/upload-file/context/material-upload-context.js +34 -0
- package/dist/cjs/components/upload-file/context/material-upload-context.js.map +1 -0
- package/dist/cjs/components/{upload-image/upload-image-options.d.ts → upload-file/context/web-file-upload-context-options.d.ts} +6 -11
- package/dist/cjs/components/upload-file/context/web-file-upload-context-options.js +16 -0
- package/dist/cjs/components/upload-file/context/web-file-upload-context-options.js.map +1 -0
- package/dist/cjs/components/upload-file/context/web-file-upload-context.d.ts +30 -0
- package/dist/cjs/components/upload-file/context/web-file-upload-context.js +38 -0
- package/dist/cjs/components/upload-file/context/web-file-upload-context.js.map +1 -0
- package/dist/cjs/components/upload-file/index.d.ts +6 -45
- package/dist/cjs/components/upload-file/index.js +26 -4
- package/dist/cjs/components/upload-file/index.js.map +1 -1
- package/dist/cjs/components/upload-file/ui/index.d.ts +1 -0
- package/dist/cjs/components/upload-file/ui/index.js +11 -0
- package/dist/cjs/components/upload-file/ui/index.js.map +1 -0
- package/dist/cjs/components/upload-file/ui/upload-image/index.d.ts +54 -0
- package/dist/cjs/components/upload-file/ui/upload-image/index.js +15 -0
- package/dist/cjs/components/upload-file/ui/upload-image/index.js.map +1 -0
- package/dist/cjs/components/upload-file/ui/upload-image/upload-image-options.d.ts +30 -0
- package/dist/cjs/components/{upload-image → upload-file/ui/upload-image}/upload-image-options.js +8 -10
- package/dist/cjs/components/upload-file/ui/upload-image/upload-image-options.js.map +1 -0
- package/dist/cjs/components/upload-file/ui/upload-image/upload-image.d.ts +54 -0
- package/dist/cjs/components/upload-file/ui/upload-image/upload-image.js +277 -0
- package/dist/cjs/components/upload-file/ui/upload-image/upload-image.js.map +1 -0
- package/dist/cjs/components/upload-file/upload-file-options.d.ts +6 -16
- package/dist/cjs/components/upload-file/upload-file-options.js +19 -21
- package/dist/cjs/components/upload-file/upload-file-options.js.map +1 -1
- package/dist/cjs/components/upload-file/upload-file.d.ts +14 -37
- package/dist/cjs/components/upload-file/upload-file.js +41 -38
- package/dist/cjs/components/upload-file/upload-file.js.map +1 -1
- package/dist/cjs/core/component/DataFormComponents.js +0 -14
- package/dist/cjs/core/component/DataFormComponents.js.map +1 -1
- package/dist/cjs/dataview/material/MaterialMan.js +0 -1
- package/dist/cjs/dataview/material/MaterialMan.js.map +1 -1
- package/dist/cjs/dataview/member/MemberForm.js +2 -5
- package/dist/cjs/dataview/member/MemberForm.js.map +1 -1
- package/dist/cjs/dataview/member/MemberTable.js +2 -1
- package/dist/cjs/dataview/member/MemberTable.js.map +1 -1
- package/dist/cjs/dataview/route/RouteTable.js +1 -1
- package/dist/cjs/dataview/route/RouteTable.js.map +1 -1
- package/dist/cjs/index.js +91 -72
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/installer.js +16 -4
- package/dist/cjs/installer.js.map +1 -1
- package/dist/cjs/layouts/components/bar/index.js +8 -3
- package/dist/cjs/layouts/components/bar/index.js.map +1 -1
- package/dist/cjs/layouts/components/header/tools.js +8 -3
- package/dist/cjs/layouts/components/header/tools.js.map +1 -1
- package/dist/cjs/layouts/components/lock/lock.js +8 -3
- package/dist/cjs/layouts/components/lock/lock.js.map +1 -1
- package/dist/cjs/layouts/components/menu/menu-item.js +8 -4
- package/dist/cjs/layouts/components/menu/menu-item.js.map +1 -1
- package/dist/cjs/layouts/container/default.js +10 -5
- package/dist/cjs/layouts/container/default.js.map +1 -1
- package/dist/cjs/page/index/dv/default/single/list/dialog.vue2.js +8 -4
- package/dist/cjs/page/index/dv/default/single/list/dialog.vue2.js.map +1 -1
- package/dist/cjs/page/index/dv/default/single/list/normal.vue2.js +8 -4
- package/dist/cjs/page/index/dv/default/single/list/normal.vue2.js.map +1 -1
- package/dist/cjs/page/index/dv/default/single/table-tree/dialog.vue2.js +7 -3
- package/dist/cjs/page/index/dv/default/single/table-tree/dialog.vue2.js.map +1 -1
- package/dist/cjs/page/index/dv/default/single/tree/dialog.vue2.js +8 -4
- package/dist/cjs/page/index/dv/default/single/tree/dialog.vue2.js.map +1 -1
- package/dist/cjs/page/index/dv/default/table.vue2.js +7 -3
- package/dist/cjs/page/index/dv/default/table.vue2.js.map +1 -1
- package/dist/cjs/page/index/dv/local-log/index.vue2.js +7 -3
- package/dist/cjs/page/index/dv/local-log/index.vue2.js.map +1 -1
- package/dist/cjs/page/index/dv/ms-member/index.vue2.js +8 -3
- package/dist/cjs/page/index/dv/ms-member/index.vue2.js.map +1 -1
- package/dist/cjs/page/index/dv/ms-role/index.vue2.js +7 -3
- package/dist/cjs/page/index/dv/ms-role/index.vue2.js.map +1 -1
- package/dist/cjs/page/index/material/index.vue2.js +7 -3
- package/dist/cjs/page/index/material/index.vue2.js.map +1 -1
- package/dist/cjs/page/login/index.vue2.js +8 -4
- package/dist/cjs/page/login/index.vue2.js.map +1 -1
- package/dist/cjs/page/signup/index.vue2.js +7 -3
- package/dist/cjs/page/signup/index.vue2.js.map +1 -1
- package/dist/esm/components/data-model/data-table/views/table/table.js +17 -1
- package/dist/esm/components/data-model/data-table/views/table/table.js.map +1 -1
- package/dist/esm/components/form-components/form-image-upload/form-image-upload-options.d.ts +0 -7
- package/dist/esm/components/form-components/form-image-upload/form-image-upload-options.js +1 -5
- package/dist/esm/components/form-components/form-image-upload/form-image-upload-options.js.map +1 -1
- package/dist/esm/components/form-components/form-image-upload/form-image-upload.d.ts +0 -12
- package/dist/esm/components/form-components/form-image-upload/form-image-upload.js +15 -2
- package/dist/esm/components/form-components/form-image-upload/form-image-upload.js.map +1 -1
- package/dist/esm/components/form-components/form-image-upload/index.d.ts +0 -12
- package/dist/esm/components/form-components/index.d.ts +0 -1
- package/dist/esm/components/form-components/index.js +0 -1
- package/dist/esm/components/form-components/index.js.map +1 -1
- package/dist/esm/components/index.d.ts +1 -2
- package/dist/esm/components/index.js +11 -3
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/material-list/material-list.vue2.js +29 -10
- package/dist/esm/components/material-list/material-list.vue2.js.map +1 -1
- package/dist/esm/components/upload-file/context/MaterialUploadContext.d.ts +11 -0
- package/dist/esm/components/upload-file/context/MaterialUploadContext.js +26 -0
- package/dist/esm/components/upload-file/context/MaterialUploadContext.js.map +1 -0
- package/dist/esm/components/upload-file/context/UploadContext.d.ts +13 -0
- package/dist/esm/components/{new-upload-file → upload-file/context}/UploadContext.js +4 -1
- package/dist/esm/components/upload-file/context/UploadContext.js.map +1 -0
- package/dist/{cjs/components/new-upload-file → esm/components/upload-file/context}/WebFileUploadContext.d.ts +4 -0
- package/dist/esm/components/{new-upload-file → upload-file/context}/WebFileUploadContext.js +14 -2
- package/dist/esm/components/upload-file/context/WebFileUploadContext.js.map +1 -0
- package/dist/esm/components/upload-file/context/index.d.ts +7 -0
- package/dist/esm/components/upload-file/context/index.js +8 -0
- package/dist/esm/components/upload-file/context/index.js.map +1 -0
- package/dist/esm/components/upload-file/context/material-upload-context-options.d.ts +10 -0
- package/dist/esm/components/upload-file/context/material-upload-context-options.js +10 -0
- package/dist/esm/components/upload-file/context/material-upload-context-options.js.map +1 -0
- package/dist/esm/components/upload-file/context/material-upload-context.d.ts +17 -0
- package/dist/esm/components/upload-file/context/material-upload-context.js +32 -0
- package/dist/esm/components/upload-file/context/material-upload-context.js.map +1 -0
- package/dist/esm/components/{upload-image/upload-image-options.d.ts → upload-file/context/web-file-upload-context-options.d.ts} +6 -11
- package/dist/esm/components/upload-file/context/web-file-upload-context-options.js +14 -0
- package/dist/esm/components/upload-file/context/web-file-upload-context-options.js.map +1 -0
- package/dist/esm/components/upload-file/context/web-file-upload-context.d.ts +30 -0
- package/dist/esm/components/upload-file/context/web-file-upload-context.js +36 -0
- package/dist/esm/components/upload-file/context/web-file-upload-context.js.map +1 -0
- package/dist/esm/components/upload-file/index.d.ts +6 -45
- package/dist/esm/components/upload-file/index.js +12 -3
- package/dist/esm/components/upload-file/index.js.map +1 -1
- package/dist/esm/components/upload-file/ui/index.d.ts +1 -0
- package/dist/esm/components/upload-file/ui/index.js +3 -0
- package/dist/esm/components/upload-file/ui/index.js.map +1 -0
- package/dist/esm/components/upload-file/ui/upload-image/index.d.ts +54 -0
- package/dist/esm/components/upload-file/ui/upload-image/index.js +8 -0
- package/dist/esm/components/upload-file/ui/upload-image/index.js.map +1 -0
- package/dist/esm/components/upload-file/ui/upload-image/upload-image-options.d.ts +30 -0
- package/dist/esm/components/{upload-image → upload-file/ui/upload-image}/upload-image-options.js +8 -10
- package/dist/esm/components/upload-file/ui/upload-image/upload-image-options.js.map +1 -0
- package/dist/esm/components/upload-file/ui/upload-image/upload-image.d.ts +54 -0
- package/dist/esm/components/upload-file/ui/upload-image/upload-image.js +275 -0
- package/dist/esm/components/upload-file/ui/upload-image/upload-image.js.map +1 -0
- package/dist/esm/components/upload-file/upload-file-options.d.ts +6 -16
- package/dist/esm/components/upload-file/upload-file-options.js +19 -21
- package/dist/esm/components/upload-file/upload-file-options.js.map +1 -1
- package/dist/esm/components/upload-file/upload-file.d.ts +14 -37
- package/dist/esm/components/upload-file/upload-file.js +42 -39
- package/dist/esm/components/upload-file/upload-file.js.map +1 -1
- package/dist/esm/core/component/DataFormComponents.js +0 -14
- package/dist/esm/core/component/DataFormComponents.js.map +1 -1
- package/dist/esm/dataview/material/MaterialMan.js +1 -2
- package/dist/esm/dataview/material/MaterialMan.js.map +1 -1
- package/dist/esm/dataview/member/MemberForm.js +2 -5
- package/dist/esm/dataview/member/MemberForm.js.map +1 -1
- package/dist/esm/dataview/member/MemberTable.js +2 -1
- package/dist/esm/dataview/member/MemberTable.js.map +1 -1
- package/dist/esm/dataview/route/RouteTable.js +1 -1
- package/dist/esm/dataview/route/RouteTable.js.map +1 -1
- package/dist/esm/index.js +11 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/installer.js +16 -4
- package/dist/esm/installer.js.map +1 -1
- package/dist/esm/layouts/components/bar/index.js +8 -3
- package/dist/esm/layouts/components/bar/index.js.map +1 -1
- package/dist/esm/layouts/components/header/tools.js +8 -3
- package/dist/esm/layouts/components/header/tools.js.map +1 -1
- package/dist/esm/layouts/components/lock/lock.js +8 -3
- package/dist/esm/layouts/components/lock/lock.js.map +1 -1
- package/dist/esm/layouts/components/menu/menu-item.js +8 -4
- package/dist/esm/layouts/components/menu/menu-item.js.map +1 -1
- package/dist/esm/layouts/container/default.js +10 -5
- package/dist/esm/layouts/container/default.js.map +1 -1
- package/dist/esm/page/index/dv/default/single/list/dialog.vue2.js +8 -4
- package/dist/esm/page/index/dv/default/single/list/dialog.vue2.js.map +1 -1
- package/dist/esm/page/index/dv/default/single/list/normal.vue2.js +8 -4
- package/dist/esm/page/index/dv/default/single/list/normal.vue2.js.map +1 -1
- package/dist/esm/page/index/dv/default/single/table-tree/dialog.vue2.js +7 -3
- package/dist/esm/page/index/dv/default/single/table-tree/dialog.vue2.js.map +1 -1
- package/dist/esm/page/index/dv/default/single/tree/dialog.vue2.js +8 -4
- package/dist/esm/page/index/dv/default/single/tree/dialog.vue2.js.map +1 -1
- package/dist/esm/page/index/dv/default/table.vue2.js +7 -3
- package/dist/esm/page/index/dv/default/table.vue2.js.map +1 -1
- package/dist/esm/page/index/dv/local-log/index.vue2.js +7 -3
- package/dist/esm/page/index/dv/local-log/index.vue2.js.map +1 -1
- package/dist/esm/page/index/dv/ms-member/index.vue2.js +9 -4
- package/dist/esm/page/index/dv/ms-member/index.vue2.js.map +1 -1
- package/dist/esm/page/index/dv/ms-role/index.vue2.js +7 -3
- package/dist/esm/page/index/dv/ms-role/index.vue2.js.map +1 -1
- package/dist/esm/page/index/material/index.vue2.js +7 -3
- package/dist/esm/page/index/material/index.vue2.js.map +1 -1
- package/dist/esm/page/login/index.vue2.js +8 -4
- package/dist/esm/page/login/index.vue2.js.map +1 -1
- package/dist/esm/page/signup/index.vue2.js +7 -3
- package/dist/esm/page/signup/index.vue2.js.map +1 -1
- package/dist/style/components/index.css +1 -1
- package/dist/style/components/upload-image.css +1 -1
- package/dist/style/index.css +2 -2
- package/dist/style/src/components/upload-image.scss +106 -44
- package/dist/style/src/index.scss +2 -0
- package/package.json +2 -2
- package/src/components/data-model/data-table/views/table/table.tsx +17 -1
- package/src/components/form-components/form-image-upload/form-image-upload-options.ts +0 -4
- package/src/components/form-components/form-image-upload/form-image-upload.tsx +1 -2
- package/src/components/form-components/index.ts +0 -1
- package/src/components/index.ts +1 -2
- package/src/components/material-list/material-list.vue +10 -8
- package/src/components/upload-file/context/MaterialUploadContext.ts +33 -0
- package/src/components/upload-file/context/UploadContext.ts +21 -0
- package/src/components/{new-upload-file → upload-file/context}/WebFileUploadContext.ts +20 -1
- package/src/components/upload-file/context/index.ts +7 -0
- package/src/components/upload-file/context/material-upload-context-options.ts +13 -0
- package/src/components/upload-file/context/material-upload-context.tsx +34 -0
- package/src/components/upload-file/context/web-file-upload-context-options.ts +16 -0
- package/src/components/upload-file/context/web-file-upload-context.tsx +37 -0
- package/src/components/upload-file/index.ts +9 -3
- package/src/components/upload-file/ui/index.ts +1 -0
- package/src/components/upload-file/ui/upload-image/index.ts +7 -0
- package/src/components/upload-file/ui/upload-image/upload-image-options.ts +23 -0
- package/src/components/upload-file/ui/upload-image/upload-image.tsx +337 -0
- package/src/components/upload-file/upload-file-options.ts +8 -22
- package/src/components/upload-file/upload-file.tsx +55 -42
- package/src/core/component/DataFormComponents.ts +0 -16
- package/src/dataview/material/MaterialMan.ts +0 -4
- package/src/dataview/member/MemberForm.ts +1 -3
- package/src/dataview/member/MemberTable.tsx +6 -1
- package/src/dataview/route/RouteTable.ts +1 -1
- package/src/installer.ts +8 -0
- package/src/page/index/dv/ms-member/index.vue +4 -1
- package/src/page/login/index.vue +1 -1
- package/dist/cjs/components/form-components/form-image-list/form-image-list-options.d.ts +0 -18
- package/dist/cjs/components/form-components/form-image-list/form-image-list-options.js +0 -19
- package/dist/cjs/components/form-components/form-image-list/form-image-list-options.js.map +0 -1
- package/dist/cjs/components/form-components/form-image-list/form-image-list.d.ts +0 -32
- package/dist/cjs/components/form-components/form-image-list/form-image-list.js +0 -52
- package/dist/cjs/components/form-components/form-image-list/form-image-list.js.map +0 -1
- package/dist/cjs/components/form-components/form-image-list/index.d.ts +0 -32
- package/dist/cjs/components/form-components/form-image-list/index.js +0 -12
- package/dist/cjs/components/form-components/form-image-list/index.js.map +0 -1
- package/dist/cjs/components/new-upload-file/MaterialUploadContext.d.ts +0 -4
- package/dist/cjs/components/new-upload-file/MaterialUploadContext.js +0 -18
- package/dist/cjs/components/new-upload-file/MaterialUploadContext.js.map +0 -1
- package/dist/cjs/components/new-upload-file/UploadContext.d.ts +0 -8
- package/dist/cjs/components/new-upload-file/UploadContext.js.map +0 -1
- package/dist/cjs/components/new-upload-file/WebFileUploadContext.js.map +0 -1
- package/dist/cjs/components/new-upload-file/upload-file-options.d.ts +0 -17
- package/dist/cjs/components/new-upload-file/upload-file-options.js +0 -23
- package/dist/cjs/components/new-upload-file/upload-file-options.js.map +0 -1
- package/dist/cjs/components/new-upload-file/upload-file.d.ts +0 -40
- package/dist/cjs/components/new-upload-file/upload-file.js +0 -49
- package/dist/cjs/components/new-upload-file/upload-file.js.map +0 -1
- package/dist/cjs/components/upload-image/index.d.ts +0 -36
- package/dist/cjs/components/upload-image/index.js +0 -11
- package/dist/cjs/components/upload-image/index.js.map +0 -1
- package/dist/cjs/components/upload-image/upload-image-options.js.map +0 -1
- package/dist/cjs/components/upload-image/upload-image.d.ts +0 -36
- package/dist/cjs/components/upload-image/upload-image.js +0 -60
- package/dist/cjs/components/upload-image/upload-image.js.map +0 -1
- package/dist/esm/components/form-components/form-image-list/form-image-list-options.d.ts +0 -18
- package/dist/esm/components/form-components/form-image-list/form-image-list-options.js +0 -17
- package/dist/esm/components/form-components/form-image-list/form-image-list-options.js.map +0 -1
- package/dist/esm/components/form-components/form-image-list/form-image-list.d.ts +0 -32
- package/dist/esm/components/form-components/form-image-list/form-image-list.js +0 -50
- package/dist/esm/components/form-components/form-image-list/form-image-list.js.map +0 -1
- package/dist/esm/components/form-components/form-image-list/index.d.ts +0 -32
- package/dist/esm/components/form-components/form-image-list/index.js +0 -7
- package/dist/esm/components/form-components/form-image-list/index.js.map +0 -1
- package/dist/esm/components/new-upload-file/MaterialUploadContext.d.ts +0 -4
- package/dist/esm/components/new-upload-file/MaterialUploadContext.js +0 -16
- package/dist/esm/components/new-upload-file/MaterialUploadContext.js.map +0 -1
- package/dist/esm/components/new-upload-file/UploadContext.d.ts +0 -8
- package/dist/esm/components/new-upload-file/UploadContext.js.map +0 -1
- package/dist/esm/components/new-upload-file/WebFileUploadContext.js.map +0 -1
- package/dist/esm/components/new-upload-file/upload-file-options.d.ts +0 -17
- package/dist/esm/components/new-upload-file/upload-file-options.js +0 -20
- package/dist/esm/components/new-upload-file/upload-file-options.js.map +0 -1
- package/dist/esm/components/new-upload-file/upload-file.d.ts +0 -40
- package/dist/esm/components/new-upload-file/upload-file.js +0 -47
- package/dist/esm/components/new-upload-file/upload-file.js.map +0 -1
- package/dist/esm/components/upload-image/index.d.ts +0 -36
- package/dist/esm/components/upload-image/index.js +0 -6
- package/dist/esm/components/upload-image/index.js.map +0 -1
- package/dist/esm/components/upload-image/upload-image-options.js.map +0 -1
- package/dist/esm/components/upload-image/upload-image.d.ts +0 -36
- package/dist/esm/components/upload-image/upload-image.js +0 -58
- package/dist/esm/components/upload-image/upload-image.js.map +0 -1
- package/src/components/form-components/form-image-list/form-image-list-options.ts +0 -17
- package/src/components/form-components/form-image-list/form-image-list.tsx +0 -52
- package/src/components/form-components/form-image-list/index.ts +0 -5
- package/src/components/new-upload-file/MaterialUploadContext.ts +0 -14
- package/src/components/new-upload-file/UploadContext.ts +0 -11
- package/src/components/new-upload-file/upload-file-options.ts +0 -23
- package/src/components/new-upload-file/upload-file.tsx +0 -61
- package/src/components/upload-image/index.ts +0 -5
- package/src/components/upload-image/upload-image-options.ts +0 -24
- package/src/components/upload-image/upload-image.tsx +0 -58
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { defineComponent, computed, unref, createVNode } from 'vue';
|
|
2
|
-
import { useFormItem } from '../../data-model/data-form/composables/use-form-item.js';
|
|
3
|
-
import { MKUploadFile } from '../../upload-file/index.js';
|
|
4
|
-
import { MKSvgIcon } from '../../svg-icon/index.js';
|
|
5
|
-
import { formImageListProps } from './form-image-list-options.js';
|
|
6
|
-
|
|
7
|
-
var FormImageList = /* @__PURE__ */ defineComponent({
|
|
8
|
-
name: "MKFormImageList",
|
|
9
|
-
props: formImageListProps,
|
|
10
|
-
setup(props) {
|
|
11
|
-
const {
|
|
12
|
-
column,
|
|
13
|
-
value
|
|
14
|
-
} = useFormItem();
|
|
15
|
-
const fileList = computed(() => unref(value)?.map?.((item) => ({
|
|
16
|
-
name: item,
|
|
17
|
-
url: item
|
|
18
|
-
})) ?? []);
|
|
19
|
-
const handleUploadSuccess = (res) => {
|
|
20
|
-
let _value = unref(value);
|
|
21
|
-
_value = Array.isArray(_value) ? [..._value] : [];
|
|
22
|
-
_value.push(res.data.data.path);
|
|
23
|
-
value.value = _value;
|
|
24
|
-
};
|
|
25
|
-
const handleRemove = (item) => {
|
|
26
|
-
value.value = unref(value).filter((path) => path !== item.url);
|
|
27
|
-
};
|
|
28
|
-
return () => {
|
|
29
|
-
return createVNode("div", {
|
|
30
|
-
"class": "img-select-list"
|
|
31
|
-
}, [createVNode(MKUploadFile, {
|
|
32
|
-
"class": "image-select-list-box",
|
|
33
|
-
"showFileList": true,
|
|
34
|
-
"fileList": unref(fileList),
|
|
35
|
-
"listType": "picture-card",
|
|
36
|
-
"upload": props.upload,
|
|
37
|
-
"onUploadSuccess": handleUploadSuccess,
|
|
38
|
-
"onRemove": handleRemove,
|
|
39
|
-
"limit": props.limit
|
|
40
|
-
}, {
|
|
41
|
-
default: () => [createVNode(MKSvgIcon, {
|
|
42
|
-
"iconClass": "Plus"
|
|
43
|
-
}, null)]
|
|
44
|
-
})]);
|
|
45
|
-
};
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
|
|
49
|
-
export { FormImageList as default };
|
|
50
|
-
//# sourceMappingURL=form-image-list.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"form-image-list.js","sources":["../../../../../src/components/form-components/form-image-list/form-image-list.tsx"],"sourcesContent":["import { defineComponent, computed, unref } from \"vue\";\nimport { useFormItem } from \"../../data-model/data-form/composables\";\nimport MKUploadFile from \"../../upload-file\";\nimport { MKSvgIcon } from \"../../svg-icon\";\nimport { formImageListProps } from \"./form-image-list-options\";\nimport { UploadFile } from \"element-plus\";\n\nexport default defineComponent({\n name: \"MKFormImageList\",\n props: formImageListProps,\n setup(props) {\n const { column, value } = useFormItem();\n\n const fileList = computed(\n () =>\n unref(value)?.map?.((item: string) => ({ name: item, url: item })) ?? []\n );\n\n const handleUploadSuccess = (res: any) => {\n let _value = unref(value);\n\n _value = Array.isArray(_value) ? [..._value] : [];\n\n _value.push(res.data.data.path);\n\n value.value = _value;\n };\n\n const handleRemove = (item: UploadFile) => {\n value.value = unref(value).filter((path: string) => path !== item.url);\n };\n\n return () => {\n return (\n <div class=\"img-select-list\">\n <MKUploadFile\n class=\"image-select-list-box\"\n showFileList={true}\n fileList={unref(fileList)}\n listType=\"picture-card\"\n upload={props.upload}\n onUploadSuccess={handleUploadSuccess}\n onRemove={handleRemove}\n limit={props.limit}\n >\n <MKSvgIcon iconClass=\"Plus\" />\n </MKUploadFile>\n </div>\n );\n };\n },\n});\n"],"names":["name","props","formImageListProps","setup","column","value","useFormItem","fileList","computed","unref","map","item","url","handleUploadSuccess","res","_value","Array","isArray","push","data","path","handleRemove","filter","_createVNode","MKUploadFile","upload","limit","default","MKSvgIcon"],"mappings":";;;;;;AAOA,oCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,iBAAA;AAAA,EACNC,KAAOC,EAAAA,kBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AACX,IAAM,MAAA;AAAA,MAAEG,MAAAA;AAAAA,MAAQC,KAAAA;AAAAA,QAAUC,WAAY,EAAA,CAAA;AAEtC,IAAA,MAAMC,WAAWC,QACf,CAAA,MACEC,MAAMJ,KAAK,CAAA,EAAGK,MAAOC,CAAkB,IAAA,MAAA;AAAA,MAAEX,IAAMW,EAAAA,IAAAA;AAAAA,MAAMC,GAAKD,EAAAA,IAAAA;AAAAA,KAAK,CAAE,CAAK,IAAA,EAC1E,CAAA,CAAA;AAEA,IAAA,MAAME,sBAAuBC,CAAa,GAAA,KAAA;AACxC,MAAIC,IAAAA,MAAAA,GAASN,MAAMJ,KAAK,CAAA,CAAA;AAExBU,MAASC,MAAAA,GAAAA,KAAAA,CAAMC,QAAQF,MAAM,CAAA,GAAI,CAAC,GAAGA,MAAM,IAAI,EAAE,CAAA;AAEjDA,MAAAA,MAAAA,CAAOG,IAAKJ,CAAAA,GAAAA,CAAIK,IAAKA,CAAAA,IAAAA,CAAKC,IAAI,CAAA,CAAA;AAE9Bf,MAAAA,KAAAA,CAAMA,KAAQU,GAAAA,MAAAA,CAAAA;AAAAA,KAChB,CAAA;AAEA,IAAA,MAAMM,eAAgBV,CAAqB,IAAA,KAAA;AACzCN,MAAMA,KAAAA,CAAAA,KAAAA,GAAQI,MAAMJ,KAAK,CAAA,CAAEiB,OAAQF,CAAiBA,IAAAA,KAAAA,IAAAA,KAAST,KAAKC,GAAG,CAAA,CAAA;AAAA,KACvE,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,OAAAW,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,iBAAA;AAAA,OAAA,EAAAA,CAAAA,WAAAA,CAAAC,YAAA,EAAA;AAAA,QAAA,OAAA,EAAA,uBAAA;AAAA,QAAA,cAIoB,EAAA,IAAA;AAAA,QAAI,UAAA,EACRf,MAAMF,QAAQ,CAAA;AAAA,QAAC,UAAA,EAAA,cAAA;AAAA,QAAA,UAEjBN,KAAMwB,CAAAA,MAAAA;AAAAA,QAAM,iBACHZ,EAAAA,mBAAAA;AAAAA,QAAmB,UAC1BQ,EAAAA,YAAAA;AAAAA,QAAY,SACfpB,KAAMyB,CAAAA,KAAAA;AAAAA,OAAK,EAAA;AAAA,QAAAC,OAAAA,EAAAA,MAAAJ,CAAAA,WAAAA,CAAAK,SAAA,EAAA;AAAA,UAAA,WAAA,EAAA,MAAA;AAAA,SAAA,EAAA,IAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAM1B,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
export declare const MKFormImageList: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
2
|
-
upload: {
|
|
3
|
-
readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
|
|
4
|
-
readonly required: false;
|
|
5
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
6
|
-
__mkPropKey: true;
|
|
7
|
-
};
|
|
8
|
-
limit: import("@maketribe/utils").PropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
|
|
9
|
-
column: {
|
|
10
|
-
readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
|
|
11
|
-
readonly required: true;
|
|
12
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
13
|
-
__mkPropKey: true;
|
|
14
|
-
};
|
|
15
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
16
|
-
upload: {
|
|
17
|
-
readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
|
|
18
|
-
readonly required: false;
|
|
19
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
20
|
-
__mkPropKey: true;
|
|
21
|
-
};
|
|
22
|
-
limit: import("@maketribe/utils").PropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
|
|
23
|
-
column: {
|
|
24
|
-
readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
|
|
25
|
-
readonly required: true;
|
|
26
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
27
|
-
__mkPropKey: true;
|
|
28
|
-
};
|
|
29
|
-
}>>, {
|
|
30
|
-
limit: number;
|
|
31
|
-
}, {}>> & Record<string, any>;
|
|
32
|
-
export default MKFormImageList;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/form-components/form-image-list/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport FormImageList from \"./form-image-list\";\n\nexport const MKFormImageList = withInstall(FormImageList);\nexport default MKFormImageList;\n"],"names":[],"mappings":";;;AAGa,MAAA,eAAA,GAAkB,YAAY,aAAa;;;;"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { MKMaterialSelect } from '../material-select/index.js';
|
|
2
|
-
import { UploadContext } from './UploadContext.js';
|
|
3
|
-
|
|
4
|
-
class MaterialUploadContext extends UploadContext {
|
|
5
|
-
async selectFile() {
|
|
6
|
-
const materialSelectResult = await MKMaterialSelect();
|
|
7
|
-
return {
|
|
8
|
-
success: materialSelectResult.success,
|
|
9
|
-
path: materialSelectResult.path,
|
|
10
|
-
msg: ""
|
|
11
|
-
};
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
export { MaterialUploadContext };
|
|
16
|
-
//# sourceMappingURL=MaterialUploadContext.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MaterialUploadContext.js","sources":["../../../../src/components/new-upload-file/MaterialUploadContext.ts"],"sourcesContent":["import { MKMaterialSelect, MaterialSelectResult } from \"../material-select\";\nimport { UploadContext, UploadResult } from \"./UploadContext\";\n\nexport class MaterialUploadContext extends UploadContext {\n async selectFile(): Promise<UploadResult> {\n const materialSelectResult = await MKMaterialSelect();\n\n return {\n success: materialSelectResult.success,\n path: materialSelectResult.path,\n msg: \"\",\n };\n }\n}\n"],"names":[],"mappings":";;;AAGO,MAAM,8BAA8B,aAAc,CAAA;AAAA,EACvD,MAAM,UAAoC,GAAA;AACxC,IAAM,MAAA,oBAAA,GAAuB,MAAM,gBAAiB,EAAA,CAAA;AAEpD,IAAO,OAAA;AAAA,MACL,SAAS,oBAAqB,CAAA,OAAA;AAAA,MAC9B,MAAM,oBAAqB,CAAA,IAAA;AAAA,MAC3B,GAAK,EAAA,EAAA;AAAA,KACP,CAAA;AAAA,GACF;AACF;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"UploadContext.js","sources":["../../../../src/components/new-upload-file/UploadContext.ts"],"sourcesContent":["export type UploadResult = {\n success: boolean;\n path: string;\n msg: string;\n};\n\nexport class UploadContext {\n selectFile(): Promise<UploadResult> {\n throw new Error();\n }\n}\n"],"names":[],"mappings":"AAMO,MAAM,aAAc,CAAA;AAAA,EACzB,UAAoC,GAAA;AAClC,IAAA,MAAM,IAAI,KAAM,EAAA,CAAA;AAAA,GAClB;AACF;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"WebFileUploadContext.js","sources":["../../../../src/components/new-upload-file/WebFileUploadContext.ts"],"sourcesContent":["import { WebFileUpload } from \"@maketribe/request\";\nimport { UploadContext, UploadResult } from \"./UploadContext\";\nimport { MSAppClient } from \"../../core\";\n\nexport type WebFileUploadContextOptions = {\n webFileUpload?: WebFileUpload;\n};\n\nexport class WebFileUploadContext extends UploadContext {\n webFileUpload: WebFileUpload;\n\n constructor(options: WebFileUploadContextOptions = {}) {\n super();\n\n this.webFileUpload =\n options.webFileUpload ??\n new WebFileUpload({\n httpRequest: MSAppClient.instance!.httpRequest,\n });\n }\n\n async selectFile(): Promise<UploadResult> {\n const input = document.createElement(\"input\");\n\n input.type = \"file\";\n Object.assign(input.style, {\n width: \"1px\",\n height: \"1px\",\n display: \"none\",\n });\n\n const file: File | null = await new Promise((resolve) => {\n const handleFileChange = (event: Event) => {\n const files = input.files;\n\n input.parentElement?.removeChild(input);\n\n resolve(files?.length ? files[0] : null);\n };\n\n input.addEventListener(\"change\", handleFileChange);\n\n document.body.append(input);\n });\n\n if (!file) {\n return { success: true, path: \"\", msg: \"\" };\n }\n\n const response = await this.webFileUpload.upload(file);\n\n return {\n success: response.data.code === 200,\n path: response.data.data.path,\n msg: response.data.msg,\n };\n }\n}\n"],"names":[],"mappings":";;;;;;;;;AAQO,MAAM,6BAA6B,aAAc,CAAA;AAAA,EACtD,aAAA,CAAA;AAAA,EAEA,WAAA,CAAY,OAAuC,GAAA,EAAI,EAAA;AACrD,IAAM,KAAA,EAAA,CAAA;AAEN,IAAA,IAAA,CAAK,aACH,GAAA,OAAA,CAAQ,aACR,IAAA,IAAI,aAAc,CAAA;AAAA,MAChB,WAAA,EAAa,YAAY,QAAU,CAAA,WAAA;AAAA,KACpC,CAAA,CAAA;AAAA,GACL;AAAA,EAEA,MAAM,UAAoC,GAAA;AACxC,IAAM,MAAA,KAAA,GAAQ,QAAS,CAAA,aAAA,CAAc,OAAO,CAAA,CAAA;AAE5C,IAAA,KAAA,CAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAO,MAAA,CAAA,MAAA,CAAO,MAAM,KAAO,EAAA;AAAA,MACzB,KAAO,EAAA,KAAA;AAAA,MACP,MAAQ,EAAA,KAAA;AAAA,MACR,OAAS,EAAA,MAAA;AAAA,KACV,CAAA,CAAA;AAED,IAAA,MAAM,IAAoB,GAAA,MAAM,IAAI,OAAA,CAAQ,CAAC,OAAY,KAAA;AACvD,MAAM,MAAA,gBAAA,GAAmB,CAAC,KAAiB,KAAA;AACzC,QAAA,MAAM,QAAQ,KAAM,CAAA,KAAA,CAAA;AAEpB,QAAM,KAAA,CAAA,aAAA,EAAe,YAAY,KAAK,CAAA,CAAA;AAEtC,QAAA,OAAA,CAAQ,KAAO,EAAA,MAAA,GAAS,KAAM,CAAA,CAAC,IAAI,IAAI,CAAA,CAAA;AAAA,OACzC,CAAA;AAEA,MAAM,KAAA,CAAA,gBAAA,CAAiB,UAAU,gBAAgB,CAAA,CAAA;AAEjD,MAAS,QAAA,CAAA,IAAA,CAAK,OAAO,KAAK,CAAA,CAAA;AAAA,KAC3B,CAAA,CAAA;AAED,IAAA,IAAI,CAAC,IAAM,EAAA;AACT,MAAA,OAAO,EAAE,OAAS,EAAA,IAAA,EAAM,IAAM,EAAA,EAAA,EAAI,KAAK,EAAG,EAAA,CAAA;AAAA,KAC5C;AAEA,IAAA,MAAM,QAAW,GAAA,MAAM,IAAK,CAAA,aAAA,CAAc,OAAO,IAAI,CAAA,CAAA;AAErD,IAAO,OAAA;AAAA,MACL,OAAA,EAAS,QAAS,CAAA,IAAA,CAAK,IAAS,KAAA,GAAA;AAAA,MAChC,IAAA,EAAM,QAAS,CAAA,IAAA,CAAK,IAAK,CAAA,IAAA;AAAA,MACzB,GAAA,EAAK,SAAS,IAAK,CAAA,GAAA;AAAA,KACrB,CAAA;AAAA,GACF;AACF;;;;"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { ExtractPropTypes } from "vue";
|
|
2
|
-
import { UploadContext } from "./UploadContext";
|
|
3
|
-
import { MaterialUploadContext } from "./MaterialUploadContext";
|
|
4
|
-
export declare const uploadFileProps: {
|
|
5
|
-
readonly modelValue: {
|
|
6
|
-
readonly type: import("vue").PropType<string>;
|
|
7
|
-
readonly required: true;
|
|
8
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
9
|
-
__mkPropKey: true;
|
|
10
|
-
};
|
|
11
|
-
readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof UploadContext, unknown, unknown, () => MaterialUploadContext, boolean>;
|
|
12
|
-
};
|
|
13
|
-
export type UploadFileProps = ExtractPropTypes<typeof uploadFileProps>;
|
|
14
|
-
export declare const uploadFileEmits: {
|
|
15
|
-
"upload:modelValue": (path: string) => boolean;
|
|
16
|
-
};
|
|
17
|
-
export type UploadFileEmits = typeof uploadFileEmits;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { buildProps } from '@maketribe/utils';
|
|
2
|
-
import { UploadContext } from './UploadContext.js';
|
|
3
|
-
import { MaterialUploadContext } from './MaterialUploadContext.js';
|
|
4
|
-
|
|
5
|
-
const uploadFileProps = buildProps({
|
|
6
|
-
modelValue: {
|
|
7
|
-
type: String,
|
|
8
|
-
required: true
|
|
9
|
-
},
|
|
10
|
-
uploadContext: {
|
|
11
|
-
type: UploadContext,
|
|
12
|
-
default: () => new MaterialUploadContext()
|
|
13
|
-
}
|
|
14
|
-
});
|
|
15
|
-
const uploadFileEmits = {
|
|
16
|
-
"upload:modelValue": (path) => true
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
export { uploadFileEmits, uploadFileProps };
|
|
20
|
-
//# sourceMappingURL=upload-file-options.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"upload-file-options.js","sources":["../../../../src/components/new-upload-file/upload-file-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { UploadContext } from \"./UploadContext\";\nimport { MaterialUploadContext } from \"./MaterialUploadContext\";\n\nexport const uploadFileProps = buildProps({\n modelValue: {\n type: String,\n required: true,\n },\n uploadContext: {\n type: UploadContext,\n default: () => new MaterialUploadContext(),\n },\n} as const);\n\nexport type UploadFileProps = ExtractPropTypes<typeof uploadFileProps>;\n\nexport const uploadFileEmits = {\n \"upload:modelValue\": (path: string) => true,\n};\n\nexport type UploadFileEmits = typeof uploadFileEmits;\n"],"names":[],"mappings":";;;;AAKO,MAAM,kBAAkB,UAAW,CAAA;AAAA,EACxC,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,aAAA;AAAA,IACN,OAAA,EAAS,MAAM,IAAI,qBAAsB,EAAA;AAAA,GAC3C;AACF,CAAU,EAAA;AAIH,MAAM,eAAkB,GAAA;AAAA,EAC7B,mBAAA,EAAqB,CAAC,IAAiB,KAAA,IAAA;AACzC;;;;"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 文件上传
|
|
3
|
-
*
|
|
4
|
-
* 文件上传在本后台中有两大分类
|
|
5
|
-
* 1.直接上传文件
|
|
6
|
-
* 2.使用素材库文件
|
|
7
|
-
*
|
|
8
|
-
* 文件上传的界面交互又会分为几种情况
|
|
9
|
-
* 1.单文件上传(单文件上传,可能会根据。文件情况的不同,界面显示方式不一样)
|
|
10
|
-
* 2.多文件上传(多文件上传基于单文件的逻辑,不过是会变成多个文件)
|
|
11
|
-
*
|
|
12
|
-
* 希望文件交互组件不需要用了解是直接上传文件或使用素材库。
|
|
13
|
-
*
|
|
14
|
-
*/
|
|
15
|
-
declare const _default: import("vue").DefineComponent<{
|
|
16
|
-
readonly modelValue: {
|
|
17
|
-
readonly type: import("vue").PropType<string>;
|
|
18
|
-
readonly required: true;
|
|
19
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
20
|
-
__mkPropKey: true;
|
|
21
|
-
};
|
|
22
|
-
readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof import("./UploadContext").UploadContext, unknown, unknown, () => import("./MaterialUploadContext").MaterialUploadContext, boolean>;
|
|
23
|
-
}, {
|
|
24
|
-
handleUpload: () => Promise<void>;
|
|
25
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
26
|
-
"upload:modelValue": (path: string) => boolean;
|
|
27
|
-
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
28
|
-
readonly modelValue: {
|
|
29
|
-
readonly type: import("vue").PropType<string>;
|
|
30
|
-
readonly required: true;
|
|
31
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
32
|
-
__mkPropKey: true;
|
|
33
|
-
};
|
|
34
|
-
readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof import("./UploadContext").UploadContext, unknown, unknown, () => import("./MaterialUploadContext").MaterialUploadContext, boolean>;
|
|
35
|
-
}>> & {
|
|
36
|
-
"onUpload:modelValue"?: ((path: string) => any) | undefined;
|
|
37
|
-
}, {
|
|
38
|
-
readonly uploadContext: import("./UploadContext").UploadContext;
|
|
39
|
-
}, {}>;
|
|
40
|
-
export default _default;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { defineComponent, computed, createVNode, unref } from 'vue';
|
|
2
|
-
import { uploadFileProps, uploadFileEmits } from './upload-file-options.js';
|
|
3
|
-
import { ElMessage } from 'element-plus';
|
|
4
|
-
|
|
5
|
-
var uploadFile = /* @__PURE__ */ defineComponent({
|
|
6
|
-
name: "MKUploadFile",
|
|
7
|
-
props: uploadFileProps,
|
|
8
|
-
emits: uploadFileEmits,
|
|
9
|
-
setup(props, {
|
|
10
|
-
emit
|
|
11
|
-
}) {
|
|
12
|
-
const value = computed({
|
|
13
|
-
get: () => props.modelValue,
|
|
14
|
-
set: (v) => emit("upload:modelValue", v)
|
|
15
|
-
});
|
|
16
|
-
const uploadContext = computed(() => props.uploadContext);
|
|
17
|
-
const handleUpload = async () => {
|
|
18
|
-
try {
|
|
19
|
-
const uploadResult = await unref(uploadContext).selectFile();
|
|
20
|
-
if (uploadResult.success) {
|
|
21
|
-
value.value = uploadResult.path;
|
|
22
|
-
return;
|
|
23
|
-
}
|
|
24
|
-
ElMessage.error(uploadResult.msg);
|
|
25
|
-
} catch (e) {
|
|
26
|
-
console.error(e);
|
|
27
|
-
ElMessage.error("\u7F51\u7EDC\u5F02\u5E38");
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
return {
|
|
31
|
-
handleUpload
|
|
32
|
-
};
|
|
33
|
-
},
|
|
34
|
-
render() {
|
|
35
|
-
const {
|
|
36
|
-
handleUpload,
|
|
37
|
-
$slots
|
|
38
|
-
} = this;
|
|
39
|
-
return createVNode("div", {
|
|
40
|
-
"class": "mk-upload-file",
|
|
41
|
-
"onClick": handleUpload
|
|
42
|
-
}, [$slots.default?.()]);
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
|
|
46
|
-
export { uploadFile as default };
|
|
47
|
-
//# sourceMappingURL=upload-file.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"upload-file.js","sources":["../../../../src/components/new-upload-file/upload-file.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { uploadFileEmits, uploadFileProps } from \"./upload-file-options\";\nimport { ElMessage } from \"element-plus\";\n\n/**\n * 文件上传\n *\n * 文件上传在本后台中有两大分类\n * 1.直接上传文件\n * 2.使用素材库文件\n *\n * 文件上传的界面交互又会分为几种情况\n * 1.单文件上传(单文件上传,可能会根据。文件情况的不同,界面显示方式不一样)\n * 2.多文件上传(多文件上传基于单文件的逻辑,不过是会变成多个文件)\n *\n * 希望文件交互组件不需要用了解是直接上传文件或使用素材库。\n *\n */\n\nexport default defineComponent({\n name: \"MKUploadFile\",\n props: uploadFileProps,\n emits: uploadFileEmits,\n setup(props, { emit }) {\n const value = computed({\n get: () => props.modelValue,\n set: (v: string) => emit(\"upload:modelValue\", v),\n });\n\n const uploadContext = computed(() => props.uploadContext);\n\n const handleUpload = async () => {\n try {\n const uploadResult = await unref(uploadContext).selectFile();\n\n if (uploadResult.success) {\n value.value = uploadResult.path;\n return;\n }\n\n ElMessage.error(uploadResult.msg);\n } catch (e) {\n console.error(e);\n ElMessage.error(\"网络异常\");\n }\n };\n\n return {\n handleUpload,\n };\n },\n render() {\n const { handleUpload, $slots } = this;\n\n return (\n <div class=\"mk-upload-file\" onClick={handleUpload}>\n {$slots.default?.()}\n </div>\n );\n },\n});\n"],"names":["name","props","uploadFileProps","emits","uploadFileEmits","setup","emit","value","computed","get","modelValue","set","v","uploadContext","handleUpload","uploadResult","unref","selectFile","success","path","ElMessage","error","msg","e","console","render","$slots","_createVNode","default"],"mappings":";;;;AAmBA,iCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,cAAA;AAAA,EACNC,KAAOC,EAAAA,eAAAA;AAAAA,EACPC,KAAOC,EAAAA,eAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAA,MAAMC,QAAQC,QAAS,CAAA;AAAA,MACrBC,GAAAA,EAAKA,MAAMR,KAAMS,CAAAA,UAAAA;AAAAA,MACjBC,GAAMC,EAAAA,CAAAA,CAAAA,KAAcN,IAAK,CAAA,mBAAA,EAAqBM,CAAC,CAAA;AAAA,KAChD,CAAA,CAAA;AAED,IAAA,MAAMC,aAAgBL,GAAAA,QAAAA,CAAS,MAAMP,KAAAA,CAAMY,aAAa,CAAA,CAAA;AAExD,IAAA,MAAMC,eAAe,YAAY;AAC/B,MAAI,IAAA;AACF,QAAA,MAAMC,YAAe,GAAA,MAAMC,KAAMH,CAAAA,aAAa,EAAEI,UAAW,EAAA,CAAA;AAE3D,QAAA,IAAIF,aAAaG,OAAS,EAAA;AACxBX,UAAAA,KAAAA,CAAMA,QAAQQ,YAAaI,CAAAA,IAAAA,CAAAA;AAC3B,UAAA,OAAA;AAAA,SACF;AAEAC,QAAUC,SAAAA,CAAAA,KAAAA,CAAMN,aAAaO,GAAG,CAAA,CAAA;AAAA,eACzBC,CAAG,EAAA;AACVC,QAAAA,OAAAA,CAAQH,MAAME,CAAC,CAAA,CAAA;AACfH,QAAAA,SAAAA,CAAUC,MAAM,0BAAM,CAAA,CAAA;AAAA,OACxB;AAAA,KACF,CAAA;AAEA,IAAO,OAAA;AAAA,MACLP,YAAAA;AAAAA,KACF,CAAA;AAAA,GACF;AAAA,EACAW,MAAS,GAAA;AACP,IAAM,MAAA;AAAA,MAAEX,YAAAA;AAAAA,MAAcY,MAAAA;AAAAA,KAAW,GAAA,IAAA,CAAA;AAEjC,IAAA,OAAAC,YAAA,KAAA,EAAA;AAAA,MAAA,OAAA,EAAA,gBAAA;AAAA,MAAA,SACuCb,EAAAA,YAAAA;AAAAA,KAAY,EAAA,CAC9CY,MAAOE,CAAAA,OAAAA,IAAW,CAAA,CAAA,CAAA;AAAA,GAGzB;AACF,CAAC,CAAA;;;;"}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
export declare const MKUploadImage: import("vue").DefineComponent<{
|
|
2
|
-
size: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
3
|
-
upload: {
|
|
4
|
-
readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
|
|
5
|
-
readonly required: false;
|
|
6
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
7
|
-
__mkPropKey: true;
|
|
8
|
-
};
|
|
9
|
-
modelValue: {
|
|
10
|
-
readonly type: import("vue").PropType<string>;
|
|
11
|
-
readonly required: false;
|
|
12
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
13
|
-
__mkPropKey: true;
|
|
14
|
-
};
|
|
15
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
16
|
-
"update:model-value": (modelValue: any) => boolean;
|
|
17
|
-
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
18
|
-
size: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
19
|
-
upload: {
|
|
20
|
-
readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
|
|
21
|
-
readonly required: false;
|
|
22
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
23
|
-
__mkPropKey: true;
|
|
24
|
-
};
|
|
25
|
-
modelValue: {
|
|
26
|
-
readonly type: import("vue").PropType<string>;
|
|
27
|
-
readonly required: false;
|
|
28
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
29
|
-
__mkPropKey: true;
|
|
30
|
-
};
|
|
31
|
-
}>> & {
|
|
32
|
-
"onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
|
|
33
|
-
}, {
|
|
34
|
-
size: string;
|
|
35
|
-
}, {}>;
|
|
36
|
-
export default MKUploadImage;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/upload-image/index.ts"],"sourcesContent":["import UploadImage from \"./upload-image\";\n\nexport const MKUploadImage = UploadImage;\n\nexport default MKUploadImage;\n"],"names":[],"mappings":";;AAEO,MAAM,aAAgB,GAAA;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"upload-image-options.js","sources":["../../../../src/components/upload-image/upload-image-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { WebFileUpload } from \"@maketribe/request\";\n\nexport const uploadImageProps = buildProps({\n size: {\n type: String,\n default: \"150px\",\n },\n upload: {\n type: WebFileUpload,\n },\n modelValue: {\n type: String,\n },\n});\n\nexport type UploadImageProps = ExtractPropTypes<typeof uploadImageProps>;\n\nexport const uploadImageEmits = {\n \"update:model-value\": (modelValue: any) => true,\n};\n\nexport type UploadImageEmits = typeof uploadImageEmits;\n"],"names":[],"mappings":";;;AAIO,MAAM,mBAAmB,UAAW,CAAA;AAAA,EACzC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,aAAA;AAAA,GACR;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,GACR;AACF,CAAC,EAAA;AAIM,MAAM,gBAAmB,GAAA;AAAA,EAC9B,oBAAA,EAAsB,CAAC,UAAoB,KAAA,IAAA;AAC7C;;;;"}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{
|
|
2
|
-
size: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
3
|
-
upload: {
|
|
4
|
-
readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
|
|
5
|
-
readonly required: false;
|
|
6
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
7
|
-
__mkPropKey: true;
|
|
8
|
-
};
|
|
9
|
-
modelValue: {
|
|
10
|
-
readonly type: import("vue").PropType<string>;
|
|
11
|
-
readonly required: false;
|
|
12
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
13
|
-
__mkPropKey: true;
|
|
14
|
-
};
|
|
15
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
16
|
-
"update:model-value": (modelValue: any) => boolean;
|
|
17
|
-
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
18
|
-
size: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
19
|
-
upload: {
|
|
20
|
-
readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
|
|
21
|
-
readonly required: false;
|
|
22
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
23
|
-
__mkPropKey: true;
|
|
24
|
-
};
|
|
25
|
-
modelValue: {
|
|
26
|
-
readonly type: import("vue").PropType<string>;
|
|
27
|
-
readonly required: false;
|
|
28
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
29
|
-
__mkPropKey: true;
|
|
30
|
-
};
|
|
31
|
-
}>> & {
|
|
32
|
-
"onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
|
|
33
|
-
}, {
|
|
34
|
-
size: string;
|
|
35
|
-
}, {}>;
|
|
36
|
-
export default _default;
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { defineComponent, computed, unref, createVNode, isVNode } from 'vue';
|
|
2
|
-
import { MKUploadFile } from '../upload-file/index.js';
|
|
3
|
-
import { MKSvgIcon } from '../svg-icon/index.js';
|
|
4
|
-
import { uploadImageProps, uploadImageEmits } from './upload-image-options.js';
|
|
5
|
-
import { ElImage } from 'element-plus';
|
|
6
|
-
|
|
7
|
-
function _isSlot(s) {
|
|
8
|
-
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
|
|
9
|
-
}
|
|
10
|
-
var UploadImage = /* @__PURE__ */ defineComponent({
|
|
11
|
-
name: "MKUploadImage",
|
|
12
|
-
props: uploadImageProps,
|
|
13
|
-
emits: uploadImageEmits,
|
|
14
|
-
setup(props, {
|
|
15
|
-
emit
|
|
16
|
-
}) {
|
|
17
|
-
const modelValue = computed({
|
|
18
|
-
get: () => props.modelValue,
|
|
19
|
-
set: (v) => emit("update:model-value", v)
|
|
20
|
-
});
|
|
21
|
-
const style = computed(() => ({
|
|
22
|
-
"--mk-upload-image-size": props.size
|
|
23
|
-
}));
|
|
24
|
-
const handleDelete = () => {
|
|
25
|
-
modelValue.value = "";
|
|
26
|
-
};
|
|
27
|
-
return () => {
|
|
28
|
-
const content = unref(modelValue) ? createVNode(ElImage, {
|
|
29
|
-
"src": unref(modelValue),
|
|
30
|
-
"fit": "contain"
|
|
31
|
-
}, null) : createVNode("div", {
|
|
32
|
-
"class": "mk-upload-image__select"
|
|
33
|
-
}, [createVNode(MKSvgIcon, {
|
|
34
|
-
"iconClass": "Plus"
|
|
35
|
-
}, null)]);
|
|
36
|
-
return createVNode("div", {
|
|
37
|
-
"class": ["mk-upload-image", unref(modelValue) ? "is-image" : ""],
|
|
38
|
-
"style": unref(style)
|
|
39
|
-
}, [createVNode(MKUploadFile, {
|
|
40
|
-
"class": "mk-upload-image__upload",
|
|
41
|
-
"upload": props.upload,
|
|
42
|
-
"listType": "picture-card",
|
|
43
|
-
"onUploadSuccess": (res) => modelValue.value = res.data.data.path
|
|
44
|
-
}, _isSlot(content) ? content : {
|
|
45
|
-
default: () => [content]
|
|
46
|
-
}), createVNode("div", {
|
|
47
|
-
"class": "mk-upload-image__mask"
|
|
48
|
-
}, [createVNode("span", {
|
|
49
|
-
"onClick": handleDelete
|
|
50
|
-
}, [createVNode(MKSvgIcon, {
|
|
51
|
-
"iconClass": "Delete"
|
|
52
|
-
}, null)])])]);
|
|
53
|
-
};
|
|
54
|
-
}
|
|
55
|
-
});
|
|
56
|
-
|
|
57
|
-
export { UploadImage as default };
|
|
58
|
-
//# sourceMappingURL=upload-image.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"upload-image.js","sources":["../../../../src/components/upload-image/upload-image.tsx"],"sourcesContent":["import { ComputedRef, StyleValue, computed, defineComponent, unref } from \"vue\";\nimport MKUploadFile from \"../upload-file\";\nimport MKSvgIcon from \"../svg-icon\";\nimport { uploadImageEmits, uploadImageProps } from \"./upload-image-options\";\nimport { ElImage } from \"element-plus\";\n\nexport default defineComponent({\n name: \"MKUploadImage\",\n props: uploadImageProps,\n emits: uploadImageEmits,\n setup(props, { emit }) {\n const modelValue = computed({\n get: () => props.modelValue,\n set: (v: any) => emit(\"update:model-value\", v),\n });\n\n const style: ComputedRef<StyleValue> = computed(() => ({\n \"--mk-upload-image-size\": props.size,\n }));\n\n const handleDelete = () => {\n modelValue.value = \"\";\n };\n\n return () => {\n const content = unref(modelValue) ? (\n <ElImage src={unref(modelValue)} fit=\"contain\" />\n ) : (\n <div class=\"mk-upload-image__select\">\n <MKSvgIcon iconClass=\"Plus\" />\n </div>\n );\n\n return (\n <div\n class={[\"mk-upload-image\", unref(modelValue) ? \"is-image\" : \"\"]}\n style={unref(style)}\n >\n <MKUploadFile\n class=\"mk-upload-image__upload\"\n upload={props.upload}\n listType=\"picture-card\"\n onUploadSuccess={(res: any) =>\n (modelValue.value = res.data.data.path)\n }\n >\n {content}\n </MKUploadFile>\n <div class=\"mk-upload-image__mask\">\n <span onClick={handleDelete}>\n <MKSvgIcon iconClass=\"Delete\" />\n </span>\n </div>\n </div>\n );\n };\n },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","uploadImageProps","emits","uploadImageEmits","setup","emit","modelValue","computed","get","set","v","style","size","handleDelete","value","content","unref","_createVNode","ElImage","MKSvgIcon","MKUploadFile","upload","res","data","path","default"],"mappings":";;;;;;AAIuC,SAAAA,QAAAC,CAAA,EAAA;AAAA,EAAA,OAAA,OAAAA,CAAAA,KAAA,UAAAC,IAAAA,MAAAA,CAAAC,SAAAC,CAAAA,QAAAA,CAAAC,IAAAJ,CAAAA,CAAA,CAAAK,KAAAA,iBAAAA,IAAAA,CAAAA,OAAAA,CAAAL,CAAA,CAAA,CAAA;AAAA,CAAA;AAEvC,kCAA+B,eAAA,CAAA;AAAA,EAC7BM,IAAM,EAAA,eAAA;AAAA,EACNC,KAAOC,EAAAA,gBAAAA;AAAAA,EACPC,KAAOC,EAAAA,gBAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAA,MAAMC,aAAaC,QAAS,CAAA;AAAA,MAC1BC,GAAAA,EAAKA,MAAMR,KAAMM,CAAAA,UAAAA;AAAAA,MACjBG,GAAMC,EAAAA,CAAAA,CAAAA,KAAWL,IAAK,CAAA,oBAAA,EAAsBK,CAAC,CAAA;AAAA,KAC9C,CAAA,CAAA;AAED,IAAMC,MAAAA,KAAAA,GAAiCJ,SAAS,OAAO;AAAA,MACrD,0BAA0BP,KAAMY,CAAAA,IAAAA;AAAAA,KAChC,CAAA,CAAA,CAAA;AAEF,IAAA,MAAMC,eAAeA,MAAM;AACzBP,MAAAA,UAAAA,CAAWQ,KAAQ,GAAA,EAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,MAAMC,OAAUC,GAAAA,KAAAA,CAAMV,UAAU,CAAA,GAACW,YAAAC,OAAA,EAAA;AAAA,QAAA,KAAA,EACjBF,MAAMV,UAAU,CAAA;AAAA,QAAC,KAAA,EAAA,SAAA;AAAA,OAAA,EAAA,IAAA,CAAAW,GAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,yBAAA;AAAA,OAAA,EAAAA,CAAAA,WAAAA,CAAAE,SAAA,EAAA;AAAA,QAAA,WAAA,EAAA,MAAA;AAAA,OAAA,EAKhC,IAAA,CAAA,CAAA,CAAA,CAAA;AAED,MAAA,OAAAF,YAAA,KAAA,EAAA;AAAA,QAAA,SAEW,CAAC,iBAAA,EAAmBD,MAAMV,UAAU,CAAA,GAAI,aAAa,EAAE,CAAA;AAAA,QAAC,OAAA,EACxDU,MAAML,KAAK,CAAA;AAAA,OAAC,EAAAM,CAAAA,WAAAA,CAAAG,YAAA,EAAA;AAAA,QAAA,OAAA,EAAA,yBAAA;AAAA,QAAA,UAITpB,KAAMqB,CAAAA,MAAAA;AAAAA,QAAM,UAAA,EAAA,cAAA;AAAA,QAAA,mBAEFC,CACfhB,GAAAA,KAAAA,UAAAA,CAAWQ,KAAQQ,GAAAA,GAAAA,CAAIC,KAAKA,IAAKC,CAAAA,IAAAA;AAAAA,OAAKhC,EAAAA,OAAAA,CAGxCuB,OAAO,CAAA,GAAPA,OAAO,GAAA;AAAA,QAAAU,OAAAA,EAAAA,MAAA,CAAPV,OAAO,CAAA;AAAA,OAAA,CAAAE,EAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,uBAAA;AAAA,OAAA,EAAA,CAAAA,WAAAA,CAAA,MAAA,EAAA;AAAA,QAAA,SAGOJ,EAAAA,YAAAA;AAAAA,OAAY,EAAAI,CAAAA,WAAAA,CAAAE,SAAA,EAAA;AAAA,QAAA,WAAA,EAAA,QAAA;AAAA,SAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAMnC,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { ExtractPropTypes } from "vue";
|
|
2
|
-
import { buildProps } from "@maketribe/utils";
|
|
3
|
-
import { WebFileUpload } from "@maketribe/request";
|
|
4
|
-
import { columnProps } from "../../data-model/data-form/composables";
|
|
5
|
-
|
|
6
|
-
export const formImageListProps = buildProps({
|
|
7
|
-
...columnProps,
|
|
8
|
-
upload: {
|
|
9
|
-
type: WebFileUpload,
|
|
10
|
-
},
|
|
11
|
-
limit: {
|
|
12
|
-
type: Number,
|
|
13
|
-
default: 10,
|
|
14
|
-
},
|
|
15
|
-
});
|
|
16
|
-
|
|
17
|
-
export type FormImageListProps = ExtractPropTypes<typeof formImageListProps>;
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { defineComponent, computed, unref } from "vue";
|
|
2
|
-
import { useFormItem } from "../../data-model/data-form/composables";
|
|
3
|
-
import MKUploadFile from "../../upload-file";
|
|
4
|
-
import { MKSvgIcon } from "../../svg-icon";
|
|
5
|
-
import { formImageListProps } from "./form-image-list-options";
|
|
6
|
-
import { UploadFile } from "element-plus";
|
|
7
|
-
|
|
8
|
-
export default defineComponent({
|
|
9
|
-
name: "MKFormImageList",
|
|
10
|
-
props: formImageListProps,
|
|
11
|
-
setup(props) {
|
|
12
|
-
const { column, value } = useFormItem();
|
|
13
|
-
|
|
14
|
-
const fileList = computed(
|
|
15
|
-
() =>
|
|
16
|
-
unref(value)?.map?.((item: string) => ({ name: item, url: item })) ?? []
|
|
17
|
-
);
|
|
18
|
-
|
|
19
|
-
const handleUploadSuccess = (res: any) => {
|
|
20
|
-
let _value = unref(value);
|
|
21
|
-
|
|
22
|
-
_value = Array.isArray(_value) ? [..._value] : [];
|
|
23
|
-
|
|
24
|
-
_value.push(res.data.data.path);
|
|
25
|
-
|
|
26
|
-
value.value = _value;
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
const handleRemove = (item: UploadFile) => {
|
|
30
|
-
value.value = unref(value).filter((path: string) => path !== item.url);
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
return () => {
|
|
34
|
-
return (
|
|
35
|
-
<div class="img-select-list">
|
|
36
|
-
<MKUploadFile
|
|
37
|
-
class="image-select-list-box"
|
|
38
|
-
showFileList={true}
|
|
39
|
-
fileList={unref(fileList)}
|
|
40
|
-
listType="picture-card"
|
|
41
|
-
upload={props.upload}
|
|
42
|
-
onUploadSuccess={handleUploadSuccess}
|
|
43
|
-
onRemove={handleRemove}
|
|
44
|
-
limit={props.limit}
|
|
45
|
-
>
|
|
46
|
-
<MKSvgIcon iconClass="Plus" />
|
|
47
|
-
</MKUploadFile>
|
|
48
|
-
</div>
|
|
49
|
-
);
|
|
50
|
-
};
|
|
51
|
-
},
|
|
52
|
-
});
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { MKMaterialSelect, MaterialSelectResult } from "../material-select";
|
|
2
|
-
import { UploadContext, UploadResult } from "./UploadContext";
|
|
3
|
-
|
|
4
|
-
export class MaterialUploadContext extends UploadContext {
|
|
5
|
-
async selectFile(): Promise<UploadResult> {
|
|
6
|
-
const materialSelectResult = await MKMaterialSelect();
|
|
7
|
-
|
|
8
|
-
return {
|
|
9
|
-
success: materialSelectResult.success,
|
|
10
|
-
path: materialSelectResult.path,
|
|
11
|
-
msg: "",
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { ExtractPropTypes } from "vue";
|
|
2
|
-
import { buildProps } from "@maketribe/utils";
|
|
3
|
-
import { UploadContext } from "./UploadContext";
|
|
4
|
-
import { MaterialUploadContext } from "./MaterialUploadContext";
|
|
5
|
-
|
|
6
|
-
export const uploadFileProps = buildProps({
|
|
7
|
-
modelValue: {
|
|
8
|
-
type: String,
|
|
9
|
-
required: true,
|
|
10
|
-
},
|
|
11
|
-
uploadContext: {
|
|
12
|
-
type: UploadContext,
|
|
13
|
-
default: () => new MaterialUploadContext(),
|
|
14
|
-
},
|
|
15
|
-
} as const);
|
|
16
|
-
|
|
17
|
-
export type UploadFileProps = ExtractPropTypes<typeof uploadFileProps>;
|
|
18
|
-
|
|
19
|
-
export const uploadFileEmits = {
|
|
20
|
-
"upload:modelValue": (path: string) => true,
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
export type UploadFileEmits = typeof uploadFileEmits;
|