@rytass/bpm-core-react 0.3.0 → 0.3.2

package/dist/pages/admin/delegations/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../chunks/delegations-BAZQbElH.js";
+import { t as e } from "../../../chunks/delegations-B2j-wNEO.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/admin/delegations/index.tsx
 var n = {

package/dist/pages/admin/orgs/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/orgs-CGv3VNDR.cjs");let t=require("react/jsx-runtime");var n={title:`組織管理 | BPM Admin`,description:`維護組織樹、職位、會員歸屬與簽核主管解析規則。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/orgs-YMiVLNvL.cjs");let t=require("react/jsx-runtime");var n={title:`組織管理 | BPM Admin`,description:`維護組織樹、職位、會員歸屬與簽核主管解析規則。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/admin/orgs/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../chunks/orgs-c29y74w2.js";
+import { t as e } from "../../../chunks/orgs-CuHxxd_n.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/admin/orgs/index.tsx
 var n = {

package/dist/pages/admin/users/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/users-B-trMu0E.cjs");let t=require("react/jsx-runtime");var n={title:`會員對照 | BPM Admin`,description:`檢視 BPM 內部會員組織歸屬與主管解析。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/users-3ySyUW4u.cjs");let t=require("react/jsx-runtime");var n={title:`會員對照 | BPM Admin`,description:`檢視 BPM 內部會員組織歸屬與主管解析。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/admin/users/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../chunks/users-itVXXRj7.js";
+import { t as e } from "../../../chunks/users-sMfrSjRQ.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/admin/users/index.tsx
 var n = {

package/dist/pages/delegations/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../chunks/delegations-hb9JoVZe.cjs");let t=require("react/jsx-runtime");var n={title:`我的代理 | BPM Admin`,description:`設定自己的簽核代理，讓指定期間內的新待簽任務自動交由代理人處理。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../chunks/delegations-CsB9ozLu.cjs");let t=require("react/jsx-runtime");var n={title:`我的代理 | BPM Admin`,description:`設定自己的簽核代理，讓指定期間內的新待簽任務自動交由代理人處理。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/delegations/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../chunks/delegations-DzrckrPp.js";
+import { t as e } from "../../chunks/delegations-dKodb0WW.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/delegations/index.tsx
 var n = {

package/dist/pages/forms/builder/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/builder-B8X-m6C5.cjs");let t=require("react/jsx-runtime");var n={title:`表單編輯器 | BPM Admin`,description:`編輯 BPM 表單欄位、版本與預覽。`};async function r({params:n}){let{id:r}=await n;return(0,t.jsx)(e.t,{formId:r})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/builder-CMlJfQHE.cjs");let t=require("react/jsx-runtime");var n={title:`表單編輯器 | BPM Admin`,description:`編輯 BPM 表單欄位、版本與預覽。`};async function r({params:n}){let{id:r}=await n;return(0,t.jsx)(e.t,{formId:r})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/forms/builder/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../chunks/builder-Du_0apkh.js";
+import { t as e } from "../../../chunks/builder-D950gct_.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/forms/builder/index.tsx
 var n = {

package/dist/pages/instances/detail/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/detail-DuRg3Y7b.cjs");let t=require("react/jsx-runtime");var n={title:`案件詳情 | BPM Admin`};async function r({params:n}){let{id:r}=await n;return(0,t.jsx)(e.t,{instanceId:r})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/detail-CqjqLd65.cjs");let t=require("react/jsx-runtime");var n={title:`案件詳情 | BPM Admin`};async function r({params:n}){let{id:r}=await n;return(0,t.jsx)(e.t,{instanceId:r})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/instances/detail/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../chunks/detail-DilI0PPe.js";
+import { t as e } from "../../../chunks/detail-BcGAqJ_R.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/instances/detail/index.tsx
 var n = { title: "案件詳情 | BPM Admin" };

package/dist/pages/settings/notifications/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/notifications-C8ADhnxF.cjs");let t=require("react/jsx-runtime");var n={title:`通知設定 | BPM Admin`,description:`調整站內通知、Email 通知與摘要頻率。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/notifications-BaYDebFt.cjs");let t=require("react/jsx-runtime");var n={title:`通知設定 | BPM Admin`,description:`調整站內通知、Email 通知與摘要頻率。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/settings/notifications/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../chunks/notifications-B2Lk3grg.js";
+import { t as e } from "../../../chunks/notifications-2swRqDPF.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/settings/notifications/index.tsx
 var n = {

package/dist/pages/templates/categories/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/categories-DshBQG33.cjs");let t=require("react/jsx-runtime");var n={title:`範本分類管理 | BPM Admin`,description:`維護 BPM 流程範本的分類設定。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/categories-5yEM3p3N.cjs");let t=require("react/jsx-runtime");var n={title:`範本分類管理 | BPM Admin`,description:`維護 BPM 流程範本的分類設定。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/templates/categories/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../chunks/categories-DG4k7S8V.js";
+import { t as e } from "../../../chunks/categories-BIpOG451.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/templates/categories/index.tsx
 var n = {

package/dist/pages/templates/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../chunks/templates-Cd0WFheA.cjs");let t=require("react/jsx-runtime");var n={title:`流程範本 | BPM Admin`,description:`管理 BPM 流程範本，建立、編輯與發佈簽核模板。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../chunks/templates-DTkbSgFY.cjs");let t=require("react/jsx-runtime");var n={title:`流程範本 | BPM Admin`,description:`管理 BPM 流程範本，建立、編輯與發佈簽核模板。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/templates/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../chunks/templates-Dn9QHFSy.js";
+import { t as e } from "../../chunks/templates-DoDWM68t.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/templates/index.tsx
 var n = {

package/dist/views/admin/delegations/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/delegations-Z8hTajLj.cjs");exports.AdminDelegationsView=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/delegations-CvtwTXNP.cjs");exports.AdminDelegationsView=e.t;

package/dist/views/admin/delegations/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../chunks/delegations-BAZQbElH.js";
+import { t as e } from "../../../chunks/delegations-B2j-wNEO.js";
 export { e as AdminDelegationsView };

package/dist/views/admin/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/users-B-trMu0E.cjs"),t=require("../../chunks/orgs-CGv3VNDR.cjs"),n=require("../../chunks/delegations-Z8hTajLj.cjs");exports.AdminDelegationsView=n.t,exports.AdminOrgsView=t.t,exports.AdminUsersView=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/users-3ySyUW4u.cjs"),t=require("../../chunks/orgs-YMiVLNvL.cjs"),n=require("../../chunks/delegations-CvtwTXNP.cjs");exports.AdminDelegationsView=n.t,exports.AdminOrgsView=t.t,exports.AdminUsersView=e.t;

package/dist/views/admin/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../chunks/users-itVXXRj7.js";
-import { t } from "../../chunks/orgs-c29y74w2.js";
-import { t as n } from "../../chunks/delegations-BAZQbElH.js";
+import { t as e } from "../../chunks/users-sMfrSjRQ.js";
+import { t } from "../../chunks/orgs-CuHxxd_n.js";
+import { t as n } from "../../chunks/delegations-B2j-wNEO.js";
 export { n as AdminDelegationsView, t as AdminOrgsView, e as AdminUsersView };

package/dist/views/admin/orgs/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/orgs-CGv3VNDR.cjs");exports.AdminOrgsView=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/orgs-YMiVLNvL.cjs");exports.AdminOrgsView=e.t;

package/dist/views/admin/orgs/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../chunks/orgs-c29y74w2.js";
+import { t as e } from "../../../chunks/orgs-CuHxxd_n.js";
 export { e as AdminOrgsView };

package/dist/views/admin/users/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/users-B-trMu0E.cjs");exports.AdminUsersView=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/users-3ySyUW4u.cjs");exports.AdminUsersView=e.t;

