@rytass/bpm-core-react 0.3.1 → 0.3.2

package/dist/chunks/{approval-instance-list-page-nmzMrj0b.js → approval-instance-list-page-CqNdoZqx.js}

@@ -1,19 +1,20 @@
 "use client";
 import { a as e } from "./auth-provider-Bnox5gsx.js";
 import { t } from "./format-date-time-CB-LxzqT.js";
-import { t as n } from "./app-navigation-uwbNEw9P.js";
-import { useCallback as r, useEffect as i, useMemo as a, useState as o } from "react";
-import { Filter as s, FilterArea as c, FilterLine as ee, FormField as l, Input as u, PageHeader as d, Section as f, SectionGroup as p, Select as te, Table as ne, Typography as m } from "@mezzanine-ui/react";
-import { resolveMembers as h } from "@rytass/bpm-core-client";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { listApprovalInstancesPage as v, readApprovalInstanceCaseTitle as y } from "@rytass/bpm-core-client/workflow";
-import b from "@mezzanine-ui/react/ContentHeader";
-import { FormFieldLayout as x } from "@mezzanine-ui/core/form";
-import '../approval-instance-list-page.css';var S = { instanceFilterArea: "bpm_instanceFilterArea_qpvJq" }, C = [
+import { t as n } from "./app-navigation-BSkMsEhy.js";
+import { r } from "./routes-config-dxahImVe.js";
+import { useCallback as ee, useEffect as i, useMemo as a, useState as o } from "react";
+import { Filter as s, FilterArea as te, FilterLine as c, FormField as l, Input as u, PageHeader as d, Section as f, SectionGroup as p, Select as m, Table as ne, Typography as h } from "@mezzanine-ui/react";
+import { resolveMembers as g } from "@rytass/bpm-core-client";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { listApprovalInstancesPage as y, readApprovalInstanceCaseTitle as b } from "@rytass/bpm-core-client/workflow";
+import x from "@mezzanine-ui/react/ContentHeader";
+import { FormFieldLayout as S } from "@mezzanine-ui/core/form";
+import '../approval-instance-list-page.css';var C = { instanceFilterArea: "bpm_instanceFilterArea_qpvJq" }, w = [
 	10,
 	20,
 	50
-], w = [
+], T = [
 	{
 		id: "ALL",
 		name: "全部狀態",
@@ -55,21 +56,21 @@ import '../approval-instance-list-page.css';var S = { instanceFilterArea: "bpm_i
 		state: "DRAFT"
 	}
 ];
-function T({ activeHref: y, defaultState: T, description: k, emptyMessage: A, searchPlaceholder: P, title: F, view: I }) {
-	let L = e(), [R, z] = o(null), [B, V] = o(/* @__PURE__ */ new Map()), [H, U] = o(1), [W, G] = o(10), [K, q] = o(0), [J, Y] = o(!0), [X, ie] = o([]), [Z, ae] = o(""), [Q, oe] = o(O(T)), $ = r(async () => {
+function E({ activeHref: b, defaultState: E, description: O, emptyMessage: k, searchPlaceholder: N, title: P, view: F }) {
+	let I = e(), L = r(), [R, z] = o(null), [B, V] = o(/* @__PURE__ */ new Map()), [H, U] = o(1), [W, G] = o(10), [K, q] = o(0), [J, Y] = o(!0), [X, oe] = o([]), [Z, se] = o(""), [Q, ce] = o(D(E)), $ = ee(async () => {
 		Y(!0), z(null);
 		try {
-			let e = await v({
+			let e = await y({
 				page: H,
 				pageSize: W,
 				searchText: Z,
 				state: Q.state,
 				templateId: null,
-				view: I
+				view: F
 			});
-			ie(e.instances.map(E)), q(e.totalCount);
+			oe(e.instances.map(re)), q(e.totalCount);
 		} catch (e) {
-			z(N(e));
+			z(M(e));
 		} finally {
 			Y(!1);
 		}
@@ -78,7 +79,7 @@ function T({ activeHref: y, defaultState: T, description: k, emptyMessage: A, se
 		W,
 		Z,
 		Q,
-		I
+		F
 	]);
 	i(() => {
 		$();
@@ -91,7 +92,7 @@ function T({ activeHref: y, defaultState: T, description: k, emptyMessage: A, se
 		let t = !1;
 		return (async () => {
 			try {
-				let n = await h(e);
+				let n = await g(e);
 				if (t) return;
 				V(new Map(n.map((e) => [e.memberId, e])));
 			} catch {
@@ -102,7 +103,7 @@ function T({ activeHref: y, defaultState: T, description: k, emptyMessage: A, se
 			t = !0;
 		};
 	}, [X]);
-	let se = a(() => [
+	let le = a(() => [
 		{
 			dataIndex: "caseTitle",
 			key: "caseTitle",
@@ -111,8 +112,8 @@ function T({ activeHref: y, defaultState: T, description: k, emptyMessage: A, se
 		},
 		{
 			key: "state",
-			render: (e) => /* @__PURE__ */ g(m, {
-				color: j(e.state),
+			render: (e) => /* @__PURE__ */ _(h, {
+				color: A(e.state),
 				component: "span",
 				variant: "body",
 				children: e.stateLabel
@@ -122,17 +123,17 @@ function T({ activeHref: y, defaultState: T, description: k, emptyMessage: A, se
 		},
 		{
 			key: "initiatorMemberId",
-			render: (e) => /* @__PURE__ */ g(m, {
+			render: (e) => /* @__PURE__ */ _(h, {
 				component: "span",
 				variant: "body",
-				children: M(e.initiatorMemberId, B)
+				children: j(e.initiatorMemberId, B)
 			}),
 			title: "發起人",
 			width: 180
 		},
 		{
 			key: "startedAt",
-			render: (e) => /* @__PURE__ */ g(m, {
+			render: (e) => /* @__PURE__ */ _(h, {
 				component: "span",
 				variant: "body",
 				children: t(e.startedAt)
@@ -142,7 +143,7 @@ function T({ activeHref: y, defaultState: T, description: k, emptyMessage: A, se
 		},
 		{
 			key: "completedAt",
-			render: (e) => /* @__PURE__ */ g(m, {
+			render: (e) => /* @__PURE__ */ _(h, {
 				component: "span",
 				variant: "body",
 				children: t(e.completedAt)
@@ -150,55 +151,55 @@ function T({ activeHref: y, defaultState: T, description: k, emptyMessage: A, se
 			title: "完成時間",
 			width: 220
 		}
-	], [B]), ce = a(() => ({
+	], [B]), ue = a(() => ({
 		render: (e) => [{
 			name: "查看",
-			onClick: () => L.push(`/instances/${e.id}`)
+			onClick: () => I.push(L.caseDetail(e.id))
 		}],
 		variant: "base-secondary",
 		width: 88
-	}), [L]);
-	return /* @__PURE__ */ _(n, {
-		activeHref: y,
-		children: [/* @__PURE__ */ g(d, { children: /* @__PURE__ */ g(b, {
-			description: k,
-			title: F
-		}) }), /* @__PURE__ */ g(p, { children: /* @__PURE__ */ _(f, {
-			filterArea: /* @__PURE__ */ g(c, {
-				className: S.instanceFilterArea,
+	}), [I]);
+	return /* @__PURE__ */ v(n, {
+		activeHref: b,
+		children: [/* @__PURE__ */ _(d, { children: /* @__PURE__ */ _(x, {
+			description: O,
+			title: P
+		}) }), /* @__PURE__ */ _(p, { children: /* @__PURE__ */ v(f, {
+			filterArea: /* @__PURE__ */ _(te, {
+				className: C.instanceFilterArea,
 				size: "sub",
-				children: /* @__PURE__ */ _(ee, { children: [/* @__PURE__ */ g(s, {
+				children: /* @__PURE__ */ v(c, { children: [/* @__PURE__ */ _(s, {
 					span: 3,
-					children: /* @__PURE__ */ g(l, {
+					children: /* @__PURE__ */ _(l, {
 						fullWidth: !0,
-						layout: x.VERTICAL,
+						layout: S.VERTICAL,
 						name: "instanceSearchText",
-						children: /* @__PURE__ */ g(u, {
+						children: /* @__PURE__ */ _(u, {
 							fullWidth: !0,
 							onChange: (e) => {
-								ae(e.target.value), U(1);
+								se(e.target.value), U(1);
 							},
-							placeholder: P,
+							placeholder: N,
 							size: "sub",
 							value: Z,
 							variant: "base"
 						})
 					})
-				}), /* @__PURE__ */ g(s, {
+				}), /* @__PURE__ */ _(s, {
 					span: 2,
-					children: /* @__PURE__ */ g(l, {
+					children: /* @__PURE__ */ _(l, {
 						fullWidth: !0,
-						layout: x.VERTICAL,
+						layout: S.VERTICAL,
 						name: "instanceState",
-						children: /* @__PURE__ */ g(te, {
+						children: /* @__PURE__ */ _(m, {
 							clearable: !1,
 							fullWidth: !0,
 							onChange: (e) => {
-								oe(D(e)), U(1);
+								ce(ie(e)), U(1);
 							},
-							options: [...w],
+							options: [...T],
 							placeholder: "狀態",
-							renderValue: (e) => `狀態：${re(e)}`,
+							renderValue: (e) => `狀態：${ae(e)}`,
 							size: "sub",
 							value: Q
 						})
@@ -206,19 +207,19 @@ function T({ activeHref: y, defaultState: T, description: k, emptyMessage: A, se
 				})] })
 			}),
 			children: [
-				R ? /* @__PURE__ */ g(m, {
+				R ? /* @__PURE__ */ _(h, {
 					color: "text-error",
 					variant: "body",
 					children: R
 				}) : null,
-				!R && !J && X.length === 0 ? /* @__PURE__ */ g(m, {
+				!R && !J && X.length === 0 ? /* @__PURE__ */ _(h, {
 					color: "text-neutral",
 					variant: "body",
-					children: A
+					children: k
 				}) : null,
-				/* @__PURE__ */ g(ne, {
-					actions: ce,
-					columns: se,
+				/* @__PURE__ */ _(ne, {
+					actions: ue,
+					columns: le,
 					dataSource: [...X],
 					fullWidth: !0,
 					loading: J,
@@ -232,7 +233,7 @@ function T({ activeHref: y, defaultState: T, description: k, emptyMessage: A, se
 						},
 						pageSize: W,
 						pageSizeLabel: "每頁筆數",
-						pageSizeOptions: C,
+						pageSizeOptions: w,
 						renderResultSummary: (e, t, n) => `顯示 ${e}-${t} 筆，共 ${n} 筆`,
 						showPageSizeOptions: !0,
 						total: K
@@ -242,40 +243,40 @@ function T({ activeHref: y, defaultState: T, description: k, emptyMessage: A, se
 		}) })]
 	});
 }
-function E(e) {
+function re(e) {
 	return {
 		...e,
-		caseTitle: y(e),
+		caseTitle: b(e),
 		key: e.id,
-		stateLabel: A(e.state)
+		stateLabel: k(e.state)
 	};
 }
-function D(e) {
-	return k(e) ? O(e.state) : w[0];
+function ie(e) {
+	return O(e) ? D(e.state) : T[0];
 }
-function O(e) {
-	return w.find((t) => t.state === e) ?? w[0];
+function D(e) {
+	return T.find((t) => t.state === e) ?? T[0];
 }
-function re(e) {
-	return k(e) ? e.name : w[0].name;
+function ae(e) {
+	return O(e) ? e.name : T[0].name;
 }
-function k(e) {
+function O(e) {
 	return typeof e == "object" && !!e && "id" in e && "name" in e && "state" in e;
 }
-function A(e) {
+function k(e) {
 	return e === "RUNNING" ? "進行中" : e === "APPROVED" ? "已通過" : e === "REJECTED" ? "已拒絕" : e === "RETURNED" ? "已退回" : e === "CANCELLED" ? "已取消" : e === "EXPIRED" ? "已逾期" : "草稿";
 }
-function j(e) {
+function A(e) {
 	return e === "APPROVED" ? "text-success" : e === "REJECTED" || e === "CANCELLED" || e === "EXPIRED" ? "text-error" : "text-neutral";
 }
-function M(e, t) {
+function j(e, t) {
 	let n = (e ?? "").trim();
 	return n ? t.get(n)?.name ?? n : "未知發起人";
 }
-function N(e) {
+function M(e) {
 	return e instanceof Error ? e.message : "讀取簽核案件失敗。";
 }
 //#endregion
-export { T as t };
+export { E as t };
 
-//# sourceMappingURL=approval-instance-list-page-nmzMrj0b.js.map
+//# sourceMappingURL=approval-instance-list-page-CqNdoZqx.js.map

package/dist/chunks/approval-instance-list-page-CqNdoZqx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"approval-instance-list-page-CqNdoZqx.js","names":[],"sources":["../../src/components/approval-instance-list-page.module.scss","../../src/components/approval-instance-list-page.tsx"],"sourcesContent":[".instanceFilterArea {\n  :global(.mzn-filter-area__actions) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__label-area) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n}\n","'use client';\n\nimport type { ChangeEvent, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Input,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Select,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { resolveMembers, type MemberProfileRecord } from '@rytass/bpm-core-client';\nimport {\n  listApprovalInstancesPage,\n  readApprovalInstanceCaseTitle,\n  type ApprovalInstanceRecord,\n  type ApprovalInstanceState,\n  type ApprovalInstanceView,\n} from '@rytass/bpm-core-client/workflow';\nimport { useRouterAdapter } from '../lib/router-adapter';\nimport { useBPMRoutes } from '../lib/routes-config';\nimport { formatDateTime } from '../lib/format-date-time';\nimport { AppLayout } from './app-navigation';\nimport styles from './approval-instance-list-page.module.scss';\n\nexport interface ApprovalInstanceListPageProps {\n  readonly activeHref: string;\n  readonly defaultState: ApprovalInstanceState | null;\n  readonly description: string;\n  readonly emptyMessage: string;\n  readonly searchPlaceholder: string;\n  readonly title: string;\n  readonly view: ApprovalInstanceView;\n}\n\ntype StateFilterOption = Readonly<{\n  id: 'ALL' | ApprovalInstanceState;\n  name: string;\n  state: ApprovalInstanceState | null;\n}>;\n\ntype ApprovalInstanceRow = Readonly<\n  Record<string, unknown> &\n    ApprovalInstanceRecord & {\n      caseTitle: string;\n      key: string;\n      stateLabel: string;\n    }\n>;\n\nconst INSTANCE_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst STATE_FILTER_OPTIONS: readonly StateFilterOption[] = [\n  { id: 'ALL', name: '全部狀態', state: null },\n  { id: 'RUNNING', name: '進行中', state: 'RUNNING' },\n  { id: 'APPROVED', name: '已通過', state: 'APPROVED' },\n  { id: 'REJECTED', name: '已拒絕', state: 'REJECTED' },\n  { id: 'RETURNED', name: '已退回', state: 'RETURNED' },\n  { id: 'CANCELLED', name: '已取消', state: 'CANCELLED' },\n  { id: 'EXPIRED', name: '已逾期', state: 'EXPIRED' },\n  { id: 'DRAFT', name: '草稿', state: 'DRAFT' },\n];\n\n/**\n * Shared list page for any approval-instance \"view\" (inbox / sent / cc /\n * delegated). Caller picks the view + default state filter; the page renders\n * the standard BPM filter bar + paginated table and navigates to\n * `/instances/:id` on row action.\n */\nexport function ApprovalInstanceListPage({\n  activeHref,\n  defaultState,\n  description,\n  emptyMessage,\n  searchPlaceholder,\n  title,\n  view,\n}: ApprovalInstanceListPageProps): ReactElement {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const [error, setError] = useState<string | null>(null);\n  const [initiatorProfilesById, setInitiatorProfilesById] = useState<\n    ReadonlyMap<string, MemberProfileRecord>\n  >(new Map());\n  const [instancePage, setInstancePage] = useState(1);\n  const [instancePageSize, setInstancePageSize] = useState(10);\n  const [instanceTotalCount, setInstanceTotalCount] = useState(0);\n  const [loading, setLoading] = useState(true);\n  const [rows, setRows] = useState<readonly ApprovalInstanceRow[]>([]);\n  const [searchText, setSearchText] = useState('');\n  const [stateFilter, setStateFilter] = useState<StateFilterOption>(\n    readStateFilterOption(defaultState),\n  );\n\n  const refreshInstances = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const result = await listApprovalInstancesPage({\n        page: instancePage,\n        pageSize: instancePageSize,\n        searchText,\n        state: stateFilter.state,\n        templateId: null,\n        view,\n      });\n\n      setRows(result.instances.map(readApprovalInstanceRow));\n      setInstanceTotalCount(result.totalCount);\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [instancePage, instancePageSize, searchText, stateFilter, view]);\n\n  useEffect((): void => {\n    void refreshInstances();\n  }, [refreshInstances]);\n\n  useEffect((): (() => void) | void => {\n    const initiatorMemberIds = Array.from(\n      new Set(rows.map((row) => row.initiatorMemberId).filter(Boolean)),\n    );\n\n    if (initiatorMemberIds.length === 0) {\n      setInitiatorProfilesById(new Map());\n\n      return;\n    }\n\n    let cancelled = false;\n\n    void (async (): Promise<void> => {\n      try {\n        const profiles = await resolveMembers(initiatorMemberIds);\n\n        if (cancelled) {\n          return;\n        }\n\n        setInitiatorProfilesById(\n          new Map(profiles.map((profile) => [profile.memberId, profile])),\n        );\n      } catch {\n        if (cancelled) {\n          return;\n        }\n\n        setInitiatorProfilesById(new Map());\n      }\n    })();\n\n    return (): void => {\n      cancelled = true;\n    };\n  }, [rows]);\n\n  const columns = useMemo(\n    (): TableColumn<ApprovalInstanceRow>[] => [\n      { dataIndex: 'caseTitle', key: 'caseTitle', title: '案件', width: 300 },\n      {\n        key: 'state',\n        render: (record: ApprovalInstanceRow): ReactElement => (\n          <Typography\n            color={readInstanceStateColor(record.state)}\n            component=\"span\"\n            variant=\"body\"\n          >\n            {record.stateLabel}\n          </Typography>\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        key: 'initiatorMemberId',\n        render: (record: ApprovalInstanceRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {readInitiatorLabel(\n              record.initiatorMemberId,\n              initiatorProfilesById,\n            )}\n          </Typography>\n        ),\n        title: '發起人',\n        width: 180,\n      },\n      {\n        key: 'startedAt',\n        render: (record: ApprovalInstanceRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {formatDateTime(record.startedAt)}\n          </Typography>\n        ),\n        title: '發起時間',\n        width: 220,\n      },\n      {\n        key: 'completedAt',\n        render: (record: ApprovalInstanceRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {formatDateTime(record.completedAt)}\n          </Typography>\n        ),\n        title: '完成時間',\n        width: 220,\n      },\n    ],\n    [initiatorProfilesById],\n  );\n  const tableActions = useMemo(\n    (): TableActions<ApprovalInstanceRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<ApprovalInstanceRow>['render']> => [\n        {\n          name: '查看',\n          onClick: (): void => router.push(routes.caseDetail(record.id)),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [router],\n  );\n\n  return (\n    <AppLayout activeHref={activeHref}>\n        <PageHeader>\n          <ContentHeader description={description} title={title} />\n        </PageHeader>\n\n        <SectionGroup>\n          <Section\n            filterArea={\n              <FilterArea className={styles.instanceFilterArea} size=\"sub\">\n                <FilterLine>\n                  <Filter span={3}>\n                    <FormField\n                      fullWidth\n                      layout={FormFieldLayout.VERTICAL}\n                      name=\"instanceSearchText\"\n                    >\n                      <Input\n                        fullWidth\n                        onChange={(\n                          event: ChangeEvent<HTMLInputElement>,\n                        ): void => {\n                          setSearchText(event.target.value);\n                          setInstancePage(1);\n                        }}\n                        placeholder={searchPlaceholder}\n                        size=\"sub\"\n                        value={searchText}\n                        variant=\"base\"\n                      />\n                    </FormField>\n                  </Filter>\n                  <Filter span={2}>\n                    <FormField\n                      fullWidth\n                      layout={FormFieldLayout.VERTICAL}\n                      name=\"instanceState\"\n                    >\n                      <Select\n                        clearable={false}\n                        fullWidth\n                        onChange={(option): void => {\n                          setStateFilter(readSelectedStateFilterOption(option));\n                          setInstancePage(1);\n                        }}\n                        options={[...STATE_FILTER_OPTIONS]}\n                        placeholder=\"狀態\"\n                        renderValue={(value): string =>\n                          `狀態：${readStateFilterLabel(value)}`\n                        }\n                        size=\"sub\"\n                        value={stateFilter}\n                      />\n                    </FormField>\n                  </Filter>\n                </FilterLine>\n              </FilterArea>\n            }\n          >\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : null}\n            {!error && !loading && rows.length === 0 ? (\n              <Typography color=\"text-neutral\" variant=\"body\">\n                {emptyMessage}\n              </Typography>\n            ) : null}\n            <Table\n              actions={tableActions}\n              columns={columns}\n              dataSource={[...rows]}\n              fullWidth\n              loading={loading}\n              pagination={{\n                current: instancePage,\n                onChange: (page): void => {\n                  setInstancePage(page);\n                },\n                onChangePageSize: (pageSize): void => {\n                  setInstancePage(1);\n                  setInstancePageSize(pageSize);\n                },\n                pageSize: instancePageSize,\n                pageSizeLabel: '每頁筆數',\n                pageSizeOptions: INSTANCE_PAGE_SIZE_OPTIONS,\n                renderResultSummary: (from, to, total): string =>\n                  `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                showPageSizeOptions: true,\n                total: instanceTotalCount,\n              }}\n            />\n          </Section>\n        </SectionGroup>\n      </AppLayout>\n  );\n}\n\nfunction readApprovalInstanceRow(\n  instance: ApprovalInstanceRecord,\n): ApprovalInstanceRow {\n  return {\n    ...instance,\n    caseTitle: readApprovalInstanceCaseTitle(instance),\n    key: instance.id,\n    stateLabel: readInstanceStateLabel(instance.state),\n  };\n}\n\nfunction readSelectedStateFilterOption(option: unknown): StateFilterOption {\n  if (!isStateFilterOption(option)) {\n    return STATE_FILTER_OPTIONS[0];\n  }\n  return readStateFilterOption(option.state);\n}\n\nfunction readStateFilterOption(\n  state: ApprovalInstanceState | null,\n): StateFilterOption {\n  return (\n    STATE_FILTER_OPTIONS.find((option) => option.state === state) ??\n    STATE_FILTER_OPTIONS[0]\n  );\n}\n\nfunction readStateFilterLabel(value: unknown): string {\n  return isStateFilterOption(value) ? value.name : STATE_FILTER_OPTIONS[0].name;\n}\n\nfunction isStateFilterOption(value: unknown): value is StateFilterOption {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'id' in value &&\n    'name' in value &&\n    'state' in value\n  );\n}\n\nfunction readInstanceStateLabel(state: ApprovalInstanceState): string {\n  if (state === 'RUNNING') return '進行中';\n  if (state === 'APPROVED') return '已通過';\n  if (state === 'REJECTED') return '已拒絕';\n  if (state === 'RETURNED') return '已退回';\n  if (state === 'CANCELLED') return '已取消';\n  if (state === 'EXPIRED') return '已逾期';\n  return '草稿';\n}\n\nfunction readInstanceStateColor(\n  state: ApprovalInstanceState,\n): 'text-error' | 'text-neutral' | 'text-success' {\n  if (state === 'APPROVED') return 'text-success';\n  if (state === 'REJECTED' || state === 'CANCELLED' || state === 'EXPIRED') {\n    return 'text-error';\n  }\n  return 'text-neutral';\n}\n\nfunction readInitiatorLabel(\n  initiatorMemberId: string | null | undefined,\n  initiatorProfilesById: ReadonlyMap<string, MemberProfileRecord>,\n): string {\n  const trimmedMemberId = (initiatorMemberId ?? '').trim();\n  if (!trimmedMemberId) return '未知發起人';\n  return initiatorProfilesById.get(trimmedMemberId)?.name ?? trimmedMemberId;\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '讀取簽核案件失敗。';\n}\n"],"mappings":"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"}

package/dist/chunks/builder-CMlJfQHE.cjs

@@ -0,0 +1,3 @@
+"use client";const e=require("./app-navigation-KnlJCUp1.cjs"),t=require("./auth-provider-BV8Iiwfb.cjs"),n=require("./format-date-time-26_pFvv4.cjs"),r=require("./routes-config-2aKbWq2H.cjs"),i=require("./bpm-form-field-Bc6k4ZEO.cjs"),a=require("./FormRendererView-BwVsH2eX.cjs"),o=require("./form-name-modal-uZCHbtRH.cjs");let s=require("react"),c=require("@mezzanine-ui/react"),l=require("react/jsx-runtime"),u=require("@mezzanine-ui/icons"),d=require("@mezzanine-ui/react/ContentHeader");d=e.o(d,1);let f=require("@rytass/bpm-core-client/form"),p=require("@hello-pangea/dnd"),m=require("next/dynamic");m=e.o(m,1);let h=require("@codemirror/lang-json"),g=require("@codemirror/view");var _={alignItems:`center`,border:`1px solid var(--mzn-color-border-neutral)`,borderRadius:4,color:`var(--mzn-color-text-neutral)`,display:`flex`,minHeight:160,padding:12,width:`100%`},v=[(0,h.json)(),g.EditorView.lineWrapping,g.EditorView.theme({"&":{border:`1px solid var(--mzn-color-border-neutral)`,borderRadius:`4px`,fontSize:`13px`,width:`100%`},"&.cm-focused":{outline:`1px solid var(--mzn-color-border-primary)`},".cm-content":{fontFamily:`ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace`,minHeight:`100%`},".cm-editor":{width:`100%`},".cm-gutters":{borderRight:`1px solid var(--mzn-color-border-neutral)`},".cm-scroller":{fontFamily:`ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace`}})],y=(0,m.default)(()=>import(`@uiw/react-codemirror`),{loading:()=>(0,l.jsx)(`div`,{style:_,children:`載入 JSON 編輯器`}),ssr:!1});function ee({disabled:e,height:t,name:n,onChange:r,placeholder:i,value:a}){return(0,l.jsx)(y,{"aria-label":n,basicSetup:{autocompletion:!0,bracketMatching:!0,closeBrackets:!0,defaultKeymap:!0,foldGutter:!0,highlightActiveLine:!0,highlightSelectionMatches:!0,lineNumbers:!0,syntaxHighlighting:!0},editable:!e,extensions:[...v],height:t,indentWithTab:!1,onChange:r,placeholder:i,readOnly:e,theme:`light`,value:a,width:`100%`})}var te=[{description:`單行文字、姓名、編號`,icon:u.AlignLeftIcon,label:`文字`,type:`text`},{description:`多行補充內容`,icon:u.FileIcon,label:`長文字`,type:`textarea`},{description:`金額、數量、分數`,icon:u.CurrencyDollarIcon,label:`數字`,type:`number`},{description:`金額與費用`,icon:u.CurrencyDollarIcon,label:`金額`,type:`money`},{description:`日期或到期日`,icon:u.CalendarIcon,label:`日期`,type:`date`},{description:`日期與時間`,icon:u.CalendarIcon,label:`日期時間`,type:`datetime`},{description:`是 / 否狀態`,icon:u.CheckedIcon,label:`開關`,type:`boolean`},{description:`固定選項擇一`,icon:u.ListIcon,label:`下拉選單`,type:`select`},{description:`固定選項單選`,icon:u.DotGridIcon,label:`單選`,type:`radio`},{description:`固定選項複選`,icon:u.CheckedOutlineIcon,label:`複選`,type:`checkbox`},{description:`附件或佐證資料`,icon:u.FileAttachmentIcon,label:`附件`,type:`file_upload`}],ne={alignItems:`start`,display:`flex`,flexWrap:`wrap`,gap:16},re={flex:`0.55 1 300px`,minWidth:0},ie={flex:`1.45 1 720px`,minWidth:620},b={display:`grid`,gap:12},ae={display:`flex`,flexWrap:`wrap`,gap:6},oe={flex:`0 0 auto`,whiteSpace:`nowrap`},se={display:`grid`,gap:8},ce={alignItems:`center`,cursor:`grab`,display:`flex`,gap:12,touchAction:`none`},le={display:`grid`,flex:`1 1 auto`,gap:2,minWidth:0},ue={alignItems:`center`,display:`flex`,flex:`0 0 auto`,gap:4},de={alignItems:`center`,display:`flex`,gap:6},fe={userSelect:`none`},pe={filter:`drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12))`},me={alignItems:`center`,border:`1px dashed var(--mzn-color-border-neutral)`,borderRadius:6,display:`grid`,gap:12,minHeight:240,padding:32,textAlign:`center`},he={display:`flex`,gap:8,justifyContent:`center`},ge={display:`grid`,gap:14},_e={display:`grid`,columnGap:16,gridTemplateColumns:`repeat(auto-fit, minmax(280px, 1fr))`,rowGap:8},ve={gridColumn:`1 / -1`},ye={alignItems:`center`,display:`flex`,gap:8,gridColumn:`1 / -1`,justifyContent:`flex-end`},be={gridColumn:`1 / -1`},xe={alignItems:`start`,display:`block`,width:`100%`},Se={...xe,gridColumn:`1 / -1`},Ce={minWidth:0,width:`100%`},we={minWidth:`100%`,width:`100%`},Te={display:`grid`,gap:14},Ee={alignItems:`start`,display:`block`,width:`100%`},De={minWidth:0,width:`100%`},Oe={gridColumn:`2 / -1`},ke={display:`grid`,gap:10,width:`100%`},Ae={display:`grid`,gap:8,gridTemplateColumns:`repeat(auto-fit, minmax(160px, 1fr))`},je={display:`inline-flex`},Me={display:`grid`,gap:16},Ne={display:`grid`,gap:8},Pe={display:`flex`,justifyContent:`flex-end`},Fe={color:`var(--mzn-color-text-error)`,fontSize:`0.72em`,lineHeight:0,marginLeft:2,verticalAlign:`super`};function Ie(e){e&&(e.style.width=`100%`)}var x={fields:[],schemaVersion:1},S={layout:[],schemaVersion:1},Le=[{id:`unset`,name:`不預設`},{id:`true`,name:`是`},{id:`false`,name:`否`}],Re=[{id:`true`,name:`是`},{id:`false`,name:`否`}],ze=[{label:`顯示`,name:`fieldVisibleWhen`,supportingText:`符合條件時才顯示這個欄位。`,target:`visibleWhen`},{label:`必填`,name:`fieldRequiredWhen`,supportingText:`符合條件時才要求填寫這個欄位。`,target:`requiredWhen`},{label:`唯讀`,name:`fieldReadonlyWhen`,supportingText:`符合條件時不允許修改這個欄位。`,target:`readonlyWhen`}];function C({formId:m}){let h=t.a(),g=r.r(),_=m,[v,y]=(0,s.useState)(null),[C,E]=(0,s.useState)(null),[O,A]=(0,s.useState)(x),[j,M]=(0,s.useState)(S),[Qe,N]=(0,s.useState)(T(x)),[$e,P]=(0,s.useState)(T(S)),[et,tt]=(0,s.useState)({}),[nt,F]=(0,s.useState)(null),[I,rt]=(0,s.useState)(`design`),[L,R]=(0,s.useState)(null),[it,z]=(0,s.useState)(null),[at,B]=(0,s.useState)(!1),[ot,st]=(0,s.useState)(D(x,S)),[ct,lt]=(0,s.useState)(!0),[ut,dt]=(0,s.useState)(!1),[V,H]=(0,s.useState)(!1);(0,s.useEffect)(()=>{K()},[_]),(0,s.useEffect)(()=>{O.fields.some(e=>e.fieldKey===L)||R(O.fields[0]?.fieldKey??null)},[O.fields,L]),(0,s.useEffect)(()=>{tt(e=>(0,f.buildFormRendererValues)(O.fields,e))},[O.fields]),(0,s.useEffect)(()=>{I!==`advanced`&&(N(T(O)),P(T(j)))},[I,O,j]);let U=(0,s.useMemo)(()=>O.fields.find(e=>e.fieldKey===L)??O.fields[0]??null,[O.fields,L]),ft=(0,s.useMemo)(()=>(v?.versions??[]).map(e=>({key:e.id,publishedAt:n.t(e.publishedAt),status:e.status,updatedAt:n.t(e.updatedAt),version:`v${e.version}`})),[v]),pt=(0,s.useMemo)(()=>[{dataIndex:`version`,key:`version`,title:`版本`,width:120},{key:`status`,render:e=>(0,l.jsx)(Ze,{status:e.status}),title:`狀態`,width:140},{dataIndex:`updatedAt`,key:`updatedAt`,title:`最後更新`,width:180},{dataIndex:`publishedAt`,key:`publishedAt`,title:`發布時間`,width:180}],[]),mt=(0,s.useMemo)(()=>D(O,j),[O,j]),W=mt.schemaJson!==ot.schemaJson||mt.uiSchemaJson!==ot.uiSchemaJson;(0,s.useEffect)(()=>{function e(e){W&&(e.preventDefault(),e.returnValue=``)}return window.addEventListener(`beforeunload`,e),()=>{window.removeEventListener(`beforeunload`,e)}},[W]);function ht(){W&&!window.confirm(`目前有尚未儲存的表單草稿，確定要離開嗎？`)||h.push(g.forms())}let gt=(0,s.useMemo)(()=>Je(v?.versions??[],v?.definition.currentVersionId),[v?.definition.currentVersionId,v?.versions]),_t=C??gt??v?.versions[0]??null,G=!W&&_t?.status===`PUBLISHED`,vt=Ye({hasUnsavedChanges:W,latestPublishedVersion:gt,openedContentPublished:G,openedVersion:_t}),yt=V||!W&&G&&!C,bt=W?`保存並發布`:C?`發布草稿`:G?`已發布`:`發布版本`;async function K(){lt(!0),z(null);try{let e=await(0,f.readFormBuilder)(_),t=e.versions.find(e=>e.status===`DRAFT`)??null;y(e),E(t);let n=t?.schema??e.versions[0]?.schema??x,r=t?.uiSchema??e.versions[0]?.uiSchema??S;A(n),M(r),st(D(n,r)),N(T(n)),P(T(r)),R(t?.schema.fields[0]?.fieldKey??e.versions[0]?.schema.fields[0]?.fieldKey??null),F(null)}catch(e){z(k(e))}finally{lt(!1)}}async function xt(){let e=await(0,f.updateFormDefinitionDraft)((C??await(0,f.forkFormDefinition)(_)).id,O,j);return E(e),e}async function St(){H(!0),z(null);try{await xt(),await K()}catch(e){z(k(e))}finally{H(!1)}}async function Ct(){H(!0),z(null);try{await(0,f.publishFormDefinitionVersion)((await xt()).id),await K()}catch(e){z(k(e))}finally{H(!1)}}async function wt(e){if(!v)throw Error(`尚未載入表單資料`);dt(!0);try{let t=await(0,f.updateFormDefinition)(v.definition.id,e);y({...v,definition:t}),B(!1)}finally{dt(!1)}}function Tt(e){let t=(0,f.createFieldDefinition)(e,O.fields.length+1);A({...O,fields:[...O.fields,t]}),M({...j,layout:[...j.layout,{fieldKey:t.fieldKey,width:e===`textarea`||e===`file_upload`?`FULL`:`HALF`}]}),R(t.fieldKey),rt(`design`),F(null)}function Et(e){let t=e;t===`advanced`&&I!==`advanced`&&(N(T(O)),P(T(j))),rt(t)}function Dt(e){let t=O.fields.filter(t=>t.fieldKey!==e);A({...O,fields:t}),M({...j,layout:j.layout.filter(t=>t.fieldKey!==e)}),R(L===e?t[0]?.fieldKey??null:L),F(null)}function Ot(e){let t=e.destination;t&&e.source.index!==t.index&&(A(n=>({...n,fields:Xe(n.fields,e.source.index,t.index)})),M(n=>({...n,layout:Xe(n.layout,e.source.index,t.index)})),F(null))}function q(e){J(t=>({...t,...e}))}function J(e){if(!U)return;let t=U.fieldKey,n=e(U),r=n.fieldKey;A({...O,fields:O.fields.map(e=>e.fieldKey===t?n:e)}),M({...j,layout:j.layout.map(e=>e.fieldKey===t?{...e,fieldKey:r}:e)}),R(r),F(null)}function Y(e){J(t=>Ue(t)?{...t,...e}:t)}function kt(e){J(t=>(0,f.isNumberFieldDefinition)(t)?{...t,...e}:t)}function At(e){J(t=>(0,f.isDateFieldDefinition)(t)?{...t,...e}:t)}function X(e){J(t=>(0,f.isSelectFieldDefinition)(t)?{...t,...e}:t)}function jt(e){J(t=>t.type===`boolean`?{...t,...e}:t)}function Mt(e){J(t=>t.type===`file_upload`?{...t,...e}:t)}function Nt(e){tt(e)}function Pt(e,t){A(n=>({...n,fields:n.fields.map(n=>n.fieldKey===e?{...n,required:t}:n)})),F(null)}function Ft(e){N(e);try{A(JSON.parse(e)),F(null)}catch{F(`Form Schema JSON 格式不正確`)}}function It(e){P(e);try{M(JSON.parse(e)),F(null)}catch{F(`UI Schema JSON 格式不正確`)}}return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(e.t,{activeHref:g.forms(),children:[(0,l.jsx)(c.PageHeader,{children:(0,l.jsxs)(d.default,{description:vt,onBackClick:ht,title:v?.definition.name??`表單設計器`,children:[(0,l.jsx)(c.Button,{"aria-label":`修改表單名稱`,disabled:ut||!v,icon:u.EditIcon,iconType:`icon-only`,onClick:()=>B(!0),variant:`base-ghost`,children:`修改表單名稱`}),(0,l.jsx)(c.Button,{"aria-label":`儲存草稿`,disabled:V||!W,icon:u.SaveIcon,iconType:`icon-only`,onClick:()=>void St(),variant:`base-secondary`,children:`儲存草稿`}),(0,l.jsx)(c.Button,{disabled:yt,icon:u.CheckedIcon,iconType:`leading`,onClick:()=>void Ct(),variant:`base-primary`,children:bt})]})}),(0,l.jsx)(c.SectionGroup,{children:(0,l.jsx)(c.Section,{children:(0,l.jsxs)(`div`,{style:Me,children:[it?(0,l.jsx)(c.Typography,{color:`text-error`,variant:`body`,children:it}):null,(0,l.jsxs)(c.Tab,{activeKey:I,onChange:Et,size:`sub`,children:[(0,l.jsx)(c.TabItem,{children:`設計`},`design`),(0,l.jsx)(c.TabItem,{children:`預覽`},`preview`),(0,l.jsx)(c.TabItem,{children:`版本`},`versions`),(0,l.jsx)(c.TabItem,{children:`進階`},`advanced`)]}),I===`design`?Lt():null,I===`preview`?nn():null,I===`versions`?rn():null,I===`advanced`?an():null]})})})]}),(0,l.jsx)(o.t,{confirmText:`儲存`,initialName:v?.definition.name??``,loading:ut,onClose:()=>B(!1),onSubmit:wt,open:at,title:`修改表單名稱`})]});function Lt(){return(0,l.jsxs)(`div`,{style:b,children:[(0,l.jsxs)(`div`,{style:se,children:[(0,l.jsx)(c.Typography,{component:`h2`,variant:`label-primary`,children:`新增欄位`}),(0,l.jsx)(`div`,{style:ae,children:te.map(e=>(0,l.jsx)(c.Button,{disabled:V,icon:e.icon,iconType:`leading`,onClick:()=>Tt(e.type),size:`sub`,style:oe,type:`button`,variant:`base-secondary`,children:e.label},e.type))})]}),(0,l.jsxs)(`div`,{style:ne,children:[(0,l.jsxs)(`div`,{style:{...b,...re},children:[(0,l.jsx)(c.Typography,{component:`h2`,variant:`label-primary`,children:`表單畫布`}),O.fields.length>0?(0,l.jsx)(p.DragDropContext,{onDragEnd:Ot,children:(0,l.jsx)(p.Droppable,{droppableId:`form-builder-fields`,children:e=>(0,l.jsxs)(`div`,{...e.droppableProps,ref:e.innerRef,style:b,children:[O.fields.map((e,t)=>(0,l.jsx)(p.Draggable,{draggableId:e.fieldKey,index:t,isDragDisabled:V,children:(t,n)=>en(e,t,n.isDragging)},e.fieldKey)),e.placeholder]})})}):(0,l.jsxs)(`div`,{style:me,children:[(0,l.jsxs)(`div`,{style:b,children:[(0,l.jsx)(c.Typography,{component:`h3`,variant:`h3`,children:`尚未建立欄位`}),(0,l.jsx)(c.Typography,{color:`text-neutral`,variant:`body`,children:`從上方新增第一個欄位，或直接建立常用文字欄位開始設計。`})]}),(0,l.jsxs)(`div`,{style:he,children:[(0,l.jsx)(c.Button,{disabled:V,onClick:()=>Tt(`text`),variant:`base-primary`,children:`新增文字欄位`}),(0,l.jsx)(c.Button,{disabled:V,onClick:()=>Tt(`textarea`),variant:`base-secondary`,children:`新增長文字`})]})]})]}),(0,l.jsxs)(`div`,{style:{...b,...ie},children:[(0,l.jsx)(c.Typography,{component:`h2`,variant:`label-primary`,children:`欄位設定`}),U?Rt(U):(0,l.jsx)(c.Typography,{color:`text-neutral`,variant:`body`,children:`請先新增或選取欄位。`})]})]})]})}function Rt(e){return(0,l.jsxs)(`div`,{style:ge,children:[zt(e),Bt(e)]})}function zt(e){return(0,l.jsxs)(`div`,{style:_e,children:[(0,l.jsx)(`div`,{style:ye,children:(0,l.jsx)(c.Badge,{size:`main`,text:Be(e.type),variant:`text-info`})}),$(`標題`,`fieldLabel`,(0,l.jsx)(c.Input,{onChange:e=>q({label:e.target.value}),placeholder:`例如：申請金額`,value:e.label,variant:`base`}),V),$(`欄位 Key`,`fieldKey`,(0,l.jsx)(c.Input,{onChange:e=>q({fieldKey:e.target.value}),placeholder:`例如：amount`,value:e.fieldKey,variant:`base`}),V),$(`提示文字`,`fieldPlaceholder`,(0,l.jsx)(c.Input,{onChange:e=>q({placeholder:e.target.value||void 0}),placeholder:`例如：請輸入申請金額`,value:e.placeholder??``,variant:`base`}),V),Vt(e)]})}function Bt(e){return(0,l.jsx)(c.Accordion,{defaultExpanded:Ve(e),size:`sub`,title:`進階設定`,children:(0,l.jsxs)(`div`,{style:_e,children:[(0,l.jsx)(c.Typography,{component:`h3`,style:ve,variant:`label-primary`,children:`條件規則`}),(0,l.jsx)(c.Typography,{color:`text-neutral`,style:be,variant:`body`,children:`只有需要根據其他欄位改變顯示、必填或唯讀狀態時才需要設定。`}),Jt(e)]})})}function Vt(e){return Ue(e)?Ht(e):(0,f.isNumberFieldDefinition)(e)?Ut(e):(0,f.isDateFieldDefinition)(e)?Wt(e):(0,f.isSelectFieldDefinition)(e)?Gt(e):e.type===`boolean`?Kt(e):qt(e)}function Ht(e){return(0,l.jsxs)(l.Fragment,{children:[$(`預設值`,`fieldDefaultValue`,e.type===`textarea`?Zt({disabled:V,name:`fieldDefaultValue`,onChange:e=>Y({defaultValue:e||void 0}),placeholder:`輸入此欄位的預設文字`,rows:3,value:w(e.defaultValue)}):(0,l.jsx)(c.Input,{onChange:e=>Y({defaultValue:e.target.value||void 0}),placeholder:`輸入此欄位的預設文字`,value:w(e.defaultValue),variant:`base`}),V),$(`最小長度`,`fieldMinLength`,Q(e.minLength,e=>Y({minLength:e}),`例如：2`,{min:0}),V),$(`最大長度`,`fieldMaxLength`,Q(e.maxLength,e=>Y({maxLength:e}),`例如：100`,{min:1}),V)]})}function Ut(e){return(0,l.jsxs)(l.Fragment,{children:[$(`預設值`,`fieldDefaultValue`,Q(typeof e.defaultValue==`number`?e.defaultValue:void 0,e=>kt({defaultValue:e}),e.type===`money`?`例如：1000`:`輸入預設數值`,{max:e.maximum,min:e.minimum}),V),$(`最小值`,`fieldMinimum`,Q(e.minimum,e=>kt({minimum:e}),`例如：0`),V),$(`最大值`,`fieldMaximum`,Q(e.maximum,e=>kt({maximum:e}),`例如：999999`),V)]})}function Wt(e){return $(`預設值`,`fieldDefaultValue`,Qt(e,w(e.defaultValue),e=>At({defaultValue:e})),V)}function Gt(e){let t=Array.isArray(e.defaultValue)?e.defaultValue:[],n=e.options.filter(e=>t.includes(e.value)).map(f.readFieldOptionAsSelectOption);return(0,l.jsxs)(l.Fragment,{children:[$(`預設值`,`fieldDefaultValue`,e.type===`checkbox`?(0,l.jsx)(c.Select,{clearable:!0,mode:`multiple`,onChange:e=>X({defaultValue:e.length?e.map(e=>e.id):void 0}),options:e.options.map(f.readFieldOptionAsSelectOption),placeholder:`選擇一或多個預設選項`,value:n}):(0,l.jsx)(c.Select,{clearable:!0,onChange:e=>X({defaultValue:e?.id||void 0}),options:e.options.map(f.readFieldOptionAsSelectOption),placeholder:`選擇預設選項`,value:typeof e.defaultValue==`string`?(0,f.readSelectOption)(e.options.map(f.readFieldOptionAsSelectOption),e.defaultValue):null}),V),$(`選項`,`fieldOptions`,$t(e),V,!0)]})}function Kt(e){let t=typeof e.defaultValue==`boolean`?String(e.defaultValue):`unset`;return $(`預設值`,`fieldDefaultValue`,(0,l.jsx)(c.Select,{clearable:!1,onChange:e=>jt({defaultValue:e?.id===`true`?!0:e?.id===`false`?!1:void 0}),options:[...Le],placeholder:`選擇預設狀態`,value:(0,f.readSelectOption)(Le,t)}),V)}function qt(e){return(0,l.jsxs)(l.Fragment,{children:[$(`檔案數`,`fieldMaxFiles`,Q(e.maxFiles,e=>Mt({maxFiles:e}),`例如：1`,{min:1}),V),$(`MIME`,`fieldAcceptedMimeTypes`,Zt({disabled:V,name:`fieldAcceptedMimeTypes`,onChange:e=>Mt({acceptedMimeTypes:We(e)}),placeholder:`每行一個 MIME type，例如：application/pdf`,rows:3,value:Ge(e.acceptedMimeTypes)}),!1)]})}function Jt(e){let t=O.fields.filter(t=>t.fieldKey!==e.fieldKey);return t.length?(0,l.jsx)(l.Fragment,{children:ze.map(n=>Yt(e,n,t))}):(0,l.jsx)(c.Typography,{color:`text-neutral`,style:be,variant:`body`,children:`目前沒有其他欄位可作為條件來源。新增更多欄位後即可設定條件規則。`})}function Yt(e,t,n){let r=e[t.target],i=r?(0,f.parseConditionRule)(r):null,a=n.find(e=>e.fieldKey===i?.fieldKey),o=a??n[0],s=n.map(He),u=(0,f.readConditionOperatorOptions)(o),d=i&&u.some(e=>e.id===i.operator)?i.operator:(0,f.readDefaultConditionOperator)(o),p=i?.value??(0,f.readDefaultConditionValue)(o),m=!!r,h=m&&(!i||!a);return $(t.label,t.name,(0,l.jsxs)(`div`,{style:ke,children:[(0,l.jsx)(c.Toggle,{checked:m,disabled:V,label:m?`已啟用`:`不啟用`,onChange:e=>Z(t.target,e.target.checked?(0,f.buildConditionExpression)(o,(0,f.readDefaultConditionOperator)(o),(0,f.readDefaultConditionValue)(o)):void 0),size:`sub`,supportingText:t.supportingText}),m?h?(0,l.jsx)(c.Typography,{color:`text-warning`,variant:`body`,children:`這個規則不是目前 UI 支援的格式。重新選擇條件後會取代既有規則。`}):(0,l.jsxs)(`div`,{style:Ae,children:[(0,l.jsx)(c.Select,{clearable:!1,onChange:e=>{let r=n.find(t=>t.fieldKey===e?.id)??o;Z(t.target,(0,f.buildConditionExpression)(r,(0,f.readDefaultConditionOperator)(r),(0,f.readDefaultConditionValue)(r)))},options:s,placeholder:`選擇欄位`,value:(0,f.readSelectOption)(s,o.fieldKey)}),(0,l.jsx)(c.Select,{clearable:!1,onChange:e=>Z(t.target,(0,f.buildConditionExpression)(o,(0,f.readConditionOperatorOption)(e?.id)??d,p)),options:[...u],placeholder:`判斷方式`,value:(0,f.readSelectOption)(u,d)}),Xt(o,p,e=>Z(t.target,(0,f.buildConditionExpression)(o,d,e)))]}):null]}),V,!0)}function Z(e,t){q({[e]:t})}function Xt(e,t,n){if(e.type===`boolean`)return(0,l.jsx)(c.Select,{clearable:!1,onChange:e=>n(e?.id??`true`),options:[...Re],placeholder:`比較值`,value:(0,f.readSelectOption)(Re,t===`false`?`false`:`true`)});if((0,f.isSelectFieldDefinition)(e)){let r=e.options.map(f.readFieldOptionAsSelectOption);return(0,l.jsx)(c.Select,{clearable:!1,onChange:e=>n(e?.id??r[0]?.id??``),options:r,placeholder:`比較值`,value:(0,f.readSelectOption)(r,t)})}return(0,f.isNumberFieldDefinition)(e)?Q((0,f.parseOptionalNumberInput)(t),e=>n(String(e??0)),`比較值`):(0,f.isDateFieldDefinition)(e)?Qt(e,t,e=>n(e??``)):(0,l.jsx)(c.Input,{onChange:e=>n(e.target.value),placeholder:`比較值`,value:t,variant:`base`})}function Zt({disabled:e,name:t,onChange:n,placeholder:r,rows:i,value:a}){return(0,l.jsx)(c.Textarea,{"aria-label":t,disabled:e,onChange:e=>n(e.target.value),placeholder:r,ref:Ie,resize:`vertical`,rows:i,style:we,value:a})}function Q(e,t,n,r={}){return(0,l.jsx)(c.Input,{max:r.max,min:r.min,onChange:e=>t((0,f.clampOptionalNumber)((0,f.parseOptionalNumberInput)(e.target.value),r)),placeholder:n,showSpinner:!0,step:r.step??1,value:typeof e==`number`?String(e):``,variant:`measure`})}function Qt(e,t,n){return e.type===`datetime`?(0,l.jsx)(c.DateTimePicker,{formatDate:`YYYY-MM-DD`,formatTime:`HH:mm`,hideSecond:!0,onChange:e=>n((0,f.formatDateTimePickerValue)(e)),placeholderLeft:`選擇日期`,placeholderRight:`選擇時間`,value:(0,f.readDatePickerValue)(t)}):(0,l.jsx)(c.DatePicker,{format:`YYYY-MM-DD`,onChange:e=>n((0,f.formatDatePickerValue)(e)),placeholder:`選擇日期`,value:(0,f.readDatePickerValue)(t)})}function $t(e){return(0,l.jsxs)(`div`,{style:Ne,children:[(0,l.jsx)(c.Table,{actions:{render:t=>[{disabled:()=>V||e.options.length<=1,icon:u.TrashIcon,iconType:`icon-only`,name:`移除選項`,onClick:()=>X({options:e.options.filter((e,n)=>n!==t.index)}),variant:`destructive-ghost`}],width:56},columns:[{key:`label`,render:t=>(0,l.jsx)(c.Input,{onChange:n=>X({options:Ke(e.options,t.index,{label:n.target.value})}),placeholder:`例如：主管`,size:`sub`,value:t.label,variant:`base`}),title:`Label`},{key:`value`,render:t=>(0,l.jsx)(c.Input,{onChange:n=>X({options:Ke(e.options,t.index,{value:n.target.value})}),placeholder:`例如：manager`,size:`sub`,value:t.value,variant:`base`}),title:`Value`}],dataSource:e.options.map((t,n)=>({index:n,key:`${e.fieldKey}-${n}`,label:t.label,value:t.value})),showHeader:!0,size:`sub`}),(0,l.jsx)(`div`,{style:Pe,children:(0,l.jsx)(c.Button,{disabled:V,icon:u.PlusIcon,iconType:`leading`,onClick:()=>X({options:[...e.options,qe(e.options)]}),variant:`base-secondary`,children:`新增選項`})})]})}function en(e,t,n){return(0,l.jsx)(`div`,{...t.draggableProps,"data-form-builder-field-key":e.fieldKey,ref:t.innerRef,style:{...fe,...n?pe:null,...t.draggableProps.style},children:(0,l.jsx)(c.BaseCard,{children:tn(e,t,n)})})}function $(e,t,n,r,a=!1){return(0,l.jsx)(`div`,{style:a?Se:xe,children:(0,l.jsx)(`div`,{style:Ce,children:(0,l.jsx)(i.t,{disabled:r,label:e,name:t,children:n})})})}function tn(e,t,n){return(0,l.jsxs)(`div`,{...t.dragHandleProps??{},"aria-label":`拖曳排序欄位`,style:ce,title:`拖曳排序`,children:[(0,l.jsx)(`span`,{"aria-label":`拖曳排序`,role:`img`,style:je,title:`拖曳排序`,children:(0,l.jsx)(c.Icon,{icon:u.DotDragVerticalIcon,size:20})}),(0,l.jsxs)(`div`,{style:le,children:[(0,l.jsxs)(c.Typography,{component:`span`,ellipsis:!0,variant:`label-primary`,children:[e.label,e.required?(0,l.jsx)(`sup`,{"aria-label":`必填`,style:Fe,children:`*`}):null]}),(0,l.jsxs)(c.Typography,{color:`text-neutral`,component:`span`,ellipsis:!0,variant:`caption`,children:[Be(e.type),` ·`,e.required?` 必填`:` 選填`,` ·`,e.fieldKey]})]}),(0,l.jsxs)(`div`,{style:ue,children:[(0,l.jsx)(`div`,{style:de,children:(0,l.jsx)(c.Toggle,{checked:!!e.required,disabled:V||n,label:`必填`,onChange:t=>Pt(e.fieldKey,t.target.checked)})}),(0,l.jsx)(c.Button,{disabled:n,icon:u.EditIcon,iconType:`icon-only`,onClick:()=>R(e.fieldKey),variant:e.fieldKey===U?.fieldKey?`base-primary`:`base-ghost`,children:`編輯欄位`}),(0,l.jsx)(c.Button,{disabled:V||n,icon:u.TrashIcon,iconType:`icon-only`,onClick:()=>Dt(e.fieldKey),variant:`destructive-ghost`,children:`移除欄位`})]})]})}function nn(){return(0,l.jsxs)(`div`,{style:b,children:[(0,l.jsx)(c.Typography,{component:`h2`,variant:`h3`,children:`填寫預覽`}),(0,l.jsx)(a.t,{onChange:Nt,schema:O,uiSchema:j,value:et})]})}function rn(){return(0,l.jsxs)(`div`,{style:b,children:[(0,l.jsx)(c.Typography,{component:`h2`,variant:`h3`,children:`版本紀錄`}),(0,l.jsx)(c.Table,{columns:pt,dataSource:ft,loading:ct})]})}function an(){return(0,l.jsxs)(`div`,{style:b,children:[(0,l.jsx)(c.Typography,{component:`h2`,variant:`h3`,children:`Schema`}),(0,l.jsxs)(`div`,{style:Te,children:[on(`Form Schema`,`schemaJson`,(0,l.jsx)(ee,{disabled:V,height:`360px`,name:`schemaJson`,onChange:Ft,placeholder:`輸入 Form Schema JSON`,value:Qe})),on(`UI Schema`,`uiSchemaJson`,(0,l.jsx)(ee,{disabled:V,height:`240px`,name:`uiSchemaJson`,onChange:It,placeholder:`輸入 UI Schema JSON`,value:$e})),nt?(0,l.jsx)(c.Typography,{color:`text-error`,style:Oe,variant:`body`,children:nt}):null]})]})}function on(e,t,n){return(0,l.jsx)(`div`,{style:Ee,children:(0,l.jsx)(`div`,{style:De,children:(0,l.jsx)(i.t,{disabled:V,label:e,name:t,children:n})})})}}function Be(e){return te.find(t=>t.type===e)?.label??e}function Ve(e){return!!(e.visibleWhen||e.requiredWhen||e.readonlyWhen)}function He(e){return{id:e.fieldKey,name:e.label}}function Ue(e){return e.type===`text`||e.type===`textarea`}function w(e){return typeof e==`string`?e:``}function We(e){let t=e.split(/[\n,]/u).map(e=>e.trim()).filter(Boolean);return t.length?t:void 0}function Ge(e){return e?.join(`
+`)??``}function T(e){return JSON.stringify(e,null,2)}function Ke(e,t,n){return e.map((e,r)=>r===t?{...e,...n}:e)}function qe(e){let t=e.length+1;return{label:`選項 ${t}`,value:E(e,t)}}function E(e,t){let n=`option_${t}`;return e.some(e=>e.value===n)?E(e,t+1):n}function D(e,t){return{schemaJson:T(e),uiSchemaJson:T(t)}}function Je(e,t){return(t?e.find(e=>e.id===t):null)??e.find(e=>e.status===`PUBLISHED`)??null}function Ye({hasUnsavedChanges:e,latestPublishedVersion:t,openedContentPublished:r,openedVersion:i}){return`${e?`有未儲存修改`:`沒有未儲存修改`} · ${O({hasUnsavedChanges:e,openedContentPublished:r,openedVersion:i})} · ${t?`目前發布 v${t.version}：${n.t(t.publishedAt)}`:`目前沒有已發布版本`}`}function O({hasUnsavedChanges:e,openedContentPublished:t,openedVersion:n}){return e?n?`修改尚未發布，來源 v${n.version}`:`修改尚未發布`:t&&n?`當前內容已發布 v${n.version}`:n?`當前內容尚未發布 v${n.version}`:`當前內容尚未發布`}function Xe(e,t,n){let r=e[t];if(!r||t===n)return[...e];let i=e.filter((e,n)=>n!==t);return[...i.slice(0,n),r,...i.slice(n)]}function Ze({status:e}){return e===`PUBLISHED`?(0,l.jsx)(c.Badge,{size:`sub`,text:`已發布`,variant:`dot-success`}):e===`ARCHIVED`?(0,l.jsx)(c.Badge,{size:`sub`,text:`已封存`,variant:`dot-inactive`}):(0,l.jsx)(c.Badge,{size:`sub`,text:`草稿`,variant:`dot-warning`})}function k(e){return e instanceof Error?e.message:`發生未知錯誤`}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return C}});
+//# sourceMappingURL=builder-CMlJfQHE.cjs.map