@duxweb/dvha-pro 1.0.25 → 1.0.27

package/dist/cjs/components/image/pages/RightPanel.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("naive-ui");require("@duxweb/dvha-core");require("@vueuse/core");require("mime");require("vue-router");require("@overlastic/vue");require("clsx");require("vue-echarts");require("vue3-ace-editor");require("ace-builds/src-noconflict/mode-vue");require("ace-builds/src-noconflict/mode-javascript");require("ace-builds/src-noconflict/mode-html");require("ace-builds/src-noconflict/mode-json");require("ace-builds/src-noconflict/mode-json5");require("ace-builds/src-noconflict/theme-tomorrow_night");require("ace-builds/src-noconflict/theme-tomorrow");require("ace-builds/src-noconflict/ext-searchbox");require("ace-builds/src-noconflict/ext-language_tools");require("ace-builds/src-noconflict/mode-snippets");require("vue-cropper");require("jinrishici");require("lodash-es");require("vue-draggable-plus");require("aieditor");require("vee-validate");require("@vee-validate/i18n");require("colorizr");require("echarts");require("@ant-design/colors");require("@unocss/preset-icons/browser");require("@unocss/preset-typography");require("unocss/preset-wind4");require("@vee-validate/i18n/dist/locale/en.json");require("@vee-validate/i18n/dist/locale/zh_CN.json");require("vue-command-palette");require("@duxweb/dvha-naiveui");require("../../../pages/page404.cjs");require("@iconify-json/tabler/icons.json");require("../elements/index.cjs");require("fabric");const o=require("./Panel.cjs"),n=require("./PanelItem.cjs");require("dayjs");require("@tanstack/vue-query");require("pinia");const d=require("../../upload/image.cjs");function c(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const N=e.defineComponent({name:"RightPanel",props:{hasMultipleSelection:{type:Boolean,required:!0},selectedElementsCount:{type:Number,required:!0},currentElementData:{type:Object},currentElementConfig:{type:Object},canMoveUp:{type:Boolean,required:!0},canMoveDown:{type:Boolean,required:!0},canMoveToFront:{type:Boolean,required:!0},canMoveToBack:{type:Boolean,required:!0},canvasWidth:{type:Number,required:!0},canvasHeight:{type:Number,required:!0},canvasBackgroundColor:{type:String,required:!0},canvasBackgroundImage:{type:String},onDeleteSelectedElements:{type:Function,required:!0},onAlignElements:{type:Function,required:!0},onUpdateElementProperty:{type:Function,required:!0},onUpdateCanvasSize:{type:Function,required:!0},onUpdateCanvasBackground:{type:Function,required:!0},onUpdateCanvasBackgroundImage:{type:Function,required:!0},onSaveData:{type:Function,required:!0},onExportJson:{type:Function,required:!0},onRenderToolbarControl:{type:Function,required:!0},onClearCanvas:{type:Function,required:!0},canvasScale:{type:Number,required:!0}},setup(t){const i=()=>{if(t.hasMultipleSelection)return e.createVNode(o.Panel,{title:"多选操作"},{default:()=>e.createVNode(e.Fragment,null,[e.createVNode(n.PanelItem,{title:"对齐"},{default:()=>[e.createVNode("div",{class:"grid grid-cols-4 gap-2"},[e.createVNode(r.NTooltip,null,{trigger:()=>e.createVNode(r.NButton,{onClick:()=>t.onAlignElements("left"),renderIcon:()=>e.createVNode("div",{class:"i-tabler:layout-align-left"},null)},null),default:()=>"左对齐"}),e.createVNode(r.NTooltip,null,{trigger:()=>e.createVNode(r.NButton,{onClick:()=>t.onAlignElements("right"),renderIcon:()=>e.createVNode("div",{class:"i-tabler:layout-align-right"},null)},null),default:()=>"右对齐"}),e.createVNode(r.NTooltip,null,{trigger:()=>e.createVNode(r.NButton,{onClick:()=>t.onAlignElements("top"),renderIcon:()=>e.createVNode("div",{class:"i-tabler:layout-align-top"},null)},null),default:()=>"顶部对齐"}),e.createVNode(r.NTooltip,null,{trigger:()=>e.createVNode(r.NButton,{onClick:()=>t.onAlignElements("bottom"),renderIcon:()=>e.createVNode("div",{class:"i-tabler:layout-align-bottom"},null)},null),default:()=>"底部对齐"})])]}),e.createVNode(n.PanelItem,{title:"居中"},{default:()=>[e.createVNode("div",{class:"grid grid-cols-4 gap-2"},[e.createVNode(r.NTooltip,null,{trigger:()=>e.createVNode(r.NButton,{onClick:()=>t.onAlignElements("center-horizontal"),renderIcon:()=>e.createVNode("div",{class:"i-tabler:layout-align-center"},null)},null),default:()=>"水平居中"}),e.createVNode(r.NTooltip,null,{trigger:()=>e.createVNode(r.NButton,{onClick:()=>t.onAlignElements("center-vertical"),renderIcon:()=>e.createVNode("div",{class:"i-tabler:layout-align-middle"},null)},null),default:()=>"垂直居中"}),e.createVNode(r.NTooltip,null,{trigger:()=>e.createVNode(r.NButton,{onClick:()=>t.onAlignElements("distribute-horizontal"),renderIcon:()=>e.createVNode("div",{class:"i-tabler:layout-distribute-horizontal"},null)},null),default:()=>"水平分布"}),e.createVNode(r.NTooltip,null,{trigger:()=>e.createVNode(r.NButton,{onClick:()=>t.onAlignElements("distribute-vertical"),renderIcon:()=>e.createVNode("div",{class:"i-tabler:layout-distribute-vertical"},null)},null),default:()=>"垂直分布"})])]})]),footer:()=>e.createVNode(e.Fragment,null,[e.createVNode(r.NButton,{block:!0,onClick:t.onDeleteSelectedElements,type:"error"},{icon:()=>e.createVNode("div",{class:"i-tabler:trash"},null),default:()=>"删除"})])});if(t.currentElementData&&t.currentElementConfig){const l=t.currentElementConfig.getToolbarControls(t.currentElementData);return e.createVNode(o.Panel,{title:"元素设置"},{default:()=>e.createVNode(e.Fragment,null,[l.map(a=>{let u;return e.createVNode(n.PanelItem,{key:a.key,title:a.label},c(u=t.onRenderToolbarControl(a))?u:{default:()=>[u]})}),e.createVNode(n.PanelItem,{title:"X"},{default:()=>[e.createVNode(r.NInputNumber,{value:t.currentElementData?.left,"onUpdate:value":a=>t.onUpdateElementProperty(t.currentElementData.id,"left",a||0)},null)]}),e.createVNode(n.PanelItem,{title:"Y"},{default:()=>[e.createVNode(r.NInputNumber,{value:t.currentElementData?.top,"onUpdate:value":a=>t.onUpdateElementProperty(t.currentElementData.id,"top",a||0)},null)]}),e.createVNode(n.PanelItem,{title:"角度"},{default:()=>[e.createVNode(r.NInputNumber,{value:t.currentElementData?.angle,min:-180,max:180,"onUpdate:value":a=>t.onUpdateElementProperty(t.currentElementData.id,"angle",a||0)},null)]}),e.createVNode(n.PanelItem,{title:"对齐"},{default:()=>[e.createVNode("div",{class:"grid grid-cols-3 gap-2"},[e.createVNode(r.NTooltip,null,{trigger:()=>e.createVNode(r.NButton,{onClick:()=>t.onAlignElements("center-horizontal"),renderIcon:()=>e.createVNode("div",{class:"i-tabler:layout-align-center"},null)},null),default:()=>"水平居中"}),e.createVNode(r.NTooltip,null,{trigger:()=>e.createVNode(r.NButton,{onClick:()=>t.onAlignElements("center-vertical"),renderIcon:()=>e.createVNode("div",{class:"i-tabler:layout-align-middle"},null)},null),default:()=>"垂直居中"}),e.createVNode(r.NTooltip,null,{trigger:()=>e.createVNode(r.NButton,{onClick:()=>t.onAlignElements("center-both"),renderIcon:()=>e.createVNode("div",{class:"i-tabler:layout-distribute-horizontal"},null)},null),default:()=>"居中"})])]}),e.createVNode(n.PanelItem,{title:"层级"},{default:()=>[e.createVNode("div",{class:"grid grid-cols-4 gap-2"},[e.createVNode(r.NTooltip,null,{trigger:()=>e.createVNode(r.NButton,{disabled:!t.canMoveUp,onClick:()=>t.onAlignElements("move-up"),renderIcon:()=>e.createVNode("div",{class:"i-tabler:arrow-narrow-up"},null)},null),default:()=>"上移一层"}),e.createVNode(r.NTooltip,null,{trigger:()=>e.createVNode(r.NButton,{disabled:!t.canMoveDown,onClick:()=>t.onAlignElements("move-down"),renderIcon:()=>e.createVNode("div",{class:"i-tabler:arrow-narrow-down"},null)},null),default:()=>"下移一层"}),e.createVNode(r.NTooltip,null,{trigger:()=>e.createVNode(r.NButton,{disabled:!t.canMoveToFront,onClick:()=>t.onAlignElements("move-to-front"),renderIcon:()=>e.createVNode("div",{class:"i-tabler:arrow-bar-to-up"},null)},null),default:()=>"移到最前"}),e.createVNode(r.NTooltip,null,{trigger:()=>e.createVNode(r.NButton,{disabled:!t.canMoveToBack,onClick:()=>t.onAlignElements("move-to-back"),renderIcon:()=>e.createVNode("div",{class:"i-tabler:arrow-bar-to-down"},null)},null),default:()=>"移到最后"})])]})]),footer:()=>e.createVNode(e.Fragment,null,[e.createVNode(r.NButton,{block:!0,onClick:t.onDeleteSelectedElements,type:"error"},{icon:()=>e.createVNode("div",{class:"i-tabler:trash"},null),default:()=>"删除"})])})}else return e.createVNode(o.Panel,{title:"画布设置"},{default:()=>e.createVNode(e.Fragment,null,[e.createVNode(n.PanelItem,{title:"宽度"},{default:()=>[e.createVNode(r.NInputNumber,{value:t.canvasWidth,min:100,max:2e3,"onUpdate:value":l=>t.onUpdateCanvasSize(l||800,t.canvasHeight)},null)]}),e.createVNode(n.PanelItem,{title:"高度"},{default:()=>[e.createVNode(r.NInputNumber,{value:t.canvasHeight,min:100,max:2e3,"onUpdate:value":l=>t.onUpdateCanvasSize(t.canvasWidth,l||600)},null)]}),e.createVNode(n.PanelItem,{title:"背景颜色"},{default:()=>[e.createVNode(r.NColorPicker,{value:t.canvasBackgroundColor,"onUpdate:value":l=>t.onUpdateCanvasBackground(l)},null)]}),e.createVNode(n.PanelItem,{title:"背景图片"},{default:()=>[e.createVNode(d.DuxImageUpload,{value:t.canvasBackgroundImage||"",onUpdateValue:l=>t.onUpdateCanvasBackgroundImage(typeof l=="string"?l:Array.isArray(l)&&l[0]||"")},null)]})]),footer:()=>e.createVNode(e.Fragment,null,[e.createVNode(r.NButton,{type:"primary",block:!0,onClick:t.onSaveData},{default:()=>[e.createTextVNode("保存")]}),e.createVNode(r.NButton,{block:!0,onClick:t.onExportJson},{default:()=>[e.createTextVNode("导出 JSON")]}),e.createVNode(r.NButton,{block:!0,onClick:t.onClearCanvas},{default:()=>[e.createTextVNode("清空画布")]})])})};return()=>e.createVNode("div",{class:"w-60 bg-default border-l border-default"},[i()])}});exports.RightPanel=N;

package/dist/cjs/components/image/posterEditor.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),u=require("naive-ui"),I=require("../card/card.cjs");require("clsx");require("@duxweb/dvha-core");require("@vueuse/core");require("mime");require("vue-router");require("@overlastic/vue");require("vue-echarts");require("vue3-ace-editor");require("ace-builds/src-noconflict/mode-vue");require("ace-builds/src-noconflict/mode-javascript");require("ace-builds/src-noconflict/mode-html");require("ace-builds/src-noconflict/mode-json");require("ace-builds/src-noconflict/mode-json5");require("ace-builds/src-noconflict/theme-tomorrow_night");require("ace-builds/src-noconflict/theme-tomorrow");require("ace-builds/src-noconflict/ext-searchbox");require("ace-builds/src-noconflict/ext-language_tools");require("ace-builds/src-noconflict/mode-snippets");require("vue-cropper");require("jinrishici");require("lodash-es");require("vue-draggable-plus");require("aieditor");require("vee-validate");require("@vee-validate/i18n");require("colorizr");require("echarts");require("@ant-design/colors");require("@unocss/preset-icons/browser");require("@unocss/preset-typography");require("unocss/preset-wind4");require("@vee-validate/i18n/dist/locale/en.json");require("@vee-validate/i18n/dist/locale/zh_CN.json");require("vue-command-palette");require("@duxweb/dvha-naiveui");require("../../pages/page404.cjs");require("@iconify-json/tabler/icons.json");require("./elements/index.cjs");const T=require("./hooks/usePosterEditor.cjs"),B=require("./components/CanvasRuler.cjs"),R=require("./pages/LeftToolbar.cjs"),F=require("./pages/RightPanel.cjs");require("dayjs");require("@tanstack/vue-query");require("pinia");const H=require("../upload/image.cjs"),W=a.defineComponent({name:"DuxPosterEditor",props:{data:{type:String,default:""},width:{type:Number,default:750},height:{type:Number,default:1e3},backgroundColor:{type:String,default:"#ffffff"},backgroundImage:{type:String,default:""},onDataUpdate:Function,onSave:Function},setup(t){const l=a.ref(),i=a.ref(),{initCanvas:v,destroy:g,setCallbacks:p,addElement:q,deleteSelectedElements:m,updateElementProperty:d,alignElements:h,canMoveUp:f,canMoveDown:b,canMoveToFront:C,canMoveToBack:N,clearCanvas:k,loadData:s,canvasData:n,selectedElements:x,canvasScale:c,currentElementData:o,currentElementConfig:E,hasMultipleSelection:S,updateCanvasSettings:y,updateCanvasBackground:U,updateCanvasBackgroundImage:V,saveData:w,exportJson:D}=T.usePosterEditor({width:t.width,height:t.height,backgroundColor:t.backgroundColor,backgroundImage:t.backgroundImage});p({onDataChange:t?.onDataUpdate});const M=e=>{const r=P=>{o.value&&d(o.value.id,e.key,P)};switch(e.type){case"text":return a.createVNode(u.NInput,{value:e.value,placeholder:e.options?.placeholder,"onUpdate:value":r},null);case"number":return a.createVNode(u.NInputNumber,{value:e.value,min:e.options?.min,max:e.options?.max,step:e.options?.step,"onUpdate:value":r},null);case"color":return a.createVNode(u.NColorPicker,{value:e.value,"onUpdate:value":r},null);case"select":return a.createVNode(u.NSelect,{value:e.value,options:e.options?.choices||[],"onUpdate:value":r},null);case"switch":return a.createVNode(u.NSwitch,{value:e.value,"onUpdate:value":r},null);case"slider":return a.createVNode(u.NSlider,{value:e.value,min:e.options?.min,max:e.options?.max,step:e.options?.step,"onUpdate:value":r},null);case"image":return a.createVNode(H.DuxImageUpload,{value:e.value,onUpdateValue:r},null);default:return null}};return a.watch(()=>t.data,e=>{e&&s(e)},{immediate:!1}),a.onMounted(()=>{l.value&&i.value&&(v(l.value,i.value),s(t.data))}),a.onUnmounted(()=>{g()}),()=>a.createVNode(I.DuxCard,{class:"h-full",shadow:!0},{default:()=>[a.createVNode("div",{class:"h-full flex"},[a.createVNode(R.LeftToolbar,{onAddElement:q,canvasWidth:n.value.width,canvasHeight:n.value.height},null),a.createVNode("div",{ref:i,class:"flex-1 p-6  pl-12 pt-12 flex items-center justify-center overflow-hidden relative",style:"background: linear-gradient(45deg, rgba(0,0,0, 0.1) 25%, transparent 25%), linear-gradient(-45deg, rgba(0,0,0, 0.1) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0,0,0, 0.1) 75%), linear-gradient(-45deg, transparent 75%, rgba(0,0,0, 0.1) 75%); background-size: 20px 20px; background-position: 0 0, 0 10px, 10px -10px, -10px 0px;"},[a.createVNode(B.CanvasRuler,{canvasScale:c.value,canvasWidth:n.value.width,canvasHeight:n.value.height},null),a.createVNode("div",{class:"bg-default shadow-lg",style:"position: relative;"},[a.createVNode("canvas",{ref:l,style:"display: block;"},null)])]),a.createVNode(F.RightPanel,{onClearCanvas:k,hasMultipleSelection:S.value,selectedElementsCount:x.value.length,currentElementData:o.value||void 0,currentElementConfig:E.value||void 0,canMoveUp:f.value,canMoveDown:b.value,canMoveToFront:C.value,canMoveToBack:N.value,canvasWidth:n.value.width,canvasHeight:n.value.height,canvasBackgroundColor:n.value.backgroundColor,canvasBackgroundImage:n.value.backgroundImage,onDeleteSelectedElements:m,onAlignElements:e=>h(e),onUpdateElementProperty:d,onUpdateCanvasSize:(e,r)=>y(e,r),onUpdateCanvasBackground:U,onUpdateCanvasBackgroundImage:V,onSaveData:async()=>{await w(),await t?.onSave?.()},onExportJson:D,onRenderToolbarControl:M,canvasScale:c.value},null)])]})}});exports.DuxPosterEditor=W;