package/dist/views/admin/users/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../chunks/users-itVXXRj7.js";
+import { t as e } from "../../../chunks/users-sMfrSjRQ.js";
 export { e as AdminUsersView };

package/dist/views/cc/index.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/approval-instance-list-page-2vUWc5-c.cjs");let t=require("react/jsx-runtime");function n(n={}){return(0,t.jsx)(e.t,{activeHref:`/cc`,defaultState:null,description:`查看抄送給你的簽核案件。`,emptyMessage:`目前沒有抄送給你的簽核案件。`,searchPlaceholder:`關鍵字：搜尋案件、發起人、模板或狀態`,title:`抄送給我`,view:`CC`})}exports.CcView=n;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/approval-instance-list-page-CVXgE2K3.cjs");let t=require("react/jsx-runtime");function n(n={}){return(0,t.jsx)(e.t,{activeHref:`/cc`,defaultState:null,description:`查看抄送給你的簽核案件。`,emptyMessage:`目前沒有抄送給你的簽核案件。`,searchPlaceholder:`關鍵字：搜尋案件、發起人、模板或狀態`,title:`抄送給我`,view:`CC`})}exports.CcView=n;
 //# sourceMappingURL=index.cjs.map

package/dist/views/cc/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../../chunks/approval-instance-list-page-BgE4vQw8.js";
+import { t as e } from "../../chunks/approval-instance-list-page-CqNdoZqx.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/views/cc/CcView.tsx
 function n(n = {}) {

package/dist/views/dashboard/index.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/dashboard-page-DcDiWQp2.cjs");let t=require("react/jsx-runtime");function n(n={}){return(0,t.jsx)(e.t,{activeHref:`/dashboard`})}exports.DashboardView=n;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/dashboard-page-1K_jQXQk.cjs");let t=require("react/jsx-runtime");function n(n={}){return(0,t.jsx)(e.t,{activeHref:`/dashboard`})}exports.DashboardView=n;
 //# sourceMappingURL=index.cjs.map

package/dist/views/dashboard/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../../chunks/dashboard-page-CTBwpu_D.js";
+import { t as e } from "../../chunks/dashboard-page-R_T2OEiE.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/views/dashboard/DashboardView.tsx
 function n(n = {}) {

package/dist/views/delegations/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/delegations-hb9JoVZe.cjs");exports.DelegationsView=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/delegations-CsB9ozLu.cjs");exports.DelegationsView=e.t;

package/dist/views/delegations/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/delegations-DzrckrPp.js";
+import { t as e } from "../../chunks/delegations-dKodb0WW.js";
 export { e as DelegationsView };

package/dist/views/forms/builder/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/builder-B8X-m6C5.cjs");exports.FormBuilderView=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/builder-CMlJfQHE.cjs");exports.FormBuilderView=e.t;

package/dist/views/forms/builder/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../chunks/builder-Du_0apkh.js";
+import { t as e } from "../../../chunks/builder-D950gct_.js";
 export { e as FormBuilderView };

