@vipl520/dk-ui 1.0.41 → 1.0.44
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/attributes.json +23 -3
- package/dist/index.css +1 -1
- package/dist/index.js +3634 -12985
- package/dist/index.min.js +4 -13
- package/dist/index.min.js.map +1 -1
- package/dist/index.min.mjs +4 -13
- package/dist/index.min.mjs.map +1 -1
- package/dist/index.mjs +785 -10135
- package/dist/tags.json +7 -2
- package/dist/web-types.json +71 -12
- package/es/animate-select/src/animate-select.vue2.mjs +5 -1
- package/es/animate-select/src/animate-select.vue2.mjs.map +1 -1
- package/es/api/attachment.mjs.map +1 -1
- package/es/attachment/src/attachment.vue2.mjs +7 -1
- package/es/attachment/src/attachment.vue2.mjs.map +1 -1
- package/es/attachment-dialog/index.d.ts +9 -0
- package/es/attachment-dialog/src/attachment-dialog.vue.d.ts +9 -0
- package/es/attachment-dialog/src/attachment-dialog.vue2.mjs +3 -2
- package/es/attachment-dialog/src/attachment-dialog.vue2.mjs.map +1 -1
- package/es/attachment-dialog/src/props.d.ts +4 -0
- package/es/attachment-dialog/src/props.mjs +4 -0
- package/es/attachment-dialog/src/props.mjs.map +1 -1
- package/es/audio-list-input/src/audio-list-input.vue2.mjs.map +1 -1
- package/es/box-size-input/src/box-size-input.vue2.mjs +60 -59
- package/es/box-size-input/src/box-size-input.vue2.mjs.map +1 -1
- package/es/box-size-input/style/index.css +1 -1
- package/es/box-size-input/style/index.scss +11 -4
- package/es/dialog/src/dialog.vue2.mjs +3 -1
- package/es/dialog/src/dialog.vue2.mjs.map +1 -1
- package/es/dialog/style/index.scss +1 -0
- package/es/file-input/src/file-input.vue2.mjs.map +1 -1
- package/es/file-list-input/src/file-list-input.vue2.mjs.map +1 -1
- package/es/file-list-input/style/index.css +1 -1
- package/es/file-list-input/style/index.scss +20 -16
- package/es/form/src/form.vue2.mjs.map +1 -1
- package/es/group/src/group.vue2.mjs +5 -13
- package/es/group/src/group.vue2.mjs.map +1 -1
- package/es/hot-area-input/src/component/hot-area-content.vue2.mjs.map +1 -1
- package/es/hot-area-input/src/hot-area-input.vue2.mjs.map +1 -1
- package/es/icon/src/icon.vue2.mjs.map +1 -1
- package/es/icon-input/src/icon-content.vue2.mjs +1 -1
- package/es/icon-input/src/icon-content.vue2.mjs.map +1 -1
- package/es/icon-input/src/icon-input.vue2.mjs.map +1 -1
- package/es/image-list-input/src/image-list-input.vue2.mjs.map +1 -1
- package/es/index.mjs +4 -9
- package/es/index.mjs.map +1 -1
- package/es/page-diy/index.mjs +0 -2
- package/es/page-diy/index.mjs.map +1 -1
- package/es/page-diy/src/components/DiyCloud.vue.mjs.map +1 -1
- package/es/page-diy/src/components/DragBox.vue.mjs +1 -1
- package/es/page-diy/src/components/DragBox.vue.mjs.map +1 -1
- package/es/page-diy/src/components/DragTool.vue.mjs +5 -1
- package/es/page-diy/src/components/DragTool.vue.mjs.map +1 -1
- package/es/page-diy/src/components/PreviewPhone.vue2.mjs.map +1 -1
- package/es/page-diy/src/components/forms/DkEventSelectInput.vue.mjs +11 -9
- package/es/page-diy/src/components/forms/DkEventSelectInput.vue.mjs.map +1 -1
- package/es/page-diy/src/config/base/dkSetting.mjs.map +1 -1
- package/es/page-diy/src/config/rule/min/common/DkMinBlank.mjs +9 -1
- package/es/page-diy/src/config/rule/min/common/DkMinBlank.mjs.map +1 -1
- package/es/page-diy/src/config/rule/min/common/DkMinHotArea.mjs +3 -1
- package/es/page-diy/src/config/rule/min/common/DkMinHotArea.mjs.map +1 -1
- package/es/page-diy/src/config/rule/min/common/DkMinTitle.mjs +36 -6
- package/es/page-diy/src/config/rule/min/common/DkMinTitle.mjs.map +1 -1
- package/es/page-diy/src/config/rule/min/common/DkMinVideo.mjs +6 -2
- package/es/page-diy/src/config/rule/min/common/DkMinVideo.mjs.map +1 -1
- package/es/page-diy/src/config/rule/min/common/index.mjs +8 -1
- package/es/page-diy/src/config/rule/min/common/index.mjs.map +1 -1
- package/es/page-diy/src/config/rule/web/common/DkPosterBtn.mjs +3 -1
- package/es/page-diy/src/config/rule/web/common/DkPosterBtn.mjs.map +1 -1
- package/es/page-diy/src/config/rule/web/common/DkViewBulletChat.mjs.map +1 -1
- package/es/page-diy/src/config/rule/web/common/DkViewDialog.mjs +7 -1
- package/es/page-diy/src/config/rule/web/common/DkViewDialog.mjs.map +1 -1
- package/es/page-diy/src/config/rule/web/common/DkViewVideo.mjs +9 -3
- package/es/page-diy/src/config/rule/web/common/DkViewVideo.mjs.map +1 -1
- package/es/page-diy/src/page-diy.vue.mjs +1 -2
- package/es/page-diy/src/page-diy.vue.mjs.map +1 -1
- package/es/page-diy/src/utils/eventData.mjs.map +1 -1
- package/es/page-diy/src/views/min/DkMinHotArea.vue.mjs +23 -6
- package/es/page-diy/src/views/min/DkMinHotArea.vue.mjs.map +1 -1
- package/es/page-diy/src/views/min/DkMinSwiperImage.vue.mjs.map +1 -1
- package/es/page-diy/src/views/min/DkMinTitle.vue.mjs.map +1 -1
- package/es/page-diy/src/views/web/DkViewBulletChat.vue.mjs.map +1 -1
- package/es/page-diy/src/views/web/DkViewCell.vue.mjs.map +1 -1
- package/es/page-diy/src/views/web/DkViewCommonBtn.vue.mjs +3 -1
- package/es/page-diy/src/views/web/DkViewCommonBtn.vue.mjs.map +1 -1
- package/es/page-diy/src/views/web/DkViewGridCellList.vue.mjs.map +1 -1
- package/es/page-diy/src/views/web/DkViewImage.vue.mjs.map +1 -1
- package/es/page-diy/src/views/web/DkViewMusic.vue.mjs.map +1 -1
- package/es/page-diy/src/views/web/DkViewNoticeBar.vue.mjs.map +1 -1
- package/es/page-diy/src/views/web/DkViewSwipe.vue.mjs.map +1 -1
- package/es/page-diy/src/views/web/DkViewTitle.vue.mjs.map +1 -1
- package/es/page-diy/style/dk-page-diy.css +1 -1
- package/es/page-diy/style/dk-page-diy.scss +1 -1
- package/es/page-diy/style/index.css +1 -1
- package/es/poster-input/src/component/poster.vue2.mjs.map +1 -1
- package/es/poster-input/src/component/views/DkPosterViewAvatar.vue2.mjs.map +1 -1
- package/es/poster-input/src/component/views/DkPosterViewImage.vue2.mjs +5 -2
- package/es/poster-input/src/component/views/DkPosterViewImage.vue2.mjs.map +1 -1
- package/es/poster-input/src/component/views/DkPosterViewName.vue2.mjs.map +1 -1
- package/es/poster-input/src/component/views/DkPosterViewQrcode.vue2.mjs.map +1 -1
- package/es/poster-input/src/component/views/DkPosterViewText.vue2.mjs.map +1 -1
- package/es/poster-input/src/component/views/quick-action.vue2.mjs.map +1 -1
- package/es/poster-input/src/poster-input.vue2.mjs.map +1 -1
- package/es/poster-input/style/index.scss +4 -2
- package/es/select/src/select.vue2.mjs +9 -1
- package/es/select/src/select.vue2.mjs.map +1 -1
- package/es/style-animation-input/src/props.mjs.map +1 -1
- package/es/style-animation-input/src/style-animation-input.vue2.mjs +1 -1
- package/es/style-animation-input/src/style-animation-input.vue2.mjs.map +1 -1
- package/es/style-background-input/index.d.ts +2 -1
- package/es/style-background-input/src/style-background-input.vue.d.ts +2 -1
- package/es/style-background-input/src/style-background-input.vue2.mjs +2 -1
- package/es/style-background-input/src/style-background-input.vue2.mjs.map +1 -1
- package/es/style-border-input/index.d.ts +2 -1
- package/es/style-border-input/src/style-border-input.vue.d.ts +2 -1
- package/es/style-border-input/src/style-border-input.vue2.mjs +56 -39
- package/es/style-border-input/src/style-border-input.vue2.mjs.map +1 -1
- package/es/style-border-input/style/index.css +1 -1
- package/es/style-box-input/index.d.ts +2 -1
- package/es/style-box-input/src/style-box-input.vue.d.ts +2 -1
- package/es/style-box-input/src/style-box-input.vue2.mjs +4 -7
- package/es/style-box-input/src/style-box-input.vue2.mjs.map +1 -1
- package/es/style-font-input/index.d.ts +2 -1
- package/es/style-font-input/src/style-font-input.vue.d.ts +2 -1
- package/es/style-font-input/src/style-font-input.vue2.mjs +10 -27
- package/es/style-font-input/src/style-font-input.vue2.mjs.map +1 -1
- package/es/style-input/src/style-input.vue2.mjs +10 -22
- package/es/style-input/src/style-input.vue2.mjs.map +1 -1
- package/es/style-number-input/src/style-number-input.vue2.mjs.map +1 -1
- package/es/style-position-input/src/style-position-input.vue2.mjs +4 -1
- package/es/style-position-input/src/style-position-input.vue2.mjs.map +1 -1
- package/es/style-shadow-input/index.d.ts +2 -1
- package/es/style-shadow-input/src/style-shadow-content.vue2.mjs +138 -153
- package/es/style-shadow-input/src/style-shadow-content.vue2.mjs.map +1 -1
- package/es/style-shadow-input/src/style-shadow-input.vue.d.ts +2 -1
- package/es/style-shadow-input/src/style-shadow-input.vue2.mjs +2 -1
- package/es/style-shadow-input/src/style-shadow-input.vue2.mjs.map +1 -1
- package/es/table/src/components/ComSearch.vue2.mjs.map +1 -1
- package/es/table/src/components/FieldRender.vue2.mjs.map +1 -1
- package/es/table/src/components/RecycleDialog.vue2.mjs +3 -1
- package/es/table/src/components/RecycleDialog.vue2.mjs.map +1 -1
- package/es/table/src/components/header.vue2.mjs +17 -3
- package/es/table/src/components/header.vue2.mjs.map +1 -1
- package/es/table/src/props.mjs +11 -1
- package/es/table/src/props.mjs.map +1 -1
- package/es/table/src/table.vue2.mjs +13 -3
- package/es/table/src/table.vue2.mjs.map +1 -1
- package/es/table/utils/dkTable.mjs +32 -11
- package/es/table/utils/dkTable.mjs.map +1 -1
- package/es/table/utils/dkTableApi.mjs.map +1 -1
- package/es/tiny-editor/src/tiny-editor.vue2.mjs +4 -2
- package/es/tiny-editor/src/tiny-editor.vue2.mjs.map +1 -1
- package/es/tiny-editor/style/index.css +1 -1
- package/es/tiny-editor/style/index.scss +6 -0
- package/es/video-list-input/src/video-list-input.vue2.mjs.map +1 -1
- package/lib/animate-select/src/animate-select.vue2.js +5 -1
- package/lib/animate-select/src/animate-select.vue2.js.map +1 -1
- package/lib/api/attachment.js.map +1 -1
- package/lib/attachment/src/attachment.vue2.js +7 -1
- package/lib/attachment/src/attachment.vue2.js.map +1 -1
- package/lib/attachment-dialog/index.d.ts +9 -0
- package/lib/attachment-dialog/src/attachment-dialog.vue.d.ts +9 -0
- package/lib/attachment-dialog/src/attachment-dialog.vue2.js +3 -2
- package/lib/attachment-dialog/src/attachment-dialog.vue2.js.map +1 -1
- package/lib/attachment-dialog/src/props.d.ts +4 -0
- package/lib/attachment-dialog/src/props.js +4 -0
- package/lib/attachment-dialog/src/props.js.map +1 -1
- package/lib/audio-list-input/src/audio-list-input.vue2.js.map +1 -1
- package/lib/box-size-input/src/box-size-input.vue2.js +59 -58
- package/lib/box-size-input/src/box-size-input.vue2.js.map +1 -1
- package/lib/box-size-input/style/index.css +1 -1
- package/lib/box-size-input/style/index.scss +11 -4
- package/lib/dialog/src/dialog.vue2.js +3 -1
- package/lib/dialog/src/dialog.vue2.js.map +1 -1
- package/lib/dialog/style/index.scss +1 -0
- package/lib/file-input/src/file-input.vue2.js.map +1 -1
- package/lib/file-list-input/src/file-list-input.vue2.js.map +1 -1
- package/lib/file-list-input/style/index.css +1 -1
- package/lib/file-list-input/style/index.scss +20 -16
- package/lib/form/src/form.vue2.js.map +1 -1
- package/lib/group/src/group.vue2.js +4 -12
- package/lib/group/src/group.vue2.js.map +1 -1
- package/lib/hot-area-input/src/component/hot-area-content.vue2.js.map +1 -1
- package/lib/hot-area-input/src/hot-area-input.vue2.js.map +1 -1
- package/lib/icon/src/icon.vue2.js.map +1 -1
- package/lib/icon-input/src/icon-content.vue2.js +1 -1
- package/lib/icon-input/src/icon-content.vue2.js.map +1 -1
- package/lib/icon-input/src/icon-input.vue2.js.map +1 -1
- package/lib/image-list-input/src/image-list-input.vue2.js.map +1 -1
- package/lib/index.js +4 -9
- package/lib/index.js.map +1 -1
- package/lib/page-diy/index.js +0 -2
- package/lib/page-diy/index.js.map +1 -1
- package/lib/page-diy/src/components/DiyCloud.vue.js.map +1 -1
- package/lib/page-diy/src/components/DragBox.vue.js +1 -1
- package/lib/page-diy/src/components/DragBox.vue.js.map +1 -1
- package/lib/page-diy/src/components/DragTool.vue.js +5 -1
- package/lib/page-diy/src/components/DragTool.vue.js.map +1 -1
- package/lib/page-diy/src/components/PreviewPhone.vue2.js.map +1 -1
- package/lib/page-diy/src/components/forms/DkEventSelectInput.vue.js +11 -9
- package/lib/page-diy/src/components/forms/DkEventSelectInput.vue.js.map +1 -1
- package/lib/page-diy/src/config/base/dkSetting.js.map +1 -1
- package/lib/page-diy/src/config/rule/min/common/DkMinBlank.js +9 -1
- package/lib/page-diy/src/config/rule/min/common/DkMinBlank.js.map +1 -1
- package/lib/page-diy/src/config/rule/min/common/DkMinHotArea.js +3 -1
- package/lib/page-diy/src/config/rule/min/common/DkMinHotArea.js.map +1 -1
- package/lib/page-diy/src/config/rule/min/common/DkMinTitle.js +36 -6
- package/lib/page-diy/src/config/rule/min/common/DkMinTitle.js.map +1 -1
- package/lib/page-diy/src/config/rule/min/common/DkMinVideo.js +6 -2
- package/lib/page-diy/src/config/rule/min/common/DkMinVideo.js.map +1 -1
- package/lib/page-diy/src/config/rule/min/common/index.js +8 -1
- package/lib/page-diy/src/config/rule/min/common/index.js.map +1 -1
- package/lib/page-diy/src/config/rule/web/common/DkPosterBtn.js +3 -1
- package/lib/page-diy/src/config/rule/web/common/DkPosterBtn.js.map +1 -1
- package/lib/page-diy/src/config/rule/web/common/DkViewBulletChat.js.map +1 -1
- package/lib/page-diy/src/config/rule/web/common/DkViewDialog.js +7 -1
- package/lib/page-diy/src/config/rule/web/common/DkViewDialog.js.map +1 -1
- package/lib/page-diy/src/config/rule/web/common/DkViewVideo.js +9 -3
- package/lib/page-diy/src/config/rule/web/common/DkViewVideo.js.map +1 -1
- package/lib/page-diy/src/page-diy.vue.js +1 -2
- package/lib/page-diy/src/page-diy.vue.js.map +1 -1
- package/lib/page-diy/src/utils/eventData.js.map +1 -1
- package/lib/page-diy/src/views/min/DkMinHotArea.vue.js +23 -6
- package/lib/page-diy/src/views/min/DkMinHotArea.vue.js.map +1 -1
- package/lib/page-diy/src/views/min/DkMinSwiperImage.vue.js.map +1 -1
- package/lib/page-diy/src/views/min/DkMinTitle.vue.js.map +1 -1
- package/lib/page-diy/src/views/web/DkViewBulletChat.vue.js.map +1 -1
- package/lib/page-diy/src/views/web/DkViewCell.vue.js.map +1 -1
- package/lib/page-diy/src/views/web/DkViewCommonBtn.vue.js +3 -1
- package/lib/page-diy/src/views/web/DkViewCommonBtn.vue.js.map +1 -1
- package/lib/page-diy/src/views/web/DkViewGridCellList.vue.js.map +1 -1
- package/lib/page-diy/src/views/web/DkViewImage.vue.js.map +1 -1
- package/lib/page-diy/src/views/web/DkViewMusic.vue.js.map +1 -1
- package/lib/page-diy/src/views/web/DkViewNoticeBar.vue.js.map +1 -1
- package/lib/page-diy/src/views/web/DkViewSwipe.vue.js.map +1 -1
- package/lib/page-diy/src/views/web/DkViewTitle.vue.js.map +1 -1
- package/lib/page-diy/style/dk-page-diy.css +1 -1
- package/lib/page-diy/style/dk-page-diy.scss +1 -1
- package/lib/page-diy/style/index.css +1 -1
- package/lib/poster-input/src/component/poster.vue2.js.map +1 -1
- package/lib/poster-input/src/component/views/DkPosterViewAvatar.vue2.js.map +1 -1
- package/lib/poster-input/src/component/views/DkPosterViewImage.vue2.js +5 -2
- package/lib/poster-input/src/component/views/DkPosterViewImage.vue2.js.map +1 -1
- package/lib/poster-input/src/component/views/DkPosterViewName.vue2.js.map +1 -1
- package/lib/poster-input/src/component/views/DkPosterViewQrcode.vue2.js.map +1 -1
- package/lib/poster-input/src/component/views/DkPosterViewText.vue2.js.map +1 -1
- package/lib/poster-input/src/component/views/quick-action.vue2.js.map +1 -1
- package/lib/poster-input/src/poster-input.vue2.js.map +1 -1
- package/lib/poster-input/style/index.scss +4 -2
- package/lib/select/src/select.vue2.js +9 -1
- package/lib/select/src/select.vue2.js.map +1 -1
- package/lib/style-animation-input/src/props.js.map +1 -1
- package/lib/style-animation-input/src/style-animation-input.vue2.js +1 -1
- package/lib/style-animation-input/src/style-animation-input.vue2.js.map +1 -1
- package/lib/style-background-input/index.d.ts +2 -1
- package/lib/style-background-input/src/style-background-input.vue.d.ts +2 -1
- package/lib/style-background-input/src/style-background-input.vue2.js +2 -1
- package/lib/style-background-input/src/style-background-input.vue2.js.map +1 -1
- package/lib/style-border-input/index.d.ts +2 -1
- package/lib/style-border-input/src/style-border-input.vue.d.ts +2 -1
- package/lib/style-border-input/src/style-border-input.vue2.js +56 -39
- package/lib/style-border-input/src/style-border-input.vue2.js.map +1 -1
- package/lib/style-border-input/style/index.css +1 -1
- package/lib/style-box-input/index.d.ts +2 -1
- package/lib/style-box-input/src/style-box-input.vue.d.ts +2 -1
- package/lib/style-box-input/src/style-box-input.vue2.js +4 -7
- package/lib/style-box-input/src/style-box-input.vue2.js.map +1 -1
- package/lib/style-font-input/index.d.ts +2 -1
- package/lib/style-font-input/src/style-font-input.vue.d.ts +2 -1
- package/lib/style-font-input/src/style-font-input.vue2.js +10 -27
- package/lib/style-font-input/src/style-font-input.vue2.js.map +1 -1
- package/lib/style-input/src/style-input.vue2.js +9 -21
- package/lib/style-input/src/style-input.vue2.js.map +1 -1
- package/lib/style-number-input/src/style-number-input.vue2.js.map +1 -1
- package/lib/style-position-input/src/style-position-input.vue2.js +4 -1
- package/lib/style-position-input/src/style-position-input.vue2.js.map +1 -1
- package/lib/style-shadow-input/index.d.ts +2 -1
- package/lib/style-shadow-input/src/style-shadow-content.vue2.js +138 -153
- package/lib/style-shadow-input/src/style-shadow-content.vue2.js.map +1 -1
- package/lib/style-shadow-input/src/style-shadow-input.vue.d.ts +2 -1
- package/lib/style-shadow-input/src/style-shadow-input.vue2.js +2 -1
- package/lib/style-shadow-input/src/style-shadow-input.vue2.js.map +1 -1
- package/lib/table/src/components/ComSearch.vue2.js.map +1 -1
- package/lib/table/src/components/FieldRender.vue2.js.map +1 -1
- package/lib/table/src/components/RecycleDialog.vue2.js +3 -1
- package/lib/table/src/components/RecycleDialog.vue2.js.map +1 -1
- package/lib/table/src/components/header.vue2.js +17 -3
- package/lib/table/src/components/header.vue2.js.map +1 -1
- package/lib/table/src/props.js +11 -1
- package/lib/table/src/props.js.map +1 -1
- package/lib/table/src/table.vue2.js +13 -3
- package/lib/table/src/table.vue2.js.map +1 -1
- package/lib/table/utils/dkTable.js +32 -11
- package/lib/table/utils/dkTable.js.map +1 -1
- package/lib/table/utils/dkTableApi.js.map +1 -1
- package/lib/tiny-editor/src/tiny-editor.vue2.js +4 -2
- package/lib/tiny-editor/src/tiny-editor.vue2.js.map +1 -1
- package/lib/tiny-editor/style/index.css +1 -1
- package/lib/tiny-editor/style/index.scss +6 -0
- package/lib/video-list-input/src/video-list-input.vue2.js.map +1 -1
- package/package.json +3 -2
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DkViewCell.vue.js","sources":["../../../../../src/page-diy/src/views/web/DkViewCell.vue"],"sourcesContent":["<template>\n <van-cell-group>\n <van-cell
|
1
|
+
{"version":3,"file":"DkViewCell.vue.js","sources":["../../../../../src/page-diy/src/views/web/DkViewCell.vue"],"sourcesContent":["<template>\n <van-cell-group>\n <van-cell\n v-for=\"(item, key) in groups\"\n :key=\"key\"\n :title=\"item.title\"\n :value=\"item.value\"\n >\n </van-cell>\n </van-cell-group>\n</template>\n\n<script>\nexport default {\n name: 'DkViewCell',\n props: {\n groups: {\n default: () => {\n return []\n },\n type: Array,\n },\n },\n data() {\n return {}\n },\n computed: {},\n mounted() {},\n methods: {},\n}\n</script>\n"],"names":["_createBlock","_openBlock","_createElementBlock","_Fragment","_renderList"],"mappings":";;;;;;;AAaA,MAAK,SAAU,GAAA;AACb,EAAA,IAAI,EAAE,YAAY;AAClB,EAAA,KAAK,EAAE;AACL,IAAA,MAAM,EAAE;MACN,OAAO,EAAE,MAAM;AACb,QAAA,OAAO,EAAC;OACT;MACD,IAAI,EAAE,KAAK;KACZ;GACF;AACD,EAAA,IAAI,GAAG;AACL,IAAA,OAAO,EAAC;GACT;EACD,QAAQ,EAAE,EAAE;EACZ,OAAO,GAAG,EAAE;EACZ,OAAO,EAAE,EAAE;AACb,EAAA;;;;;;2BA5BEA,eAQiB,CAAA,yBAAA,EAAA,IAAA,EAAA;yBANb,MAA6B;AAD/B,OAAAC,aAAA,CAAA,IAAA,CAAA,EAAAC,sBAAA,CAMWC,YALa,EAAA,IAAA,EAAAC,cAAA,CAAA,MAAA,CAAA,MAAM,EAApB,CAAA,IAAI,EAAE,GAAG,KAAA;iCADnBJ,eAMW,CAAA,mBAAA,EAAA;AAJR,UAAA,GAAG,EAAE,GAAG;UACR,KAAK,EAAE,IAAI,CAAC,KAAK;UACjB,KAAK,EAAE,IAAI,CAAC,KAAK;;;;;;;;;;;"}
|
@@ -61,7 +61,9 @@ const _sfc_main = {
|
|
61
61
|
},
|
62
62
|
vanBtnColor() {
|
63
63
|
if (this.color && this.color2) {
|
64
|
-
return
|
64
|
+
return (
|
65
|
+
'linear-gradient(to right, ' + this.color + ', ' + this.color2 + ')'
|
66
|
+
)
|
65
67
|
} else if (this.color) {
|
66
68
|
return this.color
|
67
69
|
} else if (this.color2) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DkViewCommonBtn.vue.js","sources":["../../../../../src/page-diy/src/views/web/DkViewCommonBtn.vue"],"sourcesContent":["<template>\n <div class=\"dk-view-common-btn\">\n <div v-if=\"type === 'btn'\" class=\"btn\">\n <van-button
|
1
|
+
{"version":3,"file":"DkViewCommonBtn.vue.js","sources":["../../../../../src/page-diy/src/views/web/DkViewCommonBtn.vue"],"sourcesContent":["<template>\n <div class=\"dk-view-common-btn\">\n <div v-if=\"type === 'btn'\" class=\"btn\">\n <van-button\n type=\"primary\"\n :block=\"block\"\n :round=\"round\"\n :size=\"size\"\n :color=\"vanBtnColor\"\n :icon=\"icon\"\n >\n {{ btnText }}\n </van-button>\n </div>\n <div v-else class=\"f-btn\">\n <div v-if=\"img\" class=\"image-content\">\n <img :src=\"img\" alt=\"\" :width=\"imgSize\" />\n </div>\n <div :style=\"textStyle\" class=\"f-btn-content\">\n <van-icon :name=\"icon\" :size=\"iconSize\" />\n <span :style=\"{ fontSize: fontSize + 'px' }\"> {{ fBtnText }}</span>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'DkViewCommonBtn',\n props: {\n posterData: {\n default: () => {\n return {}\n },\n type: [Object],\n },\n type: { default: 'btn', type: [String] },\n icon: { default: '', type: String },\n // 图片配置\n imgSize: { default: 20, type: [String, Number] },\n img: { default: '', type: String },\n imgText: { default: '', type: String },\n // 悬浮配置\n fBtnText: { default: '自定义文本', type: String },\n fBgColor: { default: '#ff3d2c', type: String },\n isTextBlock: { default: true, type: Boolean },\n fColor: { default: '#fff', type: String },\n fWSize: { default: 20, type: [String, Number] },\n fHSize: { default: 20, type: [String, Number] },\n borderRadius: { default: 20, type: [String, Number] },\n fontSize: { default: 12, type: [String, Number] },\n fontTopSize: { default: 0, type: [String, Number] },\n iconSize: { default: 12, type: [String, Number] },\n // 按钮配置\n btnText: { default: '按钮文字', type: String },\n block: { default: true, type: Boolean },\n round: { default: true, type: Boolean },\n size: { default: 'normal', type: String },\n color: { default: '#ff3d2c', type: String },\n color2: { default: '', type: String },\n },\n data() {\n return {}\n },\n computed: {\n textStyle() {\n if (this.isTextBlock) {\n return {\n backgroundColor: this.fBgColor,\n width: this.fWSize + 'px',\n height: this.fHSize + 'px',\n color: this.fColor,\n borderRadius: this.borderRadius + 'px',\n marginTop: this.fontTopSize + 'px',\n }\n } else {\n return {\n marginTop: this.fontTopSize + 'px',\n }\n }\n },\n vanBtnColor() {\n if (this.color && this.color2) {\n return (\n 'linear-gradient(to right, ' + this.color + ', ' + this.color2 + ')'\n )\n } else if (this.color) {\n return this.color\n } else if (this.color2) {\n return this.color2\n } else {\n return ''\n }\n },\n },\n mounted() {},\n methods: {},\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_createElementVNode"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DkViewGridCellList.vue.js","sources":["../../../../../src/page-diy/src/views/web/DkViewGridCellList.vue"],"sourcesContent":["<template>\n <div v-if=\"type === 'cell'\" class=\"cell\">\n <van-cell-group>\n <van-cell\n v-for=\"(item, key) in gridCellList\"\n :key=\"key\"\n is-link\n :style=\"{ lineHeight: cellImgSize + 'px!important' }\"\n >\n <template #icon>\n <img\n :src=\"item.img\"\n :alt=\"item.title\"\n :width=\"cellImgSize\"\n :height=\"cellImgSize\"\n :style=\"{\n borderRadius: imgRadius + 'px',\n marginRight: imgTextGutter + 'px',\n }\"\n />\n </template>\n <template #title>\n <span class=\"custom-title\" :style=\"{ fontSize: fontSize + 'px' }\">{{
|
1
|
+
{"version":3,"file":"DkViewGridCellList.vue.js","sources":["../../../../../src/page-diy/src/views/web/DkViewGridCellList.vue"],"sourcesContent":["<template>\n <div v-if=\"type === 'cell'\" class=\"cell\">\n <van-cell-group>\n <van-cell\n v-for=\"(item, key) in gridCellList\"\n :key=\"key\"\n is-link\n :style=\"{ lineHeight: cellImgSize + 'px!important' }\"\n >\n <template #icon>\n <img\n :src=\"item.img\"\n :alt=\"item.title\"\n :width=\"cellImgSize\"\n :height=\"cellImgSize\"\n :style=\"{\n borderRadius: imgRadius + 'px',\n marginRight: imgTextGutter + 'px',\n }\"\n />\n </template>\n <template #title>\n <span class=\"custom-title\" :style=\"{ fontSize: fontSize + 'px' }\">{{\n item.title\n }}</span>\n </template>\n <template #right-icon>\n <dk-icon icon=\"ArrowRight\"></dk-icon>\n <!-- <div style=\"color: #999; font-size: 16px\">-->\n <!-- <i class=\"el-icon-arrow-right\" />-->\n <!-- </div>-->\n </template>\n </van-cell>\n </van-cell-group>\n </div>\n <div v-else class=\"grid\">\n <van-grid\n :square=\"square\"\n :direction=\"direction\"\n :gutter=\"gutter\"\n :clickable=\"clickable\"\n :border=\"border\"\n :column-num=\"columnNum\"\n >\n <template v-for=\"(item, key) in gridCellList\">\n <van-grid-item v-if=\"item.show\" :key=\"key\" icon=\"photo-o\">\n <template #icon>\n <img\n :src=\"item.img\"\n :width=\"gridImgSize\"\n :height=\"gridImgSize\"\n :alt=\"item.title\"\n :style=\"{ borderRadius: imgRadius + 'px' }\"\n />\n </template>\n <template #text>\n <span :style=\"{ fontSize: fontSize + 'px' }\">\n {{ item.title }}\n </span>\n </template>\n </van-grid-item>\n </template>\n </van-grid>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'DkViewGridCellList',\n props: {\n value: {\n default: '',\n type: String,\n },\n imgRadius: {\n default: 0,\n type: Number,\n },\n gridCellList: {\n default: () => {},\n type: [Array],\n },\n fontSize: {\n default: 14,\n type: Number,\n },\n type: {\n default: 'cell',\n type: String,\n },\n cellImgSize: {\n // 列表图片大小\n default: 20,\n type: Number,\n },\n imgTextGutter: {\n // 图文间距\n default: 0,\n type: Number,\n },\n /** ***************************************************** 下面是宫格配置*****************************/\n columnNum: {\n // 宫格列数\n default: 4,\n type: Number,\n },\n square: {\n // 是否为正方形\n default: false,\n type: Boolean,\n },\n gutter: {\n // 间距\n default: 0,\n type: Number,\n },\n direction: {\n // 横向布局\n default: 'vertical',\n type: String,\n },\n clickable: {\n // 点击效果\n default: true,\n type: Boolean,\n },\n border: {\n // 显示边框\n default: true,\n type: Boolean,\n },\n gridImgSize: {\n // 宫格图片大小\n default: 40,\n type: Number,\n },\n },\n data() {\n return {}\n },\n computed: {},\n mounted() {},\n methods: {},\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_Fragment","_renderList","_createBlock","_createElementVNode","_normalizeStyle","_toDisplayString","_createCommentVNode"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DkViewImage.vue.js","sources":["../../../../../src/page-diy/src/views/web/DkViewImage.vue"],"sourcesContent":["<template>\n <div class=\"dk-view-image\" :class=\"'dk-mobile-image-' + type\">\n <div
|
1
|
+
{"version":3,"file":"DkViewImage.vue.js","sources":["../../../../../src/page-diy/src/views/web/DkViewImage.vue"],"sourcesContent":["<template>\n <div class=\"dk-view-image\" :class=\"'dk-mobile-image-' + type\">\n <div\n v-for=\"(item, key) in imageList\"\n :key=\"key\"\n class=\"dk-mobile-image-content\"\n :style=\"_style\"\n >\n <van-image\n :src=\"item.img\"\n :fit=\"fit\"\n width=\"100%\"\n :height=\"heightAuto ? height : ''\"\n style=\"overflow: hidden\"\n />\n <div v-if=\"showText && item.title\" :class=\"'text-type-' + textType\">\n {{ item.title }}\n </div>\n </div>\n <div v-if=\"imageList.length <= 0\">\n <el-empty description=\"请添加图片数据\" />\n </div>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'DkViewImage',\n props: {\n value: { default: '', type: String },\n type: { default: 'default', type: String },\n textType: { default: 'default', type: String },\n heightAuto: { default: false, type: Boolean },\n showText: { default: false, type: Boolean },\n height: { default: '', type: [Number, String] },\n width: { default: '', type: [Number, String] },\n borderRadius: { default: '', type: [Number, String] },\n marginBottom: { default: '', type: [Number, String] },\n marginRight: { default: '', type: [Number, String] },\n imageList: { default: () => [], type: [Array] },\n\n fit: { default: 'cover', type: String },\n },\n data() {\n return {}\n },\n computed: {\n _style() {\n const style = {}\n if (this.type === 'default') {\n style.marginBottom = this.marginBottom + 'px'\n } else {\n style.width = this.width + '%'\n style.marginRight = this.marginRight + 'px'\n }\n style.borderRadius = this.borderRadius + 'px'\n return style\n },\n },\n mounted() {},\n methods: {},\n}\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_openBlock","_Fragment","_renderList","_createVNode","_toDisplayString"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DkViewMusic.vue.js","sources":["../../../../../src/page-diy/src/views/web/DkViewMusic.vue"],"sourcesContent":["<template>\n <div class=\"dk-view-music\">\n <div v-if=\"iconType === 'image'\">\n <img
|
1
|
+
{"version":3,"file":"DkViewMusic.vue.js","sources":["../../../../../src/page-diy/src/views/web/DkViewMusic.vue"],"sourcesContent":["<template>\n <div class=\"dk-view-music\">\n <div v-if=\"iconType === 'image'\">\n <img\n :src=\"imgUrl\"\n width=\"100%\"\n :style=\"_style\"\n :class=\"rotation\"\n class=\"dk-music-img\"\n alt=\"\"\n />\n </div>\n <van-icon\n v-else\n name=\"music-o\"\n class=\"dk-music-icon\"\n :class=\"rotation\"\n :style=\"_style\"\n />\n </div>\n</template>\n\n<script>\nexport default {\n name: 'DkViewMusic',\n props: {\n musicPath: { default: '', type: String },\n // common\n iconType: { default: '', type: String }, // 图标样式\n iconSize: { default: 40, type: Number }, // 图标尺寸\n rotation: { default: 'changeRight', type: String }, // 旋转方向\n speed: { default: 5, type: Number }, // 旋转速度\n // image\n imgUrl: { default: '', type: String }, // 图片地址\n },\n data() {\n return {}\n },\n computed: {\n _style() {\n const speed = 11 - this.speed + 's'\n return {\n width: this.iconSize + 'px',\n height: this.iconSize + 'px',\n fontSize: this.iconSize + 'px',\n animationDuration: speed,\n animationIterationCount: 'infinite',\n animationTimingFunction: 'linear',\n }\n },\n },\n mounted() {},\n methods: {},\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_createBlock"],"mappings":";;;;;;;AAuBA,MAAK,SAAU,GAAA;AACb,EAAA,IAAI,EAAE,aAAa;AACnB,EAAA,KAAK,EAAE;AACL,IAAA,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ;AACxC;AACA,IAAA,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ;AACvC,IAAA,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ;IACvC,QAAQ,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAO,EAAC;AAClD,IAAA,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAK,EAAG;AACnC;AACA,IAAA,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAK,EAAG;GACtC;AACD,EAAA,IAAI,GAAG;AACL,IAAA,OAAO,EAAC;GACT;AACD,EAAA,QAAQ,EAAE;AACR,IAAA,MAAM,GAAG;MACP,MAAM,KAAM,GAAE,EAAC,GAAI,IAAI,CAAC,KAAI,GAAI,IAAE;AAClC,MAAA,OAAO;QACL,KAAK,EAAE,IAAI,CAAC,WAAW,IAAI;QAC3B,MAAM,EAAE,IAAI,CAAC,WAAW,IAAI;QAC5B,QAAQ,EAAE,IAAI,CAAC,QAAO,GAAI,IAAI;QAC9B,iBAAiB,EAAE,KAAK;AACxB,QAAA,uBAAuB,EAAE,UAAU;AACnC,QAAA,uBAAuB,EAAE,QAAQ;AACnC,OAAA;KACD;GACF;EACD,OAAO,GAAG,EAAE;EACZ,OAAO,EAAE,EAAE;AACb,EAAA;;AApDO,MAAA,UAAA,GAAA,EAAA,KAAK,EAAC,eAAe,GAAA;;;;;;;AAA1B,EAAA,QAAAA,aAAA,EAAA,EAAAC,sBAAA,CAkBM,OAlBN,UAkBM,EAAA;KAjBO,MAAQ,CAAA,QAAA,KAAA,OAAA;0BAAnBA,sBASM,CAAA,KAAA,EAAA,UAAA,EAAA;UARJC,sBAOE,CAAA,KAAA,EAAA;AANC,YAAA,GAAG,EAAE,MAAM,CAAA,MAAA;AACZ,YAAA,KAAK,EAAC,MAAM;AACX,YAAA,KAAK,qBAAE,QAAM,CAAA,MAAA,CAAA;YACb,KAAK,EAAAC,kBAAA,CAAA,CAAE,MAAQ,CAAA,QAAA,EACV,cAAc,CAAA,CAAA;AACpB,YAAA,GAAG,EAAC,EAAE;;;0BAGVC,eAME,CAAA,mBAAA,EAAA;;AAJA,UAAA,IAAI,EAAC,SAAS;UACd,KAAK,EAAAD,kBAAA,CAAA,CAAC,eAAe,EACb,MAAQ,CAAA,QAAA,CAAA,CAAA;AACf,UAAA,KAAK,qBAAE,QAAM,CAAA,MAAA,CAAA;;;;;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DkViewNoticeBar.vue.js","sources":["../../../../../src/page-diy/src/views/web/DkViewNoticeBar.vue"],"sourcesContent":["<template>\n <div>\n <van-notice-bar
|
1
|
+
{"version":3,"file":"DkViewNoticeBar.vue.js","sources":["../../../../../src/page-diy/src/views/web/DkViewNoticeBar.vue"],"sourcesContent":["<template>\n <div>\n <van-notice-bar\n :speed=\"speed\"\n :left-icon=\"leftIcon\"\n :text=\"text\"\n :color=\"color\"\n :background=\"background\"\n />\n </div>\n</template>\n\n<script>\nexport default {\n name: 'DkViewNoticeBar',\n props: {\n leftIcon: { default: '', type: String },\n text: { default: '', type: String },\n url: { default: '', type: String },\n background: { default: '', type: String },\n color: { default: '', type: String },\n speed: { default: 60, type: Number },\n },\n data() {\n return {}\n },\n computed: {},\n mounted() {},\n methods: {},\n}\n</script>\n"],"names":["_createElementBlock","_createVNode"],"mappings":";;;;;;;AAaA,MAAK,SAAU,GAAA;EACb,IAAI,EAAE,iBAAiB;AACvB,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ;IACvC,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAK,EAAG;IACnC,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAK,EAAG;AAClC,IAAA,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ;AACzC,IAAA,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAK,EAAG;AACpC,IAAA,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAK,EAAG;GACrC;AACD,EAAA,IAAI,GAAG;AACL,IAAA,OAAO,EAAC;GACT;EACD,QAAQ,EAAE,EAAE;EACZ,OAAO,GAAG,EAAE;EACZ,OAAO,EAAE,EAAE;AACb,EAAA;;;;;2BA5BEA,sBAQM,CAAA,KAAA,EAAA,IAAA,EAAA;IAPJC,eAME,CAAA,yBAAA,EAAA;AALC,MAAA,KAAK,EAAE,MAAK,CAAA,KAAA;AACZ,MAAA,WAAS,EAAE,MAAQ,CAAA,QAAA;AACnB,MAAA,IAAI,EAAE,MAAI,CAAA,IAAA;AACV,MAAA,KAAK,EAAE,MAAK,CAAA,KAAA;AACZ,MAAA,UAAU,EAAE,MAAU,CAAA,UAAA;;;;;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DkViewSwipe.vue.js","sources":["../../../../../src/page-diy/src/views/web/DkViewSwipe.vue"],"sourcesContent":["<template>\n <van-swipe
|
1
|
+
{"version":3,"file":"DkViewSwipe.vue.js","sources":["../../../../../src/page-diy/src/views/web/DkViewSwipe.vue"],"sourcesContent":["<template>\n <van-swipe\n class=\"dk-view-swipe\"\n :autoplay=\"autoplay\"\n indicator-color=\"white\"\n :style=\"{ background: bgColor || '' }\"\n >\n <van-swipe-item v-for=\"(item, key) in swipeList\" :key=\"key\">\n <van-image :src=\"item.img\" :fit=\"fit\" width=\"100%\" :height=\"height\" />\n </van-swipe-item>\n </van-swipe>\n</template>\n\n<script>\nexport default {\n name: 'DkViewSwipe',\n props: {\n value: {\n default: '',\n type: String,\n },\n height: {\n default: '',\n type: [Number, String],\n },\n autoplay: {\n default: 3000,\n type: [Number, String],\n },\n swipeList: {\n default: () => [],\n type: [Array],\n },\n fit: {\n default: 'fill',\n type: String,\n },\n bgColor: {\n default: '',\n type: String,\n },\n },\n data() {\n return {}\n },\n computed: {},\n watch: {\n swipeList(val) {},\n },\n mounted() {},\n methods: {},\n}\n</script>\n"],"names":["_createBlock","_openBlock","_createElementBlock","_Fragment","_renderList","_createVNode"],"mappings":";;;;;;;AAcA,MAAK,SAAU,GAAA;AACb,EAAA,IAAI,EAAE,aAAa;AACnB,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE;MACL,OAAO,EAAE,EAAE;MACX,IAAI,EAAE,MAAM;KACb;AACD,IAAA,MAAM,EAAE;MACN,OAAO,EAAE,EAAE;AACX,MAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;KACvB;AACD,IAAA,QAAQ,EAAE;MACR,OAAO,EAAE,IAAI;AACb,MAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;KACvB;IACD,SAAS,EAAE;AACT,MAAA,OAAO,EAAE,MAAM,EAAE;MACjB,IAAI,EAAE,CAAC,KAAK,CAAC;KACd;IACD,GAAG,EAAE;AACH,MAAA,OAAO,EAAE,MAAM;MACf,IAAI,EAAE,MAAM;KACb;AACD,IAAA,OAAO,EAAE;MACP,OAAO,EAAE,EAAE;MACX,IAAI,EAAE,MAAM;KACb;GACF;AACD,EAAA,IAAI,GAAG;AACL,IAAA,OAAO,EAAC;GACT;EACD,QAAQ,EAAE,EAAE;AACZ,EAAA,KAAK,EAAE;AACL,IAAA,SAAS,CAAC,GAAG,EAAE,EAAE;GAClB;EACD,OAAO,GAAG,EAAE;EACZ,OAAO,EAAE,EAAE;AACb,EAAA;;;;;;;2BAlDEA,eASY,CAAA,oBAAA,EAAA;AARV,IAAA,KAAK,EAAC,eAAe;AACpB,IAAA,QAAQ,EAAE,MAAQ,CAAA,QAAA;AACnB,IAAA,iBAAe,EAAC,OAAO;AACtB,IAAA,KAAK,mCAAgB,MAAO,CAAA,OAAA,IAAA,EAAA,EAAA,CAAA;;yBAEb,MAAgC;AAAhD,OAAAC,aAAA,CAAA,IAAA,CAAA,EAAAC,sBAAA,CAEiBC,YAFqB,EAAA,IAAA,EAAAC,cAAA,CAAA,MAAA,CAAA,SAAS,EAAvB,CAAA,IAAI,EAAE,GAAG,KAAA;iCAAjCJ,eAEiB,CAAA,yBAAA,EAAA,EAFiC,GAAG,EAAE,GAAG,EAAA,EAAA;+BACxD,MAAsE;YAAtEK,eAAsE,CAAA,oBAAA,EAAA;cAA1D,GAAG,EAAE,IAAI,CAAC,GAAG;AAAG,cAAA,GAAG,EAAE,MAAG,CAAA,GAAA;AAAE,cAAA,KAAK,EAAC,MAAM;AAAE,cAAA,MAAM,EAAE,MAAM,CAAA,MAAA;;;;;;;;;;;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DkViewTitle.vue.js","sources":["../../../../../src/page-diy/src/views/web/DkViewTitle.vue"],"sourcesContent":["<template>\n <div class=\"dk-view-title\">\n <div class=\"title-left\">\n <van-icon
|
1
|
+
{"version":3,"file":"DkViewTitle.vue.js","sources":["../../../../../src/page-diy/src/views/web/DkViewTitle.vue"],"sourcesContent":["<template>\n <div class=\"dk-view-title\">\n <div class=\"title-left\">\n <van-icon\n v-if=\"prefix === 'icon'\"\n :name=\"icon\"\n :style=\"{ color: prefixColor, fontSize: iconSize + 'px' }\"\n />\n <van-image\n v-if=\"prefix === 'image'\"\n :src=\"prefixImage\"\n alt=\"\"\n class=\"dk-title-img\"\n :width=\"imageWidth\"\n :height=\"imageHeight\"\n />\n <div\n v-if=\"prefix === 'square'\"\n :style=\"{\n width: squareWidth + 'px',\n height: squareHeight + 'px',\n background: prefixColor,\n }\"\n />\n <div\n :style=\"{\n marginLeft: titleMarginLeft + 'px',\n color: color,\n fontWeight: bold ? 800 : 400,\n }\"\n >\n {{ title }}\n </div>\n </div>\n <div\n v-if=\"showRight\"\n class=\"title-right\"\n :style=\"{ color: rColor, fontSize: rSize + 'px' }\"\n >\n {{ rTitle }}\n </div>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'DkViewTitle',\n props: {\n title: { default: '标题', type: String },\n size: { default: 14, type: Number },\n color: { default: '#333', type: String },\n bold: { default: false, type: Boolean },\n prefix: { default: '', type: String },\n icon: { default: 'volume', type: String },\n prefixColor: { default: '#409eff', type: String },\n prefixImage: { default: '', type: String },\n squareWidth: { default: 4, type: Number },\n squareHeight: { default: 12, type: Number },\n imageWidth: { default: 24, type: Number },\n imageHeight: { default: 24, type: Number },\n iconSize: { default: 18, type: Number },\n titleMarginLeft: { default: 4, type: Number },\n rTitle: { default: '更多', type: String },\n rColor: { default: '#999', type: String },\n rSize: { default: 12, type: Number },\n showRight: { default: false, type: Boolean },\n },\n data() {\n return {}\n },\n computed: {},\n mounted() {},\n methods: {},\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_createBlock","_normalizeStyle"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
@charset "UTF-8";._fc-l,._fc-m,._fc-r{background:#fff;box-sizing:border-box;height:calc(100vh - 180px);position:relative}._fc-l::-webkit-scrollbar,._fc-m::-webkit-scrollbar,._fc-r::-webkit-scrollbar{display:none}._fc-l{overflow:inherit!important;display:flex;flex:0 0 auto;flex-direction:column;top:0}._fc-l ._fc-l-group{padding:0 12px}._fc-l ._fc-l-title{font-weight:600;font-size:14px;margin:18px 0 5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}._fc-l ._fc-l-item{display:inline-block;background:#fff;color:#000;min-width:70px;width:80px;height:70px;line-height:1;text-align:center;transition:all .2s ease;cursor:pointer;border-radius:6px;position:relative}._fc-l ._fc-l-item.not-drag{cursor:not-allowed;background:#f6f6f6!important;color:#000!important}._fc-l ._fc-l-item ._fc-l-name{font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}._fc-l ._fc-l-item ._fc-l-count{background-color:#409eff;border-radius:10px;color:#fff;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;white-space:nowrap;border:1px solid #fff;position:absolute;top:5px;right:20px;z-index:1;transform:translateY(-50%) translateX(100%)}._fc-l ._fc-l-item ._fc-l-icon{padding:10px 5px 12px}._fc-l ._fc-l-item:hover{background:#409eff;color:#fff}._fc-l.item-box ._fc-l-groups{height:calc(100vh - 220px);overflow:auto;flex:1 1 0%}._fc-l.item-box ._fc-l-groups::-webkit-scrollbar{display:none}._fc-l.item-box ._fc-l-groups ._fc-l-items ._fc-l-item{margin:5px;width:76px;box-shadow:1px 1px 4px rgba(0,0,0,.1019607843)}._fc-l:hover .aside-toggle{display:block}._fc-l .children-list{width:100%;position:relative;background:#fff;bottom:0;overflow:auto;z-index:2}._fc-l .children-list .child-title{cursor:pointer;text-align:center;font-size:14px;padding:4px;position
|
1
|
+
@charset "UTF-8";._fc-l,._fc-m,._fc-r{background:#fff;box-sizing:border-box;height:calc(100vh - 180px);position:relative}._fc-l::-webkit-scrollbar,._fc-m::-webkit-scrollbar,._fc-r::-webkit-scrollbar{display:none}._fc-l{overflow:inherit!important;display:flex;flex:0 0 auto;flex-direction:column;top:0}._fc-l ._fc-l-group{padding:0 12px}._fc-l ._fc-l-title{font-weight:600;font-size:14px;margin:18px 0 5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}._fc-l ._fc-l-item{display:inline-block;background:#fff;color:#000;min-width:70px;width:80px;height:70px;line-height:1;text-align:center;transition:all .2s ease;cursor:pointer;border-radius:6px;position:relative}._fc-l ._fc-l-item.not-drag{cursor:not-allowed;background:#f6f6f6!important;color:#000!important}._fc-l ._fc-l-item ._fc-l-name{font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}._fc-l ._fc-l-item ._fc-l-count{background-color:#409eff;border-radius:10px;color:#fff;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;white-space:nowrap;border:1px solid #fff;position:absolute;top:5px;right:20px;z-index:1;transform:translateY(-50%) translateX(100%)}._fc-l ._fc-l-item ._fc-l-icon{padding:10px 5px 12px}._fc-l ._fc-l-item:hover{background:#409eff;color:#fff}._fc-l.item-box ._fc-l-groups{height:calc(100vh - 220px);overflow:auto;flex:1 1 0%}._fc-l.item-box ._fc-l-groups::-webkit-scrollbar{display:none}._fc-l.item-box ._fc-l-groups ._fc-l-items ._fc-l-item{margin:5px;width:76px;box-shadow:1px 1px 4px rgba(0,0,0,.1019607843)}._fc-l:hover .aside-toggle{display:block}._fc-l .children-list{width:100%;position:relative;background:#fff;bottom:0;overflow:auto;z-index:2}._fc-l .children-list .child-title{cursor:pointer;text-align:center;font-size:14px;padding:4px;position:sticky;z-index:2;top:0;background:#fff;border-top:1px solid #eaecef;border-right:0}._fc-l .children-list .child-title .dk-icon{position:absolute;right:10px}._fc-l .children-list .child-title .dk-icon:hover{color:#409eff!important}._fc-l .children-list .el-tree-node-content .close-rule{position:absolute;right:0;padding:2px 10px;box-sizing:initial}._fc-l .children-list .el-tree-node-content .close-rule:hover{color:#409eff!important}._fc-l .children-list .el-tree-node-content:hover .close-rule{display:inline-flex}._fc-l .children-list .aside-resizer{width:100%;height:4px;margin:-2px 0;cursor:n-resize;z-index:3}._fc-l .children-list::-webkit-scrollbar{display:none}._fc-m{background:#ebeced;width:100%}._fc-m ._fc-m-tools{background:#fff;height:40px;align-items:center;display:flex;justify-content:flex-end;border:1px solid #ececec;border-top:0 none}._fc-m ._fc-m-drag{overflow:auto;box-sizing:border-box}._fc-m .form-create ._fc-l-item{background:#409eff;width:100%;height:30px;overflow:hidden;transition:all .3s ease;display:flex;justify-content:center;align-items:center;color:#fff}._fc-m .form-create ._fc-l-item.sortable-chosen ._fc-l-count,._fc-m .form-create ._fc-l-item.sortable-chosen ._fc-l-icon,._fc-m .form-create ._fc-l-item.sortable-chosen ._fc-l-name{display:none}._fc-m .form-create ._fc-l-item.sortable-chosen:after{content:"放在这里";color:#fff;font-size:14px}._fc-m .form-create ._fc-l-item ._fc-l-icon{margin:0 10px}._fc-r{width:calc(100% - 800px);overflow:inherit!important}._fc-r .el-tabs__nav-wrap{padding:0 20px}._fc-r .el-tabs__nav{width:100%}._fc-r .el-tabs__item{width:33%;text-align:center}._fc-r .el-tabs__content{padding:0 20px;height:calc(100vh - 235px);overflow:auto}._fc-r .el-tabs__content::-webkit-scrollbar{width:5px}._fc-r .el-tabs__nav-wrap::after{height:1px;background-color:#ececec}._fc-r ._fc-r-tabs{display:flex;cursor:pointer;padding:0;border-bottom:1px solid #ececec}._fc-r ._fc-r-tab{height:40px;box-sizing:border-box;line-height:40px;display:inline-block;list-style:none;font-size:14px;font-weight:600;color:#303133;position:relative;flex:1;text-align:center}._fc-r ._fc-r-tab.active{color:#409eff;border-bottom:2px solid #409eff}._fc-r:hover .aside-toggle{display:block}._fc-r .el-form-item__content{display:block}._fc-r .el-form-item__content .form-help{line-height:1.5;margin-top:4px;color:#888;font-size:12px}._fc-m-drag,.draggable-drag{min-height:630px;height:100%;position:relative}._fc-m-drag .chosen,.draggable-drag .chosen{opacity:1!important}.aside-resizer{cursor:ew-resize;height:100%;margin:0 -2px;position:absolute;top:0;width:4px;z-index:1;right:0}.aside-resizer:hover{background:rgba(204,204,204,.5)}.aside-toggle{background:inherit;cursor:pointer;padding:20px 5px;position:absolute;top:50%;transform:translateY(-50%);z-index:1;display:none}
|
@@ -1 +1 @@
|
|
1
|
-
@charset "UTF-8";.dk-page-diy{min-width:1000px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dk-page-diy ._fc-l,.dk-page-diy ._fc-m,.dk-page-diy ._fc-r{background:#fff;box-sizing:border-box;height:calc(100vh - 180px);position:relative}.dk-page-diy ._fc-l::-webkit-scrollbar,.dk-page-diy ._fc-m::-webkit-scrollbar,.dk-page-diy ._fc-r::-webkit-scrollbar{display:none}.dk-page-diy ._fc-l{overflow:inherit!important;display:flex;flex:0 0 auto;flex-direction:column;top:0}.dk-page-diy ._fc-l ._fc-l-group{padding:0 12px}.dk-page-diy ._fc-l ._fc-l-title{font-weight:600;font-size:14px;margin:18px 0 5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dk-page-diy ._fc-l ._fc-l-item{display:inline-block;background:#fff;color:#000;min-width:70px;width:80px;height:70px;line-height:1;text-align:center;transition:all .2s ease;cursor:pointer;border-radius:6px;position:relative}.dk-page-diy ._fc-l ._fc-l-item.not-drag{cursor:not-allowed;background:#f6f6f6!important;color:#000!important}.dk-page-diy ._fc-l ._fc-l-item ._fc-l-name{font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dk-page-diy ._fc-l ._fc-l-item ._fc-l-count{background-color:#409eff;border-radius:10px;color:#fff;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;white-space:nowrap;border:1px solid #fff;position:absolute;top:5px;right:20px;z-index:1;transform:translateY(-50%) translateX(100%)}.dk-page-diy ._fc-l ._fc-l-item ._fc-l-icon{padding:10px 5px 12px}.dk-page-diy ._fc-l ._fc-l-item:hover{background:#409eff;color:#fff}.dk-page-diy ._fc-l.item-box ._fc-l-groups{height:calc(100vh - 220px);overflow:auto;flex:1 1 0%}.dk-page-diy ._fc-l.item-box ._fc-l-groups::-webkit-scrollbar{display:none}.dk-page-diy ._fc-l.item-box ._fc-l-groups ._fc-l-items ._fc-l-item{margin:5px;width:76px;box-shadow:1px 1px 4px rgba(0,0,0,.1019607843)}.dk-page-diy ._fc-l:hover .aside-toggle{display:block}.dk-page-diy ._fc-l .children-list{width:100%;position:relative;background:#fff;bottom:0;overflow:auto;z-index:2}.dk-page-diy ._fc-l .children-list .child-title{cursor:pointer;text-align:center;font-size:14px;padding:4px;position:-webkit-sticky;position:sticky;z-index:2;top:0;background:#fff;border-top:1px solid #eaecef;border-right:0}.dk-page-diy ._fc-l .children-list .child-title .dk-icon{position:absolute;right:10px}.dk-page-diy ._fc-l .children-list .child-title .dk-icon:hover{color:#409eff!important}.dk-page-diy ._fc-l .children-list .el-tree-node-content .close-rule{position:absolute;right:0;padding:2px 10px;box-sizing:initial}.dk-page-diy ._fc-l .children-list .el-tree-node-content .close-rule:hover{color:#409eff!important}.dk-page-diy ._fc-l .children-list .el-tree-node-content:hover .close-rule{display:inline-flex}.dk-page-diy ._fc-l .children-list .aside-resizer{width:100%;height:4px;margin:-2px 0;cursor:n-resize;z-index:3}.dk-page-diy ._fc-l .children-list::-webkit-scrollbar{display:none}.dk-page-diy ._fc-m{background:#ebeced;width:100%}.dk-page-diy ._fc-m ._fc-m-tools{background:#fff;height:40px;align-items:center;display:flex;justify-content:flex-end;border:1px solid #ececec;border-top:0 none}.dk-page-diy ._fc-m ._fc-m-drag{overflow:auto;box-sizing:border-box}.dk-page-diy ._fc-m .form-create ._fc-l-item{background:#409eff;width:100%;height:30px;overflow:hidden;transition:all .3s ease;display:flex;justify-content:center;align-items:center;color:#fff}.dk-page-diy ._fc-m .form-create ._fc-l-item.sortable-chosen ._fc-l-count,.dk-page-diy ._fc-m .form-create ._fc-l-item.sortable-chosen ._fc-l-icon,.dk-page-diy ._fc-m .form-create ._fc-l-item.sortable-chosen ._fc-l-name{display:none}.dk-page-diy ._fc-m .form-create ._fc-l-item.sortable-chosen:after{content:"放在这里";color:#fff;font-size:14px}.dk-page-diy ._fc-m .form-create ._fc-l-item ._fc-l-icon{margin:0 10px}.dk-page-diy ._fc-r{width:calc(100% - 800px);overflow:inherit!important}.dk-page-diy ._fc-r .el-tabs__nav-wrap{padding:0 20px}.dk-page-diy ._fc-r .el-tabs__nav{width:100%}.dk-page-diy ._fc-r .el-tabs__item{width:33%;text-align:center}.dk-page-diy ._fc-r .el-tabs__content{padding:0 20px;height:calc(100vh - 235px);overflow:auto}.dk-page-diy ._fc-r .el-tabs__content::-webkit-scrollbar{width:5px}.dk-page-diy ._fc-r .el-tabs__nav-wrap::after{height:1px;background-color:#ececec}.dk-page-diy ._fc-r ._fc-r-tabs{display:flex;cursor:pointer;padding:0;border-bottom:1px solid #ececec}.dk-page-diy ._fc-r ._fc-r-tab{height:40px;box-sizing:border-box;line-height:40px;display:inline-block;list-style:none;font-size:14px;font-weight:600;color:#303133;position:relative;flex:1;text-align:center}.dk-page-diy ._fc-r ._fc-r-tab.active{color:#409eff;border-bottom:2px solid #409eff}.dk-page-diy ._fc-r:hover .aside-toggle{display:block}.dk-page-diy ._fc-r .el-form-item__content{display:block}.dk-page-diy ._fc-r .el-form-item__content .form-help{line-height:1.5;margin-top:4px;color:#888;font-size:12px}.dk-page-diy ._fc-m-drag,.dk-page-diy .draggable-drag{min-height:630px;height:100%;position:relative}.dk-page-diy ._fc-m-drag .chosen,.dk-page-diy .draggable-drag .chosen{opacity:1!important}.dk-page-diy .aside-resizer{cursor:ew-resize;height:100%;margin:0 -2px;position:absolute;top:0;width:4px;z-index:1;right:0}.dk-page-diy .aside-resizer:hover{background:rgba(204,204,204,.5)}.dk-page-diy .aside-toggle{background:inherit;cursor:pointer;padding:20px 5px;position:absolute;top:50%;transform:translateY(-50%);z-index:1;display:none}.dk-page-diy .drag-tool{padding:var(--padding);position:relative;min-height:var(--minHeight);box-sizing:border-box;word-wrap:break-word;word-break:break-all;margin:var(--margin);outline:var(--showDashed) dashed #a2d1ff;overflow:var(--overflow)}.dk-page-diy .drag-tool:hover{outline:2px dashed #a2d1ff}.dk-page-diy .drag-tool .drag-tool{margin:5px}.dk-page-diy .drag-tool+.drag-tool{margin-top:5px}.dk-page-diy .drag-tool .drag-content{overflow:hidden}.dk-page-diy .drag-tool .drag-content .drag-tool .del{right:0;top:0}.dk-page-diy .drag-tool .drag-r{display:block}.dk-page-diy .drag-tool .drag-r{position:absolute;right:2px;bottom:2px;z-index:1200}.dk-page-diy .drag-tool .drag-l{position:absolute;top:0;left:0;z-index:1904}.dk-page-diy .drag-tool .drag-btn{height:18px;width:18px;color:#fff;background-color:#666;text-align:center;line-height:20px;padding-bottom:1px;float:left;cursor:pointer;justify-content:center;display:none;opacity:.5}.dk-page-diy .drag-tool .drag-btn+.drag-btn{margin-left:2px}.dk-page-diy .drag-tool .drag-btn:hover{background-color:var(--el-color-primary);opacity:1}.dk-page-diy .drag-tool .drag-btn-danger{background-color:var(--el-color-danger)!important}.dk-page-diy .drag-tool .drag-btn i{font-size:13px}.dk-page-diy .drag-tool .drag-mask{z-index:1199;position:absolute;top:0;left:0;right:0;bottom:0}.dk-page-diy .drag-tool.active{outline:2px solid #409eff}.dk-page-diy .drag-tool.active>.drag-r .drag-btn{display:block}.dk-page-diy .drag-tool.active>.drag-l .drag-btn{display:block}.dk-page-diy .drag-tool.active>.del{display:block}.dk-page-diy .drag-tool.active>.op{display:block}.dk-page-diy .preview-phone{overflow:auto;box-shadow:inset 0 2px 5px 1px rgba(62,62,62,.0901960784);height:100%}.dk-page-diy .preview-phone::-webkit-scrollbar{width:8px}.dk-page-diy .preview-phone .phone{background:#fff;width:375px;margin:20px auto;box-shadow:0 5px 10px rgba(0,0,0,.2);min-height:700px}.dk-page-diy .preview-phone .phone .phone-header{height:75px;margin-bottom:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dk-page-diy .preview-phone .phone .phone-header img{width:100%}.dk-page-diy .preview-phone .phone .phone-header .phone-header-top{display:flex;align-items:flex-start;justify-content:space-between;height:30px;font-size:12px}.dk-page-diy .preview-phone .phone .phone-header .phone-header-top .phone-time{margin:10px}.dk-page-diy .preview-phone .phone .phone-header .phone-header-top .phone-time span{margin-right:5px}.dk-page-diy .preview-phone .phone .phone-header .phone-header-top .phone-bangs{background:#000;width:200px;height:30px;border-bottom-right-radius:20px;border-bottom-left-radius:20px}.dk-page-diy .preview-phone .phone .phone-header .phone-header-top .phone-battery{margin:10px;display:flex;align-items:center;height:18px}.dk-page-diy .preview-phone .phone .phone-header .phone-header-top .phone-battery img{margin-left:5px}.dk-page-diy .preview-phone .phone .phone-header .phone-title{display:flex;justify-content:space-between;align-items:center;height:40px}.dk-page-diy .preview-phone .phone .phone-header .phone-title .phone-title-icon{margin:5px}.dk-page-diy .preview-phone .phone .phone-header-min{background-image:url(https://demo-saas.site.niucloud.com/admin/assets/diy_preview_head-8c072698.png);background-repeat:no-repeat;background-position:center;background-size:cover;position:relative}.dk-page-diy .preview-phone .phone .phone-header-min .close-button{position:absolute;top:34px;right:27px}.dk-page-diy .preview-phone .phone .phone-header-min .close-button:hover .close-button-mask{background:rgba(0,0,0,.0666666667)}.dk-page-diy .preview-phone .phone .phone-header-min .close-button .close-button-mask{width:20px;height:20px;border-radius:100%;cursor:pointer}.dk-page-diy .preview-phone .phone .phone-header-min .more-button-mask{position:absolute;top:34px;right:70px;width:25px;cursor:pointer;border-radius:40px;height:20px}.dk-page-diy .preview-phone .phone .phone-header-min .more-button-mask:hover{background:rgba(0,0,0,.0666666667)}.dk-page-diy .preview-phone .phone .phone-body{background:#f5f5f5;background-size:100% auto!important;overflow:visible;background-repeat:no-repeat;background-origin:initial;background-clip:initial}.dk-page-diy .preview-phone .phone .phone-body .ghost{box-shadow:var(--el-box-shadow)}.dk-page-diy .dk-view-bullet-chat{height:30px;line-height:30px;color:#fff;background:rgba(0,0,0,.6);border-radius:100px}.dk-page-diy .dk-view-bullet-chat .bullet-content{display:flex;align-items:center;height:20px;margin:5px;font-size:12px}.dk-page-diy .dk-view-bullet-chat .bullet-content img{width:20px;height:20px;border-radius:100%}.dk-page-diy .dk-view-bullet-chat .bullet-content span{padding:0 5px}.dk-page-diy .dk-view-common-btn .btn{display:flex;align-items:center;justify-content:center}.dk-page-diy .dk-view-common-btn .btn .van-icon{font-size:1.2em}.dk-page-diy .dk-view-common-btn .f-btn{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.dk-page-diy .dk-view-common-btn .f-btn .image-content{display:inherit}.dk-page-diy .dk-view-common-btn .f-btn .f-btn-content{display:flex;align-items:center;justify-content:center;border-radius:100%}.dk-page-diy .dk-view-common-btn .f-img{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.dk-page-diy .dk-view-image.dk-mobile-image-default{display:flex;flex-direction:column}.dk-page-diy .dk-view-image.dk-mobile-image-default .van-image{display:block}.dk-page-diy .dk-view-image.dk-mobile-image-default .dk-mobile-image-content{display:block}.dk-page-diy .dk-view-image.dk-mobile-image-slide{width:100%;overflow-x:scroll;white-space:nowrap}.dk-page-diy .dk-view-image.dk-mobile-image-slide .dk-mobile-image-content{position:relative;display:inline-block;margin-right:10px;vertical-align:top}.dk-page-diy .dk-view-image .dk-mobile-image-content{position:relative;overflow:hidden}.dk-page-diy .dk-view-image .dk-mobile-image-content:last-child{margin:0!important}.dk-page-diy .dk-view-image .dk-mobile-image-content .text-type-footer{text-align:center;height:48px;line-height:48px}.dk-page-diy .dk-view-image .dk-mobile-image-content .text-type-default{color:#fff;text-align:center;position:absolute;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75));bottom:0;height:48px;line-height:48px;width:100%}.dk-page-diy .dk-view-dialog .preview{display:flex;align-items:center;justify-content:center;height:40px;text-align:center;background:#fff}.dk-page-diy .dk-view-music{width:100%;display:flex;align-items:center;justify-content:center}.dk-page-diy .dk-view-music .dk-music-icon{background:#fff;border-radius:100%;border:2px solid #fff;font-weight:800;box-sizing:content-box;color:#f56c6c}.dk-page-diy .dk-view-music .dk-music-img{border-radius:100%}.dk-page-diy .dk-view-music .changeRight{-webkit-animation-name:changeRight;animation-name:changeRight}.dk-page-diy .dk-view-music .changeLeft{-webkit-animation-name:changeLeft;animation-name:changeLeft}@-webkit-keyframes changeRight{0%{-webkit-transform:rotate(0)}50%{-webkit-transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes changeRight{0%{-webkit-transform:rotate(0)}50%{-webkit-transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg)}}@-webkit-keyframes changeLeft{0%{-webkit-transform:rotate(0)}50%{-webkit-transform:rotate(-180deg)}100%{-webkit-transform:rotate(-360deg)}}@keyframes changeLeft{0%{-webkit-transform:rotate(0)}50%{-webkit-transform:rotate(-180deg)}100%{-webkit-transform:rotate(-360deg)}}.dk-page-diy .dk-view-swipe .image{width:100%}.dk-page-diy .dk-view-tabbar .van-tabbar,.dk-page-diy .dk-view-tabbar .van-tabbar-item--active{background:0 0}.dk-page-diy .dk-view-title{display:flex;align-items:center;justify-content:space-between}.dk-page-diy .dk-view-title .title-left{display:flex;align-items:center}.dk-page-diy .dk-view-video{display:flex;align-items:center;justify-content:center;width:100%;min-height:240px;color:#eee;background:#222}.dk-page-diy .dk-view-video .dk-video-content{width:100%;height:100%;text-align:center}.dk-page-diy .dk-view-video .dk-video-content p{font-size:12px;color:#999}.dk-page-diy .dk-view-video .dk-video-content .poster{width:100%;height:100%}.dk-page-diy .dk-view-video .el-icon-video-play{font-size:50px}.dk-page-diy .dk-view-video .video-preview{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#000;opacity:.8}.dk-page-diy .dk-min-swipe .image{width:100%}.dk-page-diy .dk-min-swipe .swipe-title{position:absolute;bottom:0;background:rgba(0,0,0,.3333333333);width:100%;color:#fff;padding:5px}.dk-page-diy .dk-min-area{position:relative}.dk-page-diy .hot-item{display:flex;align-items:center;justify-content:center;color:#fff}.diy-cloud .diy-header{display:flex;justify-content:space-between}.diy-cloud .diy-header .diy-search{width:500px;display:flex;align-items:center}.diy-cloud .diy-content{padding:20px 0}.diy-cloud .diy-content ul{height:520px}.diy-cloud .diy-content ul li{float:left;width:calc(16.6% - 10px);text-align:center;margin:5px;position:relative;transition:all .3s ease 0s;cursor:pointer;border-radius:10px;overflow:hidden;border:1px solid #ccc}.diy-cloud .diy-content ul li .cover{width:180px;height:240px;transition:all .3s ease 0s}.diy-cloud .diy-content ul li .title{position:absolute;bottom:0;padding:4px 10px;background:#fff;color:#000;text-align:center;width:100%}.diy-cloud .diy-content ul li .type{position:absolute;bottom:40px;padding:4px 10px;color:#000;text-align:center;width:100%}.diy-cloud .diy-content ul li .tag-list{position:absolute;bottom:30px;padding:4px 10px;color:#000;text-align:right;width:100%}.diy-cloud .diy-content ul li .tag-list .tag{font-size:12px;margin-top:17px;text-align:right;padding:2px 6px;top:180px;right:6px;background-color:rgba(0,0,0,.6);color:#fff;border-radius:4px;margin-left:5px}.diy-cloud .diy-content ul li .mask{position:absolute;height:240px;width:180px;top:0;background:rgba(0,0,0,.3019607843)}.diy-cloud .diy-content ul li:hover{box-shadow:0 4px 12px 0 rgba(0,13,71,.2)}.diy-cloud .diy-content ul li.choose{transition:all .1s ease 0s;border:1px solid #1989fa}.diy-cloud .diy-footer{text-align:center;padding:10px}
|
1
|
+
@charset "UTF-8";.dk-page-diy{min-width:1000px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dk-page-diy ._fc-l,.dk-page-diy ._fc-m,.dk-page-diy ._fc-r{background:#fff;box-sizing:border-box;height:calc(100vh - 180px);position:relative}.dk-page-diy ._fc-l::-webkit-scrollbar,.dk-page-diy ._fc-m::-webkit-scrollbar,.dk-page-diy ._fc-r::-webkit-scrollbar{display:none}.dk-page-diy ._fc-l{overflow:inherit!important;display:flex;flex:0 0 auto;flex-direction:column;top:0}.dk-page-diy ._fc-l ._fc-l-group{padding:0 12px}.dk-page-diy ._fc-l ._fc-l-title{font-weight:600;font-size:14px;margin:18px 0 5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dk-page-diy ._fc-l ._fc-l-item{display:inline-block;background:#fff;color:#000;min-width:70px;width:80px;height:70px;line-height:1;text-align:center;transition:all .2s ease;cursor:pointer;border-radius:6px;position:relative}.dk-page-diy ._fc-l ._fc-l-item.not-drag{cursor:not-allowed;background:#f6f6f6!important;color:#000!important}.dk-page-diy ._fc-l ._fc-l-item ._fc-l-name{font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dk-page-diy ._fc-l ._fc-l-item ._fc-l-count{background-color:#409eff;border-radius:10px;color:#fff;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;white-space:nowrap;border:1px solid #fff;position:absolute;top:5px;right:20px;z-index:1;transform:translateY(-50%) translateX(100%)}.dk-page-diy ._fc-l ._fc-l-item ._fc-l-icon{padding:10px 5px 12px}.dk-page-diy ._fc-l ._fc-l-item:hover{background:#409eff;color:#fff}.dk-page-diy ._fc-l.item-box ._fc-l-groups{height:calc(100vh - 220px);overflow:auto;flex:1 1 0%}.dk-page-diy ._fc-l.item-box ._fc-l-groups::-webkit-scrollbar{display:none}.dk-page-diy ._fc-l.item-box ._fc-l-groups ._fc-l-items ._fc-l-item{margin:5px;width:76px;box-shadow:1px 1px 4px rgba(0,0,0,.1019607843)}.dk-page-diy ._fc-l:hover .aside-toggle{display:block}.dk-page-diy ._fc-l .children-list{width:100%;position:relative;background:#fff;bottom:0;overflow:auto;z-index:2}.dk-page-diy ._fc-l .children-list .child-title{cursor:pointer;text-align:center;font-size:14px;padding:4px;position:sticky;z-index:2;top:0;background:#fff;border-top:1px solid #eaecef;border-right:0}.dk-page-diy ._fc-l .children-list .child-title .dk-icon{position:absolute;right:10px}.dk-page-diy ._fc-l .children-list .child-title .dk-icon:hover{color:#409eff!important}.dk-page-diy ._fc-l .children-list .el-tree-node-content .close-rule{position:absolute;right:0;padding:2px 10px;box-sizing:initial}.dk-page-diy ._fc-l .children-list .el-tree-node-content .close-rule:hover{color:#409eff!important}.dk-page-diy ._fc-l .children-list .el-tree-node-content:hover .close-rule{display:inline-flex}.dk-page-diy ._fc-l .children-list .aside-resizer{width:100%;height:4px;margin:-2px 0;cursor:n-resize;z-index:3}.dk-page-diy ._fc-l .children-list::-webkit-scrollbar{display:none}.dk-page-diy ._fc-m{background:#ebeced;width:100%}.dk-page-diy ._fc-m ._fc-m-tools{background:#fff;height:40px;align-items:center;display:flex;justify-content:flex-end;border:1px solid #ececec;border-top:0 none}.dk-page-diy ._fc-m ._fc-m-drag{overflow:auto;box-sizing:border-box}.dk-page-diy ._fc-m .form-create ._fc-l-item{background:#409eff;width:100%;height:30px;overflow:hidden;transition:all .3s ease;display:flex;justify-content:center;align-items:center;color:#fff}.dk-page-diy ._fc-m .form-create ._fc-l-item.sortable-chosen ._fc-l-count,.dk-page-diy ._fc-m .form-create ._fc-l-item.sortable-chosen ._fc-l-icon,.dk-page-diy ._fc-m .form-create ._fc-l-item.sortable-chosen ._fc-l-name{display:none}.dk-page-diy ._fc-m .form-create ._fc-l-item.sortable-chosen:after{content:"放在这里";color:#fff;font-size:14px}.dk-page-diy ._fc-m .form-create ._fc-l-item ._fc-l-icon{margin:0 10px}.dk-page-diy ._fc-r{width:calc(100% - 800px);overflow:inherit!important}.dk-page-diy ._fc-r .el-tabs__nav-wrap{padding:0 20px}.dk-page-diy ._fc-r .el-tabs__nav{width:100%}.dk-page-diy ._fc-r .el-tabs__item{width:33%;text-align:center}.dk-page-diy ._fc-r .el-tabs__content{padding:0 20px;height:calc(100vh - 235px);overflow:auto}.dk-page-diy ._fc-r .el-tabs__content::-webkit-scrollbar{width:5px}.dk-page-diy ._fc-r .el-tabs__nav-wrap::after{height:1px;background-color:#ececec}.dk-page-diy ._fc-r ._fc-r-tabs{display:flex;cursor:pointer;padding:0;border-bottom:1px solid #ececec}.dk-page-diy ._fc-r ._fc-r-tab{height:40px;box-sizing:border-box;line-height:40px;display:inline-block;list-style:none;font-size:14px;font-weight:600;color:#303133;position:relative;flex:1;text-align:center}.dk-page-diy ._fc-r ._fc-r-tab.active{color:#409eff;border-bottom:2px solid #409eff}.dk-page-diy ._fc-r:hover .aside-toggle{display:block}.dk-page-diy ._fc-r .el-form-item__content{display:block}.dk-page-diy ._fc-r .el-form-item__content .form-help{line-height:1.5;margin-top:4px;color:#888;font-size:12px}.dk-page-diy ._fc-m-drag,.dk-page-diy .draggable-drag{min-height:630px;height:100%;position:relative}.dk-page-diy ._fc-m-drag .chosen,.dk-page-diy .draggable-drag .chosen{opacity:1!important}.dk-page-diy .aside-resizer{cursor:ew-resize;height:100%;margin:0 -2px;position:absolute;top:0;width:4px;z-index:1;right:0}.dk-page-diy .aside-resizer:hover{background:rgba(204,204,204,.5)}.dk-page-diy .aside-toggle{background:inherit;cursor:pointer;padding:20px 5px;position:absolute;top:50%;transform:translateY(-50%);z-index:1;display:none}.dk-page-diy .drag-tool{padding:var(--padding);position:relative;min-height:var(--minHeight);box-sizing:border-box;word-wrap:break-word;word-break:break-all;margin:var(--margin);outline:var(--showDashed) dashed #a2d1ff;overflow:var(--overflow)}.dk-page-diy .drag-tool:hover{outline:2px dashed #a2d1ff}.dk-page-diy .drag-tool .drag-tool{margin:5px}.dk-page-diy .drag-tool+.drag-tool{margin-top:5px}.dk-page-diy .drag-tool .drag-content{overflow:hidden}.dk-page-diy .drag-tool .drag-content .drag-tool .del{right:0;top:0}.dk-page-diy .drag-tool .drag-r{display:block}.dk-page-diy .drag-tool .drag-r{position:absolute;right:2px;bottom:2px;z-index:1200}.dk-page-diy .drag-tool .drag-l{position:absolute;top:0;left:0;z-index:1904}.dk-page-diy .drag-tool .drag-btn{height:18px;width:18px;color:#fff;background-color:#666;text-align:center;line-height:20px;padding-bottom:1px;float:left;cursor:pointer;justify-content:center;display:none;opacity:.5}.dk-page-diy .drag-tool .drag-btn+.drag-btn{margin-left:2px}.dk-page-diy .drag-tool .drag-btn:hover{background-color:var(--el-color-primary);opacity:1}.dk-page-diy .drag-tool .drag-btn-danger{background-color:var(--el-color-danger)!important}.dk-page-diy .drag-tool .drag-btn i{font-size:13px}.dk-page-diy .drag-tool .drag-mask{z-index:1199;position:absolute;top:0;left:0;right:0;bottom:0}.dk-page-diy .drag-tool.active{outline:2px solid #409eff}.dk-page-diy .drag-tool.active>.drag-r .drag-btn{display:block}.dk-page-diy .drag-tool.active>.drag-l .drag-btn{display:block}.dk-page-diy .drag-tool.active>.del{display:block}.dk-page-diy .drag-tool.active>.op{display:block}.dk-page-diy .preview-phone{overflow:auto;box-shadow:inset 0 2px 5px 1px rgba(62,62,62,.0901960784);height:100%}.dk-page-diy .preview-phone::-webkit-scrollbar{width:8px}.dk-page-diy .preview-phone .phone{background:#fff;width:375px;margin:20px auto;box-shadow:0 5px 10px rgba(0,0,0,.2);min-height:700px}.dk-page-diy .preview-phone .phone .phone-header{height:75px;margin-bottom:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dk-page-diy .preview-phone .phone .phone-header img{width:100%}.dk-page-diy .preview-phone .phone .phone-header .phone-header-top{display:flex;align-items:flex-start;justify-content:space-between;height:30px;font-size:12px}.dk-page-diy .preview-phone .phone .phone-header .phone-header-top .phone-time{margin:10px}.dk-page-diy .preview-phone .phone .phone-header .phone-header-top .phone-time span{margin-right:5px}.dk-page-diy .preview-phone .phone .phone-header .phone-header-top .phone-bangs{background:#000;width:200px;height:30px;border-bottom-right-radius:20px;border-bottom-left-radius:20px}.dk-page-diy .preview-phone .phone .phone-header .phone-header-top .phone-battery{margin:10px;display:flex;align-items:center;height:18px}.dk-page-diy .preview-phone .phone .phone-header .phone-header-top .phone-battery img{margin-left:5px}.dk-page-diy .preview-phone .phone .phone-header .phone-title{display:flex;justify-content:space-between;align-items:center;height:40px}.dk-page-diy .preview-phone .phone .phone-header .phone-title .phone-title-icon{margin:5px}.dk-page-diy .preview-phone .phone .phone-header-min{background-image:url(https://demo-saas.site.niucloud.com/admin/assets/diy_preview_head-8c072698.png);background-repeat:no-repeat;background-position:center;background-size:cover;position:relative}.dk-page-diy .preview-phone .phone .phone-header-min .close-button{position:absolute;top:34px;right:27px}.dk-page-diy .preview-phone .phone .phone-header-min .close-button:hover .close-button-mask{background:rgba(0,0,0,.0666666667)}.dk-page-diy .preview-phone .phone .phone-header-min .close-button .close-button-mask{width:20px;height:20px;border-radius:100%;cursor:pointer}.dk-page-diy .preview-phone .phone .phone-header-min .more-button-mask{position:absolute;top:34px;right:70px;width:25px;cursor:pointer;border-radius:40px;height:20px}.dk-page-diy .preview-phone .phone .phone-header-min .more-button-mask:hover{background:rgba(0,0,0,.0666666667)}.dk-page-diy .preview-phone .phone .phone-body{background:#f5f5f5;background-size:100% auto!important;overflow:visible;background-repeat:no-repeat;background-origin:initial;background-clip:initial}.dk-page-diy .preview-phone .phone .phone-body .ghost{box-shadow:var(--el-box-shadow)}.dk-page-diy .dk-view-bullet-chat{height:30px;line-height:30px;color:#fff;background:rgba(0,0,0,.6);border-radius:100px}.dk-page-diy .dk-view-bullet-chat .bullet-content{display:flex;align-items:center;height:20px;margin:5px;font-size:12px}.dk-page-diy .dk-view-bullet-chat .bullet-content img{width:20px;height:20px;border-radius:100%}.dk-page-diy .dk-view-bullet-chat .bullet-content span{padding:0 5px}.dk-page-diy .dk-view-common-btn .btn{display:flex;align-items:center;justify-content:center}.dk-page-diy .dk-view-common-btn .btn .van-icon{font-size:1.2em}.dk-page-diy .dk-view-common-btn .f-btn{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.dk-page-diy .dk-view-common-btn .f-btn .image-content{display:inherit}.dk-page-diy .dk-view-common-btn .f-btn .f-btn-content{display:flex;align-items:center;justify-content:center;border-radius:100%}.dk-page-diy .dk-view-common-btn .f-img{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.dk-page-diy .dk-view-image.dk-mobile-image-default{display:flex;flex-direction:column}.dk-page-diy .dk-view-image.dk-mobile-image-default .van-image{display:block}.dk-page-diy .dk-view-image.dk-mobile-image-default .dk-mobile-image-content{display:block}.dk-page-diy .dk-view-image.dk-mobile-image-slide{width:100%;overflow-x:scroll;white-space:nowrap}.dk-page-diy .dk-view-image.dk-mobile-image-slide .dk-mobile-image-content{position:relative;display:inline-block;margin-right:10px;vertical-align:top}.dk-page-diy .dk-view-image .dk-mobile-image-content{position:relative;overflow:hidden}.dk-page-diy .dk-view-image .dk-mobile-image-content:last-child{margin:0!important}.dk-page-diy .dk-view-image .dk-mobile-image-content .text-type-footer{text-align:center;height:48px;line-height:48px}.dk-page-diy .dk-view-image .dk-mobile-image-content .text-type-default{color:#fff;text-align:center;position:absolute;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75));bottom:0;height:48px;line-height:48px;width:100%}.dk-page-diy .dk-view-dialog .preview{display:flex;align-items:center;justify-content:center;height:40px;text-align:center;background:#fff}.dk-page-diy .dk-view-music{width:100%;display:flex;align-items:center;justify-content:center}.dk-page-diy .dk-view-music .dk-music-icon{background:#fff;border-radius:100%;border:2px solid #fff;font-weight:800;box-sizing:content-box;color:#f56c6c}.dk-page-diy .dk-view-music .dk-music-img{border-radius:100%}.dk-page-diy .dk-view-music .changeRight{animation-name:changeRight}.dk-page-diy .dk-view-music .changeLeft{animation-name:changeLeft}@keyframes changeRight{0%{-webkit-transform:rotate(0)}50%{-webkit-transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes changeLeft{0%{-webkit-transform:rotate(0)}50%{-webkit-transform:rotate(-180deg)}100%{-webkit-transform:rotate(-360deg)}}.dk-page-diy .dk-view-swipe .image{width:100%}.dk-page-diy .dk-view-tabbar .van-tabbar,.dk-page-diy .dk-view-tabbar .van-tabbar-item--active{background:0 0}.dk-page-diy .dk-view-title{display:flex;align-items:center;justify-content:space-between}.dk-page-diy .dk-view-title .title-left{display:flex;align-items:center}.dk-page-diy .dk-view-video{display:flex;align-items:center;justify-content:center;width:100%;min-height:240px;color:#eee;background:#222}.dk-page-diy .dk-view-video .dk-video-content{width:100%;height:100%;text-align:center}.dk-page-diy .dk-view-video .dk-video-content p{font-size:12px;color:#999}.dk-page-diy .dk-view-video .dk-video-content .poster{width:100%;height:100%}.dk-page-diy .dk-view-video .el-icon-video-play{font-size:50px}.dk-page-diy .dk-view-video .video-preview{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#000;opacity:.8}.dk-page-diy .dk-min-swipe .image{width:100%}.dk-page-diy .dk-min-swipe .swipe-title{position:absolute;bottom:0;background:rgba(0,0,0,.3333333333);width:100%;color:#fff;padding:5px}.dk-page-diy .dk-min-area{position:relative}.dk-page-diy .hot-item{display:flex;align-items:center;justify-content:center;color:#fff}.diy-cloud .diy-header{display:flex;justify-content:space-between}.diy-cloud .diy-header .diy-search{width:500px;display:flex;align-items:center}.diy-cloud .diy-content{padding:20px 0}.diy-cloud .diy-content ul{height:520px}.diy-cloud .diy-content ul li{float:left;width:calc(16.6% - 10px);text-align:center;margin:5px;position:relative;transition:all .3s ease 0s;cursor:pointer;border-radius:10px;overflow:hidden;border:1px solid #ccc}.diy-cloud .diy-content ul li .cover{width:180px;height:240px;transition:all .3s ease 0s}.diy-cloud .diy-content ul li .title{position:absolute;bottom:0;padding:4px 10px;background:#fff;color:#000;text-align:center;width:100%}.diy-cloud .diy-content ul li .type{position:absolute;bottom:40px;padding:4px 10px;color:#000;text-align:center;width:100%}.diy-cloud .diy-content ul li .tag-list{position:absolute;bottom:30px;padding:4px 10px;color:#000;text-align:right;width:100%}.diy-cloud .diy-content ul li .tag-list .tag{font-size:12px;margin-top:17px;text-align:right;padding:2px 6px;top:180px;right:6px;background-color:rgba(0,0,0,.6);color:#fff;border-radius:4px;margin-left:5px}.diy-cloud .diy-content ul li .mask{position:absolute;height:240px;width:180px;top:0;background:rgba(0,0,0,.3019607843)}.diy-cloud .diy-content ul li:hover{box-shadow:0 4px 12px 0 rgba(0,13,71,.2)}.diy-cloud .diy-content ul li.choose{transition:all .1s ease 0s;border:1px solid #1989fa}.diy-cloud .diy-footer{text-align:center;padding:10px}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"poster.vue2.js","sources":["../../../../src/poster-input/src/component/poster.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkPoster',\n components: {\n DkPosterViewName,\n DkPosterViewImage,\n DkPosterViewText,\n DkPosterViewAvatar,\n DkPosterViewQrcode,\n },\n});\n</script>\n<template>\n <div class=\"dk-poster\">\n <div class=\"poster-draw\">\n <div class=\"poster-body\">\n <div\n class=\"poster-content\"\n :style=\"{\n width: posterData.width + 'px',\n height: posterData.height + 'px',\n borderRadius: posterData.borderRadius + 'px',\n backgroundImage: 'url(' + posterData.background + ')',\n }\"\n style=\"background-size: 100% 100%\"\n @contextmenu.prevent\n >\n <el-empty\n v-if=\"!posterData.background\"\n description=\"请上传一张背景图\"\n style=\"position: absolute; width: 100%; height: 80%; user-select: none\"\n />\n <DraggableContainer\n ref=\"draggableContainer\"\n :reference-line-visible=\"formTools.refLine\"\n :disabled=\"!formTools.snap\"\n :adsorb-cols=\"adsorb.cols\"\n :adsorb-rows=\"adsorb.rows\"\n >\n <vue3-draggable-resizable\n v-for=\"(item, key) in posterData.views\"\n :key=\"key\"\n ref=\"draggables\"\n v-model:h=\"item.css.height\"\n v-model:x=\"item.css.left\"\n v-model:y=\"item.css.top\"\n v-model:w=\"item.css.width\"\n :init-w=\"item.css.width\"\n :init-h=\"item.css.height\"\n :parent=\"true\"\n style=\"cursor: move\"\n :is-conflict-check=\"formTools.isConflictCheck\"\n :snap=\"formTools.snap\"\n :snap-tolerance=\"formTools.snapTolerance\"\n :min-width=\"20\"\n :min-height=\"20\"\n :lock-aspect-ratio=\"item.lockAspectRatio\"\n @resizing=\"onResize\"\n @mousedown=\"index = key\"\n >\n <div style=\"position: relative\">\n <component :is=\"item.component\" :key=\"key\" :item=\"item\" :style=\"getBgStyle(item)\" :index=\"index\" />\n </div>\n </vue3-draggable-resizable>\n </DraggableContainer>\n </div>\n </div>\n <!--悬浮控件-->\n <div class=\"snap-tolerance\">\n <el-form :inline=\"true\" :model=\"formTools\" class=\"form-inline\" size=\"small\">\n <el-form-item label=\"对齐检测\">\n <el-switch v-model=\"formTools.snap\" />\n </el-form-item>\n <el-form-item v-if=\"formTools.snap\" label=\"辅助线\">\n <el-switch v-model=\"formTools.refLine\" />\n </el-form-item>\n </el-form>\n </div>\n <!--悬浮控件-->\n </div>\n <!-- 海报组件-->\n <el-form ref=\"form\" label-width=\"50px\" label-position=\"left\">\n <h2 style=\"padding: 10px; margin: 10px; font-size: 20px\">海报配置</h2>\n <el-row :gutter=\"20\" style=\"width: 100%; height: 600px; padding: 0 20px\">\n <el-col :sm=\"24\">\n <el-form-item label=\"元素\">\n <div class=\"view-buttons\">\n <el-button type=\"primary\" size=\"small\" :disabled=\"viewCount['avatar'] >= 1\" @click=\"addView('avatar')\">\n 用户头像\n </el-button>\n <el-button type=\"warning\" size=\"small\" :disabled=\"viewCount['qrcode'] >= 1\" @click=\"addView('qrcode')\">\n 二维码\n </el-button>\n <el-button type=\"danger\" size=\"small\" :disabled=\"viewCount['name'] >= 1\" @click=\"addView('name')\">\n 用户昵称\n </el-button>\n <el-button\n v-for=\"(item, key) in props.views\"\n :key=\"key\"\n type=\"primary\"\n :disabled=\"viewCount[item.name] >= item.count\"\n size=\"small\"\n @click=\"addView(item.name)\"\n >{{ item.text }}\n </el-button>\n </div>\n <div style=\"font-size: 12px; color: #999\">\n 点击元素添加到左侧拖拽框中,<b style=\"color: #000\">右键</b>即可编辑模块\n </div>\n </el-form-item>\n </el-col>\n <el-col :sm=\"24\">\n <el-form-item label=\"背景\">\n <dk-image-input v-model=\"posterData.background\" @input=\"resetSize()\" />\n </el-form-item>\n </el-col>\n <el-col :span=\"24\">\n <el-form-item label=\"宽度\">\n <el-slider v-model=\"posterData.width\" :min=\"100\" :max=\"600\" show-input @change=\"checkParentSize()\">\n <template #append>px</template>\n </el-slider>\n </el-form-item>\n </el-col>\n <el-col :span=\"24\">\n <el-form-item label=\"高度\">\n <el-slider v-model=\"posterData.height\" :min=\"100\" :max=\"600\" show-input @change=\"checkParentSize()\">\n <template #append>px</template>\n </el-slider>\n </el-form-item>\n </el-col>\n <el-col :span=\"24\">\n <el-form-item label=\"弧度\">\n <el-slider v-model=\"posterData.borderRadius\" :min=\"0\" :max=\"20\" show-input />\n </el-form-item>\n </el-col>\n <el-col :span=\"24\">\n <div style=\"width: 100%; text-align: center\">\n <el-button style=\"width: 30%\" @click=\"resetSize()\">重置</el-button>\n <el-button type=\"primary\" style=\"width: 50%\" @click=\"submit\">确定</el-button>\n </div>\n </el-col>\n </el-row>\n </el-form>\n </div>\n</template>\n<script setup lang=\"ts\">\nimport { reactive, ref, computed, watch, provide, onMounted } from 'vue'\nimport { defaultViews } from './config'\n// import Vue3DraggableResizable, { DraggableContainer } from 'vue3-draggable-resizable'\nimport 'vue3-draggable-resizable/dist/Vue3DraggableResizable.css'\nimport DkPosterViewName from './views/DkPosterViewName.vue'\nimport DkPosterViewText from './views/DkPosterViewText.vue'\nimport DkPosterViewImage from './views/DkPosterViewImage.vue'\nimport DkPosterViewAvatar from './views/DkPosterViewAvatar.vue'\nimport DkPosterViewQrcode from './views/DkPosterViewQrcode.vue'\n\n\nconst props = defineProps({\n modelValue: {\n default: () => {\n return {}\n },\n type: Object,\n },\n views: {\n default: () => {\n return []\n },\n type: Array as any,\n },\n})\nconst posterRef = ref()\n// const posterData = ref(props.modelValue)\nconst posterData: any = reactive({\n background: '',\n width: 320,\n height: 500,\n borderRadius: 0,\n views: [],\n})\nconst formTools: any = reactive({\n refLine: true,\n snap: true,\n edit: true,\n border: 10,\n})\n\nconst viewCount = computed(() => {\n const count: any = {}\n const views: any = posterData.views\n if (views) {\n for (let i = 0; i < views.length; i++) {\n if (!count[views[i].name]) {\n count[views[i].name] = 1\n } else {\n count[views[i].name]++\n }\n }\n }\n return count\n})\n\nconst emit = defineEmits(['input', 'update:modelValue', 'change', 'submit'])\n\nconst submit = () => {\n emit('input', posterData)\n emit('update:modelValue', posterData)\n emit('submit', posterData)\n emit('change', posterData)\n}\nconst resetSize = () => {\n if (posterData.background) {\n getImageSize(posterData.background)\n .then((image: any) => {\n let tempWidth\n let tempHeight\n const maxHeight = 600\n const maxWidth = 600\n if (image.width / image.height >= maxWidth / maxHeight) {\n if (image.width > maxWidth) {\n tempWidth = maxWidth\n // 按原图片的比例进行缩放\n tempHeight = (image.height * maxWidth) / image.width\n } else {\n tempWidth = image.width\n tempHeight = image.height\n }\n } else {\n if (image.height > maxHeight) {\n tempHeight = maxHeight\n // 按原图片的比例进行缩放\n tempWidth = (image.width * maxHeight) / image.height\n } else {\n tempWidth = image.width\n tempHeight = image.height\n }\n }\n posterData.width = parseInt(tempWidth)\n posterData.height = parseInt(tempHeight)\n setTimeout(() => {\n checkParentSize()\n }, 200)\n })\n .catch(() => {})\n }\n}\n\nconst getImageSize = (url: any) => {\n return new Promise(function (resolve, reject) {\n const image = new Image()\n image.onload = function () {\n resolve({\n width: image.width,\n height: image.height,\n })\n }\n image.onerror = function () {\n reject(new Error('error'))\n }\n image.src = url\n })\n}\n// const checkParentSize = () => {\n// posterRef.value.checkParentSize()\n// }\n\nconst addView = (name: string) => {\n // if (name == 'text' || name == 'image') {\n // posterRef.value.add(name, viewNumber(name))\n // } else {\n // posterData.value.add(name)\n // }\n\n add(name)\n}\n\nconst viewNumber = (name: any) => {\n const views = posterData.views\n let count = 1\n for (let i = 0; i < views.length; i++) {\n if (views[i].name == name) {\n count++\n }\n }\n return count\n}\n\n// watch(\n// () => props.modelValue,\n// (n, o) => {\n// posterData = props.modelValue\n// }\n// )\n\n// content的\n\nconst draggables = ref()\nconst draggableContainer = ref()\n\nconst index = ref(0)\nprovide('posterData', posterData)\nconst test = () => {\n console.log(posterData.views)\n}\n\nconst onDrag = (p: any) => {\n const css = posterData.views[index.value].css\n console.log('onDrag', p)\n css.left = p.x\n css.top = p.y\n}\nconst onResize = (p: any) => {\n const css = posterData.views[index.value].css\n css.left = p.x\n css.top = p.y\n css.width = p.w\n css.height = p.h\n}\nconst getBgStyle = (item: any) => {\n if (item.type == 'image') {\n return {\n width: item.css.width + 'px',\n height: item.css.height + 'px',\n borderColor: item.css.borderColor || '#fff',\n borderStyle: 'solid',\n borderWidth: item.css.borderWidth + 'px',\n borderRadius: item.css.borderRadius + 'px',\n top: -parseInt(item.css.borderWidth) + 'px',\n left: -parseInt(item.css.borderWidth) + 'px',\n }\n } else {\n return {}\n }\n}\n\nconst add = (name = 'avatar') => {\n const allViews = defaultViews.concat(props.views as any)\n for (let i = 0; i < allViews.length; i++) {\n if (allViews[i].name == name) {\n // view\n const view = JSON.parse(JSON.stringify(allViews[i]))\n posterData.views.push(view)\n }\n }\n}\n\nconst checkParentSize = () => {\n // 刷新大小检测\n if (draggables.value) {\n console.log('draggables', draggables)\n for (let i = 0; i < draggables.value.length; i++) {\n const draggable = draggables.value[i]\n draggable.parentHeight = posterData.height\n draggable.parentWidth = posterData.width\n\n if (posterData.width < draggable.left + draggable.initW) {\n draggable.left = posterData.width\n }\n if (posterData.height < draggable.top + draggable.initH) {\n draggable.top = posterData.height\n }\n }\n }\n}\n\nconst adsorb = computed(() => {\n const border = formTools?.border\n const height = posterData.height\n const width = posterData.width\n return {\n cols: [border, width - border],\n rows: [border, height - border],\n }\n})\n\nwatch(\n () => props.modelValue,\n (n, o) => {\n console.log('1111')\n // initPosterDraggable()\n }\n)\n\nconst initPosterDraggable = () => {\n console.log('initPosterDraggable')\n posterData.background = props.modelValue.background\n posterData.width = props.modelValue.width\n posterData.height = props.modelValue.height\n posterData.borderRadius = props.modelValue.borderRadius\n posterData.views = []\n for (let i = 0; i < props.modelValue.views.length; i++) {\n posterData.views.push(props.modelValue.views[i])\n }\n}\n\nonMounted(() => {\n initPosterDraggable()\n})\n\ndefineExpose({\n checkParentSize,\n})\n</script>\n<style scoped></style>\n"],"names":["__MACROS_defineComponent","DkPosterViewName","DkPosterViewImage","DkPosterViewText","DkPosterViewAvatar","DkPosterViewQrcode","ref","reactive","computed","provide","defaultViews","watch","onMounted"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"poster.vue2.js","sources":["../../../../src/poster-input/src/component/poster.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkPoster',\n components: {\n DkPosterViewName,\n DkPosterViewImage,\n DkPosterViewText,\n DkPosterViewAvatar,\n DkPosterViewQrcode,\n },\n});\n</script>\n<template>\n <div class=\"dk-poster\">\n <div class=\"poster-draw\">\n <div class=\"poster-body\">\n <div\n class=\"poster-content\"\n :style=\"{\n width: posterData.width + 'px',\n height: posterData.height + 'px',\n borderRadius: posterData.borderRadius + 'px',\n backgroundImage: 'url(' + posterData.background + ')',\n }\"\n style=\"background-size: 100% 100%\"\n @contextmenu.prevent\n >\n <el-empty\n v-if=\"!posterData.background\"\n description=\"请上传一张背景图\"\n style=\"\n position: absolute;\n width: 100%;\n height: 80%;\n user-select: none;\n \"\n />\n <DraggableContainer\n ref=\"draggableContainer\"\n :reference-line-visible=\"formTools.refLine\"\n :disabled=\"!formTools.snap\"\n :adsorb-cols=\"adsorb.cols\"\n :adsorb-rows=\"adsorb.rows\"\n >\n <vue3-draggable-resizable\n v-for=\"(item, key) in posterData.views\"\n :key=\"key\"\n ref=\"draggables\"\n v-model:h=\"item.css.height\"\n v-model:x=\"item.css.left\"\n v-model:y=\"item.css.top\"\n v-model:w=\"item.css.width\"\n :init-w=\"item.css.width\"\n :init-h=\"item.css.height\"\n :parent=\"true\"\n style=\"cursor: move\"\n :is-conflict-check=\"formTools.isConflictCheck\"\n :snap=\"formTools.snap\"\n :snap-tolerance=\"formTools.snapTolerance\"\n :min-width=\"20\"\n :min-height=\"20\"\n :lock-aspect-ratio=\"item.lockAspectRatio\"\n @resizing=\"onResize\"\n @mousedown=\"index = key\"\n >\n <div style=\"position: relative\">\n <component\n :is=\"item.component\"\n :key=\"key\"\n :item=\"item\"\n :style=\"getBgStyle(item)\"\n :index=\"index\"\n />\n </div>\n </vue3-draggable-resizable>\n </DraggableContainer>\n </div>\n </div>\n <!--悬浮控件-->\n <div class=\"snap-tolerance\">\n <el-form\n :inline=\"true\"\n :model=\"formTools\"\n class=\"form-inline\"\n size=\"small\"\n >\n <el-form-item label=\"对齐检测\">\n <el-switch v-model=\"formTools.snap\" />\n </el-form-item>\n <el-form-item v-if=\"formTools.snap\" label=\"辅助线\">\n <el-switch v-model=\"formTools.refLine\" />\n </el-form-item>\n </el-form>\n </div>\n <!--悬浮控件-->\n </div>\n <!-- 海报组件-->\n <el-form ref=\"form\" label-width=\"50px\" label-position=\"left\">\n <h2 style=\"padding: 10px; margin: 10px; font-size: 20px\">海报配置</h2>\n <el-row :gutter=\"20\" style=\"width: 100%; height: 600px; padding: 0 20px\">\n <el-col :sm=\"24\">\n <el-form-item label=\"元素\">\n <div class=\"view-buttons\">\n <el-button\n type=\"primary\"\n size=\"small\"\n :disabled=\"viewCount['avatar'] >= 1\"\n @click=\"addView('avatar')\"\n >\n 用户头像\n </el-button>\n <el-button\n type=\"warning\"\n size=\"small\"\n :disabled=\"viewCount['qrcode'] >= 1\"\n @click=\"addView('qrcode')\"\n >\n 二维码\n </el-button>\n <el-button\n type=\"danger\"\n size=\"small\"\n :disabled=\"viewCount['name'] >= 1\"\n @click=\"addView('name')\"\n >\n 用户昵称\n </el-button>\n <el-button\n v-for=\"(item, key) in props.views\"\n :key=\"key\"\n type=\"primary\"\n :disabled=\"viewCount[item.name] >= item.count\"\n size=\"small\"\n @click=\"addView(item.name)\"\n >{{ item.text }}\n </el-button>\n </div>\n <div style=\"font-size: 12px; color: #999\">\n 点击元素添加到左侧拖拽框中,<b style=\"color: #000\">右键</b\n >即可编辑模块\n </div>\n </el-form-item>\n </el-col>\n <el-col :sm=\"24\">\n <el-form-item label=\"背景\">\n <dk-image-input\n v-model=\"posterData.background\"\n @input=\"resetSize()\"\n />\n </el-form-item>\n </el-col>\n <el-col :span=\"24\">\n <el-form-item label=\"宽度\">\n <el-slider\n v-model=\"posterData.width\"\n :min=\"100\"\n :max=\"600\"\n show-input\n @change=\"checkParentSize()\"\n >\n <template #append>px</template>\n </el-slider>\n </el-form-item>\n </el-col>\n <el-col :span=\"24\">\n <el-form-item label=\"高度\">\n <el-slider\n v-model=\"posterData.height\"\n :min=\"100\"\n :max=\"600\"\n show-input\n @change=\"checkParentSize()\"\n >\n <template #append>px</template>\n </el-slider>\n </el-form-item>\n </el-col>\n <el-col :span=\"24\">\n <el-form-item label=\"弧度\">\n <el-slider\n v-model=\"posterData.borderRadius\"\n :min=\"0\"\n :max=\"20\"\n show-input\n />\n </el-form-item>\n </el-col>\n <el-col :span=\"24\">\n <div style=\"width: 100%; text-align: center\">\n <el-button style=\"width: 30%\" @click=\"resetSize()\">重置</el-button>\n <el-button type=\"primary\" style=\"width: 50%\" @click=\"submit\"\n >确定</el-button\n >\n </div>\n </el-col>\n </el-row>\n </el-form>\n </div>\n</template>\n<script setup lang=\"ts\">\nimport { reactive, ref, computed, watch, provide, onMounted } from 'vue'\nimport { defaultViews } from './config'\n// import Vue3DraggableResizable, { DraggableContainer } from 'vue3-draggable-resizable'\nimport 'vue3-draggable-resizable/dist/Vue3DraggableResizable.css'\nimport DkPosterViewName from './views/DkPosterViewName.vue'\nimport DkPosterViewText from './views/DkPosterViewText.vue'\nimport DkPosterViewImage from './views/DkPosterViewImage.vue'\nimport DkPosterViewAvatar from './views/DkPosterViewAvatar.vue'\nimport DkPosterViewQrcode from './views/DkPosterViewQrcode.vue'\n\n\nconst props = defineProps({\n modelValue: {\n default: () => {\n return {}\n },\n type: Object,\n },\n views: {\n default: () => {\n return []\n },\n type: Array as any,\n },\n})\nconst posterRef = ref()\n// const posterData = ref(props.modelValue)\nconst posterData: any = reactive({\n background: '',\n width: 320,\n height: 500,\n borderRadius: 0,\n views: [],\n})\nconst formTools: any = reactive({\n refLine: true,\n snap: true,\n edit: true,\n border: 10,\n})\n\nconst viewCount = computed(() => {\n const count: any = {}\n const views: any = posterData.views\n if (views) {\n for (let i = 0; i < views.length; i++) {\n if (!count[views[i].name]) {\n count[views[i].name] = 1\n } else {\n count[views[i].name]++\n }\n }\n }\n return count\n})\n\nconst emit = defineEmits(['input', 'update:modelValue', 'change', 'submit'])\n\nconst submit = () => {\n emit('input', posterData)\n emit('update:modelValue', posterData)\n emit('submit', posterData)\n emit('change', posterData)\n}\nconst resetSize = () => {\n if (posterData.background) {\n getImageSize(posterData.background)\n .then((image: any) => {\n let tempWidth\n let tempHeight\n const maxHeight = 600\n const maxWidth = 600\n if (image.width / image.height >= maxWidth / maxHeight) {\n if (image.width > maxWidth) {\n tempWidth = maxWidth\n // 按原图片的比例进行缩放\n tempHeight = (image.height * maxWidth) / image.width\n } else {\n tempWidth = image.width\n tempHeight = image.height\n }\n } else {\n if (image.height > maxHeight) {\n tempHeight = maxHeight\n // 按原图片的比例进行缩放\n tempWidth = (image.width * maxHeight) / image.height\n } else {\n tempWidth = image.width\n tempHeight = image.height\n }\n }\n posterData.width = parseInt(tempWidth)\n posterData.height = parseInt(tempHeight)\n setTimeout(() => {\n checkParentSize()\n }, 200)\n })\n .catch(() => {})\n }\n}\n\nconst getImageSize = (url: any) => {\n return new Promise(function (resolve, reject) {\n const image = new Image()\n image.onload = function () {\n resolve({\n width: image.width,\n height: image.height,\n })\n }\n image.onerror = function () {\n reject(new Error('error'))\n }\n image.src = url\n })\n}\n// const checkParentSize = () => {\n// posterRef.value.checkParentSize()\n// }\n\nconst addView = (name: string) => {\n // if (name == 'text' || name == 'image') {\n // posterRef.value.add(name, viewNumber(name))\n // } else {\n // posterData.value.add(name)\n // }\n\n add(name)\n}\n\nconst viewNumber = (name: any) => {\n const views = posterData.views\n let count = 1\n for (let i = 0; i < views.length; i++) {\n if (views[i].name == name) {\n count++\n }\n }\n return count\n}\n\n// watch(\n// () => props.modelValue,\n// (n, o) => {\n// posterData = props.modelValue\n// }\n// )\n\n// content的\n\nconst draggables = ref()\nconst draggableContainer = ref()\n\nconst index = ref(0)\nprovide('posterData', posterData)\nconst test = () => {\n console.log(posterData.views)\n}\n\nconst onDrag = (p: any) => {\n const css = posterData.views[index.value].css\n console.log('onDrag', p)\n css.left = p.x\n css.top = p.y\n}\nconst onResize = (p: any) => {\n const css = posterData.views[index.value].css\n css.left = p.x\n css.top = p.y\n css.width = p.w\n css.height = p.h\n}\nconst getBgStyle = (item: any) => {\n if (item.type == 'image') {\n return {\n width: item.css.width + 'px',\n height: item.css.height + 'px',\n borderColor: item.css.borderColor || '#fff',\n borderStyle: 'solid',\n borderWidth: item.css.borderWidth + 'px',\n borderRadius: item.css.borderRadius + 'px',\n top: -parseInt(item.css.borderWidth) + 'px',\n left: -parseInt(item.css.borderWidth) + 'px',\n }\n } else {\n return {}\n }\n}\n\nconst add = (name = 'avatar') => {\n const allViews = defaultViews.concat(props.views as any)\n for (let i = 0; i < allViews.length; i++) {\n if (allViews[i].name == name) {\n // view\n const view = JSON.parse(JSON.stringify(allViews[i]))\n posterData.views.push(view)\n }\n }\n}\n\nconst checkParentSize = () => {\n // 刷新大小检测\n if (draggables.value) {\n console.log('draggables', draggables)\n for (let i = 0; i < draggables.value.length; i++) {\n const draggable = draggables.value[i]\n draggable.parentHeight = posterData.height\n draggable.parentWidth = posterData.width\n\n if (posterData.width < draggable.left + draggable.initW) {\n draggable.left = posterData.width\n }\n if (posterData.height < draggable.top + draggable.initH) {\n draggable.top = posterData.height\n }\n }\n }\n}\n\nconst adsorb = computed(() => {\n const border = formTools?.border\n const height = posterData.height\n const width = posterData.width\n return {\n cols: [border, width - border],\n rows: [border, height - border],\n }\n})\n\nwatch(\n () => props.modelValue,\n (n, o) => {\n console.log('1111')\n // initPosterDraggable()\n }\n)\n\nconst initPosterDraggable = () => {\n console.log('initPosterDraggable')\n posterData.background = props.modelValue.background\n posterData.width = props.modelValue.width\n posterData.height = props.modelValue.height\n posterData.borderRadius = props.modelValue.borderRadius\n posterData.views = []\n for (let i = 0; i < props.modelValue.views.length; i++) {\n posterData.views.push(props.modelValue.views[i])\n }\n}\n\nonMounted(() => {\n initPosterDraggable()\n})\n\ndefineExpose({\n checkParentSize,\n})\n</script>\n<style scoped></style>\n"],"names":["__MACROS_defineComponent","DkPosterViewName","DkPosterViewImage","DkPosterViewText","DkPosterViewAvatar","DkPosterViewQrcode","ref","reactive","computed","provide","defaultViews","watch","onMounted"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DkPosterViewAvatar.vue2.js","sources":["../../../../../src/poster-input/src/component/views/DkPosterViewAvatar.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkPosterViewAvatar',\n});\n</script>\n<template>\n <div
|
1
|
+
{"version":3,"file":"DkPosterViewAvatar.vue2.js","sources":["../../../../../src/poster-input/src/component/views/DkPosterViewAvatar.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkPosterViewAvatar',\n});\n</script>\n<template>\n <div\n style=\"\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #bfffab;\n \"\n >\n <el-popover placement=\"right\" width=\"400\" trigger=\"contextmenu\">\n <el-form\n label-position=\"left\"\n label-width=\"100px\"\n style=\"padding: 20px 10px 0\"\n >\n <el-form-item label=\"圆角\">\n <el-slider\n v-model=\"item.css.borderRadius\"\n show-input\n :min=\"0\"\n :max=\"60\"\n />\n </el-form-item>\n <el-form-item label=\"边框颜色\">\n <el-color-picker v-model=\"item.css.borderColor\" />\n </el-form-item>\n <el-form-item label=\"边框大小\">\n <el-slider\n v-model=\"item.css.borderWidth\"\n show-input\n :min=\"0\"\n :max=\"20\"\n />\n </el-form-item>\n <quick-action :index=\"index\"></quick-action>\n </el-form>\n <template #reference>\n <div style=\"position: relative\">\n <dk-icon\n icon=\"emojione:cat-face\"\n :size=\"item.css.width / 1.2\"\n ></dk-icon>\n </div>\n </template>\n </el-popover>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { reactive } from 'vue'\nimport QuickAction from './quick-action.vue'\n\n\nconst props = defineProps({\n item: {\n default: () => {\n return {}\n },\n type: Object,\n },\n index: {\n default: 0,\n type: Number,\n },\n})\nconst item: any = reactive(props.item)\n</script>\n\n<style scoped lang=\"scss\"></style>\n"],"names":["__MACROS_defineComponent","reactive"],"mappings":";;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,oBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;AAoED,IAAM,MAAA,IAAA,GAAYC,YAAS,CAAA,KAAA,CAAM,IAAI,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -13,7 +13,7 @@ const _hoisted_2 = {
|
|
13
13
|
const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode(
|
14
14
|
"div",
|
15
15
|
{ style: { "position": "absolute", "bottom": "5px", "width": "100%", "text-align": "center" } },
|
16
|
-
"\u81EA\u5B9A\u4E49\u56FE",
|
16
|
+
" \u81EA\u5B9A\u4E49\u56FE ",
|
17
17
|
-1
|
18
18
|
/* HOISTED */
|
19
19
|
);
|
@@ -95,7 +95,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
95
95
|
vue.createElementVNode("div", _hoisted_4, [
|
96
96
|
vue.createVNode(_component_el_image, {
|
97
97
|
src: item.image,
|
98
|
-
style: vue.normalizeStyle({
|
98
|
+
style: vue.normalizeStyle({
|
99
|
+
width: item.css.width + "px",
|
100
|
+
height: item.css.height + "px"
|
101
|
+
})
|
99
102
|
}, null, 8, ["src", "style"])
|
100
103
|
])
|
101
104
|
]),
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DkPosterViewImage.vue2.js","sources":["../../../../../src/poster-input/src/component/views/DkPosterViewImage.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkPosterViewImage',\n});\n</script>\n<template>\n <div
|
1
|
+
{"version":3,"file":"DkPosterViewImage.vue2.js","sources":["../../../../../src/poster-input/src/component/views/DkPosterViewImage.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkPosterViewImage',\n});\n</script>\n<template>\n <div\n style=\"\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n \"\n >\n <el-popover\n trigger=\"contextmenu\"\n placement=\"right\"\n width=\"400\"\n title=\"编辑二维码\"\n >\n <el-form\n label-position=\"left\"\n label-width=\"100px\"\n style=\"padding: 20px 10px 0\"\n >\n <el-form-item label=\"圆角\">\n <el-slider\n v-model=\"item.css.borderRadius\"\n show-input\n :min=\"0\"\n :max=\"100\"\n />\n </el-form-item>\n <el-form-item label=\"边框颜色\">\n <el-color-picker v-model=\"item.css.borderColor\" />\n </el-form-item>\n <el-form-item label=\"边框大小\">\n <el-slider\n v-model=\"item.css.borderWidth\"\n show-input\n :min=\"0\"\n :max=\"20\"\n />\n </el-form-item>\n <quick-action :index=\"index\"></quick-action>\n </el-form>\n <template #reference>\n <div v-if=\"!item.image\" style=\"position: relative\">\n <dk-icon\n icon=\"Picture\"\n color=\"#ccc\"\n hover-color=\"#ccc\"\n style=\"width: 100%\"\n :style=\"{ fontSize: item.css.height + 'px' }\"\n />\n <div\n style=\"\n position: absolute;\n bottom: 5px;\n width: 100%;\n text-align: center;\n \"\n >\n 自定义图\n </div>\n </div>\n <div style=\"position: relative\">\n <el-image\n :src=\"item.image\"\n :style=\"{\n width: item.css.width + 'px',\n height: item.css.height + 'px',\n }\"\n ></el-image>\n </div>\n </template>\n </el-popover>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, reactive, onMounted } from 'vue'\nimport QuickAction from './quick-action.vue'\n\n\n\nconst props = defineProps({\n item: {\n default: () => {\n return {}\n },\n type: Object,\n },\n index: {\n default: 0,\n type: Number,\n },\n})\n\nconst _style = computed(() => {\n const css = props.item.css\n return {\n backgroundColor: css.background,\n height: '100%',\n width: item.css.width + 'px',\n overflow: 'hidden',\n borderRadius: css.borderRadius + 'px',\n }\n})\nconst item: any = reactive(props.item)\n\nif (!item.css.textAlign) {\n item.css.textAlign = 'left'\n}\n\nonMounted(() => {\n const css = item.css\n item.type = 'image'\n if (!css.background) {\n css.background = '#f5f5f5'\n }\n if (!css.borderColor) {\n css.borderColor = '#fff'\n }\n if (!css.color) {\n css.color = '#333'\n }\n if (!css.borderWidth) {\n css.borderWidth = 5\n }\n})\n</script>\n\n<style scoped lang=\"scss\"></style>\n"],"names":["__MACROS_defineComponent","computed","reactive","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,mBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;AAiGD,IAAM,MAAA,MAAA,GAASC,aAAS,MAAM;AAC5B,MAAM,MAAA,GAAA,GAAM,MAAM,IAAK,CAAA,GAAA,CAAA;AACvB,MAAO,OAAA;AAAA,QACL,iBAAiB,GAAI,CAAA,UAAA;AAAA,QACrB,MAAQ,EAAA,MAAA;AAAA,QACR,KAAA,EAAO,IAAK,CAAA,GAAA,CAAI,KAAQ,GAAA,IAAA;AAAA,QACxB,QAAU,EAAA,QAAA;AAAA,QACV,YAAA,EAAc,IAAI,YAAe,GAAA,IAAA;AAAA,OACnC,CAAA;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,IAAA,GAAYC,YAAS,CAAA,KAAA,CAAM,IAAI,CAAA,CAAA;AAErC,IAAI,IAAA,CAAC,IAAK,CAAA,GAAA,CAAI,SAAW,EAAA;AACvB,MAAA,IAAA,CAAK,IAAI,SAAY,GAAA,MAAA,CAAA;AAAA,KACvB;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAA,MAAM,MAAM,IAAK,CAAA,GAAA,CAAA;AACjB,MAAA,IAAA,CAAK,IAAO,GAAA,OAAA,CAAA;AACZ,MAAI,IAAA,CAAC,IAAI,UAAY,EAAA;AACnB,QAAA,GAAA,CAAI,UAAa,GAAA,SAAA,CAAA;AAAA,OACnB;AACA,MAAI,IAAA,CAAC,IAAI,WAAa,EAAA;AACpB,QAAA,GAAA,CAAI,WAAc,GAAA,MAAA,CAAA;AAAA,OACpB;AACA,MAAI,IAAA,CAAC,IAAI,KAAO,EAAA;AACd,QAAA,GAAA,CAAI,KAAQ,GAAA,MAAA,CAAA;AAAA,OACd;AACA,MAAI,IAAA,CAAC,IAAI,WAAa,EAAA;AACpB,QAAA,GAAA,CAAI,WAAc,GAAA,CAAA,CAAA;AAAA,OACpB;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DkPosterViewName.vue2.js","sources":["../../../../../src/poster-input/src/component/views/DkPosterViewName.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkPosterViewName',\n});\n</script>\n<template>\n <div class=\"text\" :style=\"_style\">\n <el-popover placement=\"right\" width=\"400\" trigger=\"contextmenu\">\n <el-form
|
1
|
+
{"version":3,"file":"DkPosterViewName.vue2.js","sources":["../../../../../src/poster-input/src/component/views/DkPosterViewName.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkPosterViewName',\n});\n</script>\n<template>\n <div class=\"text\" :style=\"_style\">\n <el-popover placement=\"right\" width=\"400\" trigger=\"contextmenu\">\n <el-form\n label-position=\"left\"\n label-width=\"100px\"\n style=\"padding: 20px 10px 0\"\n >\n <el-form-item label=\"文字大小\">\n <el-slider\n v-model=\"item.css.fontSize\"\n show-input\n :min=\"12\"\n :max=\"50\"\n />\n </el-form-item>\n <el-form-item label=\"对齐方式\">\n <el-radio-group v-model=\"item.css.textAlign\">\n <el-radio label=\"left\" value=\"left\">左边</el-radio>\n <el-radio label=\"center\" value=\"center\">居中</el-radio>\n <el-radio label=\"right\" value=\"right\">居右</el-radio>\n </el-radio-group>\n </el-form-item>\n <el-form-item label=\"文字颜色\">\n <el-color-picker v-model=\"item.css.color\" />\n </el-form-item>\n <quick-action :index=\"index\"></quick-action>\n </el-form>\n <template #reference>\n <div>用户昵称</div>\n </template>\n </el-popover>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, reactive } from 'vue'\nimport QuickAction from './quick-action.vue'\n\n\n\nconst props = defineProps({\n item: {\n default: () => {\n return {}\n },\n type: Object,\n },\n index: {\n default: 0,\n type: Number,\n },\n})\n\nconst _style = computed(() => {\n const css = props.item.css\n return {\n fontSize: css.fontSize + 'px',\n color: css.color,\n textAlign: css.textAlign,\n }\n})\nconst item = reactive(props.item)\n</script>\n\n<style scoped lang=\"scss\"></style>\n"],"names":["__MACROS_defineComponent","computed","reactive"],"mappings":";;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,kBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;AAwDD,IAAM,MAAA,MAAA,GAASC,aAAS,MAAM;AAC5B,MAAM,MAAA,GAAA,GAAM,MAAM,IAAK,CAAA,GAAA,CAAA;AACvB,MAAO,OAAA;AAAA,QACL,QAAA,EAAU,IAAI,QAAW,GAAA,IAAA;AAAA,QACzB,OAAO,GAAI,CAAA,KAAA;AAAA,QACX,WAAW,GAAI,CAAA,SAAA;AAAA,OACjB,CAAA;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,IAAA,GAAOC,YAAS,CAAA,KAAA,CAAM,IAAI,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DkPosterViewQrcode.vue2.js","sources":["../../../../../src/poster-input/src/component/views/DkPosterViewQrcode.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkPosterViewQrcode',\n});\n</script>\n<template>\n <div
|
1
|
+
{"version":3,"file":"DkPosterViewQrcode.vue2.js","sources":["../../../../../src/poster-input/src/component/views/DkPosterViewQrcode.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkPosterViewQrcode',\n});\n</script>\n<template>\n <div\n :style=\"_style\"\n style=\"\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n \"\n >\n <el-popover\n trigger=\"contextmenu\"\n placement=\"right\"\n width=\"400\"\n title=\"编辑二维码\"\n >\n <el-form\n label-position=\"left\"\n label-width=\"100px\"\n style=\"padding: 20px 10px 0\"\n size=\"small\"\n >\n <el-form-item label=\"背景颜色\">\n <el-color-picker v-model=\"item.css.background\" />\n </el-form-item>\n <el-form-item label=\"二维码颜色\">\n <el-color-picker v-model=\"item.css.color\" />\n </el-form-item>\n <el-form-item label=\"边框颜色\">\n <el-color-picker v-model=\"item.css.borderColor\" />\n </el-form-item>\n <el-form-item label=\"边框大小\">\n <el-slider\n v-model=\"item.css.borderWidth\"\n show-input\n :min=\"0\"\n :max=\"20\"\n />\n </el-form-item>\n <el-form-item label=\"圆弧大小\">\n <el-slider\n v-model=\"item.css.borderRadius\"\n show-input\n :min=\"0\"\n :max=\"20\"\n />\n </el-form-item>\n <quick-action :index=\"index\"></quick-action>\n </el-form>\n <template #reference>\n <dk-icon icon=\"wpf:qrcode\" :size=\"item.css.width\"></dk-icon>\n </template>\n </el-popover>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, reactive, ref } from 'vue'\nimport QuickAction from './quick-action.vue'\n\n\n\nconst props = defineProps({\n item: {\n default: () => {\n return {}\n },\n type: Object,\n },\n index: {\n default: 0,\n type: Number,\n },\n})\n\nconst visible = ref(false)\n\nconst _style = computed(() => {\n const css = props.item.css\n return {\n fontSize: css.fontSize + 'px',\n color: css.color,\n textAlign: css.textAlign,\n backgroundColor: css.background,\n height: '100%',\n overflow: 'hidden',\n borderRadius: css.borderRadius + 'px',\n borderWidth: css.borderWidth + 'px',\n }\n})\nconst item = reactive(props.item)\n</script>\n\n<!--<script>-->\n<!--export default {-->\n<!-- name: 'DkPosterViewQrcode',-->\n<!-- props: {-->\n<!-- item: {-->\n<!-- default: () => {-->\n<!-- return {}-->\n<!-- },-->\n<!-- type: Object,-->\n<!-- },-->\n<!-- edit: {-->\n<!-- default: false,-->\n<!-- type: Boolean,-->\n<!-- },-->\n<!-- },-->\n<!-- data() {-->\n<!-- return {}-->\n<!-- },-->\n<!-- computed: {-->\n<!-- _style() {-->\n<!-- const css = this.item.css-->\n<!-- return {-->\n<!-- backgroundColor: css.background,-->\n<!-- // borderColor: css.borderColor,-->\n<!-- // borderStyle: 'solid'-->\n<!-- height: '100%',-->\n<!-- overflow: 'hidden',-->\n<!-- // borderWidth: css.borderWidth + 'px',-->\n<!-- borderRadius: css.borderRadius + 'px',-->\n<!-- }-->\n<!-- },-->\n<!-- },-->\n<!-- mounted() {-->\n<!-- const css = this.item.css-->\n<!-- this.$set(this.item, 'type', 'qrcode')-->\n<!-- if (!css.background) {-->\n<!-- this.$set(css, 'background', '#f5f5f5')-->\n<!-- }-->\n<!-- if (!css.borderColor) {-->\n<!-- this.$set(css, 'borderColor', '#fff')-->\n<!-- }-->\n<!-- if (!css.color) {-->\n<!-- this.$set(css, 'color', '#333')-->\n<!-- }-->\n<!-- if (!css.borderWidth) {-->\n<!-- this.$set(css, 'borderWidth', 5)-->\n<!-- }-->\n\n<!-- console.log(this.item)-->\n<!-- },-->\n<!-- methods: {},-->\n<!--}-->\n<!--</script>-->\n\n<style scoped lang=\"scss\"></style>\n"],"names":["__MACROS_defineComponent","ref","computed","reactive"],"mappings":";;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,oBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;AA6ED,IAAM,MAAA,OAAA,GAAUC,QAAI,KAAK,CAAA,CAAA;AAEzB,IAAM,MAAA,MAAA,GAASC,aAAS,MAAM;AAC5B,MAAM,MAAA,GAAA,GAAM,MAAM,IAAK,CAAA,GAAA,CAAA;AACvB,MAAO,OAAA;AAAA,QACL,QAAA,EAAU,IAAI,QAAW,GAAA,IAAA;AAAA,QACzB,OAAO,GAAI,CAAA,KAAA;AAAA,QACX,WAAW,GAAI,CAAA,SAAA;AAAA,QACf,iBAAiB,GAAI,CAAA,UAAA;AAAA,QACrB,MAAQ,EAAA,MAAA;AAAA,QACR,QAAU,EAAA,QAAA;AAAA,QACV,YAAA,EAAc,IAAI,YAAe,GAAA,IAAA;AAAA,QACjC,WAAA,EAAa,IAAI,WAAc,GAAA,IAAA;AAAA,OACjC,CAAA;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,IAAA,GAAOC,YAAS,CAAA,KAAA,CAAM,IAAI,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DkPosterViewText.vue2.js","sources":["../../../../../src/poster-input/src/component/views/DkPosterViewText.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkPosterViewText',\n});\n</script>\n<template>\n <div class=\"text\">\n <el-popover placement=\"right\" width=\"400\" trigger=\"contextmenu\">\n <el-form
|
1
|
+
{"version":3,"file":"DkPosterViewText.vue2.js","sources":["../../../../../src/poster-input/src/component/views/DkPosterViewText.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkPosterViewText',\n});\n</script>\n<template>\n <div class=\"text\">\n <el-popover placement=\"right\" width=\"400\" trigger=\"contextmenu\">\n <el-form\n label-position=\"left\"\n label-width=\"100px\"\n style=\"padding: 20px 10px 0\"\n >\n <el-form-item label=\"文字大小\">\n <el-slider\n v-model=\"item.css.fontSize\"\n show-input\n :min=\"12\"\n :max=\"50\"\n />\n </el-form-item>\n <el-form-item label=\"对齐方式\">\n <el-radio-group v-model=\"item.css.textAlign\">\n <el-radio label=\"left\" value=\"left\">左边</el-radio>\n <el-radio label=\"center\" value=\"center\">居中</el-radio>\n <el-radio label=\"right\" value=\"right\">居右</el-radio>\n </el-radio-group>\n </el-form-item>\n <el-form-item label=\"文字颜色\">\n <el-color-picker v-model=\"item.css.color\" />\n </el-form-item>\n <quick-action :index=\"index\"></quick-action>\n </el-form>\n <template #reference>\n <div :style=\"_style\">\n {{ item.content ? item.content : '自定义文本' }}\n </div>\n </template>\n </el-popover>\n </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, reactive } from 'vue'\nimport QuickAction from './quick-action.vue'\n\n\n\nconst props = defineProps({\n item: {\n default: () => {\n return {}\n },\n type: Object,\n },\n index: {\n default: 0,\n type: Number,\n },\n})\n\nconst _style = computed(() => {\n const css = props.item.css\n return {\n fontSize: css.fontSize + 'px',\n color: css.color,\n textAlign: css.textAlign,\n }\n})\nconst item: any = reactive(props.item)\n\nif (!item.css.textAlign) {\n item.css.textAlign = 'left'\n}\n</script>\n"],"names":["__MACROS_defineComponent","computed","reactive"],"mappings":";;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,kBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;AAyDD,IAAM,MAAA,MAAA,GAASC,aAAS,MAAM;AAC5B,MAAM,MAAA,GAAA,GAAM,MAAM,IAAK,CAAA,GAAA,CAAA;AACvB,MAAO,OAAA;AAAA,QACL,QAAA,EAAU,IAAI,QAAW,GAAA,IAAA;AAAA,QACzB,OAAO,GAAI,CAAA,KAAA;AAAA,QACX,WAAW,GAAI,CAAA,SAAA;AAAA,OACjB,CAAA;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,IAAA,GAAYC,YAAS,CAAA,KAAA,CAAM,IAAI,CAAA,CAAA;AAErC,IAAI,IAAA,CAAC,IAAK,CAAA,GAAA,CAAI,SAAW,EAAA;AACvB,MAAA,IAAA,CAAK,IAAI,SAAY,GAAA,MAAA,CAAA;AAAA,KACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|