mirror of
https://github.com/mfish-qf/mfish-nocode-view.git
synced 2026-11-01 13:11:32 +08:00
1 line
7.7 KiB
JavaScript
1 line
7.7 KiB
JavaScript
import{Qt as e,dn as t,ht as n,mr as r,mt as i,xt as a}from"./common.js";import{t as o}from"./VariableSelect.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createSlots as p,createTextVNode as m,createVNode as h,defineComponent as g,normalizeClass as _,onMounted as v,openBlock as y,reactive as b,ref as x,renderList as S,toDisplayString as C,unref as w,useCssVars as T,watch as E,withCtx as D,withModifiers as O}from"vue";import{Dropdown as k,Input as A,InputGroup as j,List as M,Menu as N,RadioButton as P,RadioGroup as F,Tooltip as I,TreeSelect as L,theme as R}from"ant-design-vue";import{useDesign as z}from"@mfish/core/hooks";import{Icon as B}from"@mfish/core/components/Icon";import{cloneDeep as ee}from"lodash-es";import{router as V}from"@mfish/core/router";import{ScrollContainer as H}from"@mfish/core/components/Container";import{getLocalFileUrl as U,imageUrl as W}from"@mfish/core/utils/file/FileUtils";import{useOutsideOpen as G}from"@mfish/core/utils/OutsideOpenUtils";import K from"@mfish/core/components/InputSearch";import{usePagination as q}from"@mfish/core/utils/PageUtils";var J={target:`_blank`,onClick:()=>{}},Y=[`src`],X=r(g({__name:`PageList`,emits:[`selectScreen`],setup(n,{emit:r}){let i=r,a=x(),o=x(),s=x(),{prefixCls:c}=z(`page-list`),l=x([]),{paginationProp:u,getPageNum:p,setCurrentPage:m,getPageSize:g,setTotal:b}=q(S,{showSizeChanger:!1,showQuickJumper:!1});v(()=>{e().then(e=>{o.value=[{name:`我的大屏`,children:e,id:``}]}),S(1)});function S(e){e&&m(e),t({folderId:a.value,name:s.value,pageNum:e??p(),pageSize:g()}).then(e=>{l.value=e.list,b(e.total)})}function T(e){i(`selectScreen`,e)}return(e,t)=>(y(),d(`div`,{class:_(w(c))},[h(w(j),{compact:``},{default:D(()=>[h(w(L),{value:a.value,"onUpdate:value":t[0]||=e=>a.value=e,"tree-data":o.value,style:{width:`35%`,"border-right":`0`},"allow-clear":``,placeholder:`选择大屏目录`,"dropdown-style":{minWidth:`300px`,maxHeight:`400px`,overflow:`auto`},"field-names":{children:`children`,label:`name`,value:`id`},"tree-node-filter-prop":`name`,"show-search":``,onChange:t[1]||=e=>S(1)},null,8,[`value`,`tree-data`]),h(w(K),{visible:!0,value:s.value,"onUpdate:value":t[2]||=e=>s.value=e,style:{width:`65%`,height:`32px`},"allow-clear":``,placeholder:`输入大屏名称`,onSearch:t[3]||=e=>S(1)},null,8,[`value`])]),_:1}),h(w(H),{class:`mt-2`,style:{height:`45vh`}},{default:D(()=>[h(w(M),{"item-layout":`horizontal`,"data-source":l.value,pagination:w(u)},{renderItem:D(({item:e})=>[h(w(M).Item,{class:`screen_item`,onClick:t=>T(e)},{default:D(()=>[h(w(M).Item.Meta,{description:e.remark},{title:D(()=>[f(`a`,J,C(e.name),1)]),avatar:D(()=>[f(`img`,{alt:`screen`,src:w(W)(w(U)(e.thumbnail)),class:`screen_img`},null,8,Y)]),_:2},1032,[`description`])]),_:2},1032,[`onClick`])]),_:1},8,[`data-source`,`pagination`])]),_:1})],2))}}),[[`__scopeId`,`data-v-efbe8537`]]),Z={style:{display:`flex`}},Q=[`src`],te=r(g({__name:`PageSelect`,props:{page:{type:Object}},emits:[`ok`],setup(e,{emit:t}){let r=e,i=t,{prefixCls:o}=z(`page-select`),s=x(!1),c=a(),m=x(!1),g=b({name:void 0,value:void 0,img:void 0,width:void 0,height:void 0}),{open:v}=G(n);E(()=>c.getCurConfigComponent?.chart.id,e=>{s.value=!1,e&&(g.value=r.page?.value,g.name=r.page?.name,g.img=r.page?.img)},{immediate:!0});let S=e=>{s.value=e};function C(){g.value=void 0,g.name=void 0,g.img=void 0,g.width=void 0,g.height=void 0,i(`ok`,g)}function T(e){if(s.value=!1,g.value=e?.id??void 0,g.name=e?.name??void 0,g.img=e?.thumbnail??void 0,e.canvasConfig){let t=JSON.parse(e.canvasConfig);g.width=t?.width,g.height=t?.height}i(`ok`,g)}function j(){v(V.resolve({path:`/low-code/mf-screen/config`,query:{id:g.value}}))}return(e,t)=>(y(),d(`div`,Z,[h(w(k),{trigger:[`click`],open:s.value,onOpenChange:S,placement:`bottom`,arrow:{pointAtCenter:!0},"overlay-style":{width:`400px`}},{overlay:D(()=>[h(w(N),null,{default:D(()=>[h(w(N).Item,{disabled:``,style:{padding:`0`,cursor:`default`}},{default:D(()=>[h(X,{onSelectScreen:T})]),_:1})]),_:1})]),default:D(()=>[f(`div`,{class:_(w(o)),onMouseenter:t[2]||=e=>m.value=!0,onMouseleave:t[3]||=e=>m.value=!1},[h(w(A),{class:_(`${w(o)}-drop-input`),placeholder:`请选择页面`,value:g.name,"onUpdate:value":t[0]||=e=>g.name=e,onChange:t[1]||=e=>s.value=!0},p({suffix:D(()=>[g.value&&m.value?(y(),l(w(B),{key:0,title:`编辑页面`,class:`edit-icon`,size:14,icon:`ant-design:edit-outlined`,onClick:O(j,[`stop`])})):u(``,!0),g.value&&m.value?(y(),l(w(B),{key:1,class:`delete-icon`,size:14,icon:`ant-design:close-circle-filled`,onClick:O(C,[`stop`])})):u(``,!0),h(w(B),{class:`drop-icon`,size:12,icon:s.value?`ant-design:up-outlined`:`ant-design:down-outlined`},null,8,[`icon`])]),_:2},[g.img?{name:`prefix`,fn:D(()=>[f(`img`,{alt:`screen`,src:w(W)(w(U)(g.img)),class:`screen_img`},null,8,Q)]),key:`0`}:void 0]),1032,[`class`,`value`])],34)]),_:1},8,[`open`])]))}}),[[`__scopeId`,`data-v-5f0724aa`]]),$=[`onMouseenter`],ne={class:`item`},re={style:{display:`flex`,"justify-content":`space-between`}},ie={class:`error`},ae={class:`item`},oe={style:{width:`100%`}},se=r(g({__name:`JumpParams`,props:{paramsValue:{type:Array,default:()=>[]}},emits:[`paramsChange`],setup(e,{emit:t}){T(e=>({v213aa1d6:O.value}));let n=e,r=t,{prefixCls:p}=z(`jump-params`),g=a(),v=x([]),{token:b}=R.useToken(),O=c(()=>b.value.colorBorder),k=x(-1);E(()=>g.getCurConfigComponent,e=>{e&&(v.value=ee(n.paramsValue)||[])},{immediate:!0}),E(v,e=>{r(`paramsChange`,e)},{deep:!0});function j(){v.value.push({name:``,value:``,type:0})}function M(e,t){if(!/^[\u4E00-\u9FA5\w]{1,20}$/.test(e.name)){e.errorInfo=`只允许中文、字符、数字、下划线`;return}if(v.value.some((n,r)=>n.name===e.name&&r!==t)){e.errorInfo=`参数名不能重复`;return}delete e?.errorInfo}function N(e){v.value.splice(e,1)}function L(e,t){t.value=e}function V(e){e.value=``}return(e,t)=>(y(),d(`div`,{class:_(w(p))},[(y(!0),d(s,null,S(v.value,(e,n)=>(y(),d(`div`,{class:`items`,key:n,onMouseenter:e=>k.value=n,onMouseleave:t[0]||=e=>k.value=-1},[f(`div`,ne,[t[1]||=f(`span`,{class:`title`},`参数名`,-1),h(w(A),{placeholder:`输入参数名`,value:e.name,"onUpdate:value":t=>e.name=t,maxlength:20,status:e.errorInfo?`error`:``,onChange:t=>M(e,n)},null,8,[`value`,`onUpdate:value`,`status`,`onChange`])]),f(`div`,null,[f(`div`,re,[f(`div`,ie,C(e.errorInfo?e.errorInfo:``),1),h(w(I),{placement:`topRight`},{title:D(()=>[...t[2]||=[f(`div`,null,[f(`span`,{style:{"font-weight":`700`}},`常量：`),m(`设置固定参数`)],-1),f(`div`,null,[f(`span`,{style:{"font-weight":`700`}},`变量： `),m(` 设置其他组件数据或全局变量（第一次加载设置，不会跟随前者变化。全局变量来自于请求链接中的参数） `)],-1)]]),default:D(()=>[h(w(F),{style:{right:`10px`},value:e.type,"onUpdate:value":t=>e.type=t,size:`small`,onChange:t=>V(e)},{default:D(()=>[h(w(P),{class:_(`${w(p)}-radio-button`),value:w(i).CONSTANT},{default:D(()=>[...t[3]||=[m(`常量`,-1)]]),_:1},8,[`class`,`value`]),h(w(P),{class:_(`${w(p)}-radio-button`),value:w(i).VARIABLE},{default:D(()=>[...t[4]||=[m(`变量`,-1)]]),_:1},8,[`class`,`value`])]),_:1},8,[`value`,`onUpdate:value`,`onChange`])]),_:2},1024)]),f(`div`,ae,[t[5]||=f(`span`,{class:`title`},`参数值`,-1),f(`div`,oe,[e.type===0?(y(),l(w(A),{key:0,placeholder:`输入参数值`,value:e.value,"onUpdate:value":t=>e.value=t,maxlength:20},null,8,[`value`,`onUpdate:value`])):(y(),l(o,{key:1,variable:e.value||{},onOk:t=>L(t,e)},null,8,[`variable`,`onOk`]))])])]),k.value===n?(y(),l(w(B),{key:0,size:`18`,class:`delete-button`,icon:`ant-design:close-circle-filled`,onClick:e=>N(n)},null,8,[`onClick`])):u(``,!0)],40,$))),128)),f(`div`,{class:`add-button`,onClick:j},[h(w(B),{icon:`ant-design:plus-outlined`}),t[6]||=m(` 添加跳转参数 `,-1)])],2))}}),[[`__scopeId`,`data-v-bd8a7253`]]);export{te as n,se as t}; |