package/dist/views/forms/index.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/app-navigation-BRRFCkxZ.cjs"),t=require("../../chunks/auth-provider-BV8Iiwfb.cjs"),n=require("../../chunks/format-date-time-hKLVMxq4.cjs"),r=require("../../chunks/FormRendererView-BwVsH2eX.cjs"),i=require("../../chunks/form-name-modal-uZCHbtRH.cjs");let a=require("react"),o=require("@mezzanine-ui/react"),s=require("react/jsx-runtime"),c=require("@mezzanine-ui/icons"),l=require("@mezzanine-ui/react/ContentHeader");l=e.o(l,1);let u=require("@rytass/bpm-core-client/form");var d=[10,20,50],f=[{key:`ALL`,label:`全部`},{key:`PUBLISHED`,label:`已發布`},{key:`DRAFT`,label:`草稿`}];function p(r={}){let p=t.a(),[v,y]=(0,a.useState)([]),[b,x]=(0,a.useState)(null),[S,C]=(0,a.useState)(!0),[w,T]=(0,a.useState)(!1),[E,D]=(0,a.useState)(!1),[O,k]=(0,a.useState)(1),[A,j]=(0,a.useState)(10),[M,N]=(0,a.useState)(`ALL`),[P,F]=(0,a.useState)(0),I=(0,a.useCallback)(async()=>{C(!0),x(null);try{let e=await(0,u.listFormDefinitionsPage)({page:O,pageSize:A,status:M===`ALL`?null:M});y(e.forms),F(e.totalCount)}catch(e){x(m(e))}finally{C(!1)}},[O,A,M]);(0,a.useEffect)(()=>{I()},[I]);let L=(0,a.useMemo)(()=>v.map(e=>({...e,key:e.id,status:e.currentVersionId?`PUBLISHED`:`DRAFT`,updatedAt:n.t(e.updatedAt)})),[v]),R=(0,a.useMemo)(()=>[{dataIndex:`name`,key:`name`,title:`表單名稱`,width:220},{key:`status`,render:e=>(0,s.jsx)(h,{status:e.status}),title:`狀態`,width:120},{key:`currentVersionId`,render:e=>(0,s.jsx)(_,{record:e}),title:`目前版本`,width:220}],[]),z=(0,a.useMemo)(()=>({render:e=>[{name:`編輯`,onClick:()=>p.push(`/forms/${e.id}/builder`)}],variant:`base-secondary`,width:88}),[p]);async function B(e){D(!0),x(null);try{let t=await(0,u.createFormDefinition)(e);T(!1),p.push(`/forms/${t}/builder`)}finally{D(!1)}}return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(o.Layout,{children:[(0,s.jsx)(e.t,{activeHref:`/forms`}),(0,s.jsxs)(o.Layout.Main,{children:[(0,s.jsx)(o.PageHeader,{children:(0,s.jsx)(l.default,{description:`建立表單定義、管理草稿與已發布版本，提供流程模板綁定使用。`,title:`表單設計`,children:(0,s.jsx)(o.Button,{disabled:E,icon:c.PlusIcon,iconType:`leading`,onClick:()=>T(!0),variant:`base-primary`,children:`建立表單`})})}),(0,s.jsx)(o.SectionGroup,{children:(0,s.jsxs)(o.Section,{tab:(0,s.jsx)(o.Tab,{activeKey:M,onChange:e=>{N(g(e)),k(1)},children:f.map(e=>(0,s.jsx)(o.TabItem,{children:e.label},e.key))}),children:[b?(0,s.jsx)(o.Typography,{color:`text-error`,variant:`body`,children:b}):null,(0,s.jsx)(o.Table,{columns:R,actions:z,dataSource:L,fullWidth:!0,loading:S,pagination:{current:O,onChange:e=>{k(e)},onChangePageSize:e=>{k(1),j(e)},pageSize:A,pageSizeLabel:`每頁筆數`,pageSizeOptions:d,renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆，共 ${n} 筆`,showPageSizeOptions:!0,total:P}})]})})]})]}),(0,s.jsx)(i.t,{confirmText:`建立`,initialName:``,loading:E,onClose:()=>T(!1),onSubmit:B,open:w,title:`建立表單`})]})}function m(e){return e instanceof Error?e.message:`發生未知錯誤`}function h({status:e}){return e===`PUBLISHED`?(0,s.jsx)(o.Badge,{size:`sub`,text:`已發布`,variant:`dot-success`}):(0,s.jsx)(o.Badge,{size:`sub`,text:`草稿`,variant:`dot-warning`})}function g(e){return e===`PUBLISHED`||e===`DRAFT`?e:`ALL`}function _({record:e}){if(!e.currentVersionId||!e.currentVersionNumber)return(0,s.jsx)(o.Typography,{variant:`body`,children:`尚未發布`});let t=e.currentVersionPublishedAt??e.currentVersionCreatedAt;return(0,s.jsxs)(o.Typography,{variant:`body`,children:[`v`,e.currentVersionNumber,t?` · ${n.t(t)}`:``]})}exports.FormRenderer=r.t,exports.FormRendererView=r.t,exports.FormsView=p;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/app-navigation-KnlJCUp1.cjs"),t=require("../../chunks/auth-provider-BV8Iiwfb.cjs"),n=require("../../chunks/format-date-time-26_pFvv4.cjs"),r=require("../../chunks/routes-config-2aKbWq2H.cjs"),i=require("../../chunks/FormRendererView-BwVsH2eX.cjs"),a=require("../../chunks/form-name-modal-uZCHbtRH.cjs");let o=require("react"),s=require("@mezzanine-ui/react"),c=require("react/jsx-runtime"),l=require("@mezzanine-ui/icons"),u=require("@mezzanine-ui/react/ContentHeader");u=e.o(u,1);let d=require("@rytass/bpm-core-client/form");var f=[10,20,50],p=[{key:`ALL`,label:`全部`},{key:`PUBLISHED`,label:`已發布`},{key:`DRAFT`,label:`草稿`}];function m(i={}){let m=t.a(),y=r.r(),[b,x]=(0,o.useState)([]),[S,C]=(0,o.useState)(null),[w,T]=(0,o.useState)(!0),[E,D]=(0,o.useState)(!1),[O,k]=(0,o.useState)(!1),[A,j]=(0,o.useState)(1),[M,N]=(0,o.useState)(10),[P,F]=(0,o.useState)(`ALL`),[I,L]=(0,o.useState)(0),R=(0,o.useCallback)(async()=>{T(!0),C(null);try{let e=await(0,d.listFormDefinitionsPage)({page:A,pageSize:M,status:P===`ALL`?null:P});x(e.forms),L(e.totalCount)}catch(e){C(h(e))}finally{T(!1)}},[A,M,P]);(0,o.useEffect)(()=>{R()},[R]);let z=(0,o.useMemo)(()=>b.map(e=>({...e,key:e.id,status:e.currentVersionId?`PUBLISHED`:`DRAFT`,updatedAt:n.t(e.updatedAt)})),[b]),B=(0,o.useMemo)(()=>[{dataIndex:`name`,key:`name`,title:`表單名稱`,width:220},{key:`status`,render:e=>(0,c.jsx)(g,{status:e.status}),title:`狀態`,width:120},{key:`currentVersionId`,render:e=>(0,c.jsx)(v,{record:e}),title:`目前版本`,width:220}],[]),V=(0,o.useMemo)(()=>({render:e=>[{name:`編輯`,onClick:()=>m.push(y.formBuilder(e.id))}],variant:`base-secondary`,width:88}),[m]);async function H(e){k(!0),C(null);try{let t=await(0,d.createFormDefinition)(e);D(!1),m.push(y.formBuilder(t))}finally{k(!1)}}return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(e.t,{activeHref:y.forms(),children:[(0,c.jsx)(s.PageHeader,{children:(0,c.jsx)(u.default,{description:`建立表單定義、管理草稿與已發布版本，提供流程模板綁定使用。`,title:`表單設計`,children:(0,c.jsx)(s.Button,{disabled:O,icon:l.PlusIcon,iconType:`leading`,onClick:()=>D(!0),variant:`base-primary`,children:`建立表單`})})}),(0,c.jsx)(s.SectionGroup,{children:(0,c.jsxs)(s.Section,{tab:(0,c.jsx)(s.Tab,{activeKey:P,onChange:e=>{F(_(e)),j(1)},children:p.map(e=>(0,c.jsx)(s.TabItem,{children:e.label},e.key))}),children:[S?(0,c.jsx)(s.Typography,{color:`text-error`,variant:`body`,children:S}):null,(0,c.jsx)(s.Table,{columns:B,actions:V,dataSource:z,fullWidth:!0,loading:w,pagination:{current:A,onChange:e=>{j(e)},onChangePageSize:e=>{j(1),N(e)},pageSize:M,pageSizeLabel:`每頁筆數`,pageSizeOptions:f,renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆，共 ${n} 筆`,showPageSizeOptions:!0,total:I}})]})})]}),(0,c.jsx)(a.t,{confirmText:`建立`,initialName:``,loading:O,onClose:()=>D(!1),onSubmit:H,open:E,title:`建立表單`})]})}function h(e){return e instanceof Error?e.message:`發生未知錯誤`}function g({status:e}){return e===`PUBLISHED`?(0,c.jsx)(s.Badge,{size:`sub`,text:`已發布`,variant:`dot-success`}):(0,c.jsx)(s.Badge,{size:`sub`,text:`草稿`,variant:`dot-warning`})}function _(e){return e===`PUBLISHED`||e===`DRAFT`?e:`ALL`}function v({record:e}){if(!e.currentVersionId||!e.currentVersionNumber)return(0,c.jsx)(s.Typography,{variant:`body`,children:`尚未發布`});let t=e.currentVersionPublishedAt??e.currentVersionCreatedAt;return(0,c.jsxs)(s.Typography,{variant:`body`,children:[`v`,e.currentVersionNumber,t?` · ${n.t(t)}`:``]})}exports.FormRenderer=i.t,exports.FormRendererView=i.t,exports.FormsView=m;
 //# sourceMappingURL=index.cjs.map

package/dist/views/forms/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/views/forms/FormsView.tsx"],"sourcesContent":["'use client';\n\nimport type { Key, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Layout,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Tab,\n  TabItem,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { formatDateTime } from '../../lib/format-date-time';\nimport { AppNavigation } from '../../components/app-navigation';\nimport {\n  createFormDefinition,\n  FormDefinitionListStatus,\n  FormDefinitionRecord,\n  listFormDefinitionsPage,\n} from '@rytass/bpm-core-client/form';\nimport { useRouterAdapter } from '../../lib/router-adapter';\nimport { FormNameModal } from './form-name-modal';\n\nconst FORM_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst FORM_STATUS_TABS: readonly {\n  readonly key: FormStatusTabKey;\n  readonly label: string;\n}[] = [\n  { key: 'ALL', label: '全部' },\n  { key: 'PUBLISHED', label: '已發布' },\n  { key: 'DRAFT', label: '草稿' },\n];\n\ntype FormDefinitionRow = Readonly<\n  Record<string, unknown> &\n    FormDefinitionRecord & {\n      key: string;\n      status: FormDefinitionListStatus;\n    }\n>;\n\ntype FormStatusTabKey = 'ALL' | FormDefinitionListStatus;\n\nexport interface FormsViewProps {}\n\nexport function FormsView(_props: FormsViewProps = {}): ReactElement {\n  const router = useRouterAdapter();\n  const [forms, setForms] = useState<readonly FormDefinitionRecord[]>([]);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [createModalOpen, setCreateModalOpen] = useState(false);\n  const [creating, setCreating] = useState(false);\n  const [formPage, setFormPage] = useState(1);\n  const [formPageSize, setFormPageSize] = useState(10);\n  const [formStatus, setFormStatus] = useState<FormStatusTabKey>('ALL');\n  const [formTotalCount, setFormTotalCount] = useState(0);\n\n  const refreshForms = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const result = await listFormDefinitionsPage({\n        page: formPage,\n        pageSize: formPageSize,\n        status: formStatus === 'ALL' ? null : formStatus,\n      });\n\n      setForms(result.forms);\n      setFormTotalCount(result.totalCount);\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [formPage, formPageSize, formStatus]);\n\n  useEffect((): void => {\n    void refreshForms();\n  }, [refreshForms]);\n\n  const rows = useMemo(\n    (): FormDefinitionRow[] =>\n      forms.map((form) => ({\n        ...form,\n        key: form.id,\n        status: form.currentVersionId ? 'PUBLISHED' : 'DRAFT',\n        updatedAt: formatDateTime(form.updatedAt),\n      })),\n    [forms],\n  );\n  const columns = useMemo(\n    (): TableColumn<FormDefinitionRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '表單名稱', width: 220 },\n      {\n        key: 'status',\n        render: (record: FormDefinitionRow): ReactElement => (\n          <FormStatusBadge status={record.status} />\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        key: 'currentVersionId',\n        render: (record: FormDefinitionRow): ReactElement => (\n          <CurrentVersionLabel record={record} />\n        ),\n        title: '目前版本',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const tableActions = useMemo(\n    (): TableActions<FormDefinitionRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<FormDefinitionRow>['render']> => [\n        {\n          name: '編輯',\n          onClick: (): void => router.push(`/forms/${record.id}/builder`),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [router],\n  );\n\n  async function handleCreateForm(name: string): Promise<void> {\n    setCreating(true);\n    setError(null);\n\n    try {\n      const formId = await createFormDefinition(name);\n      setCreateModalOpen(false);\n      router.push(`/forms/${formId}/builder`);\n    } finally {\n      setCreating(false);\n    }\n  }\n\n  return (\n    <>\n      <Layout>\n        <AppNavigation activeHref=\"/forms\" />\n\n        <Layout.Main>\n          <PageHeader>\n            <ContentHeader\n              description=\"建立表單定義、管理草稿與已發布版本，提供流程模板綁定使用。\"\n              title=\"表單設計\"\n            >\n              <Button\n                disabled={creating}\n                icon={PlusIcon}\n                iconType=\"leading\"\n                onClick={(): void => setCreateModalOpen(true)}\n                variant=\"base-primary\"\n              >\n                建立表單\n              </Button>\n            </ContentHeader>\n          </PageHeader>\n\n          <SectionGroup>\n            <Section\n              tab={\n                <Tab\n                  activeKey={formStatus}\n                  onChange={(activeKey): void => {\n                    setFormStatus(readFormStatusTabKey(activeKey));\n                    setFormPage(1);\n                  }}\n                >\n                  {FORM_STATUS_TABS.map((statusTab) => (\n                    <TabItem key={statusTab.key}>{statusTab.label}</TabItem>\n                  ))}\n                </Tab>\n              }\n            >\n              {error ? (\n                <Typography color=\"text-error\" variant=\"body\">\n                  {error}\n                </Typography>\n              ) : null}\n              <Table\n                columns={columns}\n                actions={tableActions}\n                dataSource={rows}\n                fullWidth\n                loading={loading}\n                pagination={{\n                  current: formPage,\n                  onChange: (page): void => {\n                    setFormPage(page);\n                  },\n                  onChangePageSize: (pageSize): void => {\n                    setFormPage(1);\n                    setFormPageSize(pageSize);\n                  },\n                  pageSize: formPageSize,\n                  pageSizeLabel: '每頁筆數',\n                  pageSizeOptions: FORM_PAGE_SIZE_OPTIONS,\n                  renderResultSummary: (from, to, total): string =>\n                    `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                  showPageSizeOptions: true,\n                  total: formTotalCount,\n                }}\n              />\n            </Section>\n          </SectionGroup>\n        </Layout.Main>\n      </Layout>\n\n      <FormNameModal\n        confirmText=\"建立\"\n        initialName=\"\"\n        loading={creating}\n        onClose={(): void => setCreateModalOpen(false)}\n        onSubmit={handleCreateForm}\n        open={createModalOpen}\n        title=\"建立表單\"\n      />\n    </>\n  );\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n\nfunction FormStatusBadge({\n  status,\n}: {\n  readonly status: FormDefinitionListStatus;\n}): ReactElement {\n  if (status === 'PUBLISHED') {\n    return <Badge size=\"sub\" text=\"已發布\" variant=\"dot-success\" />;\n  }\n\n  return <Badge size=\"sub\" text=\"草稿\" variant=\"dot-warning\" />;\n}\n\nfunction readFormStatusTabKey(activeKey: Key): FormStatusTabKey {\n  if (activeKey === 'PUBLISHED' || activeKey === 'DRAFT') {\n    return activeKey;\n  }\n\n  return 'ALL';\n}\n\nfunction CurrentVersionLabel({\n  record,\n}: {\n  readonly record: FormDefinitionRow;\n}): ReactElement {\n  if (!record.currentVersionId || !record.currentVersionNumber) {\n    return <Typography variant=\"body\">尚未發布</Typography>;\n  }\n\n  const versionTime =\n    record.currentVersionPublishedAt ?? record.currentVersionCreatedAt;\n\n  return (\n    <Typography variant=\"body\">\n      v{record.currentVersionNumber}\n      {versionTime ? ` · ${formatDateTime(versionTime)}` : ''}\n    </Typography>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/views/forms/FormsView.tsx"],"sourcesContent":["'use client';\n\nimport type { Key, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Tab,\n  TabItem,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { formatDateTime } from '../../lib/format-date-time';\nimport { AppLayout } from '../../components/app-navigation';\nimport {\n  createFormDefinition,\n  FormDefinitionListStatus,\n  FormDefinitionRecord,\n  listFormDefinitionsPage,\n} from '@rytass/bpm-core-client/form';\nimport { useRouterAdapter } from '../../lib/router-adapter';\nimport { useBPMRoutes } from '../../lib/routes-config';\nimport { FormNameModal } from './form-name-modal';\n\nconst FORM_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst FORM_STATUS_TABS: readonly {\n  readonly key: FormStatusTabKey;\n  readonly label: string;\n}[] = [\n  { key: 'ALL', label: '全部' },\n  { key: 'PUBLISHED', label: '已發布' },\n  { key: 'DRAFT', label: '草稿' },\n];\n\ntype FormDefinitionRow = Readonly<\n  Record<string, unknown> &\n    FormDefinitionRecord & {\n      key: string;\n      status: FormDefinitionListStatus;\n    }\n>;\n\ntype FormStatusTabKey = 'ALL' | FormDefinitionListStatus;\n\nexport interface FormsViewProps {}\n\nexport function FormsView(_props: FormsViewProps = {}): ReactElement {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const [forms, setForms] = useState<readonly FormDefinitionRecord[]>([]);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [createModalOpen, setCreateModalOpen] = useState(false);\n  const [creating, setCreating] = useState(false);\n  const [formPage, setFormPage] = useState(1);\n  const [formPageSize, setFormPageSize] = useState(10);\n  const [formStatus, setFormStatus] = useState<FormStatusTabKey>('ALL');\n  const [formTotalCount, setFormTotalCount] = useState(0);\n\n  const refreshForms = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const result = await listFormDefinitionsPage({\n        page: formPage,\n        pageSize: formPageSize,\n        status: formStatus === 'ALL' ? null : formStatus,\n      });\n\n      setForms(result.forms);\n      setFormTotalCount(result.totalCount);\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [formPage, formPageSize, formStatus]);\n\n  useEffect((): void => {\n    void refreshForms();\n  }, [refreshForms]);\n\n  const rows = useMemo(\n    (): FormDefinitionRow[] =>\n      forms.map((form) => ({\n        ...form,\n        key: form.id,\n        status: form.currentVersionId ? 'PUBLISHED' : 'DRAFT',\n        updatedAt: formatDateTime(form.updatedAt),\n      })),\n    [forms],\n  );\n  const columns = useMemo(\n    (): TableColumn<FormDefinitionRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '表單名稱', width: 220 },\n      {\n        key: 'status',\n        render: (record: FormDefinitionRow): ReactElement => (\n          <FormStatusBadge status={record.status} />\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        key: 'currentVersionId',\n        render: (record: FormDefinitionRow): ReactElement => (\n          <CurrentVersionLabel record={record} />\n        ),\n        title: '目前版本',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const tableActions = useMemo(\n    (): TableActions<FormDefinitionRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<FormDefinitionRow>['render']> => [\n        {\n          name: '編輯',\n          onClick: (): void => router.push(routes.formBuilder(record.id)),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [router],\n  );\n\n  async function handleCreateForm(name: string): Promise<void> {\n    setCreating(true);\n    setError(null);\n\n    try {\n      const formId = await createFormDefinition(name);\n      setCreateModalOpen(false);\n      router.push(routes.formBuilder(formId));\n    } finally {\n      setCreating(false);\n    }\n  }\n\n  return (\n    <>\n      <AppLayout activeHref={routes.forms()}>\n          <PageHeader>\n            <ContentHeader\n              description=\"建立表單定義、管理草稿與已發布版本，提供流程模板綁定使用。\"\n              title=\"表單設計\"\n            >\n              <Button\n                disabled={creating}\n                icon={PlusIcon}\n                iconType=\"leading\"\n                onClick={(): void => setCreateModalOpen(true)}\n                variant=\"base-primary\"\n              >\n                建立表單\n              </Button>\n            </ContentHeader>\n          </PageHeader>\n\n          <SectionGroup>\n            <Section\n              tab={\n                <Tab\n                  activeKey={formStatus}\n                  onChange={(activeKey): void => {\n                    setFormStatus(readFormStatusTabKey(activeKey));\n                    setFormPage(1);\n                  }}\n                >\n                  {FORM_STATUS_TABS.map((statusTab) => (\n                    <TabItem key={statusTab.key}>{statusTab.label}</TabItem>\n                  ))}\n                </Tab>\n              }\n            >\n              {error ? (\n                <Typography color=\"text-error\" variant=\"body\">\n                  {error}\n                </Typography>\n              ) : null}\n              <Table\n                columns={columns}\n                actions={tableActions}\n                dataSource={rows}\n                fullWidth\n                loading={loading}\n                pagination={{\n                  current: formPage,\n                  onChange: (page): void => {\n                    setFormPage(page);\n                  },\n                  onChangePageSize: (pageSize): void => {\n                    setFormPage(1);\n                    setFormPageSize(pageSize);\n                  },\n                  pageSize: formPageSize,\n                  pageSizeLabel: '每頁筆數',\n                  pageSizeOptions: FORM_PAGE_SIZE_OPTIONS,\n                  renderResultSummary: (from, to, total): string =>\n                    `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                  showPageSizeOptions: true,\n                  total: formTotalCount,\n                }}\n              />\n            </Section>\n          </SectionGroup>\n        </AppLayout>\n\n      <FormNameModal\n        confirmText=\"建立\"\n        initialName=\"\"\n        loading={creating}\n        onClose={(): void => setCreateModalOpen(false)}\n        onSubmit={handleCreateForm}\n        open={createModalOpen}\n        title=\"建立表單\"\n      />\n    </>\n  );\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n\nfunction FormStatusBadge({\n  status,\n}: {\n  readonly status: FormDefinitionListStatus;\n}): ReactElement {\n  if (status === 'PUBLISHED') {\n    return <Badge size=\"sub\" text=\"已發布\" variant=\"dot-success\" />;\n  }\n\n  return <Badge size=\"sub\" text=\"草稿\" variant=\"dot-warning\" />;\n}\n\nfunction readFormStatusTabKey(activeKey: Key): FormStatusTabKey {\n  if (activeKey === 'PUBLISHED' || activeKey === 'DRAFT') {\n    return activeKey;\n  }\n\n  return 'ALL';\n}\n\nfunction CurrentVersionLabel({\n  record,\n}: {\n  readonly record: FormDefinitionRow;\n}): ReactElement {\n  if (!record.currentVersionId || !record.currentVersionNumber) {\n    return <Typography variant=\"body\">尚未發布</Typography>;\n  }\n\n  const versionTime =\n    record.currentVersionPublishedAt ?? record.currentVersionCreatedAt;\n\n  return (\n    <Typography variant=\"body\">\n      v{record.currentVersionNumber}\n      {versionTime ? ` · ${formatDateTime(versionTime)}` : ''}\n    </Typography>\n  );\n}\n"],"mappings":"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"}

package/dist/views/forms/index.js

@@ -1,11 +1,12 @@
 "use client";
 import { a as e } from "../../chunks/auth-provider-Bnox5gsx.js";
 import { t } from "../../chunks/format-date-time-CB-LxzqT.js";
-import { t as n } from "../../chunks/app-navigation-rxhpHCch.js";
-import { t as r } from "../../chunks/FormRendererView-DrHsuSVo.js";
-import { t as i } from "../../chunks/form-name-modal-C3OEvkCV.js";
-import { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
-import { Badge as l, Button as u, Layout as d, PageHeader as f, Section as p, SectionGroup as m, Tab as h, TabItem as g, Table as _, Typography as v } from "@mezzanine-ui/react";
+import { t as n } from "../../chunks/app-navigation-BSkMsEhy.js";
+import { r } from "../../chunks/routes-config-dxahImVe.js";
+import { t as i } from "../../chunks/FormRendererView-DrHsuSVo.js";
+import { t as a } from "../../chunks/form-name-modal-C3OEvkCV.js";
+import { useCallback as o, useEffect as s, useMemo as c, useState as l } from "react";
+import { Badge as u, Button as d, PageHeader as f, Section as p, SectionGroup as m, Tab as h, TabItem as g, Table as _, Typography as v } from "@mezzanine-ui/react";
 import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
 import { PlusIcon as S } from "@mezzanine-ui/icons";
 import C from "@mezzanine-ui/react/ContentHeader";
@@ -29,35 +30,35 @@ var E = [
 		label: "草稿"
 	}
 ];
-function O(r = {}) {
-	let l = e(), [O, N] = c([]), [P, F] = c(null), [I, L] = c(!0), [R, z] = c(!1), [B, V] = c(!1), [H, U] = c(1), [W, G] = c(10), [K, q] = c("ALL"), [J, Y] = c(0), X = a(async () => {
-		L(!0), F(null);
+function O(i = {}) {
+	let u = e(), O = r(), [N, P] = l([]), [F, I] = l(null), [L, R] = l(!0), [z, B] = l(!1), [V, H] = l(!1), [U, W] = l(1), [G, K] = l(10), [q, J] = l("ALL"), [Y, X] = l(0), Z = o(async () => {
+		R(!0), I(null);
 		try {
 			let e = await T({
-				page: H,
-				pageSize: W,
-				status: K === "ALL" ? null : K
+				page: U,
+				pageSize: G,
+				status: q === "ALL" ? null : q
 			});
-			N(e.forms), Y(e.totalCount);
+			P(e.forms), X(e.totalCount);
 		} catch (e) {
-			F(k(e));
+			I(k(e));
 		} finally {
-			L(!1);
+			R(!1);
 		}
 	}, [
-		H,
-		W,
-		K
+		U,
+		G,
+		q
 	]);
-	o(() => {
-		X();
-	}, [X]);
-	let Z = s(() => O.map((e) => ({
+	s(() => {
+		Z();
+	}, [Z]);
+	let Q = c(() => N.map((e) => ({
 		...e,
 		key: e.id,
 		status: e.currentVersionId ? "PUBLISHED" : "DRAFT",
 		updatedAt: t(e.updatedAt)
-	})), [O]), Q = s(() => [
+	})), [N]), $ = c(() => [
 		{
 			dataIndex: "name",
 			key: "name",
@@ -76,75 +77,78 @@ function O(r = {}) {
 			title: "目前版本",
 			width: 220
 		}
-	], []), $ = s(() => ({
+	], []), ee = c(() => ({
 		render: (e) => [{
 			name: "編輯",
-			onClick: () => l.push(`/forms/${e.id}/builder`)
+			onClick: () => u.push(O.formBuilder(e.id))
 		}],
 		variant: "base-secondary",
 		width: 88
-	}), [l]);
-	async function ee(e) {
-		V(!0), F(null);
+	}), [u]);
+	async function te(e) {
+		H(!0), I(null);
 		try {
 			let t = await w(e);
-			z(!1), l.push(`/forms/${t}/builder`);
+			B(!1), u.push(O.formBuilder(t));
 		} finally {
-			V(!1);
+			H(!1);
 		}
 	}
-	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x(d, { children: [/* @__PURE__ */ b(n, { activeHref: "/forms" }), /* @__PURE__ */ x(d.Main, { children: [/* @__PURE__ */ b(f, { children: /* @__PURE__ */ b(C, {
-		description: "建立表單定義、管理草稿與已發布版本，提供流程模板綁定使用。",
-		title: "表單設計",
-		children: /* @__PURE__ */ b(u, {
-			disabled: B,
-			icon: S,
-			iconType: "leading",
-			onClick: () => z(!0),
-			variant: "base-primary",
-			children: "建立表單"
-		})
-	}) }), /* @__PURE__ */ b(m, { children: /* @__PURE__ */ x(p, {
-		tab: /* @__PURE__ */ b(h, {
-			activeKey: K,
-			onChange: (e) => {
-				q(j(e)), U(1);
-			},
-			children: D.map((e) => /* @__PURE__ */ b(g, { children: e.label }, e.key))
-		}),
-		children: [P ? /* @__PURE__ */ b(v, {
-			color: "text-error",
-			variant: "body",
-			children: P
-		}) : null, /* @__PURE__ */ b(_, {
-			columns: Q,
-			actions: $,
-			dataSource: Z,
-			fullWidth: !0,
-			loading: I,
-			pagination: {
-				current: H,
+	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x(n, {
+		activeHref: O.forms(),
+		children: [/* @__PURE__ */ b(f, { children: /* @__PURE__ */ b(C, {
+			description: "建立表單定義、管理草稿與已發布版本，提供流程模板綁定使用。",
+			title: "表單設計",
+			children: /* @__PURE__ */ b(d, {
+				disabled: V,
+				icon: S,
+				iconType: "leading",
+				onClick: () => B(!0),
+				variant: "base-primary",
+				children: "建立表單"
+			})
+		}) }), /* @__PURE__ */ b(m, { children: /* @__PURE__ */ x(p, {
+			tab: /* @__PURE__ */ b(h, {
+				activeKey: q,
 				onChange: (e) => {
-					U(e);
+					J(j(e)), W(1);
 				},
-				onChangePageSize: (e) => {
-					U(1), G(e);
-				},
-				pageSize: W,
-				pageSizeLabel: "每頁筆數",
-				pageSizeOptions: E,
-				renderResultSummary: (e, t, n) => `顯示 ${e}-${t} 筆，共 ${n} 筆`,
-				showPageSizeOptions: !0,
-				total: J
-			}
-		})]
-	}) })] })] }), /* @__PURE__ */ b(i, {
+				children: D.map((e) => /* @__PURE__ */ b(g, { children: e.label }, e.key))
+			}),
+			children: [F ? /* @__PURE__ */ b(v, {
+				color: "text-error",
+				variant: "body",
+				children: F
+			}) : null, /* @__PURE__ */ b(_, {
+				columns: $,
+				actions: ee,
+				dataSource: Q,
+				fullWidth: !0,
+				loading: L,
+				pagination: {
+					current: U,
+					onChange: (e) => {
+						W(e);
+					},
+					onChangePageSize: (e) => {
+						W(1), K(e);
+					},
+					pageSize: G,
+					pageSizeLabel: "每頁筆數",
+					pageSizeOptions: E,
+					renderResultSummary: (e, t, n) => `顯示 ${e}-${t} 筆，共 ${n} 筆`,
+					showPageSizeOptions: !0,
+					total: Y
+				}
+			})]
+		}) })]
+	}), /* @__PURE__ */ b(a, {
 		confirmText: "建立",
 		initialName: "",
-		loading: B,
-		onClose: () => z(!1),
-		onSubmit: ee,
-		open: R,
+		loading: V,
+		onClose: () => B(!1),
+		onSubmit: te,
+		open: z,
 		title: "建立表單"
 	})] });
 }
@@ -152,11 +156,11 @@ function k(e) {
 	return e instanceof Error ? e.message : "發生未知錯誤";
 }
 function A({ status: e }) {
-	return e === "PUBLISHED" ? /* @__PURE__ */ b(l, {
+	return e === "PUBLISHED" ? /* @__PURE__ */ b(u, {
 		size: "sub",
 		text: "已發布",
 		variant: "dot-success"
-	}) : /* @__PURE__ */ b(l, {
+	}) : /* @__PURE__ */ b(u, {
 		size: "sub",
 		text: "草稿",
 		variant: "dot-warning"
@@ -181,6 +185,6 @@ function M({ record: e }) {
 	});
 }
 //#endregion
-export { r as FormRenderer, r as FormRendererView, O as FormsView };
+export { i as FormRenderer, i as FormRendererView, O as FormsView };
 
 //# sourceMappingURL=index.js.map

package/dist/views/forms/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/views/forms/FormsView.tsx"],"sourcesContent":["'use client';\n\nimport type { Key, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Layout,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Tab,\n  TabItem,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { formatDateTime } from '../../lib/format-date-time';\nimport { AppNavigation } from '../../components/app-navigation';\nimport {\n  createFormDefinition,\n  FormDefinitionListStatus,\n  FormDefinitionRecord,\n  listFormDefinitionsPage,\n} from '@rytass/bpm-core-client/form';\nimport { useRouterAdapter } from '../../lib/router-adapter';\nimport { FormNameModal } from './form-name-modal';\n\nconst FORM_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst FORM_STATUS_TABS: readonly {\n  readonly key: FormStatusTabKey;\n  readonly label: string;\n}[] = [\n  { key: 'ALL', label: '全部' },\n  { key: 'PUBLISHED', label: '已發布' },\n  { key: 'DRAFT', label: '草稿' },\n];\n\ntype FormDefinitionRow = Readonly<\n  Record<string, unknown> &\n    FormDefinitionRecord & {\n      key: string;\n      status: FormDefinitionListStatus;\n    }\n>;\n\ntype FormStatusTabKey = 'ALL' | FormDefinitionListStatus;\n\nexport interface FormsViewProps {}\n\nexport function FormsView(_props: FormsViewProps = {}): ReactElement {\n  const router = useRouterAdapter();\n  const [forms, setForms] = useState<readonly FormDefinitionRecord[]>([]);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [createModalOpen, setCreateModalOpen] = useState(false);\n  const [creating, setCreating] = useState(false);\n  const [formPage, setFormPage] = useState(1);\n  const [formPageSize, setFormPageSize] = useState(10);\n  const [formStatus, setFormStatus] = useState<FormStatusTabKey>('ALL');\n  const [formTotalCount, setFormTotalCount] = useState(0);\n\n  const refreshForms = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const result = await listFormDefinitionsPage({\n        page: formPage,\n        pageSize: formPageSize,\n        status: formStatus === 'ALL' ? null : formStatus,\n      });\n\n      setForms(result.forms);\n      setFormTotalCount(result.totalCount);\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [formPage, formPageSize, formStatus]);\n\n  useEffect((): void => {\n    void refreshForms();\n  }, [refreshForms]);\n\n  const rows = useMemo(\n    (): FormDefinitionRow[] =>\n      forms.map((form) => ({\n        ...form,\n        key: form.id,\n        status: form.currentVersionId ? 'PUBLISHED' : 'DRAFT',\n        updatedAt: formatDateTime(form.updatedAt),\n      })),\n    [forms],\n  );\n  const columns = useMemo(\n    (): TableColumn<FormDefinitionRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '表單名稱', width: 220 },\n      {\n        key: 'status',\n        render: (record: FormDefinitionRow): ReactElement => (\n          <FormStatusBadge status={record.status} />\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        key: 'currentVersionId',\n        render: (record: FormDefinitionRow): ReactElement => (\n          <CurrentVersionLabel record={record} />\n        ),\n        title: '目前版本',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const tableActions = useMemo(\n    (): TableActions<FormDefinitionRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<FormDefinitionRow>['render']> => [\n        {\n          name: '編輯',\n          onClick: (): void => router.push(`/forms/${record.id}/builder`),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [router],\n  );\n\n  async function handleCreateForm(name: string): Promise<void> {\n    setCreating(true);\n    setError(null);\n\n    try {\n      const formId = await createFormDefinition(name);\n      setCreateModalOpen(false);\n      router.push(`/forms/${formId}/builder`);\n    } finally {\n      setCreating(false);\n    }\n  }\n\n  return (\n    <>\n      <Layout>\n        <AppNavigation activeHref=\"/forms\" />\n\n        <Layout.Main>\n          <PageHeader>\n            <ContentHeader\n              description=\"建立表單定義、管理草稿與已發布版本，提供流程模板綁定使用。\"\n              title=\"表單設計\"\n            >\n              <Button\n                disabled={creating}\n                icon={PlusIcon}\n                iconType=\"leading\"\n                onClick={(): void => setCreateModalOpen(true)}\n                variant=\"base-primary\"\n              >\n                建立表單\n              </Button>\n            </ContentHeader>\n          </PageHeader>\n\n          <SectionGroup>\n            <Section\n              tab={\n                <Tab\n                  activeKey={formStatus}\n                  onChange={(activeKey): void => {\n                    setFormStatus(readFormStatusTabKey(activeKey));\n                    setFormPage(1);\n                  }}\n                >\n                  {FORM_STATUS_TABS.map((statusTab) => (\n                    <TabItem key={statusTab.key}>{statusTab.label}</TabItem>\n                  ))}\n                </Tab>\n              }\n            >\n              {error ? (\n                <Typography color=\"text-error\" variant=\"body\">\n                  {error}\n                </Typography>\n              ) : null}\n              <Table\n                columns={columns}\n                actions={tableActions}\n                dataSource={rows}\n                fullWidth\n                loading={loading}\n                pagination={{\n                  current: formPage,\n                  onChange: (page): void => {\n                    setFormPage(page);\n                  },\n                  onChangePageSize: (pageSize): void => {\n                    setFormPage(1);\n                    setFormPageSize(pageSize);\n                  },\n                  pageSize: formPageSize,\n                  pageSizeLabel: '每頁筆數',\n                  pageSizeOptions: FORM_PAGE_SIZE_OPTIONS,\n                  renderResultSummary: (from, to, total): string =>\n                    `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                  showPageSizeOptions: true,\n                  total: formTotalCount,\n                }}\n              />\n            </Section>\n          </SectionGroup>\n        </Layout.Main>\n      </Layout>\n\n      <FormNameModal\n        confirmText=\"建立\"\n        initialName=\"\"\n        loading={creating}\n        onClose={(): void => setCreateModalOpen(false)}\n        onSubmit={handleCreateForm}\n        open={createModalOpen}\n        title=\"建立表單\"\n      />\n    </>\n  );\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n\nfunction FormStatusBadge({\n  status,\n}: {\n  readonly status: FormDefinitionListStatus;\n}): ReactElement {\n  if (status === 'PUBLISHED') {\n    return <Badge size=\"sub\" text=\"已發布\" variant=\"dot-success\" />;\n  }\n\n  return <Badge size=\"sub\" text=\"草稿\" variant=\"dot-warning\" />;\n}\n\nfunction readFormStatusTabKey(activeKey: Key): FormStatusTabKey {\n  if (activeKey === 'PUBLISHED' || activeKey === 'DRAFT') {\n    return activeKey;\n  }\n\n  return 'ALL';\n}\n\nfunction CurrentVersionLabel({\n  record,\n}: {\n  readonly record: FormDefinitionRow;\n}): ReactElement {\n  if (!record.currentVersionId || !record.currentVersionNumber) {\n    return <Typography variant=\"body\">尚未發布</Typography>;\n  }\n\n  const versionTime =\n    record.currentVersionPublishedAt ?? record.currentVersionCreatedAt;\n\n  return (\n    <Typography variant=\"body\">\n      v{record.currentVersionNumber}\n      {versionTime ? ` · ${formatDateTime(versionTime)}` : ''}\n    </Typography>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/views/forms/FormsView.tsx"],"sourcesContent":["'use client';\n\nimport type { Key, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Tab,\n  TabItem,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { formatDateTime } from '../../lib/format-date-time';\nimport { AppLayout } from '../../components/app-navigation';\nimport {\n  createFormDefinition,\n  FormDefinitionListStatus,\n  FormDefinitionRecord,\n  listFormDefinitionsPage,\n} from '@rytass/bpm-core-client/form';\nimport { useRouterAdapter } from '../../lib/router-adapter';\nimport { useBPMRoutes } from '../../lib/routes-config';\nimport { FormNameModal } from './form-name-modal';\n\nconst FORM_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst FORM_STATUS_TABS: readonly {\n  readonly key: FormStatusTabKey;\n  readonly label: string;\n}[] = [\n  { key: 'ALL', label: '全部' },\n  { key: 'PUBLISHED', label: '已發布' },\n  { key: 'DRAFT', label: '草稿' },\n];\n\ntype FormDefinitionRow = Readonly<\n  Record<string, unknown> &\n    FormDefinitionRecord & {\n      key: string;\n      status: FormDefinitionListStatus;\n    }\n>;\n\ntype FormStatusTabKey = 'ALL' | FormDefinitionListStatus;\n\nexport interface FormsViewProps {}\n\nexport function FormsView(_props: FormsViewProps = {}): ReactElement {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const [forms, setForms] = useState<readonly FormDefinitionRecord[]>([]);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [createModalOpen, setCreateModalOpen] = useState(false);\n  const [creating, setCreating] = useState(false);\n  const [formPage, setFormPage] = useState(1);\n  const [formPageSize, setFormPageSize] = useState(10);\n  const [formStatus, setFormStatus] = useState<FormStatusTabKey>('ALL');\n  const [formTotalCount, setFormTotalCount] = useState(0);\n\n  const refreshForms = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const result = await listFormDefinitionsPage({\n        page: formPage,\n        pageSize: formPageSize,\n        status: formStatus === 'ALL' ? null : formStatus,\n      });\n\n      setForms(result.forms);\n      setFormTotalCount(result.totalCount);\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [formPage, formPageSize, formStatus]);\n\n  useEffect((): void => {\n    void refreshForms();\n  }, [refreshForms]);\n\n  const rows = useMemo(\n    (): FormDefinitionRow[] =>\n      forms.map((form) => ({\n        ...form,\n        key: form.id,\n        status: form.currentVersionId ? 'PUBLISHED' : 'DRAFT',\n        updatedAt: formatDateTime(form.updatedAt),\n      })),\n    [forms],\n  );\n  const columns = useMemo(\n    (): TableColumn<FormDefinitionRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '表單名稱', width: 220 },\n      {\n        key: 'status',\n        render: (record: FormDefinitionRow): ReactElement => (\n          <FormStatusBadge status={record.status} />\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        key: 'currentVersionId',\n        render: (record: FormDefinitionRow): ReactElement => (\n          <CurrentVersionLabel record={record} />\n        ),\n        title: '目前版本',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const tableActions = useMemo(\n    (): TableActions<FormDefinitionRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<FormDefinitionRow>['render']> => [\n        {\n          name: '編輯',\n          onClick: (): void => router.push(routes.formBuilder(record.id)),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [router],\n  );\n\n  async function handleCreateForm(name: string): Promise<void> {\n    setCreating(true);\n    setError(null);\n\n    try {\n      const formId = await createFormDefinition(name);\n      setCreateModalOpen(false);\n      router.push(routes.formBuilder(formId));\n    } finally {\n      setCreating(false);\n    }\n  }\n\n  return (\n    <>\n      <AppLayout activeHref={routes.forms()}>\n          <PageHeader>\n            <ContentHeader\n              description=\"建立表單定義、管理草稿與已發布版本，提供流程模板綁定使用。\"\n              title=\"表單設計\"\n            >\n              <Button\n                disabled={creating}\n                icon={PlusIcon}\n                iconType=\"leading\"\n                onClick={(): void => setCreateModalOpen(true)}\n                variant=\"base-primary\"\n              >\n                建立表單\n              </Button>\n            </ContentHeader>\n          </PageHeader>\n\n          <SectionGroup>\n            <Section\n              tab={\n                <Tab\n                  activeKey={formStatus}\n                  onChange={(activeKey): void => {\n                    setFormStatus(readFormStatusTabKey(activeKey));\n                    setFormPage(1);\n                  }}\n                >\n                  {FORM_STATUS_TABS.map((statusTab) => (\n                    <TabItem key={statusTab.key}>{statusTab.label}</TabItem>\n                  ))}\n                </Tab>\n              }\n            >\n              {error ? (\n                <Typography color=\"text-error\" variant=\"body\">\n                  {error}\n                </Typography>\n              ) : null}\n              <Table\n                columns={columns}\n                actions={tableActions}\n                dataSource={rows}\n                fullWidth\n                loading={loading}\n                pagination={{\n                  current: formPage,\n                  onChange: (page): void => {\n                    setFormPage(page);\n                  },\n                  onChangePageSize: (pageSize): void => {\n                    setFormPage(1);\n                    setFormPageSize(pageSize);\n                  },\n                  pageSize: formPageSize,\n                  pageSizeLabel: '每頁筆數',\n                  pageSizeOptions: FORM_PAGE_SIZE_OPTIONS,\n                  renderResultSummary: (from, to, total): string =>\n                    `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                  showPageSizeOptions: true,\n                  total: formTotalCount,\n                }}\n              />\n            </Section>\n          </SectionGroup>\n        </AppLayout>\n\n      <FormNameModal\n        confirmText=\"建立\"\n        initialName=\"\"\n        loading={creating}\n        onClose={(): void => setCreateModalOpen(false)}\n        onSubmit={handleCreateForm}\n        open={createModalOpen}\n        title=\"建立表單\"\n      />\n    </>\n  );\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n\nfunction FormStatusBadge({\n  status,\n}: {\n  readonly status: FormDefinitionListStatus;\n}): ReactElement {\n  if (status === 'PUBLISHED') {\n    return <Badge size=\"sub\" text=\"已發布\" variant=\"dot-success\" />;\n  }\n\n  return <Badge size=\"sub\" text=\"草稿\" variant=\"dot-warning\" />;\n}\n\nfunction readFormStatusTabKey(activeKey: Key): FormStatusTabKey {\n  if (activeKey === 'PUBLISHED' || activeKey === 'DRAFT') {\n    return activeKey;\n  }\n\n  return 'ALL';\n}\n\nfunction CurrentVersionLabel({\n  record,\n}: {\n  readonly record: FormDefinitionRow;\n}): ReactElement {\n  if (!record.currentVersionId || !record.currentVersionNumber) {\n    return <Typography variant=\"body\">尚未發布</Typography>;\n  }\n\n  const versionTime =\n    record.currentVersionPublishedAt ?? record.currentVersionCreatedAt;\n\n  return (\n    <Typography variant=\"body\">\n      v{record.currentVersionNumber}\n      {versionTime ? ` · ${formatDateTime(versionTime)}` : ''}\n    </Typography>\n  );\n}\n"],"mappings":"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"}