@nocobase/plugin-workflow-manual 0.19.0-alpha.8 → 0.19.0-alpha.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/client/index.js +4 -4
- package/dist/externalVersion.js +9 -9
- package/package.json +2 -2
- package/src/client/instruction/FormBlockInitializer.tsx +6 -2
- package/src/client/instruction/forms/create.tsx +4 -1
- package/src/client/instruction/forms/custom.tsx +4 -1
- package/src/client/instruction/forms/update.tsx +4 -1
package/dist/client/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
(function(x,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("@nocobase/client"),require("@nocobase/plugin-workflow/client"),require("react/jsx-runtime"),require("@formily/antd-v5"),require("@formily/core"),require("@formily/react"),require("antd"),require("react"),require("react-i18next"),require("@nocobase/utils/client"),require("lodash"),require("@ant-design/icons"),require("dayjs")):typeof define=="function"&&define.amd?define(["exports","@nocobase/client","@nocobase/plugin-workflow/client","react/jsx-runtime","@formily/antd-v5","@formily/core","@formily/react","antd","react","react-i18next","@nocobase/utils/client","lodash","@ant-design/icons","dayjs"],e):(x=typeof globalThis!="undefined"?globalThis:x||self,e(x["@nocobase/plugin-workflow-manual"]={},x["@nocobase/client"],x["@nocobase/plugin-workflow"],x.jsxRuntime,x["@formily/antd-v5"],x["@formily/core"],x["@formily/react"],x.antd,x.react,x["react-i18next"],x["@nocobase/utils"],x.lodash,x["@ant-design/icons"],x.dayjs))})(this,function(x,e,p,s,U,q,b,S,u,j,T,G,_,se){"use strict";var Re=Object.defineProperty,eo=Object.defineProperties;var oo=Object.getOwnPropertyDescriptors;var J=Object.getOwnPropertySymbols;var ne=Object.prototype.hasOwnProperty,re=Object.prototype.propertyIsEnumerable;var L=(x,e,p)=>e in x?Re(x,e,{enumerable:!0,configurable:!0,writable:!0,value:p}):x[e]=p,g=(x,e)=>{for(var p in e||(e={}))ne.call(e,p)&&L(x,p,e[p]);if(J)for(var p of J(e))re.call(e,p)&&L(x,p,e[p]);return x},F=(x,e)=>eo(x,oo(e));var M=(x,e)=>{var p={};for(var s in x)ne.call(x,s)&&e.indexOf(s)<0&&(p[s]=x[s]);if(x!=null&&J)for(var s of J(x))e.indexOf(s)<0&&re.call(x,s)&&(p[s]=x[s]);return p};var $=(x,e,p)=>(L(x,typeof e!="symbol"?e+"":e,p),p);var E=(x,e,p)=>new Promise((s,U)=>{var q=u=>{try{S(p.next(u))}catch(j){U(j)}},b=u=>{try{S(p.throw(u))}catch(j){U(j)}},S=u=>u.done?s(u.value):Promise.resolve(u.value).then(q,b);S((p=p.apply(x,e)).next())});const C="workflow-manual";function A(o,n={}){const{t:r}=ie(n);return r(o)}function ie(o){return j.useTranslation(C,o)}function ae(o){const{execution:n,nodes:r}=p.useFlowContext(),t=u.useMemo(()=>r.reduce((c,d)=>Object.assign(c,{[d.id]:d.key}),{}),[r]),i=u.useMemo(()=>{var c;return{$context:n==null?void 0:n.context,$jobsMapByNodeKey:((c=n==null?void 0:n.jobs)!=null?c:[]).reduce((d,l)=>Object.assign(d,{[t[l.nodeId]]:l.result}),{})}},[n==null?void 0:n.context,n==null?void 0:n.jobs,t]);return u.useMemo(()=>T.parse(o)(i),[i,o])}function Q(o){const n=b.useField(),r=u.useRef(null),{getAssociationAppends:t}=e.useAssociationNames(),{appends:i,updateAssociationValues:a}=t(),c=ae(o.dataSource),d=u.useMemo(()=>q.createForm({values:c,readPretty:!0}),[c]),l={appends:i},h={loading:!1,data:{data:c}},f=e.useAPIClient().resource(o.collection),m=u.useContext(e.BlockRequestContext);return s.jsx(e.CollectionProvider,{collection:o.collection,children:s.jsx(e.RecordProvider,{record:c,parent:!1,children:s.jsx(e.BlockRequestContext.Provider,{value:{block:"form",field:n,service:h,resource:f,__parent:m},children:s.jsx(e.FormBlockContext.Provider,{value:{params:l,form:d,field:n,service:h,updateAssociationValues:a,formBlockRef:r},children:o.children})})})})}function Y(o){var w,z,N;const n=e.useRecord(),r=b.useFieldSchema(),t=b.useField(),i=u.useRef(null),{getAssociationAppends:a}=e.useAssociationNames(),{appends:c,updateAssociationValues:d}=a(),[l]=Object.keys((w=r.toJSON().properties)!=null?w:{}),h=(z=n==null?void 0:n.result)==null?void 0:z[l],{findComponent:y}=e.useDesignable(),f=y((N=t.component)==null?void 0:N[0])||u.Fragment,m=u.useMemo(()=>q.createForm({initialValues:h}),[h]),v=u.useMemo(()=>g({appends:c},o.params),[c,o.params]),k=u.useMemo(()=>({loading:!1,data:{data:h}}),[h]),B=e.useAPIClient().resource(o.collection),O=u.useContext(e.BlockRequestContext),D=u.useMemo(()=>({params:v,form:m,field:t,service:k,updateAssociationValues:d,formBlockRef:i}),[t,m,v,k,d]);return!n.status||h?s.jsx(e.CollectionProvider,{collection:o.collection,children:s.jsx(e.RecordProvider,{record:h,parent:!1,children:s.jsx(e.FormActiveFieldsProvider,{name:"form",children:s.jsx(e.BlockRequestContext.Provider,{value:{block:"form",props:o,field:t,service:k,resource:B,__parent:O},children:s.jsx(e.FormBlockContext.Provider,{value:D,children:s.jsxs(f,F(g({},t.componentProps),{children:[s.jsx(e.FormV2.Templates,{style:{marginBottom:18},form:m}),s.jsx("div",{ref:i,children:s.jsx(b.RecursionField,{schema:r,onlyRenderProperties:!0})})]}))})})})})}):null}function ce(r){var t=r,{schema:o}=t,n=M(t,["schema"]);const{getTemplateSchemaByMode:i}=e.useSchemaTemplateManager(),{insert:a}=e.useSchemaInitializer(),c=e.useRecordCollectionDataSourceItems("FormItem");function d(h){return E(this,arguments,function*({item:l}){const y=l.template?yield i(l):null,f=e.createFormBlockSchema(F(g({actionInitializers:"AddActionButton",actions:{resolve:{type:"void",title:`{{t("Continue the process", { ns: "${C}" })}}`,"x-decorator":"ManualActionStatusProvider","x-decorator-props":{value:p.JOB_STATUS.RESOLVED},"x-component":"Action","x-component-props":{type:"primary",useAction:"{{ useSubmit }}"},"x-designer":"ManualActionDesigner","x-designer-props":{}}}},o),{template:y}));delete f["x-acl-action-props"],delete f["x-acl-action"];const[m]=Object.keys(f.properties);f.properties[m].properties.actions["x-decorator"]="ActionBarProvider",f.properties[m].properties.actions["x-component-props"].style={marginTop:"1.5em",flexWrap:"wrap"},p.traverseSchema(f,v=>{v["x-uid"]&&delete v["x-uid"]}),a(f)})}return s.jsx(e.SchemaInitializerItem,F(g({},n),{onClick:d,items:c}))}function H(){var n;const o=e.useSchemaInitializerItem();return s.jsx(e.CollectionProvider,{collection:(n=o.schema)==null?void 0:n.collection,children:s.jsx(ce,g({},o))})}function P(o,n,r=!1){const t=[];return o?n(o)&&(!r||!o.properties)?(t.push(o),t):(o.properties&&Object.keys(o.properties).forEach(i=>{t.push(...P(o.properties[i],n))}),t):t}function le(){const{name:o,title:n}=e.useCollection();return s.jsxs(e.GeneralSchemaDesigner,{title:n||o,children:[s.jsx(e.SchemaSettingsBlockTitleItem,{}),s.jsx(e.SchemaSettingsLinkageRules,{collectionName:o}),s.jsx(e.SchemaSettingsDataTemplates,{collectionName:o}),s.jsx(e.SchemaSettingsDivider,{}),s.jsx(e.SchemaSettingsRemove,{removeParentsIfNoChildren:!0,breakRemoveOn:{"x-component":"Grid"}})]})}const pe={title:`{{t("Create record form", { ns: "${C}" })}}`,config:{useInitializer({collections:o}){const n=u.useMemo(()=>o.map(a=>({name:G.camelCase(`createRecordForm-child-${a.name}`),type:"item",title:a.title,label:a.label,schema:{collection:a.name,title:`{{t("Create record", { ns: "${C}" })}}`,formType:"create","x-designer":"CreateFormDesigner"},Component:H})),[o]),[r,t]=u.useState(!1),i=e.useMenuSearch(n,r,!0);return{name:"createRecordForm",key:"createRecordForm",type:"subMenu",title:`{{t("Create record form", { ns: "${C}" })}}`,componentProps:{onOpenChange(a){t(a.length>0)}},children:i}},initializers:{},components:{CreateFormDesigner:le},parseFormOptions(o){const n={};return P(o,t=>t["x-decorator"]==="FormBlockProvider"&&t["x-decorator-props"].formType==="create").forEach(t=>{var c;const[i]=Object.keys(t.properties),a=t.properties[i];n[i]={type:"create",title:((c=t["x-component-props"])==null?void 0:c.title)||i,actions:P(a.properties.actions,d=>d["x-component"]==="Action").map(d=>{var l,h;return{status:d["x-decorator-props"].value,values:(h=(l=d["x-action-settings"])==null?void 0:l.assignedValues)==null?void 0:h.values,key:d.name}}),collection:t["x-decorator-props"].collection}}),n}},block:{scope:{},components:{}}};function X(o){var h,y,f,m;const[n,r]=u.useState((y=(h=o.collection)==null?void 0:h.fields)!=null?y:[]),t=e.useRecord(),i=b.useField(),a=b.useFieldSchema(),[c]=Object.keys((f=a.toJSON().properties)!=null?f:{}),d=(m=t==null?void 0:t.result)==null?void 0:m[c],l=u.useMemo(()=>q.createForm({initialValues:d}),[d]);return!t.status||d?s.jsx(e.CollectionProvider,{collection:F(g({},o.collection),{fields:n}),children:s.jsx(e.RecordProvider,{record:d,parent:!1,children:s.jsx(e.FormBlockContext.Provider,{value:{form:l,field:i,setCollectionFields:r},children:o.children})})}):null}function de(){const{insert:o}=e.useSchemaInitializer(),n=e.useSchemaInitializerItem();return s.jsx(e.SchemaInitializerItem,F(g({},n),{onClick:()=>{o({type:"void","x-decorator":"CustomFormBlockProvider","x-decorator-props":{collection:{name:T.uid(),fields:[]}},"x-component":"CardItem","x-component-props":{title:'{{t("Form")}}'},"x-designer":"SimpleDesigner","x-designer-props":{type:"customForm"},properties:{[T.uid()]:{type:"void","x-component":"FormV2","x-component-props":{useProps:"{{ useFormBlockProps }}"},properties:{grid:{type:"void","x-component":"Grid","x-initializer":"AddCustomFormField"},actions:{type:"void","x-decorator":"ActionBarProvider","x-component":"ActionBar","x-component-props":{layout:"one-column",style:{marginTop:"1.5em",flexWrap:"wrap"}},"x-initializer":"AddActionButton",properties:{resolve:{type:"void",title:`{{t("Continue the process", { ns: "${C}" })}}`,"x-decorator":"ManualActionStatusProvider","x-decorator-props":{value:p.JOB_STATUS.RESOLVED},"x-component":"Action","x-component-props":{type:"primary",useAction:"{{ useSubmit }}"},"x-designer":"ManualActionDesigner"}}}}}}})}}))}const Z={basic:'{{t("Basic")}}',choices:'{{t("Choices")}}',media:'{{t("Media")}}',datetime:'{{t("Date & Time")}}',relation:'{{t("Relation")}}',advanced:'{{t("Advanced type")}}',systemInfo:'{{t("System info")}}',others:'{{t("Others")}}'};function ue(o){const n={};return Object.keys(o).forEach(r=>{const t=o[r],{group:i="others"}=t;n[i]=n[i]||{},G.set(n,[i,r],t)}),Object.keys(Z).filter(r=>["basic","choices","datetime","media"].includes(r)).map(r=>({title:Z[r],children:Object.keys(n[r]||{}).map(t=>{const i=n[r][t];return g({value:t,title:i.title,name:t},n[r][t])}).sort((t,i)=>t.order-i.order)}))}function me(){const{interfaces:o}=e.useCollectionManager();return ue(o).map(r=>({name:r.title,type:"itemGroup",title:r.title,children:r.children.map(t=>({name:t.name,type:"item",title:t.title,Component:xe,fieldInterface:t.name}))}))}const W=u.createContext({}),fe=o=>{const[n,r]=u.useState(null),[t,i]=u.useState(),a=me(),c=u.useContext(e.CollectionContext),{setCollectionFields:d}=u.useContext(e.FormBlockContext);return s.jsxs(W.Provider,{value:{onAddField(l){const v=G.cloneDeep(l),{properties:k}=v,I=k,{unique:h,type:y}=I,f=M(I,["unique","type"]),m=M(v,["properties"]);delete f.name["x-disabled"],r(F(g({},m),{properties:f}))},setCallback:i},children:[s.jsx(e.SchemaInitializerItems,F(g({},o),{items:a})),s.jsx(e.ActionContextProvider,{value:{visible:!!n},children:n?s.jsx(e.SchemaComponent,{schema:{type:"void",name:"drawer",title:'{{t("Configure field")}}',"x-decorator":"Form","x-component":"Action.Drawer",properties:F(g({},n.properties),{footer:{type:"void","x-component":"Action.Drawer.Footer",properties:{cancel:{type:"void",title:'{{t("Cancel")}}',"x-component":"Action","x-component-props":{useAction(){const l=b.useForm();return{run(){return E(this,null,function*(){i(null),r(null),l.reset()})}}}}},submit:{type:"void",title:'{{t("Submit")}}',"x-component":"Action","x-component-props":{type:"primary",useAction(){const{values:l,query:h}=b.useForm(),y=[A("Field name existed in form")];return{run(){return E(this,null,function*(){var B,O,D,w;const{default:m}=n,v=T.uid();if(m.name=(B=l.name)!=null?B:v,m.uiSchema.title=(D=(O=l.uiSchema)==null?void 0:O.title)!=null?D:v,m.interface=n.name,(w=c.fields)==null?void 0:w.find(z=>z.name===m.name)){h("name").take().setFeedback({type:"error",messages:y});return}const I=T.merge(m,l);d([...c.fields,I]),t({name:m.name,type:m.uiSchema.type,"x-decorator":"FormItem","x-component":"CollectionField","x-component-props":{field:I},"x-collection-field":`${c.name}.${m.name}`,"x-designer":"FormItem.Designer"}),i(null),r(null)})}}}}}}}})},components:{ArrayTable:U.ArrayTable}}):null})]})},he=new e.SchemaInitializer({name:"AddCustomFormField",wrap:e.gridRowColWrap,insertPosition:"beforeEnd",title:"{{t('Configure fields')}}",ItemsComponent:fe});function xe(){const o=e.useSchemaInitializerItem(),{insert:n,setVisible:r}=e.useSchemaInitializer(),{onAddField:t,setCallback:i}=u.useContext(W),{getInterface:a}=e.useCollectionManager(),c=a(o.fieldInterface);return s.jsx(e.SchemaInitializerItem,g({onClick:()=>{i(()=>n),t(c),r(!1)}},o),o.fieldInterface)}const R={title:`{{t("Custom form", { ns: "${C}" })}}`,config:{useInitializer(){return{name:"customForm",type:"item",title:`{{t("Custom form", { ns: "${C}" })}}`,Component:de}},initializers:{},components:{CustomFormBlockProvider:X},parseFormOptions(o){const n={};return P(o,t=>t["x-decorator"]==="CustomFormBlockProvider").forEach(t=>{var d;const[i]=Object.keys(t.properties),a=t.properties[i],c=P(a.properties.grid,l=>l["x-component"]==="CollectionField",!0);t["x-decorator-props"].collection.fields=c.map(l=>{var h,y;return(y=(h=l["x-component-props"])==null?void 0:h.field)!=null?y:l["x-interface-options"]}),n[i]={type:"custom",title:((d=t["x-component-props"])==null?void 0:d.title)||i,actions:P(a.properties.actions,l=>l["x-component"]==="Action").map(l=>{var h,y;return{status:l["x-decorator-props"].value,values:(y=(h=l["x-action-settings"])==null?void 0:h.assignedValues)==null?void 0:y.values,key:l.name}}),collection:t["x-decorator-props"].collection}}),n}},block:{scope:{},components:{CustomFormBlockProvider:X}}};function Ce(){const{name:o,title:n}=e.useCollection(),r=b.useFieldSchema(),{t}=j.useTranslation(),{dn:i}=e.useDesignable();return s.jsxs(e.GeneralSchemaDesigner,{title:n||o,children:[s.jsx(e.SchemaSettingsBlockTitleItem,{}),s.jsx(e.SchemaSettingsActionModalItem,{title:t("Filter settings",{ns:C}),schema:{name:"filter",type:"object",title:'{{t("Filter")}}',"x-component":"Filter","x-component-props":{useProps(){var c;return{options:e.useCollectionFilterOptions((c=r==null?void 0:r["x-decorator-props"])==null?void 0:c.collection)}},dynamicComponent:"FilterDynamicComponent"}},initialValues:r==null?void 0:r["x-decorator-props"],onSubmit:({filter:a})=>{r["x-decorator-props"].filter=a,i.emit("patch",{schema:{"x-decorator-props":r["x-decorator-props"]}}),i.refresh()}}),s.jsx(e.SchemaSettingsLinkageRules,{collectionName:o}),s.jsx(e.SchemaSettingsDivider,{}),s.jsx(e.SchemaSettingsRemove,{removeParentsIfNoChildren:!0,breakRemoveOn:{"x-component":"Grid"}})]})}const ge={title:`{{t("Update record form", { ns: "${C}" })}}`,config:{useInitializer({collections:o}){const n=u.useMemo(()=>o.map(a=>({name:G.camelCase(`updateRecordForm-child-${a.name}`),type:"item",title:a.title,label:a.label,schema:{collection:a.name,title:`{{t("Update record", { ns: "${C}" })}}`,formType:"update","x-designer":"UpdateFormDesigner"},Component:H})),[o]),[r,t]=u.useState(!1),i=e.useMenuSearch(n,r,!0);return{name:"updateRecordForm",key:"updateRecordForm",type:"subMenu",title:`{{t("Update record form", { ns: "${C}" })}}`,componentProps:{onOpenChange(a){t(a.length>0)}},children:i}},initializers:{},components:{FilterDynamicComponent:p.FilterDynamicComponent,UpdateFormDesigner:Ce},parseFormOptions(o){const n={};return P(o,t=>t["x-decorator"]==="FormBlockProvider"&&t["x-decorator-props"].formType==="update").forEach(t=>{var c;const[i]=Object.keys(t.properties),a=t.properties[i];n[i]=F(g({},t["x-decorator-props"]),{type:"update",title:((c=t["x-component-props"])==null?void 0:c.title)||i,actions:P(a.properties.actions,d=>d["x-component"]==="Action").map(d=>{var l,h;return{status:d["x-decorator-props"].value,values:(h=(l=d["x-action-settings"])==null?void 0:l.assignedValues)==null?void 0:h.values,key:d.name}})})}),n}},block:{scope:{},components:{}}},V=new T.Registry;V.register("customForm",R),V.register("createForm",pe),V.register("updateForm",ge);function ye(){const{workflow:o}=p.useFlowContext(),n=p.useTrigger();return n.useInitializers?n.useInitializers(o.config):null}const be={customForm:R.title,record:`{{t("Data record", { ns: "${C}" })}}`};function Se(){var t,i;const o=b.useFieldSchema(),n=(i=be[(t=o["x-designer-props"])==null?void 0:t.type])!=null?i:'{{t("Block")}}',r=e.useCompile();return s.jsxs(e.GeneralSchemaDesigner,{title:r(n),children:[s.jsx(e.SchemaSettingsBlockTitleItem,{}),s.jsx(e.SchemaSettingsDivider,{}),s.jsx(e.SchemaSettingsRemove,{removeParentsIfNoChildren:!0,breakRemoveOn:{"x-component":"Grid"}})]})}const ve=new e.SchemaInitializer({name:"AddBlockButton",wrap:e.gridRowColWrap,title:'{{t("Add block")}}',items:[{type:"itemGroup",name:"dataBlocks",title:'{{t("Data blocks")}}',checkChildrenLength:!0,useChildren(){const o=e.usePlugin(p),n=p.useNodeContext(),r=p.useAvailableUpstreams(n),t=[ye()].filter(Boolean),i=r.map(c=>{var l;const d=o.instructions.get(c.type);return(l=d==null?void 0:d.useInitializers)==null?void 0:l.call(d,c)}).filter(Boolean);return[...t,...i.length?[{name:"nodes",type:"subMenu",title:`{{t("Node result", { ns: "${C}" })}}`,children:i}]:[]].filter(Boolean)}},{type:"itemGroup",name:"form",title:'{{t("Form")}}',useChildren(){const{collections:o}=e.useCollectionManager();return Array.from(V.getValues()).map(n=>{const{useInitializer:r}=n.config;return r({collections:o})})}},{type:"itemGroup",name:"otherBlocks",title:'{{t("Other blocks")}}',children:[{name:"markdown",title:'{{t("Markdown")}}',Component:"MarkdownBlockInitializer"}]}]});function Fe(){var B,O,D;const o=u.useContext(e.SchemaComponentContext),{t:n}=j.useTranslation(),r=b.useFieldSchema(),t=p.useWorkflowVariableOptions(),[i,a]=u.useState(!1),[c,d]=u.useState((D=(O=(B=r==null?void 0:r["x-action-settings"])==null?void 0:B.assignedValues)==null?void 0:O.schema)!=null?D:{type:"void","x-component":"Grid","x-initializer":"CustomFormItemInitializers",properties:{}}),[l,h]=u.useState(null),{components:y}=e.useSchemaOptionsContext();u.useEffect(()=>{h(new b.Schema({properties:{grid:c}}))},[c]);const f=u.useMemo(()=>{var z,N;const w=(N=(z=r==null?void 0:r["x-action-settings"])==null?void 0:z.assignedValues)==null?void 0:N.values;return q.createForm({initialValues:T.lodash.cloneDeep(w),values:T.lodash.cloneDeep(w)})},[r]),m=e.useFormActiveFields(),v=n("Assign field values");function k(){a(!1)}function I(){r["x-action-settings"]||(r["x-action-settings"]={}),r["x-action-settings"].assignedValues||(r["x-action-settings"].assignedValues={}),r["x-action-settings"].assignedValues.schema=c,r["x-action-settings"].assignedValues.values=f.values,a(!1),setTimeout(()=>{var w;(w=o.refresh)==null||w.call(o)},300)}return s.jsxs(s.Fragment,{children:[s.jsx(e.SchemaSettingsItem,{title:v,onClick:()=>a(!0),children:v}),s.jsx(S.Modal,{width:"50%",title:v,open:i,onCancel:k,footer:s.jsxs(S.Space,{children:[s.jsx(S.Button,{onClick:k,children:n("Cancel")}),s.jsx(S.Button,{type:"primary",onClick:I,children:n("Submit")})]}),children:s.jsx(e.DefaultValueProvider,{isAllowToSetDefaultValue:()=>!1,children:s.jsx(e.VariableScopeProvider,{scope:t,children:s.jsx(e.FormActiveFieldsProvider,{name:"form",getActiveFieldsName:m==null?void 0:m.getActiveFieldsName,children:s.jsx(b.FormProvider,{form:f,children:s.jsxs(U.FormLayout,{layout:"vertical",children:[s.jsx(S.Alert,{message:A("Values preset in this form will override user submitted ones when continue or reject.")}),s.jsx("br",{}),i&&l&&s.jsx(e.SchemaComponentContext.Provider,{value:F(g({},o),{refresh(){d(T.lodash.get(l.toJSON(),"properties.grid"))}}),children:s.jsx(e.SchemaComponent,{schema:l,components:y})})]})})})})})})]})}function ke(o){return s.jsxs(e.GeneralSchemaDesigner,F(g({},o),{disableInitializer:!0,children:[s.jsx(e.Action.Designer.ButtonEditor,{}),s.jsx(Fe,{}),s.jsx(e.SchemaSettingsDivider,{}),s.jsx(e.SchemaSettingsRemove,{removeParentsIfNoChildren:!0,breakRemoveOn:{"x-component":"ActionBar"}})]}))}function Ie(){const a=e.useSchemaInitializerItem(),{action:n,actionProps:r}=a,t=M(a,["action","actionProps"]),{insert:i}=e.useSchemaInitializer();return s.jsx(e.SchemaInitializerItem,F(g({},t),{onClick:()=>{i({type:"void",title:t.title,"x-decorator":"ManualActionStatusProvider","x-decorator-props":{value:n},"x-component":"Action","x-component-props":F(g({},r),{useAction:"{{ useSubmit }}"}),"x-designer":"ManualActionDesigner","x-action-settings":{}})}}))}function ee(){const o=e.useSchemaInitializerItem(),i=o,{action:n,actionProps:r}=i,t=M(i,["action","actionProps"]);return s.jsx(e.InitializerWithSwitch,F(g({},t),{item:o,schema:{type:"void",title:t.title,"x-decorator":"ManualActionStatusProvider","x-decorator-props":{value:n},"x-component":"Action","x-component-props":F(g({},r),{useAction:"{{ useSubmit }}"}),"x-designer":"Action.Designer","x-action":`${n}`},type:"x-action"}))}const we=new e.SchemaInitializer({name:"AddActionButton",title:'{{t("Configure actions")}}',items:[{name:"jobStatusResolved",title:`{{t("Continue the process", { ns: "${C}" })}}`,Component:Ie,action:p.JOB_STATUS.RESOLVED,actionProps:{type:"primary"}},{name:"jobStatusRejected",title:`{{t("Terminate the process", { ns: "${C}" })}}`,Component:ee,action:p.JOB_STATUS.REJECTED,actionProps:{danger:!0}},{name:"jobStatusPending",title:`{{t("Save temporarily", { ns: "${C}" })}}`,Component:ee,action:p.JOB_STATUS.PENDING}]});function Ae(){return{run(){}}}function Be({value:o,onChange:n}){const r=e.usePlugin(p),t=u.useContext(e.SchemaComponentContext),i=p.useNodeContext(),a=p.useAvailableUpstreams(i),c=b.useForm(),{workflow:d}=p.useFlowContext(),l={};a.forEach(f=>{const m=r.instructions.get(f.type);Object.assign(l,m.components)});const h=u.useMemo(()=>new b.Schema({properties:{drawer:{type:"void",title:`{{t("User interface", { ns: "${C}" })}}`,"x-decorator":"Form","x-component":"Action.Drawer","x-component-props":{className:e.css`
|
|
1
|
+
(function(C,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("@nocobase/client"),require("@nocobase/plugin-workflow/client"),require("react/jsx-runtime"),require("@formily/antd-v5"),require("@formily/core"),require("@formily/react"),require("antd"),require("react"),require("react-i18next"),require("@nocobase/utils/client"),require("lodash"),require("@ant-design/icons"),require("dayjs")):typeof define=="function"&&define.amd?define(["exports","@nocobase/client","@nocobase/plugin-workflow/client","react/jsx-runtime","@formily/antd-v5","@formily/core","@formily/react","antd","react","react-i18next","@nocobase/utils/client","lodash","@ant-design/icons","dayjs"],e):(C=typeof globalThis!="undefined"?globalThis:C||self,e(C["@nocobase/plugin-workflow-manual"]={},C["@nocobase/client"],C["@nocobase/plugin-workflow"],C.jsxRuntime,C["@formily/antd-v5"],C["@formily/core"],C["@formily/react"],C.antd,C.react,C["react-i18next"],C["@nocobase/utils"],C.lodash,C["@ant-design/icons"],C.dayjs))})(this,function(C,e,p,s,U,q,b,S,m,j,T,G,_,se){"use strict";var Re=Object.defineProperty,eo=Object.defineProperties;var oo=Object.getOwnPropertyDescriptors;var J=Object.getOwnPropertySymbols;var ne=Object.prototype.hasOwnProperty,re=Object.prototype.propertyIsEnumerable;var L=(C,e,p)=>e in C?Re(C,e,{enumerable:!0,configurable:!0,writable:!0,value:p}):C[e]=p,g=(C,e)=>{for(var p in e||(e={}))ne.call(e,p)&&L(C,p,e[p]);if(J)for(var p of J(e))re.call(e,p)&&L(C,p,e[p]);return C},F=(C,e)=>eo(C,oo(e));var M=(C,e)=>{var p={};for(var s in C)ne.call(C,s)&&e.indexOf(s)<0&&(p[s]=C[s]);if(C!=null&&J)for(var s of J(C))e.indexOf(s)<0&&re.call(C,s)&&(p[s]=C[s]);return p};var $=(C,e,p)=>(L(C,typeof e!="symbol"?e+"":e,p),p);var E=(C,e,p)=>new Promise((s,U)=>{var q=m=>{try{S(p.next(m))}catch(j){U(j)}},b=m=>{try{S(p.throw(m))}catch(j){U(j)}},S=m=>m.done?s(m.value):Promise.resolve(m.value).then(q,b);S((p=p.apply(C,e)).next())});const y="workflow-manual";function B(o,n={}){const{t:r}=ie(n);return r(o)}function ie(o){return j.useTranslation(y,o)}function ae(o){const{execution:n,nodes:r}=p.useFlowContext(),t=m.useMemo(()=>r.reduce((l,f)=>Object.assign(l,{[f.id]:f.key}),{}),[r]),i=m.useMemo(()=>{var l;return{$context:n==null?void 0:n.context,$jobsMapByNodeKey:((l=n==null?void 0:n.jobs)!=null?l:[]).reduce((f,u)=>Object.assign(f,{[t[u.nodeId]]:u.result}),{})}},[n==null?void 0:n.context,n==null?void 0:n.jobs,t]);return m.useMemo(()=>T.parse(o)(i),[i,o])}function Q(o){const n=b.useField(),r=m.useRef(null),{getAssociationAppends:t}=e.useAssociationNames(),{appends:i,updateAssociationValues:a}=t(),l=ae(o.dataSource),f=m.useMemo(()=>q.createForm({values:l,readPretty:!0}),[l]),u={appends:i},h={loading:!1,data:{data:l}},c=e.useAPIClient().resource(o.collection),d=m.useContext(e.BlockRequestContext);return s.jsx(e.CollectionProvider,{collection:o.collection,children:s.jsx(e.RecordProvider,{record:l,parent:!1,children:s.jsx(e.BlockRequestContext.Provider,{value:{block:"form",field:n,service:h,resource:c,__parent:d},children:s.jsx(e.FormBlockContext.Provider,{value:{params:u,form:f,field:n,service:h,updateAssociationValues:a,formBlockRef:r},children:o.children})})})})}function Y(o){var w,z,N;const n=e.useRecord(),r=b.useFieldSchema(),t=b.useField(),i=m.useRef(null),{getAssociationAppends:a}=e.useAssociationNames(),{appends:l,updateAssociationValues:f}=a(),[u]=Object.keys((w=r.toJSON().properties)!=null?w:{}),h=(z=n==null?void 0:n.result)==null?void 0:z[u],{findComponent:x}=e.useDesignable(),c=x((N=t.component)==null?void 0:N[0])||m.Fragment,d=m.useMemo(()=>q.createForm({initialValues:h}),[h]),v=m.useMemo(()=>g({appends:l},o.params),[l,o.params]),A=m.useMemo(()=>({loading:!1,data:{data:h}}),[h]),I=e.useAPIClient().resource(o.collection),O=m.useContext(e.BlockRequestContext),D=m.useMemo(()=>({params:v,form:d,field:t,service:A,updateAssociationValues:f,formBlockRef:i}),[t,d,v,A,f]);return!n.status||h?s.jsx(e.CollectionProvider,{collection:o.collection,children:s.jsx(e.RecordProvider,{record:h,parent:!1,children:s.jsx(e.FormActiveFieldsProvider,{name:"form",children:s.jsx(e.BlockRequestContext.Provider,{value:{block:"form",props:o,field:t,service:A,resource:I,__parent:O},children:s.jsx(e.FormBlockContext.Provider,{value:D,children:s.jsxs(c,F(g({},t.componentProps),{children:[s.jsx(e.FormV2.Templates,{style:{marginBottom:18},form:d}),s.jsx("div",{ref:i,children:s.jsx(b.RecursionField,{schema:r,onlyRenderProperties:!0})})]}))})})})})}):null}function ce(r){var t=r,{schema:o}=t,n=M(t,["schema"]);const{getTemplateSchemaByMode:i}=e.useSchemaTemplateManager(),{insert:a}=e.useSchemaInitializer(),l=e.useRecordCollectionDataSourceItems("FormItem");function f(h){return E(this,arguments,function*({item:u}){var A;const x=u.template?yield i(u):null,c=e.createFormBlockSchema(F(g({actionInitializers:"AddActionButton",actions:{resolve:{type:"void",title:`{{t("Continue the process", { ns: "${y}" })}}`,"x-decorator":"ManualActionStatusProvider","x-decorator-props":{value:p.JOB_STATUS.RESOLVED},"x-component":"Action","x-component-props":{type:"primary",useAction:"{{ useSubmit }}"},"x-designer":"ManualActionDesigner","x-designer-props":{}}}},o),{template:x}));delete c["x-acl-action-props"],delete c["x-acl-action"];const[d]=Object.keys(c.properties),v=((A=Object.entries(c.properties[d].properties).find(([k,I])=>I["x-component"]==="ActionBar"))==null?void 0:A[0])||"actions";c.properties[d].properties[v]["x-decorator"]="ActionBarProvider",c.properties[d].properties[v]["x-component-props"].style={marginTop:"1.5em",flexWrap:"wrap"},p.traverseSchema(c,k=>{k["x-uid"]&&delete k["x-uid"]}),a(c)})}return s.jsx(e.SchemaInitializerItem,F(g({},n),{onClick:f,items:l}))}function H(){var n;const o=e.useSchemaInitializerItem();return s.jsx(e.CollectionProvider,{collection:(n=o.schema)==null?void 0:n.collection,children:s.jsx(ce,g({},o))})}function P(o,n,r=!1){const t=[];return o?n(o)&&(!r||!o.properties)?(t.push(o),t):(o.properties&&Object.keys(o.properties).forEach(i=>{t.push(...P(o.properties[i],n))}),t):t}function le(){const{name:o,title:n}=e.useCollection();return s.jsxs(e.GeneralSchemaDesigner,{title:n||o,children:[s.jsx(e.SchemaSettingsBlockTitleItem,{}),s.jsx(e.SchemaSettingsLinkageRules,{collectionName:o}),s.jsx(e.SchemaSettingsDataTemplates,{collectionName:o}),s.jsx(e.SchemaSettingsDivider,{}),s.jsx(e.SchemaSettingsRemove,{removeParentsIfNoChildren:!0,breakRemoveOn:{"x-component":"Grid"}})]})}const pe={title:`{{t("Create record form", { ns: "${y}" })}}`,config:{useInitializer({collections:o}){const n=m.useMemo(()=>o.map(a=>({name:G.camelCase(`createRecordForm-child-${a.name}`),type:"item",title:a.title,label:a.label,schema:{collection:a.name,title:`{{t("Create record", { ns: "${y}" })}}`,formType:"create","x-designer":"CreateFormDesigner"},Component:H})),[o]),[r,t]=m.useState(!1),i=e.useMenuSearch(n,r,!0);return{name:"createRecordForm",key:"createRecordForm",type:"subMenu",title:`{{t("Create record form", { ns: "${y}" })}}`,componentProps:{onOpenChange(a){t(a.length>0)}},children:i}},initializers:{},components:{CreateFormDesigner:le},parseFormOptions(o){const n={};return P(o,t=>t["x-decorator"]==="FormBlockProvider"&&t["x-decorator-props"].formType==="create").forEach(t=>{var f,u;const[i]=Object.keys(t.properties),a=t.properties[i],l=((f=Object.entries(a.properties).find(([h,x])=>x["x-component"]==="ActionBar"))==null?void 0:f[0])||"actions";n[i]={type:"create",title:((u=t["x-component-props"])==null?void 0:u.title)||i,actions:P(a.properties[l],h=>h["x-component"]==="Action").map(h=>{var x,c;return{status:h["x-decorator-props"].value,values:(c=(x=h["x-action-settings"])==null?void 0:x.assignedValues)==null?void 0:c.values,key:h.name}}),collection:t["x-decorator-props"].collection}}),n}},block:{scope:{},components:{}}};function X(o){var h,x,c,d;const[n,r]=m.useState((x=(h=o.collection)==null?void 0:h.fields)!=null?x:[]),t=e.useRecord(),i=b.useField(),a=b.useFieldSchema(),[l]=Object.keys((c=a.toJSON().properties)!=null?c:{}),f=(d=t==null?void 0:t.result)==null?void 0:d[l],u=m.useMemo(()=>q.createForm({initialValues:f}),[f]);return!t.status||f?s.jsx(e.CollectionProvider,{collection:F(g({},o.collection),{fields:n}),children:s.jsx(e.RecordProvider,{record:f,parent:!1,children:s.jsx(e.FormBlockContext.Provider,{value:{form:u,field:i,setCollectionFields:r},children:o.children})})}):null}function de(){const{insert:o}=e.useSchemaInitializer(),n=e.useSchemaInitializerItem();return s.jsx(e.SchemaInitializerItem,F(g({},n),{onClick:()=>{o({type:"void","x-decorator":"CustomFormBlockProvider","x-decorator-props":{collection:{name:T.uid(),fields:[]}},"x-component":"CardItem","x-component-props":{title:'{{t("Form")}}'},"x-designer":"SimpleDesigner","x-designer-props":{type:"customForm"},properties:{[T.uid()]:{type:"void","x-component":"FormV2","x-component-props":{useProps:"{{ useFormBlockProps }}"},properties:{grid:{type:"void","x-component":"Grid","x-initializer":"AddCustomFormField"},actions:{type:"void","x-decorator":"ActionBarProvider","x-component":"ActionBar","x-component-props":{layout:"one-column",style:{marginTop:"1.5em",flexWrap:"wrap"}},"x-initializer":"AddActionButton",properties:{resolve:{type:"void",title:`{{t("Continue the process", { ns: "${y}" })}}`,"x-decorator":"ManualActionStatusProvider","x-decorator-props":{value:p.JOB_STATUS.RESOLVED},"x-component":"Action","x-component-props":{type:"primary",useAction:"{{ useSubmit }}"},"x-designer":"ManualActionDesigner"}}}}}}})}}))}const Z={basic:'{{t("Basic")}}',choices:'{{t("Choices")}}',media:'{{t("Media")}}',datetime:'{{t("Date & Time")}}',relation:'{{t("Relation")}}',advanced:'{{t("Advanced type")}}',systemInfo:'{{t("System info")}}',others:'{{t("Others")}}'};function ue(o){const n={};return Object.keys(o).forEach(r=>{const t=o[r],{group:i="others"}=t;n[i]=n[i]||{},G.set(n,[i,r],t)}),Object.keys(Z).filter(r=>["basic","choices","datetime","media"].includes(r)).map(r=>({title:Z[r],children:Object.keys(n[r]||{}).map(t=>{const i=n[r][t];return g({value:t,title:i.title,name:t},n[r][t])}).sort((t,i)=>t.order-i.order)}))}function me(){const{interfaces:o}=e.useCollectionManager();return ue(o).map(r=>({name:r.title,type:"itemGroup",title:r.title,children:r.children.map(t=>({name:t.name,type:"item",title:t.title,Component:xe,fieldInterface:t.name}))}))}const W=m.createContext({}),fe=o=>{const[n,r]=m.useState(null),[t,i]=m.useState(),a=me(),l=m.useContext(e.CollectionContext),{setCollectionFields:f}=m.useContext(e.FormBlockContext);return s.jsxs(W.Provider,{value:{onAddField(u){const v=G.cloneDeep(u),{properties:A}=v,k=A,{unique:h,type:x}=k,c=M(k,["unique","type"]),d=M(v,["properties"]);delete c.name["x-disabled"],r(F(g({},d),{properties:c}))},setCallback:i},children:[s.jsx(e.SchemaInitializerItems,F(g({},o),{items:a})),s.jsx(e.ActionContextProvider,{value:{visible:!!n},children:n?s.jsx(e.SchemaComponent,{schema:{type:"void",name:"drawer",title:'{{t("Configure field")}}',"x-decorator":"Form","x-component":"Action.Drawer",properties:F(g({},n.properties),{footer:{type:"void","x-component":"Action.Drawer.Footer",properties:{cancel:{type:"void",title:'{{t("Cancel")}}',"x-component":"Action","x-component-props":{useAction(){const u=b.useForm();return{run(){return E(this,null,function*(){i(null),r(null),u.reset()})}}}}},submit:{type:"void",title:'{{t("Submit")}}',"x-component":"Action","x-component-props":{type:"primary",useAction(){const{values:u,query:h}=b.useForm(),x=[B("Field name existed in form")];return{run(){return E(this,null,function*(){var I,O,D,w;const{default:d}=n,v=T.uid();if(d.name=(I=u.name)!=null?I:v,d.uiSchema.title=(D=(O=u.uiSchema)==null?void 0:O.title)!=null?D:v,d.interface=n.name,(w=l.fields)==null?void 0:w.find(z=>z.name===d.name)){h("name").take().setFeedback({type:"error",messages:x});return}const k=T.merge(d,u);f([...l.fields,k]),t({name:d.name,type:d.uiSchema.type,"x-decorator":"FormItem","x-component":"CollectionField","x-component-props":{field:k},"x-collection-field":`${l.name}.${d.name}`,"x-designer":"FormItem.Designer"}),i(null),r(null)})}}}}}}}})},components:{ArrayTable:U.ArrayTable}}):null})]})},he=new e.SchemaInitializer({name:"AddCustomFormField",wrap:e.gridRowColWrap,insertPosition:"beforeEnd",title:"{{t('Configure fields')}}",ItemsComponent:fe});function xe(){const o=e.useSchemaInitializerItem(),{insert:n,setVisible:r}=e.useSchemaInitializer(),{onAddField:t,setCallback:i}=m.useContext(W),{getInterface:a}=e.useCollectionManager(),l=a(o.fieldInterface);return s.jsx(e.SchemaInitializerItem,g({onClick:()=>{i(()=>n),t(l),r(!1)}},o),o.fieldInterface)}const R={title:`{{t("Custom form", { ns: "${y}" })}}`,config:{useInitializer(){return{name:"customForm",type:"item",title:`{{t("Custom form", { ns: "${y}" })}}`,Component:de}},initializers:{},components:{CustomFormBlockProvider:X},parseFormOptions(o){const n={};return P(o,t=>t["x-decorator"]==="CustomFormBlockProvider").forEach(t=>{var u,h;const[i]=Object.keys(t.properties),a=t.properties[i],l=P(a.properties.grid,x=>x["x-component"]==="CollectionField",!0);t["x-decorator-props"].collection.fields=l.map(x=>{var c,d;return(d=(c=x["x-component-props"])==null?void 0:c.field)!=null?d:x["x-interface-options"]});const f=((u=Object.entries(a.properties).find(([x,c])=>c["x-component"]==="ActionBar"))==null?void 0:u[0])||"actions";n[i]={type:"custom",title:((h=t["x-component-props"])==null?void 0:h.title)||i,actions:P(a.properties[f],x=>x["x-component"]==="Action").map(x=>{var c,d;return{status:x["x-decorator-props"].value,values:(d=(c=x["x-action-settings"])==null?void 0:c.assignedValues)==null?void 0:d.values,key:x.name}}),collection:t["x-decorator-props"].collection}}),n}},block:{scope:{},components:{CustomFormBlockProvider:X}}};function Ce(){const{name:o,title:n}=e.useCollection(),r=b.useFieldSchema(),{t}=j.useTranslation(),{dn:i}=e.useDesignable();return s.jsxs(e.GeneralSchemaDesigner,{title:n||o,children:[s.jsx(e.SchemaSettingsBlockTitleItem,{}),s.jsx(e.SchemaSettingsActionModalItem,{title:t("Filter settings",{ns:y}),schema:{name:"filter",type:"object",title:'{{t("Filter")}}',"x-component":"Filter","x-component-props":{useProps(){var l;return{options:e.useCollectionFilterOptions((l=r==null?void 0:r["x-decorator-props"])==null?void 0:l.collection)}},dynamicComponent:"FilterDynamicComponent"}},initialValues:r==null?void 0:r["x-decorator-props"],onSubmit:({filter:a})=>{r["x-decorator-props"].filter=a,i.emit("patch",{schema:{"x-decorator-props":r["x-decorator-props"]}}),i.refresh()}}),s.jsx(e.SchemaSettingsLinkageRules,{collectionName:o}),s.jsx(e.SchemaSettingsDivider,{}),s.jsx(e.SchemaSettingsRemove,{removeParentsIfNoChildren:!0,breakRemoveOn:{"x-component":"Grid"}})]})}const ye={title:`{{t("Update record form", { ns: "${y}" })}}`,config:{useInitializer({collections:o}){const n=m.useMemo(()=>o.map(a=>({name:G.camelCase(`updateRecordForm-child-${a.name}`),type:"item",title:a.title,label:a.label,schema:{collection:a.name,title:`{{t("Update record", { ns: "${y}" })}}`,formType:"update","x-designer":"UpdateFormDesigner"},Component:H})),[o]),[r,t]=m.useState(!1),i=e.useMenuSearch(n,r,!0);return{name:"updateRecordForm",key:"updateRecordForm",type:"subMenu",title:`{{t("Update record form", { ns: "${y}" })}}`,componentProps:{onOpenChange(a){t(a.length>0)}},children:i}},initializers:{},components:{FilterDynamicComponent:p.FilterDynamicComponent,UpdateFormDesigner:Ce},parseFormOptions(o){const n={};return P(o,t=>t["x-decorator"]==="FormBlockProvider"&&t["x-decorator-props"].formType==="update").forEach(t=>{var f,u;const[i]=Object.keys(t.properties),a=t.properties[i],l=((f=Object.entries(a.properties).find(([h,x])=>x["x-component"]==="ActionBar"))==null?void 0:f[0])||"actions";n[i]=F(g({},t["x-decorator-props"]),{type:"update",title:((u=t["x-component-props"])==null?void 0:u.title)||i,actions:P(a.properties[l],h=>h["x-component"]==="Action").map(h=>{var x,c;return{status:h["x-decorator-props"].value,values:(c=(x=h["x-action-settings"])==null?void 0:x.assignedValues)==null?void 0:c.values,key:h.name}})})}),n}},block:{scope:{},components:{}}},V=new T.Registry;V.register("customForm",R),V.register("createForm",pe),V.register("updateForm",ye);function ge(){const{workflow:o}=p.useFlowContext(),n=p.useTrigger();return n.useInitializers?n.useInitializers(o.config):null}const be={customForm:R.title,record:`{{t("Data record", { ns: "${y}" })}}`};function Se(){var t,i;const o=b.useFieldSchema(),n=(i=be[(t=o["x-designer-props"])==null?void 0:t.type])!=null?i:'{{t("Block")}}',r=e.useCompile();return s.jsxs(e.GeneralSchemaDesigner,{title:r(n),children:[s.jsx(e.SchemaSettingsBlockTitleItem,{}),s.jsx(e.SchemaSettingsDivider,{}),s.jsx(e.SchemaSettingsRemove,{removeParentsIfNoChildren:!0,breakRemoveOn:{"x-component":"Grid"}})]})}const ve=new e.SchemaInitializer({name:"AddBlockButton",wrap:e.gridRowColWrap,title:'{{t("Add block")}}',items:[{type:"itemGroup",name:"dataBlocks",title:'{{t("Data blocks")}}',checkChildrenLength:!0,useChildren(){const o=e.usePlugin(p),n=p.useNodeContext(),r=p.useAvailableUpstreams(n),t=[ge()].filter(Boolean),i=r.map(l=>{var u;const f=o.instructions.get(l.type);return(u=f==null?void 0:f.useInitializers)==null?void 0:u.call(f,l)}).filter(Boolean);return[...t,...i.length?[{name:"nodes",type:"subMenu",title:`{{t("Node result", { ns: "${y}" })}}`,children:i}]:[]].filter(Boolean)}},{type:"itemGroup",name:"form",title:'{{t("Form")}}',useChildren(){const{collections:o}=e.useCollectionManager();return Array.from(V.getValues()).map(n=>{const{useInitializer:r}=n.config;return r({collections:o})})}},{type:"itemGroup",name:"otherBlocks",title:'{{t("Other blocks")}}',children:[{name:"markdown",title:'{{t("Markdown")}}',Component:"MarkdownBlockInitializer"}]}]});function Fe(){var I,O,D;const o=m.useContext(e.SchemaComponentContext),{t:n}=j.useTranslation(),r=b.useFieldSchema(),t=p.useWorkflowVariableOptions(),[i,a]=m.useState(!1),[l,f]=m.useState((D=(O=(I=r==null?void 0:r["x-action-settings"])==null?void 0:I.assignedValues)==null?void 0:O.schema)!=null?D:{type:"void","x-component":"Grid","x-initializer":"CustomFormItemInitializers",properties:{}}),[u,h]=m.useState(null),{components:x}=e.useSchemaOptionsContext();m.useEffect(()=>{h(new b.Schema({properties:{grid:l}}))},[l]);const c=m.useMemo(()=>{var z,N;const w=(N=(z=r==null?void 0:r["x-action-settings"])==null?void 0:z.assignedValues)==null?void 0:N.values;return q.createForm({initialValues:T.lodash.cloneDeep(w),values:T.lodash.cloneDeep(w)})},[r]),d=e.useFormActiveFields(),v=n("Assign field values");function A(){a(!1)}function k(){r["x-action-settings"]||(r["x-action-settings"]={}),r["x-action-settings"].assignedValues||(r["x-action-settings"].assignedValues={}),r["x-action-settings"].assignedValues.schema=l,r["x-action-settings"].assignedValues.values=c.values,a(!1),setTimeout(()=>{var w;(w=o.refresh)==null||w.call(o)},300)}return s.jsxs(s.Fragment,{children:[s.jsx(e.SchemaSettingsItem,{title:v,onClick:()=>a(!0),children:v}),s.jsx(S.Modal,{width:"50%",title:v,open:i,onCancel:A,footer:s.jsxs(S.Space,{children:[s.jsx(S.Button,{onClick:A,children:n("Cancel")}),s.jsx(S.Button,{type:"primary",onClick:k,children:n("Submit")})]}),children:s.jsx(e.DefaultValueProvider,{isAllowToSetDefaultValue:()=>!1,children:s.jsx(e.VariableScopeProvider,{scope:t,children:s.jsx(e.FormActiveFieldsProvider,{name:"form",getActiveFieldsName:d==null?void 0:d.getActiveFieldsName,children:s.jsx(b.FormProvider,{form:c,children:s.jsxs(U.FormLayout,{layout:"vertical",children:[s.jsx(S.Alert,{message:B("Values preset in this form will override user submitted ones when continue or reject.")}),s.jsx("br",{}),i&&u&&s.jsx(e.SchemaComponentContext.Provider,{value:F(g({},o),{refresh(){f(T.lodash.get(u.toJSON(),"properties.grid"))}}),children:s.jsx(e.SchemaComponent,{schema:u,components:x})})]})})})})})})]})}function ke(o){return s.jsxs(e.GeneralSchemaDesigner,F(g({},o),{disableInitializer:!0,children:[s.jsx(e.Action.Designer.ButtonEditor,{}),s.jsx(Fe,{}),s.jsx(e.SchemaSettingsDivider,{}),s.jsx(e.SchemaSettingsRemove,{removeParentsIfNoChildren:!0,breakRemoveOn:{"x-component":"ActionBar"}})]}))}function Ae(){const a=e.useSchemaInitializerItem(),{action:n,actionProps:r}=a,t=M(a,["action","actionProps"]),{insert:i}=e.useSchemaInitializer();return s.jsx(e.SchemaInitializerItem,F(g({},t),{onClick:()=>{i({type:"void",title:t.title,"x-decorator":"ManualActionStatusProvider","x-decorator-props":{value:n},"x-component":"Action","x-component-props":F(g({},r),{useAction:"{{ useSubmit }}"}),"x-designer":"ManualActionDesigner","x-action-settings":{}})}}))}function ee(){const o=e.useSchemaInitializerItem(),i=o,{action:n,actionProps:r}=i,t=M(i,["action","actionProps"]);return s.jsx(e.InitializerWithSwitch,F(g({},t),{item:o,schema:{type:"void",title:t.title,"x-decorator":"ManualActionStatusProvider","x-decorator-props":{value:n},"x-component":"Action","x-component-props":F(g({},r),{useAction:"{{ useSubmit }}"}),"x-designer":"Action.Designer","x-action":`${n}`},type:"x-action"}))}const Ie=new e.SchemaInitializer({name:"AddActionButton",title:'{{t("Configure actions")}}',items:[{name:"jobStatusResolved",title:`{{t("Continue the process", { ns: "${y}" })}}`,Component:Ae,action:p.JOB_STATUS.RESOLVED,actionProps:{type:"primary"}},{name:"jobStatusRejected",title:`{{t("Terminate the process", { ns: "${y}" })}}`,Component:ee,action:p.JOB_STATUS.REJECTED,actionProps:{danger:!0}},{name:"jobStatusPending",title:`{{t("Save temporarily", { ns: "${y}" })}}`,Component:ee,action:p.JOB_STATUS.PENDING}]});function we(){return{run(){}}}function Be({value:o,onChange:n}){const r=e.usePlugin(p),t=m.useContext(e.SchemaComponentContext),i=p.useNodeContext(),a=p.useAvailableUpstreams(i),l=b.useForm(),{workflow:f}=p.useFlowContext(),u={};a.forEach(c=>{const d=r.instructions.get(c.type);Object.assign(u,d.components)});const h=m.useMemo(()=>new b.Schema({properties:{drawer:{type:"void",title:`{{t("User interface", { ns: "${y}" })}}`,"x-decorator":"Form","x-component":"Action.Drawer","x-component-props":{className:e.css`
|
|
2
2
|
.ant-drawer-body {
|
|
3
3
|
background: var(--nb-box-bg);
|
|
4
4
|
}
|
|
5
|
-
`},properties:{tabs:{type:"void","x-component":"Tabs","x-component-props":{},"x-initializer":"TabPaneInitializers","x-initializer-props":{gridInitializer:"AddBlockButton"},properties:o!=null?o:{tab1:{type:"void",title:`{{t("Manual", { ns: "${
|
|
5
|
+
`},properties:{tabs:{type:"void","x-component":"Tabs","x-component-props":{},"x-initializer":"TabPaneInitializers","x-initializer-props":{gridInitializer:"AddBlockButton"},properties:o!=null?o:{tab1:{type:"void",title:`{{t("Manual", { ns: "${y}" })}}`,"x-component":"Tabs.TabPane","x-designer":"Tabs.Designer",properties:{grid:{type:"void","x-component":"Grid","x-initializer":"AddBlockButton",properties:{}}}}}}}}}}),[]),x=m.useCallback(function(){const{tabs:d}=T.lodash.get(h.toJSON(),"properties.drawer.properties"),v=Array.from(V.getValues()).reduce((A,k)=>Object.assign(A,k.config.parseFormOptions(d)),{});l.setValuesIn("forms",v),n(d.properties)},[l,n,h]);return s.jsx(e.SchemaComponentContext.Provider,{value:F(g({},t),{designable:!f.executed,refresh:x}),children:s.jsx(e.SchemaComponent,{schema:h,components:F(g(g({},u),Array.from(V.getValues()).reduce((c,d)=>Object.assign(c,d.config.components),{})),{FormBlockProvider:Y,DetailsBlockProvider:Q,ManualActionStatusProvider(c){return c.children},ActionBarProvider(c){return c.children},SimpleDesigner:Se,ManualActionDesigner:ke}),scope:{useSubmit:we,useDetailsBlockProps:e.useFormBlockContext}})})}function Te(o){const{workflow:n}=p.useFlowContext(),[r,t]=m.useState(!1);return s.jsxs(s.Fragment,{children:[s.jsx(S.Button,{type:"primary",onClick:()=>t(!0),disabled:!1,children:B(n.executed?"View user interface":"Configure user interface")}),s.jsx(e.ActionContextProvider,{value:{visible:r,setVisible:t,formValueChanged:!1},children:o.children})]})}function Oe({value:o,onChange:n}){const r=s.jsx("fieldset",{children:s.jsx(U.FormLayout,{layout:"vertical",children:s.jsx(e.FormItem,{label:B("Negotiation"),children:s.jsxs(S.Radio.Group,{value:o,onChange:n,children:[s.jsx(S.Radio,{value:1,children:s.jsxs(S.Tooltip,{title:B("Everyone should pass"),placement:"bottom",children:[s.jsx("span",{children:B("All pass")}),s.jsx(_.QuestionCircleOutlined,{style:{color:"#999"}})]})}),s.jsx(S.Radio,{value:-1,children:s.jsxs(S.Tooltip,{title:B("Anyone pass"),placement:"bottom",children:[s.jsx("span",{children:B("Any pass")}),s.jsx(_.QuestionCircleOutlined,{style:{color:"#999"}})]})})]})})})});return s.jsxs("fieldset",{className:e.css`
|
|
6
6
|
.ant-radio-group {
|
|
7
7
|
.anticon {
|
|
8
8
|
margin-left: 0.5em;
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
|
-
`,children:[s.jsx(S.Form.Item,{children:s.jsxs(S.Radio.Group,{value:!!o,onChange:({target:{value:t}})=>{console.log(t),n(Number(t))},children:[s.jsx(S.Radio,{value:!0,children:s.jsxs(S.Tooltip,{title:A("Each user has own task"),placement:"bottom",children:[s.jsx("span",{children:A("Separately")}),s.jsx(_.QuestionCircleOutlined,{style:{color:"#999"}})]})}),s.jsx(S.Radio,{value:!1,children:s.jsxs(S.Tooltip,{title:A("Everyone shares one task"),placement:"bottom",children:[s.jsx("span",{children:A("Collaboratively")}),s.jsx(_.QuestionCircleOutlined,{style:{color:"#999"}})]})})]})}),o?r:null]})}function De(o){return o.isForeignKey?o.target==="users":o.collectionName==="users"&&o.name==="id"}function ze({multiple:o=!1,value:n=[],onChange:r}){const t=p.useWorkflowVariableOptions({types:[De]});return s.jsx(e.Variable.Input,{scope:t,value:n[0],onChange:i=>{r([i])},children:s.jsx(e.RemoteSelect,{fieldNames:{label:"nickname",value:"id"},service:{resource:"users"},manual:!1,value:n[0],onChange:i=>{r(i!=null?[i]:[])}})})}class Me extends p.Instruction{constructor(){super(...arguments);$(this,"title",`{{t("Manual", { ns: "${C}" })}}`);$(this,"type","manual");$(this,"group","manual");$(this,"description",`{{t("Could be used for manually submitting data, and determine whether to continue or exit. Workflow will generate a todo item for assigned user when it reaches a manual node, and continue processing after user submits the form.", { ns: "${C}" })}}`);$(this,"fieldset",{assignees:{type:"array",title:`{{t("Assignees", { ns: "${C}" })}}`,"x-decorator":"FormItem","x-component":"AssigneesSelect","x-component-props":{},required:!0,default:[]},mode:{type:"number",title:`{{t("Mode", { ns: "${C}" })}}`,"x-decorator":"FormItem","x-component":"ModeConfig",default:1,"x-reactions":{dependencies:["assignees"],fulfill:{state:{visible:"{{$deps[0].length > 1}}"}}}},schema:{type:"void",title:`{{t("User interface", { ns: "${C}" })}}`,"x-decorator":"FormItem","x-component":"SchemaConfigButton",properties:{schema:{type:"object","x-component":"SchemaConfig",default:null}}},forms:{type:"object",default:{}}});$(this,"components",{SchemaConfigButton:Te,SchemaConfig:Be,ModeConfig:Oe,AssigneesSelect:ze})}useVariables({key:r,title:t,config:i},{types:a,fieldNames:c=p.defaultFieldNames}){var f;const d=e.useCompile(),{getCollectionFields:l}=e.useCollectionManager(),h=Object.keys((f=i.forms)!=null?f:{});if(!h.length)return null;const y=h.map(m=>{var B;const v=i.forms[m],k=p.getCollectionFieldOptions({fields:(B=v.collection)==null?void 0:B.fields,collection:v.collection,types:a,compile:d,getCollectionFields:l}),I=d(v.title)||m;return k.length?{key:m,value:m,label:I,title:I,children:k}:null}).filter(Boolean);return y.length?{[c.value]:r,[c.label]:t,[c.children]:y}:null}useInitializers(r){var c;const{getCollection:t}=e.useCollectionManager(),i=Object.keys((c=r.config.forms)!=null?c:{});if(!i.length||r.config.mode)return null;const a=i.map(d=>{var y,f;const l=r.config.forms[d],{fields:h=[]}=t(l.collection);return h.length?{name:(y=l.title)!=null?y:d,type:"item",title:(f=l.title)!=null?f:d,Component:p.CollectionBlockInitializer,collection:l.collection,dataSource:`{{$jobsMapByNodeKey.${r.key}.${d}}}`}:null}).filter(Boolean);return a.length?{name:`#${r.id}`,key:"forms",type:"subMenu",title:r.title,children:a}:null}isAvailable({engine:r,workflow:t,upstream:i,branchIndex:a}){return!r.isWorkflowSync(t)}}const Pe={title:`{{t("Task", { ns: "${C}" })}}`,name:"flow_nodes",fields:[{type:"bigInt",name:"id",interface:"m2o",uiSchema:{type:"number",title:"ID","x-component":"RemoteSelect","x-component-props":{fieldNames:{label:"title",value:"id"},service:{resource:"flow_nodes",params:{filter:{type:"manual"}}}}}},{type:"string",name:"title",interface:"input",uiSchema:{type:"string",title:'{{t("Title")}}',"x-component":"Input"}}]},Ve={title:`{{t("Workflow", { ns: "${C}" })}}`,name:"workflows",fields:[{type:"string",name:"title",interface:"input",uiSchema:{title:'{{t("Name")}}',type:"string","x-component":"Input",required:!0}}]},je={title:`{{t("Workflow todos", { ns: "${C}" })}}`,name:"users_jobs",fields:[{type:"belongsTo",name:"user",target:"users",foreignKey:"userId",interface:"m2o",uiSchema:{type:"number",title:'{{t("User")}}',"x-component":"RemoteSelect","x-component-props":{fieldNames:{label:"nickname",value:"id"},service:{resource:"users"}}}},{type:"belongsTo",name:"node",target:"flow_nodes",foreignKey:"nodeId",interface:"m2o",isAssociation:!0,uiSchema:{type:"number",title:`{{t("Task", { ns: "${C}" })}}`,"x-component":"RemoteSelect","x-component-props":{fieldNames:{label:"title",value:"id"},service:{resource:"flow_nodes"}}}},{type:"belongsTo",name:"workflow",target:"workflows",foreignKey:"workflowId",interface:"m2o",uiSchema:{type:"number",title:`{{t("Workflow", { ns: "${C}" })}}`,"x-component":"RemoteSelect","x-component-props":{fieldNames:{label:"title",value:"id"},service:{resource:"workflows"}}}},{type:"integer",name:"status",interface:"select",uiSchema:{type:"number",title:`{{t("Status", { ns: "${C}" })}}`,"x-component":"Select",enum:p.JobStatusOptions}},{name:"createdAt",type:"date",interface:"createdAt",uiSchema:{type:"datetime",title:'{{t("Created at")}}',"x-component":"DatePicker","x-component-props":{showTime:!0}}}]},Ne=b.observer(()=>{var n,r,t;const o=b.useField();return(t=(n=o==null?void 0:o.value)==null?void 0:n.title)!=null?t:`#${(r=o.value)==null?void 0:r.id}`},{displayName:"NodeColumn"}),$e=b.observer(()=>{var n,r,t;const o=b.useField();return(t=(n=o==null?void 0:o.value)==null?void 0:n.title)!=null?t:`#${(r=o.value)==null?void 0:r.id}`},{displayName:"WorkflowColumn"}),Ee=b.observer(()=>{var n,r,t;const o=b.useField();return(t=(n=o==null?void 0:o.value)==null?void 0:n.nickname)!=null?t:(r=o.value)==null?void 0:r.id},{displayName:"UserColumn"});function Ue(o){const n=e.useRecord(),r=A("Unprocessed");return n.execution.status&&!n.status?s.jsx(S.Tag,{children:r}):o.children}const K=()=>s.jsx(e.SchemaComponent,{components:{NodeColumn:Ne,WorkflowColumn:$e,UserColumn:Ee,UserJobStatusColumn:Ue},schema:{type:"void",properties:{actions:{type:"void","x-component":"ActionBar","x-component-props":{style:{marginBottom:16}},properties:{filter:{type:"void",title:'{{ t("Filter") }}',"x-action":"filter","x-designer":"Filter.Action.Designer","x-component":"Filter.Action","x-component-props":{icon:"FilterOutlined",useProps:"{{ useFilterActionProps }}"},"x-align":"left"},refresher:{type:"void",title:'{{ t("Refresh") }}',"x-action":"refresh","x-component":"Action","x-designer":"Action.Designer","x-component-props":{icon:"ReloadOutlined",useProps:"{{ useRefreshActionProps }}"},"x-align":"right"}}},table:{type:"array","x-component":"TableV2","x-component-props":{rowKey:"id",useProps:"{{ useTableBlockProps }}"},properties:{actions:{type:"void","x-decorator":"TableV2.Column.Decorator","x-component":"TableV2.Column","x-component-props":{width:60},title:'{{t("Actions")}}',properties:{view:{type:"void","x-component":"Action.Link",title:'{{t("View")}}',properties:{drawer:{"x-component":"WorkflowTodo.Drawer"}}}}},node:{type:"void","x-decorator":"TableV2.Column.Decorator","x-component":"TableV2.Column","x-component-props":{width:null},title:`{{t("Task node", { ns: "${C}" })}}`,properties:{node:{"x-component":"NodeColumn","x-read-pretty":!0}}},workflow:{type:"void","x-decorator":"TableV2.Column.Decorator","x-component":"TableV2.Column","x-component-props":{width:null},title:'{{t("Workflow", { ns: "workflow" })}}',properties:{workflow:{"x-component":"WorkflowColumn","x-read-pretty":!0}}},status:{type:"void","x-decorator":"TableV2.Column.Decorator","x-component":"TableV2.Column","x-component-props":{width:100},title:'{{t("Status", { ns: "workflow" })}}',properties:{status:{type:"number","x-decorator":"UserJobStatusColumn","x-component":"CollectionField","x-read-pretty":!0}}},user:{type:"void","x-decorator":"TableV2.Column.Decorator","x-component":"TableV2.Column","x-component-props":{width:140},title:`{{t("Assignee", { ns: "${C}" })}}`,properties:{user:{"x-component":"UserColumn","x-read-pretty":!0}}},createdAt:{type:"void","x-decorator":"TableV2.Column.Decorator","x-component":"TableV2.Column","x-component-props":{width:160},properties:{createdAt:{type:"string","x-component":"CollectionField","x-read-pretty":!0}}}}}}}});function qe(o){var h;const{data:n}=e.useCurrentUserContext(),{userJob:r}=p.useFlowContext(),{status:t,result:i,userId:a}=r,c=b.useFieldSchema(),{name:d}=c.parent.toJSON();let{children:l}=o;return t?i[d]||(l=null):((h=n==null?void 0:n.data)==null?void 0:h.id)!==a&&(l=null),l}const _e=u.createContext(null);function Ge({value:o,children:n}){const{userJob:r,execution:t}=p.useFlowContext(),i=b.useField(),a=b.useFieldSchema();return u.useEffect(()=>{(t.status||r.status)&&(i.disabled=!0,i.visible=r.status===o&&r.result._===a.name)},[t,r,o,i,a.name]),s.jsx(_e.Provider,{value:o,children:n})}function Je(){const o=e.useAPIClient(),{setVisible:n}=e.useActionContext(),{values:r,submit:t}=b.useForm(),i=b.useFieldSchema(),{service:a}=e.useTableBlockContext(),{userJob:c,execution:d}=p.useFlowContext(),{name:l}=i,{name:h}=i.parent.parent;return{run(){return E(this,null,function*(){d.status||c.status||(yield t(),yield o.resource("users_jobs").submit({filterByTk:c.id,values:{result:{[h]:r,_:l}}}),n(!1),a.refresh())})}}}function Ke(o){var y;const n=e.usePlugin(p),r=e.useAPIClient(),{id:t}=e.useRecord(),[i,a]=u.useState(null),[c,d]=u.useState(null);u.useEffect(()=>{var f,m;t&&((m=(f=r.resource("users_jobs")).get)==null||m.call(f,{filterByTk:t,appends:["node","job","workflow","workflow.nodes","execution","execution.jobs"]}).then(({data:v})=>{var w;const z=(w=v==null?void 0:v.data)!=null?w:{},{node:k,workflow:N={}}=z,oe=N,{nodes:I=[]}=oe,B=M(oe,["nodes"]),te=z,{execution:O}=te,D=M(te,["node","workflow","execution"]);p.linkNodes(I),d(k),a({userJob:D,workflow:B,nodes:I,execution:O})}))},[r,t]);const h=p.useAvailableUpstreams(i==null?void 0:i.nodes.find(f=>f.id===c.id)).reduce((f,{type:m})=>Object.assign(f,n.instructions.get(m).components),{});return c&&i?s.jsx(p.FlowContext.Provider,{value:i,children:s.jsx(e.SchemaComponent,{components:g(g({FormBlockProvider:Y,DetailsBlockProvider:Q,ActionBarProvider:qe,ManualActionStatusProvider:Ge},Array.from(V.getValues()).reduce((f,m)=>Object.assign(f,m.block.components),{})),h),scope:g({useSubmit:Je,useFormBlockProps:Le,useDetailsBlockProps:Qe},Array.from(V.getValues()).reduce((f,m)=>Object.assign(f,m.block.scope),{})),schema:{type:"void",name:"tabs","x-component":"Tabs",properties:(y=c.config)==null?void 0:y.schema}})}):s.jsx(S.Spin,{})}function Le(){var c;const{userJob:o,execution:n}=p.useFlowContext(),r=e.useRecord(),{data:t}=e.useCurrentUserContext(),{form:i}=e.useFormBlockContext(),a=n.status||o.status?r?"readPretty":"disabled":((c=t==null?void 0:t.data)==null?void 0:c.id)!==o.userId?"disabled":"editable";return u.useEffect(()=>{i==null||i.setPattern(a)},[a,i]),{form:i}}function Qe(){const{form:o}=e.useFormBlockContext();return{form:o}}function Ye(){const o=e.useCompile(),{status:n,updatedAt:r}=e.useRecord(),t=p.JobStatusOptionsMap[n];return n?s.jsxs(S.Space,{children:[s.jsx("time",{className:e.css`
|
|
11
|
+
`,children:[s.jsx(S.Form.Item,{children:s.jsxs(S.Radio.Group,{value:!!o,onChange:({target:{value:t}})=>{console.log(t),n(Number(t))},children:[s.jsx(S.Radio,{value:!0,children:s.jsxs(S.Tooltip,{title:B("Each user has own task"),placement:"bottom",children:[s.jsx("span",{children:B("Separately")}),s.jsx(_.QuestionCircleOutlined,{style:{color:"#999"}})]})}),s.jsx(S.Radio,{value:!1,children:s.jsxs(S.Tooltip,{title:B("Everyone shares one task"),placement:"bottom",children:[s.jsx("span",{children:B("Collaboratively")}),s.jsx(_.QuestionCircleOutlined,{style:{color:"#999"}})]})})]})}),o?r:null]})}function De(o){return o.isForeignKey?o.target==="users":o.collectionName==="users"&&o.name==="id"}function ze({multiple:o=!1,value:n=[],onChange:r}){const t=p.useWorkflowVariableOptions({types:[De]});return s.jsx(e.Variable.Input,{scope:t,value:n[0],onChange:i=>{r([i])},children:s.jsx(e.RemoteSelect,{fieldNames:{label:"nickname",value:"id"},service:{resource:"users"},manual:!1,value:n[0],onChange:i=>{r(i!=null?[i]:[])}})})}class Me extends p.Instruction{constructor(){super(...arguments);$(this,"title",`{{t("Manual", { ns: "${y}" })}}`);$(this,"type","manual");$(this,"group","manual");$(this,"description",`{{t("Could be used for manually submitting data, and determine whether to continue or exit. Workflow will generate a todo item for assigned user when it reaches a manual node, and continue processing after user submits the form.", { ns: "${y}" })}}`);$(this,"fieldset",{assignees:{type:"array",title:`{{t("Assignees", { ns: "${y}" })}}`,"x-decorator":"FormItem","x-component":"AssigneesSelect","x-component-props":{},required:!0,default:[]},mode:{type:"number",title:`{{t("Mode", { ns: "${y}" })}}`,"x-decorator":"FormItem","x-component":"ModeConfig",default:1,"x-reactions":{dependencies:["assignees"],fulfill:{state:{visible:"{{$deps[0].length > 1}}"}}}},schema:{type:"void",title:`{{t("User interface", { ns: "${y}" })}}`,"x-decorator":"FormItem","x-component":"SchemaConfigButton",properties:{schema:{type:"object","x-component":"SchemaConfig",default:null}}},forms:{type:"object",default:{}}});$(this,"components",{SchemaConfigButton:Te,SchemaConfig:Be,ModeConfig:Oe,AssigneesSelect:ze})}useVariables({key:r,title:t,config:i},{types:a,fieldNames:l=p.defaultFieldNames}){var c;const f=e.useCompile(),{getCollectionFields:u}=e.useCollectionManager(),h=Object.keys((c=i.forms)!=null?c:{});if(!h.length)return null;const x=h.map(d=>{var I;const v=i.forms[d],A=p.getCollectionFieldOptions({fields:(I=v.collection)==null?void 0:I.fields,collection:v.collection,types:a,compile:f,getCollectionFields:u}),k=f(v.title)||d;return A.length?{key:d,value:d,label:k,title:k,children:A}:null}).filter(Boolean);return x.length?{[l.value]:r,[l.label]:t,[l.children]:x}:null}useInitializers(r){var l;const{getCollection:t}=e.useCollectionManager(),i=Object.keys((l=r.config.forms)!=null?l:{});if(!i.length||r.config.mode)return null;const a=i.map(f=>{var x,c;const u=r.config.forms[f],{fields:h=[]}=t(u.collection);return h.length?{name:(x=u.title)!=null?x:f,type:"item",title:(c=u.title)!=null?c:f,Component:p.CollectionBlockInitializer,collection:u.collection,dataSource:`{{$jobsMapByNodeKey.${r.key}.${f}}}`}:null}).filter(Boolean);return a.length?{name:`#${r.id}`,key:"forms",type:"subMenu",title:r.title,children:a}:null}isAvailable({engine:r,workflow:t,upstream:i,branchIndex:a}){return!r.isWorkflowSync(t)}}const Pe={title:`{{t("Task", { ns: "${y}" })}}`,name:"flow_nodes",fields:[{type:"bigInt",name:"id",interface:"m2o",uiSchema:{type:"number",title:"ID","x-component":"RemoteSelect","x-component-props":{fieldNames:{label:"title",value:"id"},service:{resource:"flow_nodes",params:{filter:{type:"manual"}}}}}},{type:"string",name:"title",interface:"input",uiSchema:{type:"string",title:'{{t("Title")}}',"x-component":"Input"}}]},Ve={title:`{{t("Workflow", { ns: "${y}" })}}`,name:"workflows",fields:[{type:"string",name:"title",interface:"input",uiSchema:{title:'{{t("Name")}}',type:"string","x-component":"Input",required:!0}}]},je={title:`{{t("Workflow todos", { ns: "${y}" })}}`,name:"users_jobs",fields:[{type:"belongsTo",name:"user",target:"users",foreignKey:"userId",interface:"m2o",uiSchema:{type:"number",title:'{{t("User")}}',"x-component":"RemoteSelect","x-component-props":{fieldNames:{label:"nickname",value:"id"},service:{resource:"users"}}}},{type:"belongsTo",name:"node",target:"flow_nodes",foreignKey:"nodeId",interface:"m2o",isAssociation:!0,uiSchema:{type:"number",title:`{{t("Task", { ns: "${y}" })}}`,"x-component":"RemoteSelect","x-component-props":{fieldNames:{label:"title",value:"id"},service:{resource:"flow_nodes"}}}},{type:"belongsTo",name:"workflow",target:"workflows",foreignKey:"workflowId",interface:"m2o",uiSchema:{type:"number",title:`{{t("Workflow", { ns: "${y}" })}}`,"x-component":"RemoteSelect","x-component-props":{fieldNames:{label:"title",value:"id"},service:{resource:"workflows"}}}},{type:"integer",name:"status",interface:"select",uiSchema:{type:"number",title:`{{t("Status", { ns: "${y}" })}}`,"x-component":"Select",enum:p.JobStatusOptions}},{name:"createdAt",type:"date",interface:"createdAt",uiSchema:{type:"datetime",title:'{{t("Created at")}}',"x-component":"DatePicker","x-component-props":{showTime:!0}}}]},Ne=b.observer(()=>{var n,r,t;const o=b.useField();return(t=(n=o==null?void 0:o.value)==null?void 0:n.title)!=null?t:`#${(r=o.value)==null?void 0:r.id}`},{displayName:"NodeColumn"}),$e=b.observer(()=>{var n,r,t;const o=b.useField();return(t=(n=o==null?void 0:o.value)==null?void 0:n.title)!=null?t:`#${(r=o.value)==null?void 0:r.id}`},{displayName:"WorkflowColumn"}),Ee=b.observer(()=>{var n,r,t;const o=b.useField();return(t=(n=o==null?void 0:o.value)==null?void 0:n.nickname)!=null?t:(r=o.value)==null?void 0:r.id},{displayName:"UserColumn"});function Ue(o){const n=e.useRecord(),r=B("Unprocessed");return n.execution.status&&!n.status?s.jsx(S.Tag,{children:r}):o.children}const K=()=>s.jsx(e.SchemaComponent,{components:{NodeColumn:Ne,WorkflowColumn:$e,UserColumn:Ee,UserJobStatusColumn:Ue},schema:{type:"void",properties:{actions:{type:"void","x-component":"ActionBar","x-component-props":{style:{marginBottom:16}},properties:{filter:{type:"void",title:'{{ t("Filter") }}',"x-action":"filter","x-designer":"Filter.Action.Designer","x-component":"Filter.Action","x-component-props":{icon:"FilterOutlined",useProps:"{{ useFilterActionProps }}"},"x-align":"left"},refresher:{type:"void",title:'{{ t("Refresh") }}',"x-action":"refresh","x-component":"Action","x-designer":"Action.Designer","x-component-props":{icon:"ReloadOutlined",useProps:"{{ useRefreshActionProps }}"},"x-align":"right"}}},table:{type:"array","x-component":"TableV2","x-component-props":{rowKey:"id",useProps:"{{ useTableBlockProps }}"},properties:{actions:{type:"void","x-decorator":"TableV2.Column.Decorator","x-component":"TableV2.Column","x-component-props":{width:60},title:'{{t("Actions")}}',properties:{view:{type:"void","x-component":"Action.Link",title:'{{t("View")}}',properties:{drawer:{"x-component":"WorkflowTodo.Drawer"}}}}},node:{type:"void","x-decorator":"TableV2.Column.Decorator","x-component":"TableV2.Column","x-component-props":{width:null},title:`{{t("Task node", { ns: "${y}" })}}`,properties:{node:{"x-component":"NodeColumn","x-read-pretty":!0}}},workflow:{type:"void","x-decorator":"TableV2.Column.Decorator","x-component":"TableV2.Column","x-component-props":{width:null},title:'{{t("Workflow", { ns: "workflow" })}}',properties:{workflow:{"x-component":"WorkflowColumn","x-read-pretty":!0}}},status:{type:"void","x-decorator":"TableV2.Column.Decorator","x-component":"TableV2.Column","x-component-props":{width:100},title:'{{t("Status", { ns: "workflow" })}}',properties:{status:{type:"number","x-decorator":"UserJobStatusColumn","x-component":"CollectionField","x-read-pretty":!0}}},user:{type:"void","x-decorator":"TableV2.Column.Decorator","x-component":"TableV2.Column","x-component-props":{width:140},title:`{{t("Assignee", { ns: "${y}" })}}`,properties:{user:{"x-component":"UserColumn","x-read-pretty":!0}}},createdAt:{type:"void","x-decorator":"TableV2.Column.Decorator","x-component":"TableV2.Column","x-component-props":{width:160},properties:{createdAt:{type:"string","x-component":"CollectionField","x-read-pretty":!0}}}}}}}});function qe(o){var h;const{data:n}=e.useCurrentUserContext(),{userJob:r}=p.useFlowContext(),{status:t,result:i,userId:a}=r,l=b.useFieldSchema(),{name:f}=l.parent.toJSON();let{children:u}=o;return t?i[f]||(u=null):((h=n==null?void 0:n.data)==null?void 0:h.id)!==a&&(u=null),u}const _e=m.createContext(null);function Ge({value:o,children:n}){const{userJob:r,execution:t}=p.useFlowContext(),i=b.useField(),a=b.useFieldSchema();return m.useEffect(()=>{(t.status||r.status)&&(i.disabled=!0,i.visible=r.status===o&&r.result._===a.name)},[t,r,o,i,a.name]),s.jsx(_e.Provider,{value:o,children:n})}function Je(){const o=e.useAPIClient(),{setVisible:n}=e.useActionContext(),{values:r,submit:t}=b.useForm(),i=b.useFieldSchema(),{service:a}=e.useTableBlockContext(),{userJob:l,execution:f}=p.useFlowContext(),{name:u}=i,{name:h}=i.parent.parent;return{run(){return E(this,null,function*(){f.status||l.status||(yield t(),yield o.resource("users_jobs").submit({filterByTk:l.id,values:{result:{[h]:r,_:u}}}),n(!1),a.refresh())})}}}function Ke(o){var x;const n=e.usePlugin(p),r=e.useAPIClient(),{id:t}=e.useRecord(),[i,a]=m.useState(null),[l,f]=m.useState(null);m.useEffect(()=>{var c,d;t&&((d=(c=r.resource("users_jobs")).get)==null||d.call(c,{filterByTk:t,appends:["node","job","workflow","workflow.nodes","execution","execution.jobs"]}).then(({data:v})=>{var w;const z=(w=v==null?void 0:v.data)!=null?w:{},{node:A,workflow:N={}}=z,oe=N,{nodes:k=[]}=oe,I=M(oe,["nodes"]),te=z,{execution:O}=te,D=M(te,["node","workflow","execution"]);p.linkNodes(k),f(A),a({userJob:D,workflow:I,nodes:k,execution:O})}))},[r,t]);const h=p.useAvailableUpstreams(i==null?void 0:i.nodes.find(c=>c.id===l.id)).reduce((c,{type:d})=>Object.assign(c,n.instructions.get(d).components),{});return l&&i?s.jsx(p.FlowContext.Provider,{value:i,children:s.jsx(e.SchemaComponent,{components:g(g({FormBlockProvider:Y,DetailsBlockProvider:Q,ActionBarProvider:qe,ManualActionStatusProvider:Ge},Array.from(V.getValues()).reduce((c,d)=>Object.assign(c,d.block.components),{})),h),scope:g({useSubmit:Je,useFormBlockProps:Le,useDetailsBlockProps:Qe},Array.from(V.getValues()).reduce((c,d)=>Object.assign(c,d.block.scope),{})),schema:{type:"void",name:"tabs","x-component":"Tabs",properties:(x=l.config)==null?void 0:x.schema}})}):s.jsx(S.Spin,{})}function Le(){var l;const{userJob:o,execution:n}=p.useFlowContext(),r=e.useRecord(),{data:t}=e.useCurrentUserContext(),{form:i}=e.useFormBlockContext(),a=n.status||o.status?r?"readPretty":"disabled":((l=t==null?void 0:t.data)==null?void 0:l.id)!==o.userId?"disabled":"editable";return m.useEffect(()=>{i==null||i.setPattern(a)},[a,i]),{form:i}}function Qe(){const{form:o}=e.useFormBlockContext();return{form:o}}function Ye(){const o=e.useCompile(),{status:n,updatedAt:r}=e.useRecord(),t=p.JobStatusOptionsMap[n];return n?s.jsxs(S.Space,{children:[s.jsx("time",{className:e.css`
|
|
12
12
|
margin-right: 0.5em;
|
|
13
|
-
`,children:se(r).format("YYYY-MM-DD HH:mm:ss")}),s.jsx(S.Tag,{icon:t.icon,color:t.color,children:o(t.label)})]}):null}function He(){var a;const o=
|
|
13
|
+
`,children:se(r).format("YYYY-MM-DD HH:mm:ss")}),s.jsx(S.Tag,{icon:t.icon,color:t.color,children:o(t.label)})]}):null}function He(){var a;const o=m.useContext(e.SchemaComponentContext),{id:n,node:r,workflow:t,status:i}=e.useRecord();return s.jsx(e.SchemaComponentContext.Provider,{value:F(g({},o),{reset(){},designable:!1}),children:s.jsx(e.SchemaComponent,{components:{FooterStatus:Ye,FlowContextProvider:Ke},schema:{type:"void",name:`drawer-${n}-${i}`,"x-component":"Action.Drawer","x-component-props":{className:"nb-action-popup"},title:`${t.title} - ${(a=r.title)!=null?a:`#${r.id}`}`,properties:{tabs:{type:"void","x-component":"FlowContextProvider"},footer:{type:"void","x-component":"Action.Drawer.Footer",properties:{content:{type:"void","x-component":"FooterStatus"}}}}}})})}function Xe({params:o={},children:n}){const a=e.useCollectionManager(),{collections:r}=a,t=M(a,["collections"]),i={collection:"users_jobs",resource:"users_jobs",action:"list",params:F(g({pageSize:20,sort:["-createdAt"]},o),{appends:["user","node","workflow","execution.status"],except:["node.config","workflow.config","workflow.options"]}),rowKey:"id",showIndex:!0,dragSort:!1};return s.jsx(e.CollectionManagerProvider,F(g({},t),{collections:[...r,Pe,Ve,je],children:s.jsx(e.TableBlockProvider,F(g({name:"workflow-todo"},i),{children:n}))}))}K.Drawer=He,K.Decorator=Xe;const Ze=()=>{const o=e.useSchemaInitializerItem(),{insert:n}=e.useSchemaInitializer();return s.jsx(e.SchemaInitializerItem,F(g({icon:s.jsx(_.TableOutlined,{})},o),{onClick:()=>{n({type:"void","x-decorator":"WorkflowTodo.Decorator","x-decorator-props":{},"x-component":"CardItem","x-designer":"TableBlockDesigner",properties:{todos:{type:"void","x-component":"WorkflowTodo"}}})}}))};class We extends e.Plugin{afterAdd(){return E(this,null,function*(){})}load(){return E(this,null,function*(){this.addComponents(),this.app.pm.get("workflow").registerInstruction("manual",Me),this.app.schemaInitializerManager.add(ve),this.app.schemaInitializerManager.add(Ie),this.app.schemaInitializerManager.add(he),this.app.schemaInitializerManager.get("BlockInitializers").add("otherBlocks.workflowTodos",{title:`{{t("Workflow todos", { ns: "${y}" })}}`,Component:"WorkflowTodoBlockInitializer",icon:"CheckSquareOutlined"})})}addComponents(){this.app.addComponents({WorkflowTodo:K,WorkflowTodoBlockInitializer:Ze})}}C.default=We,Object.defineProperties(C,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/dist/externalVersion.js
CHANGED
|
@@ -3,18 +3,18 @@ module.exports = {
|
|
|
3
3
|
"@formily/react": "2.3.0",
|
|
4
4
|
"antd": "5.12.8",
|
|
5
5
|
"dayjs": "1.11.10",
|
|
6
|
-
"@nocobase/client": "0.19.0-alpha.
|
|
7
|
-
"@nocobase/plugin-workflow": "0.19.0-alpha.
|
|
6
|
+
"@nocobase/client": "0.19.0-alpha.9",
|
|
7
|
+
"@nocobase/plugin-workflow": "0.19.0-alpha.9",
|
|
8
8
|
"@ant-design/icons": "5.2.6",
|
|
9
9
|
"react-i18next": "11.18.6",
|
|
10
|
-
"@nocobase/utils": "0.19.0-alpha.
|
|
11
|
-
"@nocobase/server": "0.19.0-alpha.
|
|
12
|
-
"@nocobase/actions": "0.19.0-alpha.
|
|
13
|
-
"@nocobase/resourcer": "0.19.0-alpha.
|
|
14
|
-
"@nocobase/plugin-workflow-test": "0.19.0-alpha.
|
|
15
|
-
"@nocobase/test": "0.19.0-alpha.
|
|
10
|
+
"@nocobase/utils": "0.19.0-alpha.9",
|
|
11
|
+
"@nocobase/server": "0.19.0-alpha.9",
|
|
12
|
+
"@nocobase/actions": "0.19.0-alpha.9",
|
|
13
|
+
"@nocobase/resourcer": "0.19.0-alpha.9",
|
|
14
|
+
"@nocobase/plugin-workflow-test": "0.19.0-alpha.9",
|
|
15
|
+
"@nocobase/test": "0.19.0-alpha.9",
|
|
16
16
|
"@formily/core": "2.3.0",
|
|
17
17
|
"@formily/antd-v5": "1.1.9",
|
|
18
|
-
"@nocobase/database": "0.19.0-alpha.
|
|
18
|
+
"@nocobase/database": "0.19.0-alpha.9",
|
|
19
19
|
"lodash": "4.17.21"
|
|
20
20
|
};
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"displayName.zh-CN": "工作流：人工处理节点",
|
|
5
5
|
"description": "Could be used for workflows which some of decisions are made by users.",
|
|
6
6
|
"description.zh-CN": "用于人工控制部分决策的流程。",
|
|
7
|
-
"version": "0.19.0-alpha.
|
|
7
|
+
"version": "0.19.0-alpha.9",
|
|
8
8
|
"license": "AGPL-3.0",
|
|
9
9
|
"main": "./dist/server/index.js",
|
|
10
10
|
"homepage": "https://docs.nocobase.com/plugins/workflow-manual",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"@nocobase/test": "0.x",
|
|
31
31
|
"@nocobase/utils": "0.x"
|
|
32
32
|
},
|
|
33
|
-
"gitHead": "
|
|
33
|
+
"gitHead": "975f9c58a1995df6a8d7a4d191a0dc4a9769ebc5",
|
|
34
34
|
"keywords": [
|
|
35
35
|
"Workflow"
|
|
36
36
|
]
|
|
@@ -46,8 +46,12 @@ function InternalFormBlockInitializer({ schema, ...others }) {
|
|
|
46
46
|
delete result['x-acl-action-props'];
|
|
47
47
|
delete result['x-acl-action'];
|
|
48
48
|
const [formKey] = Object.keys(result.properties);
|
|
49
|
-
|
|
50
|
-
|
|
49
|
+
//获取actionBar的schemakey
|
|
50
|
+
const actionKey =
|
|
51
|
+
Object.entries(result.properties[formKey].properties).find(([key, f]) => f['x-component'] === 'ActionBar')?.[0] ||
|
|
52
|
+
'actions';
|
|
53
|
+
result.properties[formKey].properties[actionKey]['x-decorator'] = 'ActionBarProvider';
|
|
54
|
+
result.properties[formKey].properties[actionKey]['x-component-props'].style = {
|
|
51
55
|
marginTop: '1.5em',
|
|
52
56
|
flexWrap: 'wrap',
|
|
53
57
|
};
|
|
@@ -87,10 +87,13 @@ export default {
|
|
|
87
87
|
formBlocks.forEach((formBlock) => {
|
|
88
88
|
const [formKey] = Object.keys(formBlock.properties);
|
|
89
89
|
const formSchema = formBlock.properties[formKey];
|
|
90
|
+
//获取actionBar的schemakey
|
|
91
|
+
const actionKey =
|
|
92
|
+
Object.entries(formSchema.properties).find(([key, f]) => f['x-component'] === 'ActionBar')?.[0] || 'actions';
|
|
90
93
|
forms[formKey] = {
|
|
91
94
|
type: 'create',
|
|
92
95
|
title: formBlock['x-component-props']?.title || formKey,
|
|
93
|
-
actions: findSchema(formSchema.properties
|
|
96
|
+
actions: findSchema(formSchema.properties[actionKey], (item) => item['x-component'] === 'Action').map(
|
|
94
97
|
(item) => ({
|
|
95
98
|
status: item['x-decorator-props'].value,
|
|
96
99
|
values: item['x-action-settings']?.assignedValues?.values,
|
|
@@ -378,10 +378,13 @@ export default {
|
|
|
378
378
|
formBlock['x-decorator-props'].collection.fields = fields.map(
|
|
379
379
|
(field) => field['x-component-props']?.field ?? field['x-interface-options'],
|
|
380
380
|
);
|
|
381
|
+
//获取actionBar的schemakey
|
|
382
|
+
const actionKey =
|
|
383
|
+
Object.entries(formSchema.properties).find(([key, f]) => f['x-component'] === 'ActionBar')?.[0] || 'actions';
|
|
381
384
|
forms[formKey] = {
|
|
382
385
|
type: 'custom',
|
|
383
386
|
title: formBlock['x-component-props']?.title || formKey,
|
|
384
|
-
actions: findSchema(formSchema.properties
|
|
387
|
+
actions: findSchema(formSchema.properties[actionKey], (item) => item['x-component'] === 'Action').map(
|
|
385
388
|
(item) => ({
|
|
386
389
|
status: item['x-decorator-props'].value,
|
|
387
390
|
values: item['x-action-settings']?.assignedValues?.values,
|
|
@@ -125,11 +125,14 @@ export default {
|
|
|
125
125
|
formBlocks.forEach((formBlock) => {
|
|
126
126
|
const [formKey] = Object.keys(formBlock.properties);
|
|
127
127
|
const formSchema = formBlock.properties[formKey];
|
|
128
|
+
//获取actionBar的schemakey
|
|
129
|
+
const actionKey =
|
|
130
|
+
Object.entries(formSchema.properties).find(([key, f]) => f['x-component'] === 'ActionBar')?.[0] || 'actions';
|
|
128
131
|
forms[formKey] = {
|
|
129
132
|
...formBlock['x-decorator-props'],
|
|
130
133
|
type: 'update',
|
|
131
134
|
title: formBlock['x-component-props']?.title || formKey,
|
|
132
|
-
actions: findSchema(formSchema.properties
|
|
135
|
+
actions: findSchema(formSchema.properties[actionKey], (item) => item['x-component'] === 'Action').map(
|
|
133
136
|
(item) => ({
|
|
134
137
|
status: item['x-decorator-props'].value,
|
|
135
138
|
values: item['x-action-settings']?.assignedValues?.values,
|