npm - @vipl520/dk-ui - Versions diffs - 1.0.40 → 1.0.42 - Mend

@vipl520/dk-ui 1.0.40 → 1.0.42

Files changed (439) hide show

package/lib/poster-input/src/component/poster.vue2.js.map CHANGED Viewed

	@@ -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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"}

package/lib/poster-input/src/component/views/DkPosterViewAvatar.vue.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var DkPosterViewAvatar_vue_vue_type_script_setup_true_lang = require('./DkPosterViewAvatar.vue2.js');
 var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
-var DkPosterViewAvatar = /* @__PURE__ */ _pluginVue_exportHelper.default(DkPosterViewAvatar_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\DkPosterViewAvatar.vue"]]);
+var DkPosterViewAvatar = /* @__PURE__ */ _pluginVue_exportHelper.default(DkPosterViewAvatar_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\DkPosterViewAvatar.vue"]]);
 exports.default = DkPosterViewAvatar;
 //# sourceMappingURL=DkPosterViewAvatar.vue.js.map

package/lib/poster-input/src/component/views/DkPosterViewAvatar.vue2.js.map CHANGED Viewed

	@@ -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 style=\"position: relative; display: flex; align-items: center; justify-content: center; background: #bfffab\">\n <el-popover placement=\"right\" width=\"400\" trigger=\"contextmenu\">\n <el-form label-position=\"left\" label-width=\"100px\" style=\"padding: 20px 10px 0\">\n <el-form-item label=\"圆角\">\n <el-slider v-model=\"item.css.borderRadius\" show-input :min=\"0\" :max=\"60\" />\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 v-model=\"item.css.borderWidth\" show-input :min=\"0\" :max=\"20\" />\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 icon=\"emojione:cat-face\" :size=\"item.css.width / 1.2\"></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;;;;;;;;;;;;;;;;;~~AA2CD~~,IAAM,MAAA,IAAA,GAAYC,YAAS,CAAA,KAAA,CAAM,IAAI,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/poster-input/src/component/views/DkPosterViewImage.vue.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var DkPosterViewImage_vue_vue_type_script_setup_true_lang = require('./DkPosterViewImage.vue2.js');
 var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
-var DkPosterViewImage = /* @__PURE__ */ _pluginVue_exportHelper.default(DkPosterViewImage_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\DkPosterViewImage.vue"]]);
+var DkPosterViewImage = /* @__PURE__ */ _pluginVue_exportHelper.default(DkPosterViewImage_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\DkPosterViewImage.vue"]]);
 exports.default = DkPosterViewImage;
 //# sourceMappingURL=DkPosterViewImage.vue.js.map

package/lib/poster-input/src/component/views/DkPosterViewImage.vue2.js CHANGED Viewed

@@ -13,7 +13,7 @@ const _hoisted_2 = {
 const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode(
   "div",
   { style: { "position": "absolute", "bottom": "5px", "width": "100%", "text-align": "center" } },
-  "\u81EA\u5B9A\u4E49\u56FE",
+  " \u81EA\u5B9A\u4E49\u56FE ",
   -1
   /* HOISTED */
 );
@@ -95,7 +95,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("div", _hoisted_4, [
               vue.createVNode(_component_el_image, {
                 src: item.image,
-                style: vue.normalizeStyle({ width: item.css.width + "px", height: item.css.height + "px" })
+                style: vue.normalizeStyle({
+                  width: item.css.width + "px",
+                  height: item.css.height + "px"
+                })
               }, null, 8, ["src", "style"])
             ])
           ]),

package/lib/poster-input/src/component/views/DkPosterViewImage.vue2.js.map CHANGED Viewed

	@@ -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 style=\"position: relative; display: flex; align-items: center; justify-content: center; background: #f6f6f6\">\n <el-popover trigger=\"contextmenu\" placement=\"right\" width=\"400\" title=\"编辑二维码\">\n <el-form label-position=\"left\" label-width=\"100px\" style=\"padding: 20px 10px 0\">\n <el-form-item label=\"圆角\">\n <el-slider v-model=\"item.css.borderRadius\" show-input :min=\"0\" :max=\"100\" />\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 v-model=\"item.css.borderWidth\" show-input :min=\"0\" :max=\"20\" />\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 style=\"position: absolute; bottom: 5px; width: 100%; text-align: center\"~~>自定义图</~~div>\n </div>\n <div style=\"position: relative\">\n <el-image\n :src=\"item.image\"\n :style=\"{ width: item.css.width + 'px', height: item.css.height + 'px' }\"\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;;;;;;;;;;;;;;;;;~~AA0DD~~,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	+ {"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/poster-input/src/component/views/DkPosterViewName.vue.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var DkPosterViewName_vue_vue_type_script_setup_true_lang = require('./DkPosterViewName.vue2.js');
 var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
-var DkPosterViewName = /* @__PURE__ */ _pluginVue_exportHelper.default(DkPosterViewName_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\DkPosterViewName.vue"]]);
+var DkPosterViewName = /* @__PURE__ */ _pluginVue_exportHelper.default(DkPosterViewName_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\DkPosterViewName.vue"]]);
 exports.default = DkPosterViewName;
 //# sourceMappingURL=DkPosterViewName.vue.js.map

package/lib/poster-input/src/component/views/DkPosterViewName.vue2.js.map CHANGED Viewed

	@@ -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 label-position=\"left\" label-width=\"100px\" style=\"padding: 20px 10px 0\">\n <el-form-item label=\"文字大小\">\n <el-slider v-model=\"item.css.fontSize\" show-input :min=\"12\" :max=\"50\" />\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;;;;;;;;;;;;;;;;;~~AA+CD~~,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	+ {"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/poster-input/src/component/views/DkPosterViewQrcode.vue.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var DkPosterViewQrcode_vue_vue_type_script_setup_true_lang = require('./DkPosterViewQrcode.vue2.js');
 var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
-var DkPosterViewQrcode = /* @__PURE__ */ _pluginVue_exportHelper.default(DkPosterViewQrcode_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\DkPosterViewQrcode.vue"]]);
+var DkPosterViewQrcode = /* @__PURE__ */ _pluginVue_exportHelper.default(DkPosterViewQrcode_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\DkPosterViewQrcode.vue"]]);
 exports.default = DkPosterViewQrcode;
 //# sourceMappingURL=DkPosterViewQrcode.vue.js.map

package/lib/poster-input/src/component/views/DkPosterViewQrcode.vue2.js.map CHANGED Viewed

	@@ -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 :style=\"_style\" style=\"position: relative; display: flex; align-items: center; justify-content: center\">\n <el-popover trigger=\"contextmenu\" placement=\"right\" width=\"400\" title=\"编辑二维码\">\n <el-form label-position=\"left\" label-width=\"100px\" style=\"padding: 20px 10px 0\" size=\"small\">\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 v-model=\"item.css.borderWidth\" show-input :min=\"0\" :max=\"20\" />\n </el-form-item>\n <el-form-item label=\"圆弧大小\">\n <el-slider v-model=\"item.css.borderRadius\" show-input :min=\"0\" :max=\"20\" />\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;;;;;;;;;;;;;;;;;~~AAiDD~~,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	+ {"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/poster-input/src/component/views/DkPosterViewText.vue.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var DkPosterViewText_vue_vue_type_script_setup_true_lang = require('./DkPosterViewText.vue2.js');
 var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
-var DkPosterViewText = /* @__PURE__ */ _pluginVue_exportHelper.default(DkPosterViewText_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\DkPosterViewText.vue"]]);
+var DkPosterViewText = /* @__PURE__ */ _pluginVue_exportHelper.default(DkPosterViewText_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\DkPosterViewText.vue"]]);
 exports.default = DkPosterViewText;
 //# sourceMappingURL=DkPosterViewText.vue.js.map

package/lib/poster-input/src/component/views/DkPosterViewText.vue2.js.map CHANGED Viewed

	@@ -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 label-position=\"left\" label-width=\"100px\" style=\"padding: 20px 10px 0\">\n <el-form-item label=\"文字大小\">\n <el-slider v-model=\"item.css.fontSize\" show-input :min=\"12\" :max=\"50\" />\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\">{{ item.content ? item.content : '自定义文本' }}</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;;;;;;;;;;;;;;;;;~~AA8CD~~,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/poster-input/src/component/views/quick-action.vue.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var quickAction_vue_vue_type_script_setup_true_lang = require('./quick-action.vue2.js');
 var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
-var QuickAction = /* @__PURE__ */ _pluginVue_exportHelper.default(quickAction_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\quick-action.vue"]]);
+var QuickAction = /* @__PURE__ */ _pluginVue_exportHelper.default(quickAction_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\quick-action.vue"]]);
 exports.default = QuickAction;
 //# sourceMappingURL=quick-action.vue.js.map

package/lib/poster-input/src/component/views/quick-action.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"quick-action.vue2.js","sources":["../../../../../src/poster-input/src/component/views/quick-action.vue"],"sourcesContent":["<template>\n <el-form-item label=\"快捷操作\">\n <el-dropdown>\n <el-button size=\"small\" type=\"primary\">\n 居中\n <dk-icon icon=\"ArrowDown\"></dk-icon>\n </el-button>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item @click=\"handleAction('top-down-center')\">上下</el-dropdown-item>\n <el-dropdown-item @click=\"handleAction('left-right-center')\">左右</el-dropdown-item>\n </el-dropdown-menu>\n </template>\n </el-dropdown>\n <el-dropdown class=\"m-l-5px\">\n <el-button size=\"small\" type=\"primary\">\n 排序\n <dk-icon icon=\"ArrowDown\"></dk-icon>\n </el-button>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item @click=\"handleAction('move-one-top')\">移动到上一层</el-dropdown-item>\n <el-dropdown-item @click=\"handleAction('move-one-down')\">移动到下一层</el-dropdown-item>\n <el-dropdown-item @click=\"handleAction('move-top')\">移动到最顶层</el-dropdown-item>\n <el-dropdown-item @click=\"handleAction('move-down')\">移动到最底层</el-dropdown-item>\n </el-dropdown-menu>\n </template>\n </el-dropdown>\n <el-button class=\"m-l-5px\" type=\"danger\" size=\"small\" @click=\"handleAction('del')\">删除</el-button>\n </el-form-item>\n</template>\n<script setup lang=\"ts\">\nimport { inject, ref } from 'vue'\nconst props = defineProps({\n index: {\n default: 0,\n type: Number,\n },\n})\nconst posterData: any = inject('posterData')\nconst _index = ref(props.index)\n\nconst handleAction = (type = '') => {\n const index = props.index\n let views = posterData.views\n const maxIndex = views.length - 1\n switch (type) {\n case 'move-one-top':\n if (props.index >= maxIndex) {\n return false\n }\n views = swapItems(views, index, index + 1)\n _index.value = index + 1\n break\n case 'move-one-down':\n if (props.index <= 0) {\n return false\n }\n views = swapItems(views, index, index - 1)\n _index.value = index - 1\n break\n case 'move-top':\n if (index >= maxIndex) {\n return false\n }\n views = swapItems(views, index, maxIndex)\n _index.value = maxIndex\n break\n case 'move-down':\n if (index <= 0) {\n return false\n }\n views = swapItems(views, index, 0)\n _index.value = 0\n break\n case 'del':\n views.splice(index, 1)\n break\n case 'top-down-center':\n views[index].css.top = posterData.height / 2 - views[index].css.height / 2\n break\n case 'left-right-center':\n views[index].css.left = posterData.width / 2 - views[index].css.width / 2\n break\n }\n}\n\nconst swapItems = (arr: any, index1: any, index2: any) => {\n arr[index1] = arr.splice(index2, 1, arr[index1])[0]\n return arr\n}\n</script>\n"],"names":["inject","ref"],"mappings":";;;;;;;;;;;;;;;;~~AAuCA~~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"}
1	+ {"version":3,"file":"quick-action.vue2.js","sources":["../../../../../src/poster-input/src/component/views/quick-action.vue"],"sourcesContent":["<template>\n <el-form-item label=\"快捷操作\">\n <el-dropdown>\n <el-button size=\"small\" type=\"primary\">\n 居中\n <dk-icon icon=\"ArrowDown\"></dk-icon>\n </el-button>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item @click=\"handleAction('top-down-center')\"\n >上下</el-dropdown-item\n >\n <el-dropdown-item @click=\"handleAction('left-right-center')\"\n >左右</el-dropdown-item\n >\n </el-dropdown-menu>\n </template>\n </el-dropdown>\n <el-dropdown class=\"m-l-5px\">\n <el-button size=\"small\" type=\"primary\">\n 排序\n <dk-icon icon=\"ArrowDown\"></dk-icon>\n </el-button>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item @click=\"handleAction('move-one-top')\"\n >移动到上一层</el-dropdown-item\n >\n <el-dropdown-item @click=\"handleAction('move-one-down')\"\n >移动到下一层</el-dropdown-item\n >\n <el-dropdown-item @click=\"handleAction('move-top')\"\n >移动到最顶层</el-dropdown-item\n >\n <el-dropdown-item @click=\"handleAction('move-down')\"\n >移动到最底层</el-dropdown-item\n >\n </el-dropdown-menu>\n </template>\n </el-dropdown>\n <el-button\n class=\"m-l-5px\"\n type=\"danger\"\n size=\"small\"\n @click=\"handleAction('del')\"\n >删除</el-button\n >\n </el-form-item>\n</template>\n<script setup lang=\"ts\">\nimport { inject, ref } from 'vue'\nconst props = defineProps({\n index: {\n default: 0,\n type: Number,\n },\n})\nconst posterData: any = inject('posterData')\nconst _index = ref(props.index)\n\nconst handleAction = (type = '') => {\n const index = props.index\n let views = posterData.views\n const maxIndex = views.length - 1\n switch (type) {\n case 'move-one-top':\n if (props.index >= maxIndex) {\n return false\n }\n views = swapItems(views, index, index + 1)\n _index.value = index + 1\n break\n case 'move-one-down':\n if (props.index <= 0) {\n return false\n }\n views = swapItems(views, index, index - 1)\n _index.value = index - 1\n break\n case 'move-top':\n if (index >= maxIndex) {\n return false\n }\n views = swapItems(views, index, maxIndex)\n _index.value = maxIndex\n break\n case 'move-down':\n if (index <= 0) {\n return false\n }\n views = swapItems(views, index, 0)\n _index.value = 0\n break\n case 'del':\n views.splice(index, 1)\n break\n case 'top-down-center':\n views[index].css.top = posterData.height / 2 - views[index].css.height / 2\n break\n case 'left-right-center':\n views[index].css.left = posterData.width / 2 - views[index].css.width / 2\n break\n }\n}\n\nconst swapItems = (arr: any, index1: any, index2: any) => {\n arr[index1] = arr.splice(index2, 1, arr[index1])[0]\n return arr\n}\n</script>\n"],"names":["inject","ref"],"mappings":"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"}

package/lib/poster-input/src/poster-input.vue.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var posterInput_vue_vue_type_script_setup_true_lang = require('./poster-input.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
-var _PosterInput = /* @__PURE__ */ _pluginVue_exportHelper.default(posterInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\poster-input.vue"]]);
+var _PosterInput = /* @__PURE__ */ _pluginVue_exportHelper.default(posterInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\poster-input\\src\\poster-input.vue"]]);
 exports.default = _PosterInput;
 //# sourceMappingURL=poster-input.vue.js.map

package/lib/poster-input/src/poster-input.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"poster-input.vue2.js","sources":["../../../src/poster-input/src/poster-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkPosterInput',\n});\n</script>\n<template>\n <div class=\"dk-poster-input\">\n <el-button @click=\"showPoster()\">{{ input }}</el-button>\n <dk-dialog v-model=\"show\" width=\"1200px\" append-to-body title=\"自定义海报\" top=\"10vh\">\n <dk-poster ref=\"posterRef\" v-model=\"posterData\" :views=\"props.views\" @submit=\"success\" />\n </dk-dialog>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { posterInputProps } from './props'\nimport DkPoster from './component/poster.vue'\nimport { ref, computed } from 'vue'\n\nconst props = defineProps(posterInputProps)\nconst show = ref(false)\nconst posterData: any = ref({\n background: '',\n width: 320,\n height: 500,\n borderRadius: 0,\n views: [],\n})\n\nconst posterRef = ref()\n\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\n\nconst showPoster = () => {\n show.value = true\n posterRef.value?.checkParentSize()\n}\n\nconst initPosterData = () => {\n // posterData.value.width = props.modelValue.width \|\| 320\n // posterData.value.height = props.modelValue.height \|\| 500\n // posterData.value.borderRadius = props.modelValue.borderRadius \|\| 0\n // posterData.value.views = props.modelValue.views \|\| []\n // posterData.value.background = props.modelValue.background \|\| ''\n posterData.value = props.modelValue\n emitData()\n}\n\nconst emitData = () => {\n emit('update:modelValue', posterData.value)\n emit('input', posterData.value)\n emit('change', posterData.value)\n}\n\nconst input = computed(() => {\n return (\n '宽高：' +\n posterData.value.width +\n 'X' +\n posterData.value.height +\n '，' +\n posterData.value.views.length +\n '个元素，' +\n (posterData.value.background ? '有' : '无') +\n '背景图'\n )\n})\n\nconst success = () => {\n show.value = false\n emitData()\n}\n\nconst onClick = () => {\n show.value = true\n}\n\ninitPosterData()\n</script>\n"],"names":["__MACROS_defineComponent","ref","computed"],"mappings":";;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,eAAA;AACR,CAAC,CAAA,CAAA;;;;;;;~~AAiBD~~,IAAM,MAAA,IAAA,GAAOC,QAAI,KAAK,CAAA,CAAA;AACtB,IAAA,MAAM,aAAkBA,OAAI,CAAA;AAAA,MAC1B,UAAY,EAAA,EAAA;AAAA,MACZ,KAAO,EAAA,GAAA;AAAA,MACP,MAAQ,EAAA,GAAA;AAAA,MACR,YAAc,EAAA,CAAA;AAAA,MACd,OAAO,EAAC;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,YAAYA,OAAI,EAAA,CAAA;AAItB,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,IAAA,CAAK,KAAQ,GAAA,IAAA,CAAA;AACb,MAAA,SAAA,CAAU,OAAO,eAAgB,EAAA,CAAA;AAAA,KACnC,CAAA;AAEA,IAAA,MAAM,iBAAiB,MAAM;AAM3B,MAAA,UAAA,CAAW,QAAQ,KAAM,CAAA,UAAA,CAAA;AACzB,MAAS,QAAA,EAAA,CAAA;AAAA,KACX,CAAA;AAEA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAK,IAAA,CAAA,mBAAA,EAAqB,WAAW,KAAK,CAAA,CAAA;AAC1C,MAAK,IAAA,CAAA,OAAA,EAAS,WAAW,KAAK,CAAA,CAAA;AAC9B,MAAK,IAAA,CAAA,QAAA,EAAU,WAAW,KAAK,CAAA,CAAA;AAAA,KACjC,CAAA;AAEA,IAAM,MAAA,KAAA,GAAQC,aAAS,MAAM;AAC3B,MAAA,OACE,uBACA,UAAW,CAAA,KAAA,CAAM,QACjB,GACA,GAAA,UAAA,CAAW,MAAM,MACjB,GAAA,QAAA,GACA,UAAW,CAAA,KAAA,CAAM,MAAM,MACvB,GAAA,0BAAA,IACC,WAAW,KAAM,CAAA,UAAA,GAAa,WAAM,QACrC,CAAA,GAAA,oBAAA,CAAA;AAAA,KAEH,CAAA,CAAA;AAED,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,IAAA,CAAK,KAAQ,GAAA,KAAA,CAAA;AACb,MAAS,QAAA,EAAA,CAAA;AAAA,KACX,CAAA;AAEA,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,IAAA,CAAK,KAAQ,GAAA,IAAA,CAAA;AAAA,KACf,CAAA;AAEA,IAAe,cAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"poster-input.vue2.js","sources":["../../../src/poster-input/src/poster-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkPosterInput',\n});\n</script>\n<template>\n <div class=\"dk-poster-input\">\n <el-button @click=\"showPoster()\">{{ input }}</el-button>\n <dk-dialog\n v-model=\"show\"\n width=\"1200px\"\n append-to-body\n title=\"自定义海报\"\n top=\"10vh\"\n >\n <dk-poster\n ref=\"posterRef\"\n v-model=\"posterData\"\n :views=\"props.views\"\n @submit=\"success\"\n />\n </dk-dialog>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { posterInputProps } from './props'\nimport DkPoster from './component/poster.vue'\nimport { ref, computed } from 'vue'\n\nconst props = defineProps(posterInputProps)\nconst show = ref(false)\nconst posterData: any = ref({\n background: '',\n width: 320,\n height: 500,\n borderRadius: 0,\n views: [],\n})\n\nconst posterRef = ref()\n\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\n\nconst showPoster = () => {\n show.value = true\n posterRef.value?.checkParentSize()\n}\n\nconst initPosterData = () => {\n // posterData.value.width = props.modelValue.width \|\| 320\n // posterData.value.height = props.modelValue.height \|\| 500\n // posterData.value.borderRadius = props.modelValue.borderRadius \|\| 0\n // posterData.value.views = props.modelValue.views \|\| []\n // posterData.value.background = props.modelValue.background \|\| ''\n posterData.value = props.modelValue\n emitData()\n}\n\nconst emitData = () => {\n emit('update:modelValue', posterData.value)\n emit('input', posterData.value)\n emit('change', posterData.value)\n}\n\nconst input = computed(() => {\n return (\n '宽高：' +\n posterData.value.width +\n 'X' +\n posterData.value.height +\n '，' +\n posterData.value.views.length +\n '个元素，' +\n (posterData.value.background ? '有' : '无') +\n '背景图'\n )\n})\n\nconst success = () => {\n show.value = false\n emitData()\n}\n\nconst onClick = () => {\n show.value = true\n}\n\ninitPosterData()\n</script>\n"],"names":["__MACROS_defineComponent","ref","computed"],"mappings":";;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,eAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AA4BD,IAAM,MAAA,IAAA,GAAOC,QAAI,KAAK,CAAA,CAAA;AACtB,IAAA,MAAM,aAAkBA,OAAI,CAAA;AAAA,MAC1B,UAAY,EAAA,EAAA;AAAA,MACZ,KAAO,EAAA,GAAA;AAAA,MACP,MAAQ,EAAA,GAAA;AAAA,MACR,YAAc,EAAA,CAAA;AAAA,MACd,OAAO,EAAC;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,YAAYA,OAAI,EAAA,CAAA;AAItB,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,IAAA,CAAK,KAAQ,GAAA,IAAA,CAAA;AACb,MAAA,SAAA,CAAU,OAAO,eAAgB,EAAA,CAAA;AAAA,KACnC,CAAA;AAEA,IAAA,MAAM,iBAAiB,MAAM;AAM3B,MAAA,UAAA,CAAW,QAAQ,KAAM,CAAA,UAAA,CAAA;AACzB,MAAS,QAAA,EAAA,CAAA;AAAA,KACX,CAAA;AAEA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAK,IAAA,CAAA,mBAAA,EAAqB,WAAW,KAAK,CAAA,CAAA;AAC1C,MAAK,IAAA,CAAA,OAAA,EAAS,WAAW,KAAK,CAAA,CAAA;AAC9B,MAAK,IAAA,CAAA,QAAA,EAAU,WAAW,KAAK,CAAA,CAAA;AAAA,KACjC,CAAA;AAEA,IAAM,MAAA,KAAA,GAAQC,aAAS,MAAM;AAC3B,MAAA,OACE,uBACA,UAAW,CAAA,KAAA,CAAM,QACjB,GACA,GAAA,UAAA,CAAW,MAAM,MACjB,GAAA,QAAA,GACA,UAAW,CAAA,KAAA,CAAM,MAAM,MACvB,GAAA,0BAAA,IACC,WAAW,KAAM,CAAA,UAAA,GAAa,WAAM,QACrC,CAAA,GAAA,oBAAA,CAAA;AAAA,KAEH,CAAA,CAAA;AAED,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,IAAA,CAAK,KAAQ,GAAA,KAAA,CAAA;AACb,MAAS,QAAA,EAAA,CAAA;AAAA,KACX,CAAA;AAEA,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,IAAA,CAAK,KAAQ,GAAA,IAAA,CAAA;AAAA,KACf,CAAA;AAEA,IAAe,cAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/poster-input/style/index.scss CHANGED Viewed

@@ -32,8 +32,10 @@
     .poster-body {
       background:
-        linear-gradient(-90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px) 0% 0% / 10px 10px,
-        linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px) 0% 0% / 10px 10px;
+        linear-gradient(-90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px) 0% 0% /
+          10px 10px,
+        linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px) 0% 0% / 10px
+          10px;
       padding: 20px;
       padding-bottom: 50px;
       width: 600px;

package/lib/select/src/select.vue.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var select_vue_vue_type_script_setup_true_lang = require('./select.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
-var _Select = /* @__PURE__ */ _pluginVue_exportHelper.default(select_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\select\\src\\select.vue"]]);
+var _Select = /* @__PURE__ */ _pluginVue_exportHelper.default(select_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\select\\src\\select.vue"]]);
 exports.default = _Select;
 //# sourceMappingURL=select.vue.js.map

package/lib/select/src/select.vue2.js CHANGED Viewed

@@ -12,7 +12,15 @@ const __default__ = vue.defineComponent({
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...__default__,
   props: props.selectProps,
-  emits: ["update:modelValue", "change", "visible-change", "remove-tag", "clear", "blur", "focus"],
+  emits: [
+    "update:modelValue",
+    "change",
+    "visible-change",
+    "remove-tag",
+    "clear",
+    "blur",
+    "focus"
+  ],
   setup(__props, { emit }) {
     const props = __props;
     const internalValue = vue.ref(props.modelValue);

package/lib/select/src/select.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select.vue2.js","sources":["../../../src/select/src/select.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkSelect',\n});\n</script>\n<template>\n <el-select-v2\n v-model=\"internalValue\"\n class=\"dk-select\"\n v-bind=\"{ ...props }\"\n :remote-method=\"remoteMethod\"\n remote\n placeholder=\"请选择\"\n :options=\"internalOptions\"\n style=\"width: 100%\"\n @change=\"handleChange\"\n @visible-change=\"handleVisibleChange\"\n @remove-tag=\"handleRemoveTag\"\n @clear=\"handleClear\"\n @blur=\"handleBlur\"\n @focus=\"handleFocus\"\n >\n <template v-for=\"(slot, idx) in $slots\" :key=\"idx\" #[idx]=\"scope\">\n <slot :name=\"idx\" v-bind=\"scope\"></slot>\n </template>\n </el-select-v2>\n</template>\n\n<script lang=\"ts\" setup>\nimport { selectProps } from './props'\nimport { watch, ref } from 'vue'\nimport { request } from '@vipl520/utils'\n\nconst props = defineProps(selectProps)\nconst internalValue = ref(props.modelValue) // 使用 ref 以便响应式更新\nconst internalOptions = ref(props.options \|\| {})\nconst emit = defineEmits(['update:modelValue', 'change', 'visible-change', 'remove-tag', 'clear', 'blur', 'focus'])\n// 监听内部值的变化并向外部发出事件\nwatch(internalValue, (newValue) => {\n console.log('new', newValue)\n emit('update:modelValue', newValue)\n})\nconst remoteMethod = (query?: string) => {\n if (!props.remoteUrl) return\n request(\n {\n url: props.remoteUrl,\n method: 'post',\n data: { query, select: 1 },\n },\n {\n code_success_show: false,\n }\n ).then((res) => {\n internalOptions.value = res.data\n })\n}\n\n// 事件处理函数\nconst handleChange = (value: any) => emit('change', value)\nconst handleVisibleChange = (value: boolean) => emit('visible-change', value)\nconst handleRemoveTag = (value: any) => emit('remove-tag', value)\nconst handleClear = () => emit('clear')\nconst handleBlur = (event: FocusEvent) => emit('blur', event)\nconst handleFocus = (event: FocusEvent) => emit('focus', event)\n\nremoteMethod()\n</script>\n"],"names":["__MACROS_defineComponent","ref","watch","request"],"mappings":";;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,UAAA;AACR,CAAC,CAAA,CAAA~~;;;;;;;~~AA+BD,IAAM,MAAA,aAAA,GAAgBC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAC1C,IAAA,MAAM,eAAkB,GAAAA,OAAA,CAAI,KAAM,CAAA,OAAA,IAAW,EAAE,CAAA,CAAA;~~AAG~~/C,IAAMC,SAAA,CAAA,aAAA,EAAe,CAAC,QAAa,KAAA;AACjC,MAAQ,OAAA,CAAA,GAAA,CAAI,OAAO,QAAQ,CAAA,CAAA;AAC3B,MAAA,IAAA,CAAK,qBAAqB,QAAQ,CAAA,CAAA;AAAA,KACnC,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAe,CAAC,KAAmB,KAAA;AACvC,MAAA,IAAI,CAAC,KAAM,CAAA,SAAA;AAAW,QAAA,OAAA;AACtB,MAAAC,aAAA;AAAA,QACE;AAAA,UACE,KAAK,KAAM,CAAA,SAAA;AAAA,UACX,MAAQ,EAAA,MAAA;AAAA,UACR,IAAM,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,CAAE,EAAA;AAAA,SAC3B;AAAA,QACA;AAAA,UACE,iBAAmB,EAAA,KAAA;AAAA,SACrB;AAAA,OACF,CAAE,IAAK,CAAA,CAAC,GAAQ,KAAA;AACd,QAAA,eAAA,CAAgB,QAAQ,GAAI,CAAA,IAAA,CAAA;AAAA,OAC7B,CAAA,CAAA;AAAA,KACH,CAAA;AAGA,IAAA,MAAM,YAAe,GAAA,CAAC,KAAe,KAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AACzD,IAAA,MAAM,mBAAsB,GAAA,CAAC,KAAmB,KAAA,IAAA,CAAK,kBAAkB,KAAK,CAAA,CAAA;AAC5E,IAAA,MAAM,eAAkB,GAAA,CAAC,KAAe,KAAA,IAAA,CAAK,cAAc,KAAK,CAAA,CAAA;AAChE,IAAM,MAAA,WAAA,GAAc,MAAM,IAAA,CAAK,OAAO,CAAA,CAAA;AACtC,IAAA,MAAM,UAAa,GAAA,CAAC,KAAsB,KAAA,IAAA,CAAK,QAAQ,KAAK,CAAA,CAAA;AAC5D,IAAA,MAAM,WAAc,GAAA,CAAC,KAAsB,KAAA,IAAA,CAAK,SAAS,KAAK,CAAA,CAAA;AAE9D,IAAa,YAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"select.vue2.js","sources":["../../../src/select/src/select.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkSelect',\n});\n</script>\n<template>\n <el-select-v2\n v-model=\"internalValue\"\n class=\"dk-select\"\n v-bind=\"{ ...props }\"\n :remote-method=\"remoteMethod\"\n remote\n placeholder=\"请选择\"\n :options=\"internalOptions\"\n style=\"width: 100%\"\n @change=\"handleChange\"\n @visible-change=\"handleVisibleChange\"\n @remove-tag=\"handleRemoveTag\"\n @clear=\"handleClear\"\n @blur=\"handleBlur\"\n @focus=\"handleFocus\"\n >\n <template v-for=\"(slot, idx) in $slots\" :key=\"idx\" #[idx]=\"scope\">\n <slot :name=\"idx\" v-bind=\"scope\"></slot>\n </template>\n </el-select-v2>\n</template>\n\n<script lang=\"ts\" setup>\nimport { selectProps } from './props'\nimport { watch, ref } from 'vue'\nimport { request } from '@vipl520/utils'\n\nconst props = defineProps(selectProps)\nconst internalValue = ref(props.modelValue) // 使用 ref 以便响应式更新\nconst internalOptions = ref(props.options \|\| {})\nconst emit = defineEmits([\n 'update:modelValue',\n 'change',\n 'visible-change',\n 'remove-tag',\n 'clear',\n 'blur',\n 'focus',\n])\n// 监听内部值的变化并向外部发出事件\nwatch(internalValue, (newValue) => {\n console.log('new', newValue)\n emit('update:modelValue', newValue)\n})\nconst remoteMethod = (query?: string) => {\n if (!props.remoteUrl) return\n request(\n {\n url: props.remoteUrl,\n method: 'post',\n data: { query, select: 1 },\n },\n {\n code_success_show: false,\n }\n ).then((res) => {\n internalOptions.value = res.data\n })\n}\n\n// 事件处理函数\nconst handleChange = (value: any) => emit('change', value)\nconst handleVisibleChange = (value: boolean) => emit('visible-change', value)\nconst handleRemoveTag = (value: any) => emit('remove-tag', value)\nconst handleClear = () => emit('clear')\nconst handleBlur = (event: FocusEvent) => emit('blur', event)\nconst handleFocus = (event: FocusEvent) => emit('focus', event)\n\nremoteMethod()\n</script>\n"],"names":["__MACROS_defineComponent","ref","watch","request"],"mappings":";;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,UAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;AA+BD,IAAM,MAAA,aAAA,GAAgBC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAC1C,IAAA,MAAM,eAAkB,GAAAA,OAAA,CAAI,KAAM,CAAA,OAAA,IAAW,EAAE,CAAA,CAAA;AAW/C,IAAMC,SAAA,CAAA,aAAA,EAAe,CAAC,QAAa,KAAA;AACjC,MAAQ,OAAA,CAAA,GAAA,CAAI,OAAO,QAAQ,CAAA,CAAA;AAC3B,MAAA,IAAA,CAAK,qBAAqB,QAAQ,CAAA,CAAA;AAAA,KACnC,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAe,CAAC,KAAmB,KAAA;AACvC,MAAA,IAAI,CAAC,KAAM,CAAA,SAAA;AAAW,QAAA,OAAA;AACtB,MAAAC,aAAA;AAAA,QACE;AAAA,UACE,KAAK,KAAM,CAAA,SAAA;AAAA,UACX,MAAQ,EAAA,MAAA;AAAA,UACR,IAAM,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,CAAE,EAAA;AAAA,SAC3B;AAAA,QACA;AAAA,UACE,iBAAmB,EAAA,KAAA;AAAA,SACrB;AAAA,OACF,CAAE,IAAK,CAAA,CAAC,GAAQ,KAAA;AACd,QAAA,eAAA,CAAgB,QAAQ,GAAI,CAAA,IAAA,CAAA;AAAA,OAC7B,CAAA,CAAA;AAAA,KACH,CAAA;AAGA,IAAA,MAAM,YAAe,GAAA,CAAC,KAAe,KAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AACzD,IAAA,MAAM,mBAAsB,GAAA,CAAC,KAAmB,KAAA,IAAA,CAAK,kBAAkB,KAAK,CAAA,CAAA;AAC5E,IAAA,MAAM,eAAkB,GAAA,CAAC,KAAe,KAAA,IAAA,CAAK,cAAc,KAAK,CAAA,CAAA;AAChE,IAAM,MAAA,WAAA,GAAc,MAAM,IAAA,CAAK,OAAO,CAAA,CAAA;AACtC,IAAA,MAAM,UAAa,GAAA,CAAC,KAAsB,KAAA,IAAA,CAAK,QAAQ,KAAK,CAAA,CAAA;AAC5D,IAAA,MAAM,WAAc,GAAA,CAAC,KAAsB,KAAA,IAAA,CAAK,SAAS,KAAK,CAAA,CAAA;AAE9D,IAAa,YAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/style-animation-input/src/props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"props.js","sources":["../../../src/style-animation-input/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const styleAnimationInputProps = {\n /*\n 类型定义\n */\n modelValue: {\n type: Object,\n default: () => ({\n animationDelay: '0s',\n animationDuration: '1s',\n animationIterationCount: 'infinite',\n }),\n },\n}\n\nexport type StyleAnimationInputProps = ExtractPropTypes<typeof styleAnimationInputProps>\n"],"names":[],"mappings":";;AAEO,MAAM,wBAA2B,GAAA;AAAA;AAAA;AAAA;AAAA,EAItC,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,OAAO;AAAA,MACd,cAAgB,EAAA,IAAA;AAAA,MAChB,iBAAmB,EAAA,IAAA;AAAA,MACnB,uBAAyB,EAAA,UAAA;AAAA,KAC3B,CAAA;AAAA,GACF;AACF;;;;"}
1	+ {"version":3,"file":"props.js","sources":["../../../src/style-animation-input/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const styleAnimationInputProps = {\n /*\n 类型定义\n */\n modelValue: {\n type: Object,\n default: () => ({\n animationDelay: '0s',\n animationDuration: '1s',\n animationIterationCount: 'infinite',\n }),\n },\n}\n\nexport type StyleAnimationInputProps = ExtractPropTypes<\n typeof styleAnimationInputProps\n>\n"],"names":[],"mappings":";;AAEO,MAAM,wBAA2B,GAAA;AAAA;AAAA;AAAA;AAAA,EAItC,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,OAAO;AAAA,MACd,cAAgB,EAAA,IAAA;AAAA,MAChB,iBAAmB,EAAA,IAAA;AAAA,MACnB,uBAAyB,EAAA,UAAA;AAAA,KAC3B,CAAA;AAAA,GACF;AACF;;;;"}

package/lib/style-animation-input/src/style-animation-input.vue.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var styleAnimationInput_vue_vue_type_script_setup_true_lang = require('./style-animation-input.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
-var _StyleAnimationInput = /* @__PURE__ */ _pluginVue_exportHelper.default(styleAnimationInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-animation-input\\src\\style-animation-input.vue"]]);
+var _StyleAnimationInput = /* @__PURE__ */ _pluginVue_exportHelper.default(styleAnimationInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\style-animation-input\\src\\style-animation-input.vue"]]);
 exports.default = _StyleAnimationInput;
 //# sourceMappingURL=style-animation-input.vue.js.map

package/lib/style-animation-input/src/style-animation-input.vue2.js CHANGED Viewed

@@ -23,7 +23,7 @@ const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode(
 const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode(
   "p",
   { class: "form-help" },
-  "\u5F53\u5FAA\u73AF\u6B21\u6570\u8BBE\u7F6E\u4E3A0\u7684\u65F6\u5019\uFF0C\u8868\u793A\u65E0\u9650\u5FAA\u73AF\uFF0C\u5165\u573A\u52A8\u753B\u5EFA\u8BAE\u4E3A1",
+  " \u5F53\u5FAA\u73AF\u6B21\u6570\u8BBE\u7F6E\u4E3A0\u7684\u65F6\u5019\uFF0C\u8868\u793A\u65E0\u9650\u5FAA\u73AF\uFF0C\u5165\u573A\u52A8\u753B\u5EFA\u8BAE\u4E3A1 ",
   -1
   /* HOISTED */
 );

package/lib/style-animation-input/src/style-animation-input.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style-animation-input.vue2.js","sources":["../../../src/style-animation-input/src/style-animation-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkStyleAnimationInput',\n});\n</script>\n<template>\n <div class=\"dk-style-animation-input\">\n <el-form-item label=\"延迟执行\">\n <el-input-number v-model=\"form.animationDelay\" :step=\"0.1\" :min=\"0\" />\n <p class=\"form-help\">设置动画页面加载完毕多少秒后执行</p>\n </el-form-item>\n <el-form-item label=\"动画时长\">\n <el-input-number v-model=\"form.animationDuration\" :step=\"0.1\" :min=\"0\" />\n <p class=\"form-help\">设置每次动画加载的动画时长</p>\n </el-form-item>\n <el-form-item label=\"循环次数\">\n <el-input-number v-model=\"form.animationIterationCount\" :min=\"0\" />\n <p class=\"form-help\"~~>当循环次数设置为~~0的时候，表示无限循环，入场动画建议为1</p>\n </el-form-item>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleAnimationInputProps } from './props'\nimport { onMounted, reactive, watch } from 'vue'\n\n\n\nconst props = defineProps(styleAnimationInputProps)\n\nconst form: any = reactive({\n animationDelay: 0,\n animationDuration: 1,\n animationIterationCount: 0,\n})\nconst emit = defineEmits(['update:modelValue'])\nwatch(\n form,\n () => {\n const value: any = {}\n value.animationDelay = form.animationDelay + 's'\n value.animationDuration = form.animationDuration + 's'\n value.animationIterationCount = form.animationIterationCount == 0 ? 'infinite' : form.animationIterationCount\n emit('update:modelValue', value)\n },\n { deep: true }\n)\nconst init = () => {\n const value = props.modelValue\n form.animationDelay = parseFloat(value.animationDelay \|\| '0s')\n form.animationDuration = parseFloat(value.animationDuration \|\| '1')\n form.animationIterationCount = parseInt(\n (value.animationIterationCount === 'infinite' ? 0 : value.animationIterationCount) \|\| 0\n )\n}\n\nwatch(\n () => props.modelValue,\n () => {\n init()\n // emit('update:modelValue', value)\n }\n)\n\nonMounted(() => {\n init()\n})\n</script>\n"],"names":["__MACROS_defineComponent","reactive","watch","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,uBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;~~AA2BD~~,IAAA,MAAM,OAAYC,YAAS,CAAA;AAAA,MACzB,cAAgB,EAAA,CAAA;AAAA,MAChB,iBAAmB,EAAA,CAAA;AAAA,MACnB,uBAAyB,EAAA,CAAA;AAAA,KAC1B,CAAA,CAAA;AAED,IAAAC,SAAA;AAAA,MACE,IAAA;AAAA,MACA,MAAM;AACJ,QAAA,MAAM,QAAa,EAAC,CAAA;AACpB,QAAM,KAAA,CAAA,cAAA,GAAiB,KAAK,cAAiB,GAAA,GAAA,CAAA;AAC7C,QAAM,KAAA,CAAA,iBAAA,GAAoB,KAAK,iBAAoB,GAAA,GAAA,CAAA;AACnD,QAAA,KAAA,CAAM,~~uBAA0B~~,GAAA,IAAA,CAAK,uBAA2B,IAAA,CAAA,~~GAAI~~,~~aAAa~~,IAAK,CAAA,uBAAA,CAAA;~~AACtF~~,QAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAAA,OACjC;AAAA,MACA,EAAE,MAAM,IAAK,EAAA;AAAA,KACf,CAAA;AACA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,MAAM,QAAQ,KAAM,CAAA,UAAA,CAAA;AACpB,MAAA,IAAA,CAAK,cAAiB,GAAA,UAAA,CAAW,KAAM,CAAA,cAAA,IAAkB,IAAI,CAAA,CAAA;AAC7D,MAAA,IAAA,CAAK,iBAAoB,GAAA,UAAA,CAAW,KAAM,CAAA,iBAAA,IAAqB,GAAG,CAAA,CAAA;AAClE,MAAA,IAAA,CAAK,uBAA0B,GAAA,QAAA;AAAA,QAAA,CAC5B,KAAM,CAAA,uBAAA,KAA4B,~~UAAa~~,GAAA,CAAA,~~GAAI~~,MAAM,uBAA4B,KAAA,CAAA;AAAA,~~OACxF~~,CAAA;AAAA,KACF,CAAA;AAEA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,MAAM;AACJ,QAAK,IAAA,EAAA,CAAA;AAAA,OAEP;AAAA,KACF,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAK,IAAA,EAAA,CAAA;AAAA,KACN,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"style-animation-input.vue2.js","sources":["../../../src/style-animation-input/src/style-animation-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkStyleAnimationInput',\n});\n</script>\n<template>\n <div class=\"dk-style-animation-input\">\n <el-form-item label=\"延迟执行\">\n <el-input-number v-model=\"form.animationDelay\" :step=\"0.1\" :min=\"0\" />\n <p class=\"form-help\">设置动画页面加载完毕多少秒后执行</p>\n </el-form-item>\n <el-form-item label=\"动画时长\">\n <el-input-number v-model=\"form.animationDuration\" :step=\"0.1\" :min=\"0\" />\n <p class=\"form-help\">设置每次动画加载的动画时长</p>\n </el-form-item>\n <el-form-item label=\"循环次数\">\n <el-input-number v-model=\"form.animationIterationCount\" :min=\"0\" />\n <p class=\"form-help\">\n 当循环次数设置为0的时候，表示无限循环，入场动画建议为1\n </p>\n </el-form-item>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleAnimationInputProps } from './props'\nimport { onMounted, reactive, watch } from 'vue'\n\n\n\nconst props = defineProps(styleAnimationInputProps)\n\nconst form: any = reactive({\n animationDelay: 0,\n animationDuration: 1,\n animationIterationCount: 0,\n})\nconst emit = defineEmits(['update:modelValue'])\nwatch(\n form,\n () => {\n const value: any = {}\n value.animationDelay = form.animationDelay + 's'\n value.animationDuration = form.animationDuration + 's'\n value.animationIterationCount =\n form.animationIterationCount == 0\n ? 'infinite'\n : form.animationIterationCount\n emit('update:modelValue', value)\n },\n { deep: true }\n)\nconst init = () => {\n const value = props.modelValue\n form.animationDelay = parseFloat(value.animationDelay \|\| '0s')\n form.animationDuration = parseFloat(value.animationDuration \|\| '1')\n form.animationIterationCount = parseInt(\n (value.animationIterationCount === 'infinite'\n ? 0\n : value.animationIterationCount) \|\| 0\n )\n}\n\nwatch(\n () => props.modelValue,\n () => {\n init()\n // emit('update:modelValue', value)\n }\n)\n\nonMounted(() => {\n init()\n})\n</script>\n"],"names":["__MACROS_defineComponent","reactive","watch","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,uBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AA6BD,IAAA,MAAM,OAAYC,YAAS,CAAA;AAAA,MACzB,cAAgB,EAAA,CAAA;AAAA,MAChB,iBAAmB,EAAA,CAAA;AAAA,MACnB,uBAAyB,EAAA,CAAA;AAAA,KAC1B,CAAA,CAAA;AAED,IAAAC,SAAA;AAAA,MACE,IAAA;AAAA,MACA,MAAM;AACJ,QAAA,MAAM,QAAa,EAAC,CAAA;AACpB,QAAM,KAAA,CAAA,cAAA,GAAiB,KAAK,cAAiB,GAAA,GAAA,CAAA;AAC7C,QAAM,KAAA,CAAA,iBAAA,GAAoB,KAAK,iBAAoB,GAAA,GAAA,CAAA;AACnD,QAAA,KAAA,CAAM,uBACJ,GAAA,IAAA,CAAK,uBAA2B,IAAA,CAAA,GAC5B,aACA,IAAK,CAAA,uBAAA,CAAA;AACX,QAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAAA,OACjC;AAAA,MACA,EAAE,MAAM,IAAK,EAAA;AAAA,KACf,CAAA;AACA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,MAAM,QAAQ,KAAM,CAAA,UAAA,CAAA;AACpB,MAAA,IAAA,CAAK,cAAiB,GAAA,UAAA,CAAW,KAAM,CAAA,cAAA,IAAkB,IAAI,CAAA,CAAA;AAC7D,MAAA,IAAA,CAAK,iBAAoB,GAAA,UAAA,CAAW,KAAM,CAAA,iBAAA,IAAqB,GAAG,CAAA,CAAA;AAClE,MAAA,IAAA,CAAK,uBAA0B,GAAA,QAAA;AAAA,QAAA,CAC5B,KAAM,CAAA,uBAAA,KAA4B,UAC/B,GAAA,CAAA,GACA,MAAM,uBAA4B,KAAA,CAAA;AAAA,OACxC,CAAA;AAAA,KACF,CAAA;AAEA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,MAAM;AACJ,QAAK,IAAA,EAAA,CAAA;AAAA,OAEP;AAAA,KACF,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAK,IAAA,EAAA,CAAA;AAAA,KACN,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/style-background-input/index.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ export declare const StyleBackgroundInput: import("@vipl520/utils").WithInstall<
             backgroundColor: string;
         };
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: ObjectConstructor;
         default: () => {
@@ -16,6 +16,7 @@ export declare const StyleBackgroundInput: import("@vipl520/utils").WithInstall<
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Record<string, any>;
 }, {}>>;

package/lib/style-background-input/src/style-background-input.vue.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ declare const _default: import("vue").DefineComponent<{
             backgroundColor: string;
         };
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: ObjectConstructor;
         default: () => {
@@ -16,6 +16,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Record<string, any>;
 }, {}>;

package/lib/style-background-input/src/style-background-input.vue.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var styleBackgroundInput_vue_vue_type_script_setup_true_lang = require('./style-background-input.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
-var _StyleBackgroundInput = /* @__PURE__ */ _pluginVue_exportHelper.default(styleBackgroundInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-background-input\\src\\style-background-input.vue"]]);
+var _StyleBackgroundInput = /* @__PURE__ */ _pluginVue_exportHelper.default(styleBackgroundInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\style-background-input\\src\\style-background-input.vue"]]);
 exports.default = _StyleBackgroundInput;
 //# sourceMappingURL=style-background-input.vue.js.map

package/lib/style-background-input/src/style-background-input.vue2.js CHANGED Viewed

@@ -12,7 +12,7 @@ const __default__ = vue.defineComponent({
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...__default__,
   props: props.styleBackgroundInputProps,
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "change"],
   setup(__props, { emit }) {
     const props = __props;
     const form = vue.reactive({
@@ -30,6 +30,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           value.backgroundImage = `url(${form.backgroundImage})`;
         }
         emit("update:modelValue", value);
+        emit("change", value);
       },
       { deep: true }
     );