@robot-admin/naive-ui-components 0.17.0 → 0.17.1

package/dist/C_WorkFlow2.js

@@ -1 +1 @@
-import{t as e}from"./feedback.js";import{t}from"./C_Icon2.js";import{t as n}from"./export-helper.js";import{a as r,t as i}from"./data.js";import{Fragment as a,Teleport as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createTextVNode as f,createVNode as p,defineComponent as m,inject as h,isRef as g,markRaw as _,nextTick as v,normalizeClass as y,normalizeStyle as b,onBeforeUnmount as x,onMounted as S,openBlock as C,provide as w,ref as T,renderList as E,toDisplayString as D,unref as O,vShow as ee,watch as k,withCtx as A,withDirectives as j}from"vue";import{NAvatar as M,NButton as N,NCard as P,NDrawer as F,NDrawerContent as I,NInput as L,NModal as te,NRadio as ne,NRadioGroup as re,NSelect as R,NSpace as ie,NTag as ae,NTree as z}from"naive-ui";import{VueFlow as B}from"@vue-flow/core";const oe=[{type:`approval`,label:`审批人`,icon:`mdi:account-check`,iconClass:`approval-icon`},{type:`copy`,label:`抄送人`,icon:`mdi:email-outline`,iconClass:`copy-icon`},{type:`condition`,label:`条件分支`,icon:`mdi:source-branch`,iconClass:`condition-icon`}],se=[{value:`any`,label:`或签`,desc:`任意一人同意即可通过`},{value:`all`,label:`会签`,desc:`所有人都同意才能通过`},{value:`sequence`,label:`顺序审批`,desc:`按选择顺序依次审批`}],ce=[{label:`申请金额`,value:`amount`},{label:`申请人部门`,value:`department`},{label:`申请类型`,value:`type`},{label:`紧急程度`,value:`priority`}],V=[{label:`等于`,value:`equals`},{label:`大于`,value:`greater_than`},{label:`小于`,value:`less_than`},{label:`包含`,value:`contains`},{label:`不等于`,value:`not_equals`}],H={start:`发起人`,approval:`审批人`,copy:`抄送人`,condition:`条件分支`},U={approval:`审批人设置`,copy:`抄送人设置`,condition:`条件分支设置`},W={approvers:`审批人`,conditions:`条件配置`,connection:`节点连接`,copyUsers:`抄送人`},G={required:`必填`,incomplete:`不完整`,warning:`警告`,error:`错误`},K={id:`start-1`,type:`start`,position:{x:150,y:100},data:{title:`发起人`,status:`active`,initiators:[]}},q=e=>{let t=Array.from(e.trim()).slice(0,2).join(``).toUpperCase()||`?`,n=`<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><rect width="80" height="80" rx="40" fill="hsl(${Array.from(e).reduce((e,t)=>(e*31+(t.codePointAt(0)??0))%360,210)} 55% 46%)"/><text x="40" y="48" text-anchor="middle" font-family="sans-serif" font-size="28" fill="white">${t.replace(/[&<>"']/g,e=>({"&":`&amp;`,"<":`&lt;`,">":`&gt;`,'"':`&quot;`,"'":`&apos;`})[e])}</text></svg>`;return`data:image/svg+xml;charset=UTF-8,${encodeURIComponent(n)}`};let J=0;const Y=e=>typeof crypto<`u`&&`randomUUID`in crypto?`${e}-${crypto.randomUUID()}`:`${e}-${Date.now()}-${++J}`,X=()=>Y(`condition`),Z=(e,t)=>`edge-${e}-${t}`,le=()=>({id:X(),name:``,field:``,operator:`equals`,value:``}),ue={key:0,class:`max-h-60vh overflow-y-auto`},Q={class:`config-section`},de={class:`flex items-center gap-2 mb-4 text-base font-semibold`,style:{color:`var(--n-text-color-1)`}},fe={class:`border rounded-lg p-3 mb-4 max-h-50 overflow-y-auto`,style:{borderColor:`var(--n-border-color)`,background:`var(--n-color-embedded)`}},pe={key:0,class:`rounded-lg p-4 mb-4 border`,style:{borderColor:`var(--n-border-color)`,background:`var(--n-color-embedded)`}},me={class:`mb-2 text-sm font-medium`,style:{color:`var(--n-text-color-1)`}},he={class:`flex flex-wrap gap-3`},ge={class:`flex items-center gap-2`},_e={class:`font-medium text-sm`},ve={class:`text-xs px-1.5 py-0.5 rounded`,style:{color:`var(--n-text-color-3)`,background:`var(--n-color-embedded)`}},ye={key:0,class:`mt-4`},be={class:`flex flex-col gap-1`},xe={class:`text-sm`},Se={class:`text-xs`,style:{color:`var(--n-text-color-3)`}},Ce={class:`max-h-60vh overflow-y-auto`},we={class:`config-section`},Te={class:`flex items-center gap-2 mb-4 text-base font-semibold`,style:{color:`var(--n-text-color-1)`}},Ee={class:`space-y-3`},De={class:`flex items-center gap-3 flex-nowrap min-h-10 p-2`};var Oe=n(m({__name:`NodeConfigModal`,props:{show:{type:Boolean,default:!1},currentNode:{default:null},users:{default:()=>[]},departments:{default:()=>[]}},emits:[`update:show`,`save`,`cancel`],setup(n,{emit:r}){let o=n,m=r,h=e(),g=T(``),_=T([]),v=T([]),y=T(`any`),b=T(!1),x=T([]),S=s({get:()=>o.show,set:e=>m(`update:show`,e)}),w=s(()=>o.currentNode?.type===`start`?`发起人设置`:U[o.currentNode?.type]||`节点设置`),ee=s(()=>{let e=[],t=new Map;return o.departments?.forEach(e=>{t.has(e.id)||t.set(e.id,{key:`dept-${e.id}`,label:`${e.name} ${e.manager?`(负责人: ${e.manager})`:``}`,children:[],isLeaf:!1,disabled:!0})}),(o.users?.filter(e=>!g.value||e.name.includes(g.value)||e.department.includes(g.value))||[]).forEach(e=>{let n=o.departments?.find(t=>t.name===e.department);n&&t.has(n.id)&&t.get(n.id).children.push({key:e.id,label:`${e.name}${e.role?`(${e.role})`:``}`,isLeaf:!0,user:e})}),t.forEach(t=>{t.children.length>0&&e.push(t)}),e}),j=s(()=>o.users?.filter(e=>_.value.includes(e.id))||[]),F=s(()=>o.users?.filter(e=>v.value.includes(e.id))||[]),I=s(()=>o.users?.filter(e=>_.value.includes(e.id))||[]),B=e=>{_.value=e.filter(e=>!e.startsWith(`dept-`))},oe=e=>{v.value=e.filter(e=>!e.startsWith(`dept-`))},H=e=>{_.value=_.value.filter(t=>t!==e)},W=e=>{v.value=v.value.filter(t=>t!==e)},G=e=>{_.value=_.value.filter(t=>t!==e)},K=()=>x.value.push(le()),J=e=>x.value.splice(e,1),Y=e=>{let{initiators:t}=e.data;_.value=t?t.map(e=>e.id):[]},X=e=>{_.value=(e.data.approvers||[]).map(e=>e.id),y.value=e.data.approvalMode||`any`},Z=e=>{v.value=(e.data.copyUsers||[]).map(e=>e.id)},Oe=e=>{x.value=i(e.data.conditions||[])},ke=async()=>{if(_.value.length===0)return h.error(`请选择发起人`),!1;let e=I.value;return m(`save`,{initiators:e}),h.success(`已设置 ${e.length} 个发起人`),!0},Ae=async()=>{if(_.value.length===0)return h.error(`请至少选择一个审批人`),!1;let e=j.value;return m(`save`,{approvers:e,approvalMode:y.value}),h.success(`已设置 ${e.length} 个审批人`),!0},je=async()=>{let e=F.value;return m(`save`,{copyUsers:e}),h.success(`已设置 ${e.length} 个抄送人`),!0},Me=async()=>x.value.length===0?(h.error(`请至少添加一个条件分支`),!1):x.value.some(e=>!e.name?.trim()||!e.field||!e.operator||!e.value?.trim())?(h.error(`请完善所有条件配置`),!1):(m(`save`,{conditions:i(x.value)}),h.success(`已设置 ${x.value.length} 个条件分支`),!0),Ne=async()=>{if(!o.currentNode)return!1;b.value=!0;try{let e={start:ke,approval:Ae,copy:je,condition:Me}[o.currentNode.type];return e?await e():!1}catch(e){return h.error(`保存配置失败`,e),!1}finally{b.value=!1}},Pe=()=>{m(`cancel`)};k(()=>o.currentNode,e=>{if(e){g.value=``;let t={start:Y,approval:X,copy:Z,condition:Oe}[e.type];t&&t(e)}},{immediate:!0});let Fe=s(()=>[`start`,`approval`,`copy`].includes(o.currentNode?.type||``)),$=s(()=>{let e=o.currentNode?.type;return e===`start`?{icon:`mdi:account-star`,title:`选择发起人`,checkedKeys:_.value,onSelect:B,selectedUsers:I.value,selectedLabel:`已选择发起人`,tagType:`primary`,onRemove:G}:e===`approval`?{icon:`mdi:account-check`,title:`选择审批人`,checkedKeys:_.value,onSelect:B,selectedUsers:j.value,selectedLabel:`已选择审批人`,tagType:`info`,onRemove:H}:e===`copy`?{icon:`mdi:email-outline`,title:`选择抄送人`,checkedKeys:v.value,onSelect:oe,selectedUsers:F.value,selectedLabel:`已选择抄送人`,tagType:`success`,onRemove:W}:{icon:``,title:``,checkedKeys:[],onSelect:()=>{},selectedUsers:[],selectedLabel:``,tagType:`default`,onRemove:()=>{}}});return(e,n)=>(C(),c(O(te),{show:S.value,"onUpdate:show":n[2]||=e=>S.value=e,style:{width:`900px`},"mask-closable":!1,preset:`dialog`,title:w.value,"positive-text":`确定`,"negative-text":`取消`,loading:b.value,onPositiveClick:Ne,onNegativeClick:Pe},{default:A(()=>[l(` 公共选择面板 `),Fe.value?(C(),u(`div`,ue,[d(`div`,Q,[d(`h4`,de,[$.value.icon?(C(),c(O(t),{key:0,name:$.value.icon,size:16},null,8,[`name`])):l(`v-if`,!0),f(` `+D($.value.title),1)]),p(O(L),{value:g.value,"onUpdate:value":n[0]||=e=>g.value=e,placeholder:`搜索用户姓名或部门`,clearable:``,class:`mb-4`},{prefix:A(()=>[p(O(t),{name:`mdi:magnify`,size:16})]),_:1},8,[`value`]),d(`div`,fe,[p(O(z),{data:ee.value,"checked-keys":$.value.checkedKeys,selectable:!1,checkable:``,cascade:``,"virtual-scroll":!0,style:{"max-height":`300px`},"onUpdate:checkedKeys":$.value.onSelect},null,8,[`data`,`checked-keys`,`onUpdate:checkedKeys`])]),$.value.selectedUsers.length>0?(C(),u(`div`,pe,[d(`h5`,me,D($.value.selectedLabel)+` (`+D($.value.selectedUsers.length)+`) `,1),d(`div`,he,[(C(!0),u(a,null,E($.value.selectedUsers,e=>(C(),c(O(ae),{key:e.id,closable:``,type:$.value.tagType,onClose:t=>$.value.onRemove(e.id)},{default:A(()=>[d(`div`,ge,[p(O(M),{src:e.avatar,"fallback-src":O(q)(e.name),size:`small`},null,8,[`src`,`fallback-src`]),d(`span`,_e,D(e.name),1),d(`span`,ve,D(e.department),1)])]),_:2},1032,[`type`,`onClose`]))),128))])])):l(`v-if`,!0)]),l(` 审批节点时附带审批模式 `),o.currentNode?.type===`approval`?(C(),u(`div`,ye,[n[3]||=d(`h5`,{class:`mb-3 text-sm font-medium`,style:{color:`var(--n-text-color-1)`}},` 审批模式 `,-1),p(O(re),{value:y.value,"onUpdate:value":n[1]||=e=>y.value=e},{default:A(()=>[p(O(ie),{vertical:``},{default:A(()=>[(C(!0),u(a,null,E(O(se),e=>(C(),c(O(ne),{key:e.value,value:e.value},{default:A(()=>[d(`div`,be,[d(`strong`,xe,D(e.label),1),d(`span`,Se,D(e.desc),1)])]),_:2},1032,[`value`]))),128))]),_:1})]),_:1},8,[`value`])])):l(`v-if`,!0)])):o.currentNode?.type===`condition`?(C(),u(a,{key:1},[l(` 条件节点配置 `),d(`div`,Ce,[d(`div`,we,[d(`h4`,Te,[p(O(t),{name:`mdi:source-branch`,size:16}),n[4]||=f(` 条件分支设置 `,-1)]),d(`div`,Ee,[(C(!0),u(a,null,E(x.value,(e,n)=>(C(),u(`div`,{key:e.id,class:`condition-item`},[p(O(P),{size:`small`,class:`border border-gray-200 hover:border-gray-300 transition-colors`},{default:A(()=>[d(`div`,De,[p(O(L),{value:e.name,"onUpdate:value":t=>e.name=t,placeholder:`分支名称`,style:{width:`150px`},class:`flex-shrink-0`},null,8,[`value`,`onUpdate:value`]),p(O(R),{value:e.field,"onUpdate:value":t=>e.field=t,placeholder:`选择字段`,options:O(ce),style:{width:`120px`},class:`flex-shrink-0`},null,8,[`value`,`onUpdate:value`,`options`]),p(O(R),{value:e.operator,"onUpdate:value":t=>e.operator=t,placeholder:`操作符`,options:O(V),style:{width:`100px`},class:`flex-shrink-0`},null,8,[`value`,`onUpdate:value`,`options`]),p(O(L),{value:e.value,"onUpdate:value":t=>e.value=t,placeholder:`值`,style:{width:`120px`},class:`flex-shrink-0`},null,8,[`value`,`onUpdate:value`]),p(O(N),{quaternary:``,type:`error`,onClick:e=>J(n),class:`flex-shrink-0 ml-auto`},{icon:A(()=>[p(O(t),{name:`mdi:delete`,size:16})]),_:1},8,[`onClick`])])]),_:2},1024)]))),128)),p(O(N),{dashed:``,block:``,onClick:K,class:`w-full`},{icon:A(()=>[p(O(t),{name:`mdi:plus`,size:16})]),default:A(()=>[n[5]||=f(` 添加条件 `,-1)]),_:1})])])])],2112)):l(`v-if`,!0)]),_:1},8,[`show`,`title`,`loading`]))}}),[[`__scopeId`,`data-v-df36c1fc`]]);const ke={class:`start-node`},Ae={class:`node-content`},je={class:`node-info`},Me={class:`node-text`},Ne={key:0,class:`initiator-name`},Pe={key:1,class:`placeholder-text`};var Fe=n(m({__name:`StartNode`,props:{id:{},data:{}},setup(e){let n=e,r=h(`showAddMenu`),i=s(()=>{let{initiators:e}=n.data;return!e||!Array.isArray(e)||e.length===0?``:e.map(e=>e?.name||`未知用户`).join(`、`)}),a=e=>{e.stopPropagation();let t=e.currentTarget.getBoundingClientRect();r&&r({x:t.left+t.width/2,y:t.bottom+10},n.id)};return(n,r)=>(C(),u(`div`,ke,[l(` 主要内容区域 `),d(`div`,Ae,[r[0]||=d(`div`,{class:`node-icon`},`🚀`,-1),d(`div`,je,[d(`div`,Me,D(e.data.title),1),i.value?(C(),u(`div`,Ne,D(i.value),1)):(C(),u(`div`,Pe,`点击设置发起人`))])]),l(` 添加节点按钮 `),d(`button`,{type:`button`,class:`add-node-btn`,onClick:a,title:`添加下一个节点`},[p(O(t),{name:`mdi:plus`,size:16})])]))}}),[[`__scopeId`,`data-v-6fb2df95`]]);const $={class:`approval-node`},Ie={class:`node-card`},Le={class:`node-header`},Re={class:`node-icon`},ze={class:`node-title`},Be={key:0,class:`node-badge`},Ve={key:1,class:`approval-mode-badge`},He={class:`node-content`},Ue={key:0,class:`approvers-list`},We={class:`approver-info`},Ge={class:`approver-avatar`},Ke={class:`approver-details`},qe={class:`approver-name`},Je={class:`approver-dept`},Ye={class:`approver-role`},Xe={key:0,class:`more-count`},Ze={key:1,class:`placeholder`};var Qe=n(m({__name:`ApprovalNode`,props:{id:{},data:{}},setup(e){let n=e,r=h(`showAddMenu`),i=h(`deleteNode`),o=s(()=>n.data.approvers??[]),c=s(()=>o.value.length),f=s(()=>o.value.slice(0,3)),m=s(()=>Math.max(0,c.value-3)),g=e=>({any:`或签`,all:`会签`,sequence:`顺序`})[e]||``,_=e=>{e.stopPropagation();let t=e.currentTarget.getBoundingClientRect();r&&r({x:t.left+t.width/2,y:t.bottom+10},n.id)},v=e=>{e.stopPropagation(),i&&i(n.id)};return(n,r)=>(C(),u(`div`,$,[d(`div`,{class:y([`status-indicator`,e.data.status])},null,2),l(` 删除按钮 `),d(`button`,{type:`button`,class:`delete-btn`,onClick:v,title:`删除节点`},[p(O(t),{name:`mdi:close`,size:12})]),d(`div`,Ie,[d(`div`,Le,[d(`div`,Re,[p(O(t),{name:`mdi:account`,size:12,color:`white`})]),d(`span`,ze,D(e.data.title),1),c.value>0?(C(),u(`div`,Be,D(c.value),1)):l(`v-if`,!0),e.data.approvalMode?(C(),u(`div`,Ve,D(g(e.data.approvalMode)),1)):l(`v-if`,!0)]),d(`div`,He,[c.value>0?(C(),u(`div`,Ue,[(C(!0),u(a,null,E(f.value,e=>(C(),u(`div`,{key:e.id,class:`approver-tag`},[d(`div`,We,[d(`div`,Ge,[p(O(M),{src:e.avatar,"fallback-src":O(q)(e.name),size:`small`},null,8,[`src`,`fallback-src`])]),d(`div`,Ke,[d(`span`,qe,D(e.name),1),d(`span`,Je,D(e.department),1),d(`span`,Ye,D(e.role),1)])])]))),128)),m.value>0?(C(),u(`div`,Xe,`+`+D(m.value),1)):l(`v-if`,!0)])):(C(),u(`div`,Ze,[p(O(t),{name:`mdi:account-plus`,size:24,color:`#9ca3af`}),r[0]||=d(`span`,null,`请设置审批人`,-1)]))])]),d(`button`,{type:`button`,class:`add-node-btn`,onClick:_,title:`添加下一个节点`},[p(O(t),{name:`mdi:plus`,size:16})])]))}}),[[`__scopeId`,`data-v-e6968a42`]]);const $e={class:`copy-node`},et={class:`node-card`},tt={class:`node-header`},nt={class:`node-title`},rt={key:0,class:`node-badge`},it={class:`node-content`},at={key:0,class:`copy-users-list`},ot={key:0,class:`more-count`},st={key:1,class:`placeholder`};var ct=n(m({__name:`CopyNode`,props:{id:{},data:{}},setup(e){let n=e,r=h(`showAddMenu`),i=h(`deleteNode`),o=s(()=>n.data.copyUsers??[]),c=s(()=>o.value.length),f=s(()=>o.value.slice(0,3)),m=s(()=>Math.max(0,c.value-3)),g=e=>{e.stopPropagation();let t=e.currentTarget.getBoundingClientRect();r&&r({x:t.left+t.width/2,y:t.bottom+10},n.id)},_=e=>{e.stopPropagation(),i&&i(n.id)};return(n,r)=>(C(),u(`div`,$e,[d(`div`,{class:y([`status-indicator`,e.data.status])},null,2),l(` 删除按钮 `),d(`button`,{type:`button`,class:`delete-btn`,onClick:_,title:`删除节点`},[p(O(t),{name:`mdi:close`,size:12})]),d(`div`,et,[d(`div`,tt,[r[0]||=d(`div`,{class:`node-icon`},`📋`,-1),d(`span`,nt,D(e.data.title),1),c.value>0?(C(),u(`div`,rt,D(c.value),1)):l(`v-if`,!0)]),d(`div`,it,[c.value>0?(C(),u(`div`,at,[(C(!0),u(a,null,E(f.value,e=>(C(),u(`div`,{key:e.id,class:`copy-user-tag`},D(e.name),1))),128)),m.value>0?(C(),u(`div`,ot,`+`+D(m.value),1)):l(`v-if`,!0)])):(C(),u(`div`,st,`请设置抄送人`))])]),d(`button`,{type:`button`,class:`add-node-btn`,onClick:g,title:`添加下一个节点`},[p(O(t),{name:`mdi:plus`,size:16})])]))}}),[[`__scopeId`,`data-v-010e7ec8`]]);const lt={class:`condition-node`},ut={class:`node-card`},dt={class:`node-header`},ft={class:`node-title`},pt={key:0,class:`node-badge`},mt={class:`node-content`},ht={key:0,class:`conditions-list`},gt={key:0,class:`more-count`},_t={key:1,class:`placeholder`};var vt=n(m({__name:`ConditionNode`,props:{id:{},data:{}},setup(e){let n=e,r=h(`showAddMenu`),i=h(`deleteNode`),o=s(()=>n.data.conditions??[]),c=s(()=>o.value.length),f=s(()=>o.value.slice(0,2)),m=s(()=>Math.max(0,c.value-2)),g=e=>{e.stopPropagation();let t=e.currentTarget.getBoundingClientRect();r&&r({x:t.left+t.width/2,y:t.bottom+10},n.id)},_=e=>{e.stopPropagation(),i&&i(n.id)};return(n,r)=>(C(),u(`div`,lt,[d(`div`,{class:y([`status-indicator`,e.data.status])},null,2),l(` 删除按钮 `),d(`button`,{type:`button`,class:`delete-btn`,onClick:_,title:`删除节点`},[p(O(t),{name:`mdi:close`,size:12})]),d(`div`,ut,[d(`div`,dt,[r[0]||=d(`div`,{class:`node-icon`},`🔀`,-1),d(`span`,ft,D(e.data.title),1),c.value>0?(C(),u(`div`,pt,D(c.value),1)):l(`v-if`,!0)]),d(`div`,mt,[c.value>0?(C(),u(`div`,ht,[(C(!0),u(a,null,E(f.value,e=>(C(),u(`div`,{key:e.id,class:`condition-tag`},[r[1]||=d(`span`,{class:`condition-icon`},`→`,-1),d(`span`,null,D(e.name||`条件`+(f.value.indexOf(e)+1)),1)]))),128)),m.value>0?(C(),u(`div`,gt,`+`+D(m.value),1)):l(`v-if`,!0)])):(C(),u(`div`,_t,`请设置分支条件`))])]),d(`button`,{type:`button`,class:`add-node-btn`,onClick:g,title:`添加下一个节点`},[p(O(t),{name:`mdi:plus`,size:16})])]))}}),[[`__scopeId`,`data-v-5ede8782`]]);const yt={start:_(Fe),approval:_(Qe),copy:_(ct),condition:_(vt)};function bt(t,n,a){let o=e(),c=T(i(t.modelValue?.nodes??[K])),l=T(i(t.modelValue?.edges??[])),u=T(t.modelValue?i(t.modelValue.config):{version:`1.0`,createdAt:new Date().toISOString()}),d=T(!1),f=T({x:0,y:0}),p=T(!1),m=T(null),h=T(null),g=new Set,_=!1,y=(e,t)=>{let n=setTimeout(()=>{g.delete(n),_||e()},t);g.add(n)},b=s(()=>yt),C=s(()=>{let e={totalNodes:c.value.length,approvalNodes:0,copyNodes:0,conditionNodes:0};return c.value.forEach(t=>{t.type===`approval`?e.approvalNodes++:t.type===`copy`?e.copyNodes++:t.type===`condition`&&e.conditionNodes++}),e}),E=()=>({nodes:i(c.value),edges:i(l.value),...u.value!==void 0&&{config:i(u.value)}}),D=()=>{let e=E();n(`update:modelValue`,e),n(`change`,e)},O=(e=60,t=400)=>{v(()=>{_||y(()=>{a.value?.fitView?.({padding:e,duration:t})},100)})},ee=(e,n)=>{t.readonly||(f.value={x:typeof e.x==`number`?e.x:0,y:typeof e.y==`number`?e.y:0},h.value=n||null,d.value=!0)},A=()=>{d.value=!1},j=e=>{if(t.readonly)return;let n=c.value.findIndex(t=>t.id===e);if(n===-1)return;if(c.value[n].type===`start`){o.warning(`不能删除开始节点`);return}let r=l.value.filter(t=>t.target===e),i=l.value.filter(t=>t.source===e);c.value.splice(n,1),l.value=l.value.filter(t=>t.source!==e&&t.target!==e),r.forEach(e=>{i.forEach(t=>{l.value.push({id:Z(e.source,t.target),source:e.source,target:t.target,animated:!0,type:`default`})})}),c.value.forEach((e,t)=>{t>=n&&(e.position.y-=180)}),D(),o.success(`节点已删除`),O()};w(`showAddMenu`,ee),w(`deleteNode`,j);let M=()=>{let e=c.value.length-1,t=c.value[e];if(h.value){let n=c.value.findIndex(e=>e.id===h.value);n!==-1&&(e=n,t=c.value[e])}return{targetNodeIndex:e,targetNode:t}},N=(e,t)=>({id:Y(e),type:e,position:{x:t?.position.x??150,y:(t?.position.y??130)+180},data:{title:H[e],status:`pending`,...e===`approval`&&{approvers:[],approvalMode:`any`},...e===`copy`&&{copyUsers:[]},...e===`condition`&&{conditions:[]}}}),P=(e,t)=>{let n=l.value.filter(t=>t.source===e.id);l.value=l.value.filter(t=>t.source!==e.id),l.value.push({id:Z(e.id,t.id),source:e.id,target:t.id,animated:!0,type:`default`}),n.forEach(e=>{l.value.push({id:Z(t.id,e.target),source:t.id,target:e.target,animated:!0,type:`default`})})};return k(()=>t.modelValue,e=>{e&&(r(e.nodes??[],c.value)&&r(e.edges??[],l.value)&&r(e.config,u.value)||(c.value=i(e.nodes??[]),l.value=i(e.edges??[]),u.value=i(e.config)))},{deep:!0}),S(()=>{_=!1,v(()=>{_||y(()=>{a.value?.fitView?.({padding:80,includeHiddenNodes:!1,minZoom:.8,maxZoom:1.2,duration:600})},300)})}),x(()=>{_=!0,g.forEach(e=>clearTimeout(e)),g.clear()}),{nodes:c,edges:l,showAddMenu:d,menuPosition:f,showNodeConfig:p,currentNode:m,nodeTypes:b,workflowStats:C,addNode:e=>{if(!t.readonly)try{let{targetNodeIndex:t,targetNode:n}=M(),r=N(e,n);c.value.splice(t+1,0,r);for(let e=t+2;e<c.value.length;e++)c.value[e].position.y+=180;n&&P(n,r),d.value=!1,h.value=null,D(),O()}catch(e){o.error(`添加节点失败，请重试`,e)}},onNodeClick:e=>{let r=c.value.find(t=>t.id===e.node.id);r&&(t.readonly||(m.value=r,p.value=!0),n(`node-click`,i(r)))},closeAddMenu:A,handleConfigSave:e=>{if(t.readonly||!m.value)return;let n=c.value.findIndex(e=>e.id===m.value.id);if(n!==-1){let t={...c.value[n],data:{...c.value[n].data,...i(e)}};c.value.splice(n,1,t),m.value=t}D(),p.value=!1,o.success(`节点配置已保存`)},resetNodes:()=>{t.readonly||(c.value=i([K]),l.value=[],D(),O(80,600),o.success(`画布已清空`))},getCurrentWorkflowData:E,fitView:()=>{if(!a.value?.fitView){o.warning(`画布未准备就绪，请稍后重试`);return}v(()=>{a.value.fitView({padding:50,includeHiddenNodes:!1,minZoom:.5,maxZoom:1.5,duration:800})}),o.success(`已适应窗口大小`)},deleteNode:j}}function xt(t,n,r,i){let a=e(),o=T([]),s=T(!1),c,l=()=>{let e=[];t.value.forEach(t=>{if(t.type===`approval`&&(t.data.approvers||[]).length===0&&e.push({nodeId:t.id,nodeName:t.data.title,field:`approvers`,message:`审批节点必须设置至少一个审批人，否则流程无法正常运行`,type:`required`}),t.type===`condition`){let n=t.data.conditions||[];if(n.length===0)e.push({nodeId:t.id,nodeName:t.data.title,field:`conditions`,message:`条件分支节点必须配置至少一个分支条件，否则无法进行条件判断`,type:`required`});else{let r=n.filter(e=>!e.name||!e.field||!e.operator||!e.value);r.length>0&&e.push({nodeId:t.id,nodeName:t.data.title,field:`conditions`,message:`有 ${r.length} 个条件分支配置不完整，请完善所有必填字段`,type:`incomplete`})}}});let r=new Set;return n.value.forEach(e=>{r.add(e.source),r.add(e.target)}),t.value.forEach(t=>{t.type!==`start`&&!r.has(t.id)&&e.push({nodeId:t.id,nodeName:t.data.title,field:`connection`,message:`此节点未与其他节点连接，可能导致流程中断`,type:`warning`})}),e};return x(()=>{c&&clearTimeout(c)}),{validationErrors:o,showValidationErrors:s,validateWorkflow:l,validateCurrentWorkflow:()=>{let e=l();o.value=e,e.length===0?(a.success(`工作流验证通过！所有节点配置正确`),s.value=!1):(a.error(`发现 ${e.length} 个问题，请查看详细错误`),s.value=!0,i?.onValidateError?.(e))},jumpToErrorNode:e=>{let n=t.value.find(t=>t.id===e);!n||!r.value||(r.value.setCenter(n.position.x,n.position.y,{zoom:1.2,duration:800}),c&&clearTimeout(c),c=setTimeout(()=>{c=void 0,i?.onShowNodeConfig?.(n),s.value=!1},900),a.info(`已定位到节点：${n.data.title}`))},getFieldDisplayName:e=>W[e]||e,getErrorTypeText:e=>G[e]||e,resetValidation:()=>{o.value=[],s.value=!1}}}const St={start:{label:`发起人`,icon:`mdi:play-circle`,colorClass:`start`},approval:{label:`审批节点`,icon:`mdi:account-check`,colorClass:`approval`},copy:{label:`抄送节点`,icon:`mdi:email-outline`,colorClass:`copy`},condition:{label:`条件分支`,icon:`mdi:source-branch`,colorClass:`condition`}},Ct={any:`或签（任一审批人通过即可）`,all:`会签（所有审批人必须通过）`,sequence:`顺序审批（按顺序依次审批）`},wt={equals:`等于`,not_equals:`不等于`,greater_than:`大于`,less_than:`小于`,contains:`包含`};function Tt(e,t){let n=T(!1),r=T([]),i=T({totalNodes:0,approvalNodes:0,copyNodes:0,conditionNodes:0,totalEdges:0}),a={start:e=>{let t=e.initiators||[];return t.length>0?[{type:`users`,label:`发起人`,users:t}]:[{type:`text`,label:`发起人`,value:`所有人`}]},approval:e=>{let t=e.approvalMode||`any`,n=e.approvers||[],r=[{type:`mode`,label:`审批方式`,value:Ct[t]||t,modeKey:t}];return n.length>0?r.push({type:`users`,label:`审批人`,users:n}):r.push({type:`warning`,label:`审批人`,value:`未设置`}),r},copy:e=>{let t=e.copyUsers||[];return t.length>0?[{type:`users`,label:`抄送人`,users:t}]:[{type:`text`,label:`抄送人`,value:`未设置`}]},condition:e=>{let t=e.conditions||[];return t.length===0?[{type:`warning`,label:`条件分支`,value:`未配置`}]:t.map((e,t)=>{let n=wt[e.operator]||e.operator;return{type:`text`,label:`分支 ${t+1}`,value:`${e.name||`未命名`} — ${e.field||`?`} ${n} ${e.value||`?`}`}})}},o=e=>{let t=a[e.type||`start`];return t?t(e.data):[]},s=()=>{let n=new Map;e.value.forEach(e=>n.set(e.id,e));let r=new Map,i=new Map;e.value.forEach(e=>{r.set(e.id,[]),i.set(e.id,0)}),t.value.forEach(e=>{r.get(e.source)?.push(e.target),i.set(e.target,(i.get(e.target)||0)+1)});let a=[];i.forEach((e,t)=>{e===0&&a.push(t)});let o=[],s=new Set;for(;a.length>0;){let e=a.shift();if(s.has(e))continue;s.add(e);let t=n.get(e);t&&o.push(t);let c=r.get(e)||[];for(let e of c){let t=(i.get(e)||1)-1;i.set(e,t),t<=0&&!s.has(e)&&a.push(e)}}return e.value.forEach(e=>{s.has(e.id)||o.push(e)}),o},c=()=>s().map((e,t)=>{let n=St[e.type||`start`]||St.start;return{order:t+1,node:e,nodeTypeLabel:n.label,icon:n.icon,colorClass:n.colorClass,details:o(e)}}),l=()=>{let n={totalNodes:e.value.length,approvalNodes:0,copyNodes:0,conditionNodes:0,totalEdges:t.value.length};return e.value.forEach(e=>{e.type===`approval`?n.approvalNodes++:e.type===`copy`?n.copyNodes++:e.type===`condition`&&n.conditionNodes++}),n};return{showPreview:n,previewSteps:r,previewStats:i,openPreview:()=>{r.value=c(),i.value=l(),n.value=!0},closePreview:()=>{n.value=!1}}}const Et={class:`approval-workflow-container`},Dt={class:`floating-toolbar`},Ot={class:`add-menu-content`},kt=[`onClick`],At={class:`menu-text`},jt={key:0,class:`validation-success`},Mt={class:`success-icon`},Nt={key:1,class:`validation-errors`},Pt={class:`error-summary`},Ft={class:`error-icon`},It={class:`error-list`},Lt={class:`error-header`},Rt={class:`error-number`},zt={class:`error-info`},Bt={class:`error-node`},Vt={class:`error-field`},Ht={class:`error-message`},Ut={class:`error-actions`},Wt={class:`validation-footer`},Gt={class:`preview-stats`},Kt={class:`stat-item`},qt={class:`stat-value`},Jt={class:`stat-item approval`},Yt={class:`stat-value`},Xt={class:`stat-item copy`},Zt={class:`stat-value`},Qt={class:`stat-item condition`},$t={class:`stat-value`},en={class:`stat-item edge`},tn={class:`stat-value`},nn={class:`preview-timeline`},rn={class:`step-connector`},an={class:`step-dot`},on={key:0,class:`step-line`},sn={class:`step-content`},cn={class:`step-header`},ln={class:`step-order`},un={class:`step-type-badge`},dn={class:`step-title`},fn={key:0,class:`step-details`},pn={class:`detail-label`},mn={class:`warning-text`},hn={key:0,class:`preview-empty`},gn={class:`preview-footer`};var _n=n(m({name:`C_WorkFlow`,__name:`index`,props:{users:{default:()=>[]},roles:{default:()=>[]},departments:{default:()=>[]},modelValue:{},readonly:{type:Boolean,default:!1},theme:{default:`light`}},emits:[`update:modelValue`,`change`,`node-click`,`edge-click`,`save`,`validate-error`],setup(n,{expose:r,emit:i}){let s=n,m=i,h=e(),_=T(),{nodes:v,edges:x,showAddMenu:S,menuPosition:w,showNodeConfig:k,currentNode:M,nodeTypes:P,workflowStats:L,addNode:te,onNodeClick:ne,closeAddMenu:re,handleConfigSave:R,resetNodes:ie,getCurrentWorkflowData:z,fitView:se,deleteNode:ce}=bt(s,m,_),{validationErrors:V,showValidationErrors:H,validateWorkflow:U,validateCurrentWorkflow:W,jumpToErrorNode:G,getFieldDisplayName:K,getErrorTypeText:q,resetValidation:J}=xt(v,x,_,{onShowNodeConfig:e=>{s.readonly||(M.value=e,k.value=!0)},onValidateError:e=>m(`validate-error`,e)}),{showPreview:Y,previewSteps:X,previewStats:Z,openPreview:le,closePreview:ue}=Tt(v,x),Q=()=>{if(s.readonly)return;let e=U();if(e.length>0){h.error(`工作流验证失败: ${e[0].message}`),H.value=!0;return}m(`save`,z()),h.success(`工作流保存成功`)},de=()=>{le()},fe=()=>{ue(),Q()},pe=()=>{s.readonly||(ie(),J())};return r({validateWorkflow:U,getCurrentWorkflowData:z,saveWorkflow:Q,previewWorkflow:de,deleteNode:ce,stats:L}),(e,r)=>(C(),u(`div`,Et,[l(` 浮动工具栏 `),d(`div`,Dt,[p(O(N),{size:`small`,type:`primary`,disabled:n.readonly,onClick:Q},{icon:A(()=>[p(O(t),{name:`mdi:content-save`,size:16})]),default:A(()=>[r[7]||=f(` 保存 `,-1)]),_:1},8,[`disabled`]),p(O(N),{size:`small`,onClick:de},{icon:A(()=>[p(O(t),{name:`mdi:eye`,size:16})]),default:A(()=>[r[8]||=f(` 预览 `,-1)]),_:1}),p(O(N),{size:`small`,onClick:O(W),title:`检查工作流配置是否正确`},{icon:A(()=>[p(O(t),{name:`mdi:check-circle`,size:16})]),default:A(()=>[r[9]||=f(` 验证流程 `,-1)]),_:1},8,[`onClick`]),r[10]||=d(`div`,{class:`toolbar-divider`},null,-1),p(O(N),{size:`small`,onClick:O(se),title:`适应窗口`},{icon:A(()=>[p(O(t),{name:`mdi:fit-to-screen`,size:16})]),_:1},8,[`onClick`]),p(O(N),{size:`small`,type:`error`,disabled:n.readonly,onClick:pe,title:`清空画布`},{icon:A(()=>[p(O(t),{name:`mdi:delete-sweep`,size:16})]),_:1},8,[`disabled`])]),l(` Vue Flow 画布 `),p(O(B),{ref_key:`vueFlowRef`,ref:_,nodes:O(v),"onUpdate:nodes":r[0]||=e=>g(v)?v.value=e:null,edges:O(x),"onUpdate:edges":r[1]||=e=>g(x)?x.value=e:null,"node-types":O(P),class:`workflow-canvas`,"default-viewport":{zoom:1,x:0,y:0},"min-zoom":.5,"max-zoom":2,"fit-view-on-init":!0,"nodes-draggable":!n.readonly,"nodes-connectable":!n.readonly,"edges-updatable":!n.readonly,"delete-key-code":n.readonly?null:void 0,"elements-selectable":!0,onNodeClick:O(ne),onPaneClick:O(re)},null,8,[`nodes`,`edges`,`node-types`,`nodes-draggable`,`nodes-connectable`,`edges-updatable`,`delete-key-code`,`onNodeClick`,`onPaneClick`]),l(` 节点添加菜单 `),(C(),c(o,{to:`body`},[j(d(`div`,{class:`add-node-menu`,style:b({left:O(w).x+`px`,top:O(w).y+`px`})},[d(`div`,Ot,[(C(!0),u(a,null,E(O(oe),e=>(C(),u(`button`,{key:e.type,type:`button`,class:`add-menu-item`,onClick:t=>O(te)(e.type)},[d(`div`,{class:y([`menu-icon`,e.iconClass])},[p(O(t),{name:e.icon,size:16},null,8,[`name`])],2),d(`span`,At,D(e.label),1)],8,kt))),128))])],4),[[ee,O(S)]])])),l(` 节点配置弹窗 - 拆分到独立组件 `),p(Oe,{show:O(k),"onUpdate:show":r[2]||=e=>g(k)?k.value=e:null,"current-node":O(M),users:n.users,departments:n.departments,onSave:O(R),onCancel:r[3]||=e=>k.value=!1},null,8,[`show`,`current-node`,`users`,`departments`,`onSave`]),l(` 验证错误日志抽屉 `),p(O(F),{show:O(H),"onUpdate:show":r[5]||=e=>g(H)?H.value=e:null,width:450,placement:`right`},{default:A(()=>[p(O(I),{title:`流程验证结果`,closable:``},{footer:A(()=>[d(`div`,Wt,[p(O(N),{onClick:r[4]||=e=>H.value=!1},{default:A(()=>[...r[16]||=[f(`关闭`,-1)]]),_:1}),p(O(N),{type:`primary`,onClick:O(W)},{icon:A(()=>[p(O(t),{name:`mdi:refresh`,size:16})]),default:A(()=>[r[17]||=f(` 重新验证 `,-1)]),_:1},8,[`onClick`])])]),default:A(()=>[O(V).length===0?(C(),u(`div`,jt,[d(`div`,Mt,[p(O(t),{name:`mdi:check-circle`,size:32,color:`#52c41a`})]),r[11]||=d(`h3`,null,`验证通过`,-1),r[12]||=d(`p`,null,`工作流配置正确，所有节点都已正确设置！`,-1)])):(C(),u(`div`,Nt,[d(`div`,Pt,[d(`div`,Ft,[p(O(t),{name:`mdi:alert-circle`,size:24,color:`#ff4d4f`})]),d(`h3`,null,`发现 `+D(O(V).length)+` 个问题`,1),r[13]||=d(`p`,null,`请修复以下问题后重新验证：`,-1)]),d(`div`,It,[(C(!0),u(a,null,E(O(V),(e,n)=>(C(),u(`div`,{key:e.nodeId,class:`error-item`},[d(`div`,Lt,[d(`span`,Rt,D(n+1),1),d(`div`,zt,[d(`strong`,Bt,D(e.nodeName),1),d(`span`,Vt,D(O(K)(e.field)),1)]),d(`div`,{class:y([`error-type`,e.type])},D(O(q)(e.type)),3)]),d(`div`,Ht,D(e.message),1),d(`div`,Ut,[p(O(N),{size:`small`,type:`primary`,onClick:t=>O(G)(e.nodeId)},{icon:A(()=>[p(O(t),{name:`mdi:target`,size:16})]),default:A(()=>[r[14]||=f(` 定位节点 `,-1)]),_:1},8,[`onClick`])])]))),128))]),r[15]||=d(`div`,{class:`validation-tips`},[d(`h4`,null,`💡 常见问题解决方案：`),d(`ul`,null,[d(`li`,null,[d(`strong`,null,`审批人未设置：`),f(`点击审批节点，在弹窗中选择审批人员 `)]),d(`li`,null,[d(`strong`,null,`条件分支未配置：`),f(`点击条件节点，添加至少一个条件分支 `)]),d(`li`,null,[d(`strong`,null,`节点连接断开：`),f(` 检查节点之间的连线是否正确 `)])])],-1)]))]),_:1})]),_:1},8,[`show`]),l(` 流程预览抽屉 `),p(O(F),{show:O(Y),"onUpdate:show":r[6]||=e=>g(Y)?Y.value=e:null,width:520,placement:`right`},{default:A(()=>[p(O(I),{title:`流程预览`,closable:``},{footer:A(()=>[d(`div`,gn,[p(O(N),{onClick:O(ue)},{default:A(()=>[...r[24]||=[f(`关闭`,-1)]]),_:1},8,[`onClick`]),p(O(N),{type:`primary`,onClick:fe},{icon:A(()=>[p(O(t),{name:`mdi:content-save`,size:16})]),default:A(()=>[r[25]||=f(` 确认并保存 `,-1)]),_:1})])]),default:A(()=>[d(`div`,Gt,[d(`div`,Kt,[d(`span`,qt,D(O(Z).totalNodes),1),r[18]||=d(`span`,{class:`stat-label`},`总节点`,-1)]),d(`div`,Jt,[d(`span`,Yt,D(O(Z).approvalNodes),1),r[19]||=d(`span`,{class:`stat-label`},`审批`,-1)]),d(`div`,Xt,[d(`span`,Zt,D(O(Z).copyNodes),1),r[20]||=d(`span`,{class:`stat-label`},`抄送`,-1)]),d(`div`,Qt,[d(`span`,$t,D(O(Z).conditionNodes),1),r[21]||=d(`span`,{class:`stat-label`},`条件`,-1)]),d(`div`,en,[d(`span`,tn,D(O(Z).totalEdges),1),r[22]||=d(`span`,{class:`stat-label`},`连线`,-1)])]),d(`div`,nn,[(C(!0),u(a,null,E(O(X),(e,n)=>(C(),u(`div`,{key:e.node.id,class:y([`preview-step`,e.colorClass])},[l(` 时间线连接线 `),d(`div`,rn,[d(`div`,an,[p(O(t),{name:e.icon,size:16},null,8,[`name`])]),n<O(X).length-1?(C(),u(`div`,on)):l(`v-if`,!0)]),l(` 步骤内容 `),d(`div`,sn,[d(`div`,cn,[d(`span`,ln,`步骤 `+D(e.order),1),d(`span`,un,D(e.nodeTypeLabel),1)]),d(`div`,dn,D(e.node.data.title),1),e.details.length>0?(C(),u(`div`,fn,[(C(!0),u(a,null,E(e.details,(e,n)=>(C(),u(`div`,{key:n,class:y([`step-detail-item`,{"is-warning":e.type===`warning`}])},[d(`span`,pn,D(e.label)+`：`,1),l(` 审批方式 badge `),e.type===`mode`?(C(),u(`span`,{key:0,class:y([`mode-badge`,e.modeKey])},D(e.value),3)):e.type===`users`?(C(),u(a,{key:1},[l(` 人员 tags `),(C(!0),u(a,null,E(e.users,e=>(C(),c(O(ae),{key:e.name,size:`small`,bordered:!1,round:``,class:`user-tag`},{icon:A(()=>[p(O(t),{name:`mdi:account`,size:12})]),default:A(()=>[f(` `+D(e.name),1)]),_:2},1024))),128))],64)):e.type===`warning`?(C(),u(a,{key:2},[l(` 警告文案 `),d(`span`,mn,` ⚠️ `+D(e.value),1)],2112)):(C(),u(a,{key:3},[l(` 普通文本 `),d(`span`,null,D(e.value),1)],2112))],2))),128))])):l(`v-if`,!0)])],2))),128))]),O(X).length===0?(C(),u(`div`,hn,[p(O(t),{name:`mdi:file-document-outline`,size:48,color:`#d1d5db`}),r[23]||=d(`p`,null,`暂无流程节点`,-1)])):l(`v-if`,!0)]),_:1})]),_:1},8,[`show`])]))}}),[[`__scopeId`,`data-v-ffd6fa87`]]);export{bt as i,Tt as n,xt as r,_n as t};
+import{t as e}from"./feedback.js";import{t}from"./C_Icon2.js";import{t as n}from"./export-helper.js";import{a as r,t as i}from"./data.js";import{Fragment as a,Teleport as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createTextVNode as f,createVNode as p,defineComponent as m,inject as h,isRef as g,markRaw as _,nextTick as v,normalizeClass as y,normalizeStyle as b,onBeforeUnmount as x,onMounted as S,openBlock as C,provide as w,ref as T,renderList as E,toDisplayString as D,unref as O,vShow as ee,watch as k,withCtx as A,withDirectives as j}from"vue";import{NAvatar as M,NButton as N,NCard as P,NDrawer as F,NDrawerContent as I,NInput as L,NModal as te,NRadio as ne,NRadioGroup as re,NSelect as R,NSpace as ie,NTag as ae,NTree as z}from"naive-ui";import{VueFlow as B}from"@vue-flow/core";const oe=[{type:`approval`,label:`审批人`,icon:`mdi:account-check`,iconClass:`approval-icon`},{type:`copy`,label:`抄送人`,icon:`mdi:email-outline`,iconClass:`copy-icon`},{type:`condition`,label:`条件分支`,icon:`mdi:source-branch`,iconClass:`condition-icon`}],se=[{value:`any`,label:`或签`,desc:`任意一人同意即可通过`},{value:`all`,label:`会签`,desc:`所有人都同意才能通过`},{value:`sequence`,label:`顺序审批`,desc:`按选择顺序依次审批`}],ce=[{label:`申请金额`,value:`amount`},{label:`申请人部门`,value:`department`},{label:`申请类型`,value:`type`},{label:`紧急程度`,value:`priority`}],V=[{label:`等于`,value:`equals`},{label:`大于`,value:`greater_than`},{label:`小于`,value:`less_than`},{label:`包含`,value:`contains`},{label:`不等于`,value:`not_equals`}],H={start:`发起人`,approval:`审批人`,copy:`抄送人`,condition:`条件分支`},U={approval:`审批人设置`,copy:`抄送人设置`,condition:`条件分支设置`},W={approvers:`审批人`,conditions:`条件配置`,connection:`节点连接`,copyUsers:`抄送人`},G={required:`必填`,incomplete:`不完整`,warning:`警告`,error:`错误`},K={id:`start-1`,type:`start`,position:{x:150,y:100},data:{title:`发起人`,status:`active`,initiators:[]}},q=e=>{let t=Array.from(e.trim()).slice(0,2).join(``).toUpperCase()||`?`,n=`<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><rect width="80" height="80" rx="40" fill="hsl(${Array.from(e).reduce((e,t)=>(e*31+(t.codePointAt(0)??0))%360,210)} 55% 46%)"/><text x="40" y="48" text-anchor="middle" font-family="sans-serif" font-size="28" fill="white">${t.replace(/[&<>"']/g,e=>({"&":`&amp;`,"<":`&lt;`,">":`&gt;`,'"':`&quot;`,"'":`&apos;`})[e])}</text></svg>`;return`data:image/svg+xml;charset=UTF-8,${encodeURIComponent(n)}`};let J=0;const Y=e=>typeof crypto<`u`&&`randomUUID`in crypto?`${e}-${crypto.randomUUID()}`:`${e}-${Date.now()}-${++J}`,X=()=>Y(`condition`),Z=(e,t)=>`edge-${e}-${t}`,le=()=>({id:X(),name:``,field:``,operator:`equals`,value:``}),ue={key:0,class:`max-h-60vh overflow-y-auto`},Q={class:`config-section`},de={class:`flex items-center gap-2 mb-4 text-base font-semibold`,style:{color:`var(--n-text-color-1)`}},fe={class:`border rounded-lg p-3 mb-4 max-h-50 overflow-y-auto`,style:{borderColor:`var(--n-border-color)`,background:`var(--n-color-embedded)`}},pe={key:0,class:`rounded-lg p-4 mb-4 border`,style:{borderColor:`var(--n-border-color)`,background:`var(--n-color-embedded)`}},me={class:`mb-2 text-sm font-medium`,style:{color:`var(--n-text-color-1)`}},he={class:`flex flex-wrap gap-3`},ge={class:`flex items-center gap-2`},_e={class:`font-medium text-sm`},ve={class:`text-xs px-1.5 py-0.5 rounded`,style:{color:`var(--n-text-color-3)`,background:`var(--n-color-embedded)`}},ye={key:0,class:`mt-4`},be={class:`flex flex-col gap-1`},xe={class:`text-sm`},Se={class:`text-xs`,style:{color:`var(--n-text-color-3)`}},Ce={class:`max-h-60vh overflow-y-auto`},we={class:`config-section`},Te={class:`flex items-center gap-2 mb-4 text-base font-semibold`,style:{color:`var(--n-text-color-1)`}},Ee={class:`space-y-3`},De={class:`flex items-center gap-3 flex-nowrap min-h-10 p-2`};var Oe=n(m({__name:`NodeConfigModal`,props:{show:{type:Boolean,default:!1},currentNode:{default:null},users:{default:()=>[]},departments:{default:()=>[]}},emits:[`update:show`,`save`,`cancel`],setup(n,{emit:r}){let o=n,m=r,h=e(),g=T(``),_=T([]),v=T([]),y=T(`any`),b=T(!1),x=T([]),S=s({get:()=>o.show,set:e=>m(`update:show`,e)}),w=s(()=>o.currentNode?.type===`start`?`发起人设置`:U[o.currentNode?.type]||`节点设置`),ee=s(()=>{let e=[],t=new Map;return o.departments?.forEach(e=>{t.has(e.id)||t.set(e.id,{key:`dept-${e.id}`,label:`${e.name} ${e.manager?`(负责人: ${e.manager})`:``}`,children:[],isLeaf:!1,disabled:!0})}),(o.users?.filter(e=>!g.value||e.name.includes(g.value)||e.department.includes(g.value))||[]).forEach(e=>{let n=o.departments?.find(t=>t.name===e.department);n&&t.has(n.id)&&t.get(n.id).children.push({key:e.id,label:`${e.name}${e.role?`(${e.role})`:``}`,isLeaf:!0,user:e})}),t.forEach(t=>{t.children.length>0&&e.push(t)}),e}),j=s(()=>o.users?.filter(e=>_.value.includes(e.id))||[]),F=s(()=>o.users?.filter(e=>v.value.includes(e.id))||[]),I=s(()=>o.users?.filter(e=>_.value.includes(e.id))||[]),B=e=>{_.value=e.filter(e=>!e.startsWith(`dept-`))},oe=e=>{v.value=e.filter(e=>!e.startsWith(`dept-`))},H=e=>{_.value=_.value.filter(t=>t!==e)},W=e=>{v.value=v.value.filter(t=>t!==e)},G=e=>{_.value=_.value.filter(t=>t!==e)},K=()=>x.value.push(le()),J=e=>x.value.splice(e,1),Y=e=>{let{initiators:t}=e.data;_.value=t?t.map(e=>e.id):[]},X=e=>{_.value=(e.data.approvers||[]).map(e=>e.id),y.value=e.data.approvalMode||`any`},Z=e=>{v.value=(e.data.copyUsers||[]).map(e=>e.id)},Oe=e=>{x.value=i(e.data.conditions||[])},ke=async()=>{if(_.value.length===0)return h.error(`请选择发起人`),!1;let e=I.value;return m(`save`,{initiators:e}),h.success(`已设置 ${e.length} 个发起人`),!0},Ae=async()=>{if(_.value.length===0)return h.error(`请至少选择一个审批人`),!1;let e=j.value;return m(`save`,{approvers:e,approvalMode:y.value}),h.success(`已设置 ${e.length} 个审批人`),!0},je=async()=>{let e=F.value;return m(`save`,{copyUsers:e}),h.success(`已设置 ${e.length} 个抄送人`),!0},Me=async()=>x.value.length===0?(h.error(`请至少添加一个条件分支`),!1):x.value.some(e=>!e.name?.trim()||!e.field||!e.operator||!e.value?.trim())?(h.error(`请完善所有条件配置`),!1):(m(`save`,{conditions:i(x.value)}),h.success(`已设置 ${x.value.length} 个条件分支`),!0),Ne=async()=>{if(!o.currentNode)return!1;b.value=!0;try{let e={start:ke,approval:Ae,copy:je,condition:Me}[o.currentNode.type];return e?await e():!1}catch(e){return h.error(`保存配置失败`,e),!1}finally{b.value=!1}},Pe=()=>{m(`cancel`)};k(()=>o.currentNode,e=>{if(e){g.value=``;let t={start:Y,approval:X,copy:Z,condition:Oe}[e.type];t&&t(e)}},{immediate:!0});let Fe=s(()=>[`start`,`approval`,`copy`].includes(o.currentNode?.type||``)),$=s(()=>{let e=o.currentNode?.type;return e===`start`?{icon:`mdi:account-star`,title:`选择发起人`,checkedKeys:_.value,onSelect:B,selectedUsers:I.value,selectedLabel:`已选择发起人`,tagType:`primary`,onRemove:G}:e===`approval`?{icon:`mdi:account-check`,title:`选择审批人`,checkedKeys:_.value,onSelect:B,selectedUsers:j.value,selectedLabel:`已选择审批人`,tagType:`info`,onRemove:H}:e===`copy`?{icon:`mdi:email-outline`,title:`选择抄送人`,checkedKeys:v.value,onSelect:oe,selectedUsers:F.value,selectedLabel:`已选择抄送人`,tagType:`success`,onRemove:W}:{icon:``,title:``,checkedKeys:[],onSelect:()=>{},selectedUsers:[],selectedLabel:``,tagType:`default`,onRemove:()=>{}}});return(e,n)=>(C(),c(O(te),{show:S.value,"onUpdate:show":n[2]||=e=>S.value=e,style:{width:`900px`},"mask-closable":!1,preset:`dialog`,title:w.value,"positive-text":`确定`,"negative-text":`取消`,loading:b.value,onPositiveClick:Ne,onNegativeClick:Pe},{default:A(()=>[l(` 公共选择面板 `),Fe.value?(C(),u(`div`,ue,[d(`div`,Q,[d(`h4`,de,[$.value.icon?(C(),c(O(t),{key:0,name:$.value.icon,size:16},null,8,[`name`])):l(`v-if`,!0),f(` `+D($.value.title),1)]),p(O(L),{value:g.value,"onUpdate:value":n[0]||=e=>g.value=e,placeholder:`搜索用户姓名或部门`,clearable:``,class:`mb-4`},{prefix:A(()=>[p(O(t),{name:`mdi:magnify`,size:16})]),_:1},8,[`value`]),d(`div`,fe,[p(O(z),{data:ee.value,"checked-keys":$.value.checkedKeys,selectable:!1,checkable:``,cascade:``,"virtual-scroll":!0,style:{"max-height":`300px`},"onUpdate:checkedKeys":$.value.onSelect},null,8,[`data`,`checked-keys`,`onUpdate:checkedKeys`])]),$.value.selectedUsers.length>0?(C(),u(`div`,pe,[d(`h5`,me,D($.value.selectedLabel)+` (`+D($.value.selectedUsers.length)+`) `,1),d(`div`,he,[(C(!0),u(a,null,E($.value.selectedUsers,e=>(C(),c(O(ae),{key:e.id,closable:``,type:$.value.tagType,onClose:t=>$.value.onRemove(e.id)},{default:A(()=>[d(`div`,ge,[p(O(M),{src:e.avatar,"fallback-src":O(q)(e.name),size:`small`},null,8,[`src`,`fallback-src`]),d(`span`,_e,D(e.name),1),d(`span`,ve,D(e.department),1)])]),_:2},1032,[`type`,`onClose`]))),128))])])):l(`v-if`,!0)]),l(` 审批节点时附带审批模式 `),o.currentNode?.type===`approval`?(C(),u(`div`,ye,[n[3]||=d(`h5`,{class:`mb-3 text-sm font-medium`,style:{color:`var(--n-text-color-1)`}},` 审批模式 `,-1),p(O(re),{value:y.value,"onUpdate:value":n[1]||=e=>y.value=e},{default:A(()=>[p(O(ie),{vertical:``},{default:A(()=>[(C(!0),u(a,null,E(O(se),e=>(C(),c(O(ne),{key:e.value,value:e.value},{default:A(()=>[d(`div`,be,[d(`strong`,xe,D(e.label),1),d(`span`,Se,D(e.desc),1)])]),_:2},1032,[`value`]))),128))]),_:1})]),_:1},8,[`value`])])):l(`v-if`,!0)])):o.currentNode?.type===`condition`?(C(),u(a,{key:1},[l(` 条件节点配置 `),d(`div`,Ce,[d(`div`,we,[d(`h4`,Te,[p(O(t),{name:`mdi:source-branch`,size:16}),n[4]||=f(` 条件分支设置 `,-1)]),d(`div`,Ee,[(C(!0),u(a,null,E(x.value,(e,n)=>(C(),u(`div`,{key:e.id,class:`condition-item`},[p(O(P),{size:`small`,class:`border border-gray-200 hover:border-gray-300 transition-colors`},{default:A(()=>[d(`div`,De,[p(O(L),{value:e.name,"onUpdate:value":t=>e.name=t,placeholder:`分支名称`,style:{width:`150px`},class:`flex-shrink-0`},null,8,[`value`,`onUpdate:value`]),p(O(R),{value:e.field,"onUpdate:value":t=>e.field=t,placeholder:`选择字段`,options:O(ce),style:{width:`120px`},class:`flex-shrink-0`},null,8,[`value`,`onUpdate:value`,`options`]),p(O(R),{value:e.operator,"onUpdate:value":t=>e.operator=t,placeholder:`操作符`,options:O(V),style:{width:`100px`},class:`flex-shrink-0`},null,8,[`value`,`onUpdate:value`,`options`]),p(O(L),{value:e.value,"onUpdate:value":t=>e.value=t,placeholder:`值`,style:{width:`120px`},class:`flex-shrink-0`},null,8,[`value`,`onUpdate:value`]),p(O(N),{quaternary:``,type:`error`,onClick:e=>J(n),class:`flex-shrink-0 ml-auto`},{icon:A(()=>[p(O(t),{name:`mdi:delete`,size:16})]),_:1},8,[`onClick`])])]),_:2},1024)]))),128)),p(O(N),{dashed:``,block:``,onClick:K,class:`w-full`},{icon:A(()=>[p(O(t),{name:`mdi:plus`,size:16})]),default:A(()=>[n[5]||=f(` 添加条件 `,-1)]),_:1})])])])],2112)):l(`v-if`,!0)]),_:1},8,[`show`,`title`,`loading`]))}}),[[`__scopeId`,`data-v-df36c1fc`]]);const ke={class:`start-node`},Ae={class:`node-content`},je={class:`node-info`},Me={class:`node-text`},Ne={key:0,class:`initiator-name`},Pe={key:1,class:`placeholder-text`};var Fe=n(m({__name:`StartNode`,props:{id:{},data:{}},setup(e){let n=e,r=h(`showAddMenu`),i=s(()=>{let{initiators:e}=n.data;return!e||!Array.isArray(e)||e.length===0?``:e.map(e=>e?.name||`未知用户`).join(`、`)}),a=e=>{e.stopPropagation();let t=e.currentTarget.getBoundingClientRect();r&&r({x:t.left+t.width/2,y:t.bottom+10},n.id)};return(n,r)=>(C(),u(`div`,ke,[l(` 主要内容区域 `),d(`div`,Ae,[r[0]||=d(`div`,{class:`node-icon`},`🚀`,-1),d(`div`,je,[d(`div`,Me,D(e.data.title),1),i.value?(C(),u(`div`,Ne,D(i.value),1)):(C(),u(`div`,Pe,`点击设置发起人`))])]),l(` 添加节点按钮 `),d(`button`,{type:`button`,class:`add-node-btn`,onClick:a,title:`添加下一个节点`},[p(O(t),{name:`mdi:plus`,size:16})])]))}}),[[`__scopeId`,`data-v-6fb2df95`]]);const $={class:`approval-node`},Ie={class:`node-card`},Le={class:`node-header`},Re={class:`node-icon`},ze={class:`node-title`},Be={key:0,class:`node-badge`},Ve={key:1,class:`approval-mode-badge`},He={class:`node-content`},Ue={key:0,class:`approvers-list`},We={class:`approver-info`},Ge={class:`approver-avatar`},Ke={class:`approver-details`},qe={class:`approver-name`},Je={class:`approver-dept`},Ye={class:`approver-role`},Xe={key:0,class:`more-count`},Ze={key:1,class:`placeholder`};var Qe=n(m({__name:`ApprovalNode`,props:{id:{},data:{}},setup(e){let n=e,r=h(`showAddMenu`),i=h(`deleteNode`),o=s(()=>n.data.approvers??[]),c=s(()=>o.value.length),f=s(()=>o.value.slice(0,3)),m=s(()=>Math.max(0,c.value-3)),g=e=>({any:`或签`,all:`会签`,sequence:`顺序`})[e]||``,_=e=>{e.stopPropagation();let t=e.currentTarget.getBoundingClientRect();r&&r({x:t.left+t.width/2,y:t.bottom+10},n.id)},v=e=>{e.stopPropagation(),i&&i(n.id)};return(n,r)=>(C(),u(`div`,$,[d(`div`,{class:y([`status-indicator`,e.data.status])},null,2),l(` 删除按钮 `),d(`button`,{type:`button`,class:`delete-btn`,onClick:v,title:`删除节点`},[p(O(t),{name:`mdi:close`,size:12})]),d(`div`,Ie,[d(`div`,Le,[d(`div`,Re,[p(O(t),{name:`mdi:account`,size:12,color:`white`})]),d(`span`,ze,D(e.data.title),1),c.value>0?(C(),u(`div`,Be,D(c.value),1)):l(`v-if`,!0),e.data.approvalMode?(C(),u(`div`,Ve,D(g(e.data.approvalMode)),1)):l(`v-if`,!0)]),d(`div`,He,[c.value>0?(C(),u(`div`,Ue,[(C(!0),u(a,null,E(f.value,e=>(C(),u(`div`,{key:e.id,class:`approver-tag`},[d(`div`,We,[d(`div`,Ge,[p(O(M),{src:e.avatar,"fallback-src":O(q)(e.name),size:`small`},null,8,[`src`,`fallback-src`])]),d(`div`,Ke,[d(`span`,qe,D(e.name),1),d(`span`,Je,D(e.department),1),d(`span`,Ye,D(e.role),1)])])]))),128)),m.value>0?(C(),u(`div`,Xe,`+`+D(m.value),1)):l(`v-if`,!0)])):(C(),u(`div`,Ze,[p(O(t),{name:`mdi:account-plus`,size:24,color:`#9ca3af`}),r[0]||=d(`span`,null,`请设置审批人`,-1)]))])]),d(`button`,{type:`button`,class:`add-node-btn`,onClick:_,title:`添加下一个节点`},[p(O(t),{name:`mdi:plus`,size:16})])]))}}),[[`__scopeId`,`data-v-e6968a42`]]);const $e={class:`copy-node`},et={class:`node-card`},tt={class:`node-header`},nt={class:`node-title`},rt={key:0,class:`node-badge`},it={class:`node-content`},at={key:0,class:`copy-users-list`},ot={key:0,class:`more-count`},st={key:1,class:`placeholder`};var ct=n(m({__name:`CopyNode`,props:{id:{},data:{}},setup(e){let n=e,r=h(`showAddMenu`),i=h(`deleteNode`),o=s(()=>n.data.copyUsers??[]),c=s(()=>o.value.length),f=s(()=>o.value.slice(0,3)),m=s(()=>Math.max(0,c.value-3)),g=e=>{e.stopPropagation();let t=e.currentTarget.getBoundingClientRect();r&&r({x:t.left+t.width/2,y:t.bottom+10},n.id)},_=e=>{e.stopPropagation(),i&&i(n.id)};return(n,r)=>(C(),u(`div`,$e,[d(`div`,{class:y([`status-indicator`,e.data.status])},null,2),l(` 删除按钮 `),d(`button`,{type:`button`,class:`delete-btn`,onClick:_,title:`删除节点`},[p(O(t),{name:`mdi:close`,size:12})]),d(`div`,et,[d(`div`,tt,[r[0]||=d(`div`,{class:`node-icon`},`📋`,-1),d(`span`,nt,D(e.data.title),1),c.value>0?(C(),u(`div`,rt,D(c.value),1)):l(`v-if`,!0)]),d(`div`,it,[c.value>0?(C(),u(`div`,at,[(C(!0),u(a,null,E(f.value,e=>(C(),u(`div`,{key:e.id,class:`copy-user-tag`},D(e.name),1))),128)),m.value>0?(C(),u(`div`,ot,`+`+D(m.value),1)):l(`v-if`,!0)])):(C(),u(`div`,st,`请设置抄送人`))])]),d(`button`,{type:`button`,class:`add-node-btn`,onClick:g,title:`添加下一个节点`},[p(O(t),{name:`mdi:plus`,size:16})])]))}}),[[`__scopeId`,`data-v-010e7ec8`]]);const lt={class:`condition-node`},ut={class:`node-card`},dt={class:`node-header`},ft={class:`node-title`},pt={key:0,class:`node-badge`},mt={class:`node-content`},ht={key:0,class:`conditions-list`},gt={key:0,class:`more-count`},_t={key:1,class:`placeholder`};var vt=n(m({__name:`ConditionNode`,props:{id:{},data:{}},setup(e){let n=e,r=h(`showAddMenu`),i=h(`deleteNode`),o=s(()=>n.data.conditions??[]),c=s(()=>o.value.length),f=s(()=>o.value.slice(0,2)),m=s(()=>Math.max(0,c.value-2)),g=e=>{e.stopPropagation();let t=e.currentTarget.getBoundingClientRect();r&&r({x:t.left+t.width/2,y:t.bottom+10},n.id)},_=e=>{e.stopPropagation(),i&&i(n.id)};return(n,r)=>(C(),u(`div`,lt,[d(`div`,{class:y([`status-indicator`,e.data.status])},null,2),l(` 删除按钮 `),d(`button`,{type:`button`,class:`delete-btn`,onClick:_,title:`删除节点`},[p(O(t),{name:`mdi:close`,size:12})]),d(`div`,ut,[d(`div`,dt,[r[0]||=d(`div`,{class:`node-icon`},`🔀`,-1),d(`span`,ft,D(e.data.title),1),c.value>0?(C(),u(`div`,pt,D(c.value),1)):l(`v-if`,!0)]),d(`div`,mt,[c.value>0?(C(),u(`div`,ht,[(C(!0),u(a,null,E(f.value,e=>(C(),u(`div`,{key:e.id,class:`condition-tag`},[r[1]||=d(`span`,{class:`condition-icon`},`→`,-1),d(`span`,null,D(e.name||`条件`+(f.value.indexOf(e)+1)),1)]))),128)),m.value>0?(C(),u(`div`,gt,`+`+D(m.value),1)):l(`v-if`,!0)])):(C(),u(`div`,_t,`请设置分支条件`))])]),d(`button`,{type:`button`,class:`add-node-btn`,onClick:g,title:`添加下一个节点`},[p(O(t),{name:`mdi:plus`,size:16})])]))}}),[[`__scopeId`,`data-v-5ede8782`]]);const yt={start:_(Fe),approval:_(Qe),copy:_(ct),condition:_(vt)};function bt(t,n,a){let o=e(),c=T(i(t.modelValue?.nodes??[K])),l=T(i(t.modelValue?.edges??[])),u=T(t.modelValue?i(t.modelValue.config):{version:`1.0`,createdAt:new Date().toISOString()}),d=T(!1),f=T({x:0,y:0}),p=T(!1),m=T(null),h=T(null),g=new Set,_=!1,y=(e,t)=>{let n=setTimeout(()=>{g.delete(n),_||e()},t);g.add(n)},b=s(()=>yt),C=s(()=>{let e={totalNodes:c.value.length,approvalNodes:0,copyNodes:0,conditionNodes:0};return c.value.forEach(t=>{t.type===`approval`?e.approvalNodes++:t.type===`copy`?e.copyNodes++:t.type===`condition`&&e.conditionNodes++}),e}),E=()=>({nodes:i(c.value),edges:i(l.value),...u.value!==void 0&&{config:i(u.value)}}),D=()=>{let e=E();n(`update:modelValue`,e),n(`change`,e)},O=(e=60,t=400)=>{v(()=>{_||y(()=>{a.value?.fitView?.({padding:e,duration:t})},100)})},ee=(e,n)=>{t.readonly||(f.value={x:typeof e.x==`number`?e.x:0,y:typeof e.y==`number`?e.y:0},h.value=n||null,d.value=!0)},A=()=>{d.value=!1},j=e=>{if(t.readonly)return;let n=c.value.findIndex(t=>t.id===e);if(n===-1)return;if(c.value[n].type===`start`){o.warning(`不能删除开始节点`);return}let r=l.value.filter(t=>t.target===e),i=l.value.filter(t=>t.source===e);c.value.splice(n,1),l.value=l.value.filter(t=>t.source!==e&&t.target!==e),r.forEach(e=>{i.forEach(t=>{l.value.push({id:Z(e.source,t.target),source:e.source,target:t.target,animated:!0,type:`default`})})}),c.value.forEach((e,t)=>{t>=n&&(e.position.y-=180)}),D(),o.success(`节点已删除`),O()};w(`showAddMenu`,ee),w(`deleteNode`,j);let M=()=>{let e=c.value.length-1,t=c.value[e];if(h.value){let n=c.value.findIndex(e=>e.id===h.value);n!==-1&&(e=n,t=c.value[e])}return{targetNodeIndex:e,targetNode:t}},N=(e,t)=>({id:Y(e),type:e,position:{x:t?.position.x??150,y:(t?.position.y??130)+180},data:{title:H[e],status:`pending`,...e===`approval`&&{approvers:[],approvalMode:`any`},...e===`copy`&&{copyUsers:[]},...e===`condition`&&{conditions:[]}}}),P=(e,t)=>{let n=l.value.filter(t=>t.source===e.id);l.value=l.value.filter(t=>t.source!==e.id),l.value.push({id:Z(e.id,t.id),source:e.id,target:t.id,animated:!0,type:`default`}),n.forEach(e=>{l.value.push({id:Z(t.id,e.target),source:t.id,target:e.target,animated:!0,type:`default`})})};return k(()=>t.modelValue,e=>{e&&(r(e.nodes??[],c.value)&&r(e.edges??[],l.value)&&r(e.config,u.value)||(c.value=i(e.nodes??[]),l.value=i(e.edges??[]),u.value=i(e.config)))},{deep:!0}),S(()=>{_=!1,v(()=>{_||y(()=>{a.value?.fitView?.({padding:80,includeHiddenNodes:!1,minZoom:.8,maxZoom:1.2,duration:600})},300)})}),x(()=>{_=!0,g.forEach(e=>clearTimeout(e)),g.clear()}),{nodes:c,edges:l,showAddMenu:d,menuPosition:f,showNodeConfig:p,currentNode:m,nodeTypes:b,workflowStats:C,addNode:e=>{if(!t.readonly)try{let{targetNodeIndex:t,targetNode:n}=M(),r=N(e,n);c.value.splice(t+1,0,r);for(let e=t+2;e<c.value.length;e++)c.value[e].position.y+=180;n&&P(n,r),d.value=!1,h.value=null,D(),O()}catch(e){o.error(`添加节点失败，请重试`,e)}},onNodeClick:e=>{let r=c.value.find(t=>t.id===e.node.id);r&&(t.readonly||(m.value=r,p.value=!0),n(`node-click`,i(r)))},closeAddMenu:A,handleConfigSave:e=>{if(t.readonly||!m.value)return;let n=c.value.findIndex(e=>e.id===m.value.id);if(n!==-1){let t={...c.value[n],data:{...c.value[n].data,...i(e)}};c.value.splice(n,1,t),m.value=t}D(),p.value=!1,o.success(`节点配置已保存`)},resetNodes:()=>{t.readonly||(c.value=i([K]),l.value=[],D(),O(80,600),o.success(`画布已清空`))},getCurrentWorkflowData:E,fitView:()=>{let e=a.value;if(!e?.fitView){o.warning(`画布未准备就绪，请稍后重试`);return}v(()=>{_||a.value!==e||e.fitView({padding:50,includeHiddenNodes:!1,minZoom:.5,maxZoom:1.5,duration:800})}),o.success(`已适应窗口大小`)},deleteNode:j}}function xt(t,n,r,i){let a=e(),o=T([]),s=T(!1),c,l=()=>{let e=[];t.value.forEach(t=>{if(t.type===`approval`&&(t.data.approvers||[]).length===0&&e.push({nodeId:t.id,nodeName:t.data.title,field:`approvers`,message:`审批节点必须设置至少一个审批人，否则流程无法正常运行`,type:`required`}),t.type===`condition`){let n=t.data.conditions||[];if(n.length===0)e.push({nodeId:t.id,nodeName:t.data.title,field:`conditions`,message:`条件分支节点必须配置至少一个分支条件，否则无法进行条件判断`,type:`required`});else{let r=n.filter(e=>!e.name||!e.field||!e.operator||!e.value);r.length>0&&e.push({nodeId:t.id,nodeName:t.data.title,field:`conditions`,message:`有 ${r.length} 个条件分支配置不完整，请完善所有必填字段`,type:`incomplete`})}}});let r=new Set;return n.value.forEach(e=>{r.add(e.source),r.add(e.target)}),t.value.forEach(t=>{t.type!==`start`&&!r.has(t.id)&&e.push({nodeId:t.id,nodeName:t.data.title,field:`connection`,message:`此节点未与其他节点连接，可能导致流程中断`,type:`warning`})}),e};return x(()=>{c&&clearTimeout(c)}),{validationErrors:o,showValidationErrors:s,validateWorkflow:l,validateCurrentWorkflow:()=>{let e=l();o.value=e,e.length===0?(a.success(`工作流验证通过！所有节点配置正确`),s.value=!1):(a.error(`发现 ${e.length} 个问题，请查看详细错误`),s.value=!0,i?.onValidateError?.(e))},jumpToErrorNode:e=>{let n=t.value.find(t=>t.id===e);!n||!r.value||(r.value.setCenter(n.position.x,n.position.y,{zoom:1.2,duration:800}),c&&clearTimeout(c),c=setTimeout(()=>{c=void 0,t.value.includes(n)&&(i?.onShowNodeConfig?.(n),s.value=!1)},900),a.info(`已定位到节点：${n.data.title}`))},getFieldDisplayName:e=>W[e]||e,getErrorTypeText:e=>G[e]||e,resetValidation:()=>{c&&clearTimeout(c),c=void 0,o.value=[],s.value=!1}}}const St={start:{label:`发起人`,icon:`mdi:play-circle`,colorClass:`start`},approval:{label:`审批节点`,icon:`mdi:account-check`,colorClass:`approval`},copy:{label:`抄送节点`,icon:`mdi:email-outline`,colorClass:`copy`},condition:{label:`条件分支`,icon:`mdi:source-branch`,colorClass:`condition`}},Ct={any:`或签（任一审批人通过即可）`,all:`会签（所有审批人必须通过）`,sequence:`顺序审批（按顺序依次审批）`},wt={equals:`等于`,not_equals:`不等于`,greater_than:`大于`,less_than:`小于`,contains:`包含`};function Tt(e,t){let n=T(!1),r=T([]),i=T({totalNodes:0,approvalNodes:0,copyNodes:0,conditionNodes:0,totalEdges:0}),a={start:e=>{let t=e.initiators||[];return t.length>0?[{type:`users`,label:`发起人`,users:t}]:[{type:`text`,label:`发起人`,value:`所有人`}]},approval:e=>{let t=e.approvalMode||`any`,n=e.approvers||[],r=[{type:`mode`,label:`审批方式`,value:Ct[t]||t,modeKey:t}];return n.length>0?r.push({type:`users`,label:`审批人`,users:n}):r.push({type:`warning`,label:`审批人`,value:`未设置`}),r},copy:e=>{let t=e.copyUsers||[];return t.length>0?[{type:`users`,label:`抄送人`,users:t}]:[{type:`text`,label:`抄送人`,value:`未设置`}]},condition:e=>{let t=e.conditions||[];return t.length===0?[{type:`warning`,label:`条件分支`,value:`未配置`}]:t.map((e,t)=>{let n=wt[e.operator]||e.operator;return{type:`text`,label:`分支 ${t+1}`,value:`${e.name||`未命名`} — ${e.field||`?`} ${n} ${e.value||`?`}`}})}},o=e=>{let t=a[e.type||`start`];return t?t(e.data):[]},s=()=>{let n=new Map;e.value.forEach(e=>n.set(e.id,e));let r=new Map,i=new Map;e.value.forEach(e=>{r.set(e.id,[]),i.set(e.id,0)}),t.value.forEach(e=>{r.get(e.source)?.push(e.target),i.set(e.target,(i.get(e.target)||0)+1)});let a=[];i.forEach((e,t)=>{e===0&&a.push(t)});let o=[],s=new Set;for(;a.length>0;){let e=a.shift();if(s.has(e))continue;s.add(e);let t=n.get(e);t&&o.push(t);let c=r.get(e)||[];for(let e of c){let t=(i.get(e)||1)-1;i.set(e,t),t<=0&&!s.has(e)&&a.push(e)}}return e.value.forEach(e=>{s.has(e.id)||o.push(e)}),o},c=()=>s().map((e,t)=>{let n=St[e.type||`start`]||St.start;return{order:t+1,node:e,nodeTypeLabel:n.label,icon:n.icon,colorClass:n.colorClass,details:o(e)}}),l=()=>{let n={totalNodes:e.value.length,approvalNodes:0,copyNodes:0,conditionNodes:0,totalEdges:t.value.length};return e.value.forEach(e=>{e.type===`approval`?n.approvalNodes++:e.type===`copy`?n.copyNodes++:e.type===`condition`&&n.conditionNodes++}),n};return{showPreview:n,previewSteps:r,previewStats:i,openPreview:()=>{r.value=c(),i.value=l(),n.value=!0},closePreview:()=>{n.value=!1}}}const Et={class:`approval-workflow-container`},Dt={class:`floating-toolbar`},Ot={class:`add-menu-content`},kt=[`onClick`],At={class:`menu-text`},jt={key:0,class:`validation-success`},Mt={class:`success-icon`},Nt={key:1,class:`validation-errors`},Pt={class:`error-summary`},Ft={class:`error-icon`},It={class:`error-list`},Lt={class:`error-header`},Rt={class:`error-number`},zt={class:`error-info`},Bt={class:`error-node`},Vt={class:`error-field`},Ht={class:`error-message`},Ut={class:`error-actions`},Wt={class:`validation-footer`},Gt={class:`preview-stats`},Kt={class:`stat-item`},qt={class:`stat-value`},Jt={class:`stat-item approval`},Yt={class:`stat-value`},Xt={class:`stat-item copy`},Zt={class:`stat-value`},Qt={class:`stat-item condition`},$t={class:`stat-value`},en={class:`stat-item edge`},tn={class:`stat-value`},nn={class:`preview-timeline`},rn={class:`step-connector`},an={class:`step-dot`},on={key:0,class:`step-line`},sn={class:`step-content`},cn={class:`step-header`},ln={class:`step-order`},un={class:`step-type-badge`},dn={class:`step-title`},fn={key:0,class:`step-details`},pn={class:`detail-label`},mn={class:`warning-text`},hn={key:0,class:`preview-empty`},gn={class:`preview-footer`};var _n=n(m({name:`C_WorkFlow`,__name:`index`,props:{users:{default:()=>[]},roles:{default:()=>[]},departments:{default:()=>[]},modelValue:{},readonly:{type:Boolean,default:!1},theme:{default:`light`}},emits:[`update:modelValue`,`change`,`node-click`,`edge-click`,`save`,`validate-error`],setup(n,{expose:r,emit:i}){let s=n,m=i,h=e(),_=T(),{nodes:v,edges:x,showAddMenu:S,menuPosition:w,showNodeConfig:k,currentNode:M,nodeTypes:P,workflowStats:L,addNode:te,onNodeClick:ne,closeAddMenu:re,handleConfigSave:R,resetNodes:ie,getCurrentWorkflowData:z,fitView:se,deleteNode:ce}=bt(s,m,_),{validationErrors:V,showValidationErrors:H,validateWorkflow:U,validateCurrentWorkflow:W,jumpToErrorNode:G,getFieldDisplayName:K,getErrorTypeText:q,resetValidation:J}=xt(v,x,_,{onShowNodeConfig:e=>{s.readonly||(M.value=e,k.value=!0)},onValidateError:e=>m(`validate-error`,e)}),{showPreview:Y,previewSteps:X,previewStats:Z,openPreview:le,closePreview:ue}=Tt(v,x),Q=()=>{if(s.readonly)return;let e=U();if(e.length>0){h.error(`工作流验证失败: ${e[0].message}`),H.value=!0;return}m(`save`,z()),h.success(`工作流保存成功`)},de=()=>{le()},fe=()=>{ue(),Q()},pe=()=>{s.readonly||(ie(),J())};return r({validateWorkflow:U,getCurrentWorkflowData:z,saveWorkflow:Q,previewWorkflow:de,deleteNode:ce,stats:L}),(e,r)=>(C(),u(`div`,Et,[l(` 浮动工具栏 `),d(`div`,Dt,[p(O(N),{size:`small`,type:`primary`,disabled:n.readonly,onClick:Q},{icon:A(()=>[p(O(t),{name:`mdi:content-save`,size:16})]),default:A(()=>[r[7]||=f(` 保存 `,-1)]),_:1},8,[`disabled`]),p(O(N),{size:`small`,onClick:de},{icon:A(()=>[p(O(t),{name:`mdi:eye`,size:16})]),default:A(()=>[r[8]||=f(` 预览 `,-1)]),_:1}),p(O(N),{size:`small`,onClick:O(W),title:`检查工作流配置是否正确`},{icon:A(()=>[p(O(t),{name:`mdi:check-circle`,size:16})]),default:A(()=>[r[9]||=f(` 验证流程 `,-1)]),_:1},8,[`onClick`]),r[10]||=d(`div`,{class:`toolbar-divider`},null,-1),p(O(N),{size:`small`,onClick:O(se),title:`适应窗口`},{icon:A(()=>[p(O(t),{name:`mdi:fit-to-screen`,size:16})]),_:1},8,[`onClick`]),p(O(N),{size:`small`,type:`error`,disabled:n.readonly,onClick:pe,title:`清空画布`},{icon:A(()=>[p(O(t),{name:`mdi:delete-sweep`,size:16})]),_:1},8,[`disabled`])]),l(` Vue Flow 画布 `),p(O(B),{ref_key:`vueFlowRef`,ref:_,nodes:O(v),"onUpdate:nodes":r[0]||=e=>g(v)?v.value=e:null,edges:O(x),"onUpdate:edges":r[1]||=e=>g(x)?x.value=e:null,"node-types":O(P),class:`workflow-canvas`,"default-viewport":{zoom:1,x:0,y:0},"min-zoom":.5,"max-zoom":2,"fit-view-on-init":!0,"nodes-draggable":!n.readonly,"nodes-connectable":!n.readonly,"edges-updatable":!n.readonly,"delete-key-code":n.readonly?null:void 0,"elements-selectable":!0,onNodeClick:O(ne),onPaneClick:O(re)},null,8,[`nodes`,`edges`,`node-types`,`nodes-draggable`,`nodes-connectable`,`edges-updatable`,`delete-key-code`,`onNodeClick`,`onPaneClick`]),l(` 节点添加菜单 `),(C(),c(o,{to:`body`},[j(d(`div`,{class:`add-node-menu`,style:b({left:O(w).x+`px`,top:O(w).y+`px`})},[d(`div`,Ot,[(C(!0),u(a,null,E(O(oe),e=>(C(),u(`button`,{key:e.type,type:`button`,class:`add-menu-item`,onClick:t=>O(te)(e.type)},[d(`div`,{class:y([`menu-icon`,e.iconClass])},[p(O(t),{name:e.icon,size:16},null,8,[`name`])],2),d(`span`,At,D(e.label),1)],8,kt))),128))])],4),[[ee,O(S)]])])),l(` 节点配置弹窗 - 拆分到独立组件 `),p(Oe,{show:O(k),"onUpdate:show":r[2]||=e=>g(k)?k.value=e:null,"current-node":O(M),users:n.users,departments:n.departments,onSave:O(R),onCancel:r[3]||=e=>k.value=!1},null,8,[`show`,`current-node`,`users`,`departments`,`onSave`]),l(` 验证错误日志抽屉 `),p(O(F),{show:O(H),"onUpdate:show":r[5]||=e=>g(H)?H.value=e:null,width:450,placement:`right`},{default:A(()=>[p(O(I),{title:`流程验证结果`,closable:``},{footer:A(()=>[d(`div`,Wt,[p(O(N),{onClick:r[4]||=e=>H.value=!1},{default:A(()=>[...r[16]||=[f(`关闭`,-1)]]),_:1}),p(O(N),{type:`primary`,onClick:O(W)},{icon:A(()=>[p(O(t),{name:`mdi:refresh`,size:16})]),default:A(()=>[r[17]||=f(` 重新验证 `,-1)]),_:1},8,[`onClick`])])]),default:A(()=>[O(V).length===0?(C(),u(`div`,jt,[d(`div`,Mt,[p(O(t),{name:`mdi:check-circle`,size:32,color:`#52c41a`})]),r[11]||=d(`h3`,null,`验证通过`,-1),r[12]||=d(`p`,null,`工作流配置正确，所有节点都已正确设置！`,-1)])):(C(),u(`div`,Nt,[d(`div`,Pt,[d(`div`,Ft,[p(O(t),{name:`mdi:alert-circle`,size:24,color:`#ff4d4f`})]),d(`h3`,null,`发现 `+D(O(V).length)+` 个问题`,1),r[13]||=d(`p`,null,`请修复以下问题后重新验证：`,-1)]),d(`div`,It,[(C(!0),u(a,null,E(O(V),(e,n)=>(C(),u(`div`,{key:e.nodeId,class:`error-item`},[d(`div`,Lt,[d(`span`,Rt,D(n+1),1),d(`div`,zt,[d(`strong`,Bt,D(e.nodeName),1),d(`span`,Vt,D(O(K)(e.field)),1)]),d(`div`,{class:y([`error-type`,e.type])},D(O(q)(e.type)),3)]),d(`div`,Ht,D(e.message),1),d(`div`,Ut,[p(O(N),{size:`small`,type:`primary`,onClick:t=>O(G)(e.nodeId)},{icon:A(()=>[p(O(t),{name:`mdi:target`,size:16})]),default:A(()=>[r[14]||=f(` 定位节点 `,-1)]),_:1},8,[`onClick`])])]))),128))]),r[15]||=d(`div`,{class:`validation-tips`},[d(`h4`,null,`💡 常见问题解决方案：`),d(`ul`,null,[d(`li`,null,[d(`strong`,null,`审批人未设置：`),f(`点击审批节点，在弹窗中选择审批人员 `)]),d(`li`,null,[d(`strong`,null,`条件分支未配置：`),f(`点击条件节点，添加至少一个条件分支 `)]),d(`li`,null,[d(`strong`,null,`节点连接断开：`),f(` 检查节点之间的连线是否正确 `)])])],-1)]))]),_:1})]),_:1},8,[`show`]),l(` 流程预览抽屉 `),p(O(F),{show:O(Y),"onUpdate:show":r[6]||=e=>g(Y)?Y.value=e:null,width:520,placement:`right`},{default:A(()=>[p(O(I),{title:`流程预览`,closable:``},{footer:A(()=>[d(`div`,gn,[p(O(N),{onClick:O(ue)},{default:A(()=>[...r[24]||=[f(`关闭`,-1)]]),_:1},8,[`onClick`]),p(O(N),{type:`primary`,onClick:fe},{icon:A(()=>[p(O(t),{name:`mdi:content-save`,size:16})]),default:A(()=>[r[25]||=f(` 确认并保存 `,-1)]),_:1})])]),default:A(()=>[d(`div`,Gt,[d(`div`,Kt,[d(`span`,qt,D(O(Z).totalNodes),1),r[18]||=d(`span`,{class:`stat-label`},`总节点`,-1)]),d(`div`,Jt,[d(`span`,Yt,D(O(Z).approvalNodes),1),r[19]||=d(`span`,{class:`stat-label`},`审批`,-1)]),d(`div`,Xt,[d(`span`,Zt,D(O(Z).copyNodes),1),r[20]||=d(`span`,{class:`stat-label`},`抄送`,-1)]),d(`div`,Qt,[d(`span`,$t,D(O(Z).conditionNodes),1),r[21]||=d(`span`,{class:`stat-label`},`条件`,-1)]),d(`div`,en,[d(`span`,tn,D(O(Z).totalEdges),1),r[22]||=d(`span`,{class:`stat-label`},`连线`,-1)])]),d(`div`,nn,[(C(!0),u(a,null,E(O(X),(e,n)=>(C(),u(`div`,{key:e.node.id,class:y([`preview-step`,e.colorClass])},[l(` 时间线连接线 `),d(`div`,rn,[d(`div`,an,[p(O(t),{name:e.icon,size:16},null,8,[`name`])]),n<O(X).length-1?(C(),u(`div`,on)):l(`v-if`,!0)]),l(` 步骤内容 `),d(`div`,sn,[d(`div`,cn,[d(`span`,ln,`步骤 `+D(e.order),1),d(`span`,un,D(e.nodeTypeLabel),1)]),d(`div`,dn,D(e.node.data.title),1),e.details.length>0?(C(),u(`div`,fn,[(C(!0),u(a,null,E(e.details,(e,n)=>(C(),u(`div`,{key:n,class:y([`step-detail-item`,{"is-warning":e.type===`warning`}])},[d(`span`,pn,D(e.label)+`：`,1),l(` 审批方式 badge `),e.type===`mode`?(C(),u(`span`,{key:0,class:y([`mode-badge`,e.modeKey])},D(e.value),3)):e.type===`users`?(C(),u(a,{key:1},[l(` 人员 tags `),(C(!0),u(a,null,E(e.users,e=>(C(),c(O(ae),{key:e.name,size:`small`,bordered:!1,round:``,class:`user-tag`},{icon:A(()=>[p(O(t),{name:`mdi:account`,size:12})]),default:A(()=>[f(` `+D(e.name),1)]),_:2},1024))),128))],64)):e.type===`warning`?(C(),u(a,{key:2},[l(` 警告文案 `),d(`span`,mn,` ⚠️ `+D(e.value),1)],2112)):(C(),u(a,{key:3},[l(` 普通文本 `),d(`span`,null,D(e.value),1)],2112))],2))),128))])):l(`v-if`,!0)])],2))),128))]),O(X).length===0?(C(),u(`div`,hn,[p(O(t),{name:`mdi:file-document-outline`,size:48,color:`#d1d5db`}),r[23]||=d(`p`,null,`暂无流程节点`,-1)])):l(`v-if`,!0)]),_:1})]),_:1},8,[`show`])]))}}),[[`__scopeId`,`data-v-ffd6fa87`]]);export{bt as i,Tt as n,xt as r,_n as t};

package/dist/constants.d.cts

@@ -108,12 +108,12 @@ interface CronEmits {
 //#endregion
 //#region src/components/C_Cron/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<CronProps, CronExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "validation-change": (result: CronValidation) => any;
 }, string, vue.PublicProps, Readonly<CronProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onValidation-change"?: ((result: CronValidation) => any) | undefined;
 }>, {
   disabled: boolean;

package/dist/constants.d.ts

@@ -108,12 +108,12 @@ interface CronEmits {
 //#endregion
 //#region src/components/C_Cron/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<CronProps, CronExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "validation-change": (result: CronValidation) => any;
 }, string, vue.PublicProps, Readonly<CronProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onValidation-change"?: ((result: CronValidation) => any) | undefined;
 }>, {
   disabled: boolean;

package/dist/constants2.d.cts

@@ -125,12 +125,12 @@ interface FormulaEditorExpose {
 //#endregion
 //#region src/components/C_FormulaEditor/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<FormulaEditorProps, FormulaEditorExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "validation-change": (result: FormulaValidation) => any;
 }, string, vue.PublicProps, Readonly<FormulaEditorProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onValidation-change"?: ((result: FormulaValidation) => any) | undefined;
 }>, {
   disabled: boolean;

package/dist/constants2.d.ts

@@ -125,12 +125,12 @@ interface FormulaEditorExpose {
 //#endregion
 //#region src/components/C_FormulaEditor/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<FormulaEditorProps, FormulaEditorExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "validation-change": (result: FormulaValidation) => any;
 }, string, vue.PublicProps, Readonly<FormulaEditorProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onValidation-change"?: ((result: FormulaValidation) => any) | undefined;
 }>, {
   disabled: boolean;

package/dist/constants3.d.cts

@@ -208,9 +208,9 @@ interface NotificationCenterExpose {
 //#endregion
 //#region src/components/C_NotificationCenter/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<NotificationCenterProps, NotificationCenterExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  read: (ids: string[]) => any;
   delete: (ids: string[]) => any;
   itemClick: (message: NotificationMessage) => any;
+  read: (ids: string[]) => any;
   allRead: (category?: NotificationCategory | undefined) => any;
   unreadChange: (count: number) => any;
   wsStatusChange: (status: WSConnectionStatus) => any;
@@ -218,9 +218,9 @@ declare const __VLS_export: vue.DefineComponent<NotificationCenterProps, Notific
   navigate: (url: string) => any;
   viewAll: () => any;
 }, string, vue.PublicProps, Readonly<NotificationCenterProps> & Readonly<{
-  onRead?: ((ids: string[]) => any) | undefined;
   onDelete?: ((ids: string[]) => any) | undefined;
   onItemClick?: ((message: NotificationMessage) => any) | undefined;
+  onRead?: ((ids: string[]) => any) | undefined;
   onAllRead?: ((category?: NotificationCategory | undefined) => any) | undefined;
   onUnreadChange?: ((count: number) => any) | undefined;
   onWsStatusChange?: ((status: WSConnectionStatus) => any) | undefined;

package/dist/constants3.d.ts

@@ -208,9 +208,9 @@ interface NotificationCenterExpose {
 //#endregion
 //#region src/components/C_NotificationCenter/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<NotificationCenterProps, NotificationCenterExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  read: (ids: string[]) => any;
   delete: (ids: string[]) => any;
   itemClick: (message: NotificationMessage) => any;
+  read: (ids: string[]) => any;
   allRead: (category?: NotificationCategory | undefined) => any;
   unreadChange: (count: number) => any;
   wsStatusChange: (status: WSConnectionStatus) => any;
@@ -218,9 +218,9 @@ declare const __VLS_export: vue.DefineComponent<NotificationCenterProps, Notific
   navigate: (url: string) => any;
   viewAll: () => any;
 }, string, vue.PublicProps, Readonly<NotificationCenterProps> & Readonly<{
-  onRead?: ((ids: string[]) => any) | undefined;
   onDelete?: ((ids: string[]) => any) | undefined;
   onItemClick?: ((message: NotificationMessage) => any) | undefined;
+  onRead?: ((ids: string[]) => any) | undefined;
   onAllRead?: ((category?: NotificationCategory | undefined) => any) | undefined;
   onUnreadChange?: ((count: number) => any) | undefined;
   onWsStatusChange?: ((status: WSConnectionStatus) => any) | undefined;

package/dist/constants4.d.cts

@@ -197,31 +197,31 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: vue.DefineComponent<UploadProps, UploadExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   error: (file: UploadFileItem, error: Error) => any;
-  success: (file: UploadFileItem, response: unknown) => any;
   change: (fileList: UploadFileItem[]) => any;
+  success: (file: UploadFileItem, response: unknown) => any;
   progress: (file: UploadFileItem, percent: number) => any;
   remove: (file: UploadFileItem) => any;
   finish: (fileList: UploadFileItem[]) => any;
   exceed: (files: File[], fileList: UploadFileItem[]) => any;
 }, string, vue.PublicProps, Readonly<UploadProps> & Readonly<{
   onError?: ((file: UploadFileItem, error: Error) => any) | undefined;
-  onSuccess?: ((file: UploadFileItem, response: unknown) => any) | undefined;
   onChange?: ((fileList: UploadFileItem[]) => any) | undefined;
+  onSuccess?: ((file: UploadFileItem, response: unknown) => any) | undefined;
   onProgress?: ((file: UploadFileItem, percent: number) => any) | undefined;
   onRemove?: ((file: UploadFileItem) => any) | undefined;
   onFinish?: ((fileList: UploadFileItem[]) => any) | undefined;
   onExceed?: ((files: File[], fileList: UploadFileItem[]) => any) | undefined;
 }>, {
-  data: Record<string, unknown>;
   disabled: boolean;
-  maxSize: number;
-  draggable: boolean;
   action: string;
   headers: Record<string, string>;
+  data: Record<string, unknown>;
   multiple: boolean;
   directory: boolean;
   accept: string;
+  maxSize: number;
   maxCount: number;
+  draggable: boolean;
   pasteable: boolean;
   chunked: boolean;
   chunkSize: number;

package/dist/constants4.d.ts

@@ -197,31 +197,31 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: vue.DefineComponent<UploadProps, UploadExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   error: (file: UploadFileItem, error: Error) => any;
-  success: (file: UploadFileItem, response: unknown) => any;
   change: (fileList: UploadFileItem[]) => any;
+  success: (file: UploadFileItem, response: unknown) => any;
   progress: (file: UploadFileItem, percent: number) => any;
   remove: (file: UploadFileItem) => any;
   finish: (fileList: UploadFileItem[]) => any;
   exceed: (files: File[], fileList: UploadFileItem[]) => any;
 }, string, vue.PublicProps, Readonly<UploadProps> & Readonly<{
   onError?: ((file: UploadFileItem, error: Error) => any) | undefined;
-  onSuccess?: ((file: UploadFileItem, response: unknown) => any) | undefined;
   onChange?: ((fileList: UploadFileItem[]) => any) | undefined;
+  onSuccess?: ((file: UploadFileItem, response: unknown) => any) | undefined;
   onProgress?: ((file: UploadFileItem, percent: number) => any) | undefined;
   onRemove?: ((file: UploadFileItem) => any) | undefined;
   onFinish?: ((fileList: UploadFileItem[]) => any) | undefined;
   onExceed?: ((files: File[], fileList: UploadFileItem[]) => any) | undefined;
 }>, {
-  data: Record<string, unknown>;
   disabled: boolean;
-  maxSize: number;
-  draggable: boolean;
   action: string;
   headers: Record<string, string>;
+  data: Record<string, unknown>;
   multiple: boolean;
   directory: boolean;
   accept: string;
+  maxSize: number;
   maxCount: number;
+  draggable: boolean;
   pasteable: boolean;
   chunked: boolean;
   chunkSize: number;

package/dist/constants5.d.cts

@@ -258,9 +258,9 @@ type PlayerInstance = InstanceType<typeof xgplayer.default>;
 //#endregion
 //#region src/components/C_VideoPlayer/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<VideoPlayerProps, VideoPlayerExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  ready: () => any;
-  ended: () => any;
   error: (error: Error) => any;
+  ended: () => any;
+  ready: () => any;
   stateChange: (state: PlayerState) => any;
   timeUpdate: (currentTime: number, duration: number) => any;
   qualityChange: (quality: QualityLevel) => any;
@@ -271,9 +271,9 @@ declare const __VLS_export: vue.DefineComponent<VideoPlayerProps, VideoPlayerExp
   chapterChange: (chapter: Chapter) => any;
   progressUpdate: (data: ProgressData) => any;
 }, string, vue.PublicProps, Readonly<VideoPlayerProps> & Readonly<{
-  onReady?: (() => any) | undefined;
-  onEnded?: (() => any) | undefined;
   onError?: ((error: Error) => any) | undefined;
+  onEnded?: (() => any) | undefined;
+  onReady?: (() => any) | undefined;
   onStateChange?: ((state: PlayerState) => any) | undefined;
   onTimeUpdate?: ((currentTime: number, duration: number) => any) | undefined;
   onQualityChange?: ((quality: QualityLevel) => any) | undefined;
@@ -374,11 +374,7 @@ declare function useChapters(chapters: Ref<Chapter[]>, currentTime: Ref<number>,
 };
 //#endregion
 //#region src/components/C_VideoPlayer/composables/useSubtitle.d.ts
-/**
- * 字幕管理 composable
- * - fetch VTT → 解析 → 按当前播放时间匹配 cue
- * - 提供切换 / 关闭能力
- */
+/** 字幕管理：复用轨道请求，且迟到的请求不能覆盖新的语言选择。 */
 declare function useSubtitle(playerRef: ShallowRef<PlayerInstance | null>, subtitles?: SubtitleTrack[], currentTime?: Ref<number>): {
   activeLanguage: Ref<string | null, string | null>;
   subtitleList: Ref<{

package/dist/constants5.d.ts

@@ -258,9 +258,9 @@ type PlayerInstance = InstanceType<typeof xgplayer.default>;
 //#endregion
 //#region src/components/C_VideoPlayer/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<VideoPlayerProps, VideoPlayerExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  ready: () => any;
-  ended: () => any;
   error: (error: Error) => any;
+  ended: () => any;
+  ready: () => any;
   stateChange: (state: PlayerState) => any;
   timeUpdate: (currentTime: number, duration: number) => any;
   qualityChange: (quality: QualityLevel) => any;
@@ -271,9 +271,9 @@ declare const __VLS_export: vue.DefineComponent<VideoPlayerProps, VideoPlayerExp
   chapterChange: (chapter: Chapter) => any;
   progressUpdate: (data: ProgressData) => any;
 }, string, vue.PublicProps, Readonly<VideoPlayerProps> & Readonly<{
-  onReady?: (() => any) | undefined;
-  onEnded?: (() => any) | undefined;
   onError?: ((error: Error) => any) | undefined;
+  onEnded?: (() => any) | undefined;
+  onReady?: (() => any) | undefined;
   onStateChange?: ((state: PlayerState) => any) | undefined;
   onTimeUpdate?: ((currentTime: number, duration: number) => any) | undefined;
   onQualityChange?: ((quality: QualityLevel) => any) | undefined;
@@ -374,11 +374,7 @@ declare function useChapters(chapters: Ref<Chapter[]>, currentTime: Ref<number>,
 };
 //#endregion
 //#region src/components/C_VideoPlayer/composables/useSubtitle.d.ts
-/**
- * 字幕管理 composable
- * - fetch VTT → 解析 → 按当前播放时间匹配 cue
- * - 提供切换 / 关闭能力
- */
+/** 字幕管理：复用轨道请求，且迟到的请求不能覆盖新的语言选择。 */
 declare function useSubtitle(playerRef: ShallowRef<PlayerInstance | null>, subtitles?: SubtitleTrack[], currentTime?: Ref<number>): {
   activeLanguage: Ref<string | null, string | null>;
   subtitleList: Ref<{

package/dist/data.d.cts

@@ -65,28 +65,28 @@ type __VLS_Slots = {} & { [K in NonNullable<typeof __VLS_37>]?: (props: typeof _
 declare const __VLS_base: vue.DefineComponent<CTabsProps, {
   activeValue: vue.WritableComputedRef<TabsValue | null, TabsValue | null>;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+  close: (value: TabsValue) => any;
   add: () => any;
-  "update:modelValue": (value: TabsValue) => any;
   change: (value: TabsValue, item: TabsItem | undefined) => any;
-  close: (value: TabsValue) => any;
+  "update:modelValue": (value: TabsValue) => any;
 }, string, vue.PublicProps, Readonly<CTabsProps> & Readonly<{
+  onClose?: ((value: TabsValue) => any) | undefined;
   onAdd?: (() => any) | undefined;
-  "onUpdate:modelValue"?: ((value: TabsValue) => any) | undefined;
   onChange?: ((value: TabsValue, item: TabsItem | undefined) => any) | undefined;
-  onClose?: ((value: TabsValue) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: TabsValue) => any) | undefined;
 }>, {
-  size: TabsSize;
   type: TabsType;
+  size: TabsSize;
+  addable: boolean;
+  animated: boolean;
+  closable: boolean;
+  placement: TabsPlacement;
+  displayDirective: TabsDisplayDirective;
   modelValue: TabsValue | null;
-  defaultValue: TabsValue | null;
   items: readonly TabsItem[];
-  placement: TabsPlacement;
+  defaultValue: TabsValue | null;
   justifyContent: TabsJustifyContent;
-  animated: boolean;
-  closable: boolean;
-  addable: boolean;
   tabsOnly: boolean;
-  displayDirective: TabsDisplayDirective;
   paneClass: string;
   paneStyle: string | vue.CSSProperties;
   beforeChange: (target: TabsValue, current: TabsValue | null) => boolean | Promise<boolean>;

package/dist/data.d.ts

@@ -65,28 +65,28 @@ type __VLS_Slots = {} & { [K in NonNullable<typeof __VLS_37>]?: (props: typeof _
 declare const __VLS_base: vue.DefineComponent<CTabsProps, {
   activeValue: vue.WritableComputedRef<TabsValue | null, TabsValue | null>;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+  close: (value: TabsValue) => any;
   add: () => any;
-  "update:modelValue": (value: TabsValue) => any;
   change: (value: TabsValue, item: TabsItem | undefined) => any;
-  close: (value: TabsValue) => any;
+  "update:modelValue": (value: TabsValue) => any;
 }, string, vue.PublicProps, Readonly<CTabsProps> & Readonly<{
+  onClose?: ((value: TabsValue) => any) | undefined;
   onAdd?: (() => any) | undefined;
-  "onUpdate:modelValue"?: ((value: TabsValue) => any) | undefined;
   onChange?: ((value: TabsValue, item: TabsItem | undefined) => any) | undefined;
-  onClose?: ((value: TabsValue) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: TabsValue) => any) | undefined;
 }>, {
-  size: TabsSize;
   type: TabsType;
+  size: TabsSize;
+  addable: boolean;
+  animated: boolean;
+  closable: boolean;
+  placement: TabsPlacement;
+  displayDirective: TabsDisplayDirective;
   modelValue: TabsValue | null;
-  defaultValue: TabsValue | null;
   items: readonly TabsItem[];
-  placement: TabsPlacement;
+  defaultValue: TabsValue | null;
   justifyContent: TabsJustifyContent;
-  animated: boolean;
-  closable: boolean;
-  addable: boolean;
   tabsOnly: boolean;
-  displayDirective: TabsDisplayDirective;
   paneClass: string;
   paneStyle: string | vue.CSSProperties;
   beforeChange: (target: TabsValue, current: TabsValue | null) => boolean | Promise<boolean>;