@rytass/bpm-core-react 0.2.0

package/dist/chunks/TemplatesView-BLj9f-XI.js

@@ -0,0 +1,380 @@
+"use client";
+import { r as e } from "./router-adapter-BdHZXLS3.js";
+import { t } from "./format-date-time-CB-LxzqT.js";
+import { t as n } from "./app-navigation-CATITRM7.js";
+import { t as r } from "./bpm-form-field-Cao0rMol.js";
+import { t as i } from "./templates.module-B5bg_goX.js";
+import { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
+import { Badge as l, Button as u, Filter as d, FilterArea as f, FilterLine as p, FormField as m, Input as h, Layout as g, Modal as _, PageHeader as v, Section as y, SectionGroup as b, Select as x, Tab as ee, TabItem as S, Table as C, Typography as w } from "@mezzanine-ui/react";
+import { Fragment as te, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { listLaunchableTemplates as ne } from "@rytass/bpm-core-client/workflow";
+import { PlusIcon as re } from "@mezzanine-ui/icons";
+import ie from "@mezzanine-ui/react/ContentHeader";
+import { FormFieldLayout as D } from "@mezzanine-ui/core/form";
+import { createApprovalTemplate as ae, listApprovalTemplateCategoriesPage as oe, listApprovalTemplatesPage as se } from "@rytass/bpm-core-client/template";
+//#region src/views/templates/template-name-modal.tsx
+function ce({ confirmText: e, categoryOptions: t, initialName: n, loading: i, onClose: a, onSubmit: s, open: l, title: u }) {
+	let [d, f] = c(n), [p, m] = c(t[0] ?? k), [g, v] = c(null), y = d.trim();
+	o(() => {
+		l && (f(n), m(t[0] ?? k), v(null));
+	}, [
+		t,
+		n,
+		l
+	]);
+	async function b() {
+		if (!y) {
+			v("請輸入模板名稱");
+			return;
+		}
+		try {
+			await s({
+				categoryId: p.categoryId,
+				name: y
+			});
+		} catch (e) {
+			v(O(e));
+		}
+	}
+	return /* @__PURE__ */ E(_, {
+		cancelText: "取消",
+		confirmButtonProps: { disabled: !y },
+		confirmText: e,
+		loading: i,
+		modalType: "standard",
+		onCancel: a,
+		onClose: a,
+		onConfirm: () => void b(),
+		open: l,
+		showModalFooter: !0,
+		showModalHeader: !0,
+		size: "narrow",
+		title: u,
+		children: [
+			/* @__PURE__ */ T(r, {
+				label: "模板名稱",
+				name: "templateName",
+				required: !0,
+				children: /* @__PURE__ */ T(h, {
+					autoFocus: !0,
+					fullWidth: !0,
+					onChange: (e) => {
+						f(e.target.value), v(null);
+					},
+					placeholder: "例如：費用申請流程",
+					value: d,
+					variant: "base"
+				})
+			}),
+			/* @__PURE__ */ T(r, {
+				label: "分類",
+				name: "templateCategory",
+				children: /* @__PURE__ */ T(x, {
+					clearable: !1,
+					fullWidth: !0,
+					onChange: (e) => {
+						m(A(e, t)), v(null);
+					},
+					options: [...t],
+					placeholder: "選擇分類",
+					value: p
+				})
+			}),
+			g ? /* @__PURE__ */ T(w, {
+				color: "text-error",
+				variant: "body",
+				children: g
+			}) : null
+		]
+	});
+}
+function O(e) {
+	return e instanceof Error ? e.message : "發生未知錯誤";
+}
+var k = {
+	categoryId: null,
+	id: "UNCATEGORIZED",
+	name: "未分類"
+};
+function A(e, t) {
+	if (!j(e)) return k;
+	let n = typeof e.id == "string" ? e.id : null;
+	return t.find((e) => e.id === n) ?? k;
+}
+function j(e) {
+	return typeof e == "object" && !!e;
+}
+//#endregion
+//#region src/views/templates/TemplatesView.tsx
+var le = [
+	10,
+	20,
+	50
+], ue = [
+	{
+		key: "ALL",
+		label: "全部"
+	},
+	{
+		key: "PUBLISHED",
+		label: "已發布"
+	},
+	{
+		key: "DRAFT",
+		label: "草稿"
+	}
+], de = 100;
+function M({ activeHref: r = "/templates" } = {}) {
+	let l = e(), [_, O] = c([]), [A, j] = c(P), [M, z] = c([]), [B, he] = c(/* @__PURE__ */ new Set()), [ge, V] = c(!1), [H, U] = c(!1), [W, G] = c(null), [_e, K] = c(!0), [q, J] = c(1), [Y, ve] = c(10), [X, ye] = c(""), [Z, be] = c("ALL"), [xe, Q] = c(0), $ = a(async () => {
+		K(!0), G(null);
+		try {
+			let [e, t, n] = await Promise.all([
+				se({
+					categoryId: A.categoryId,
+					page: q,
+					pageSize: Y,
+					searchText: X,
+					status: Z === "ALL" ? null : Z
+				}),
+				ne(),
+				oe({
+					page: 1,
+					pageSize: de,
+					searchText: "",
+					status: "ACTIVE"
+				})
+			]);
+			z([...n.categories.map(F)]), O(e.templates), Q(e.totalCount), he(new Set(t.map((e) => e.id)));
+		} catch (e) {
+			G(fe(e));
+		} finally {
+			K(!1);
+		}
+	}, [
+		A,
+		q,
+		Y,
+		X,
+		Z
+	]);
+	o(() => {
+		$();
+	}, [$]);
+	let Se = s(() => _.map((e) => ({
+		...e,
+		categoryLabel: R(e),
+		key: e.id,
+		status: e.currentVersionId ? "PUBLISHED" : "DRAFT",
+		updatedAt: t(e.updatedAt)
+	})), [_]), Ce = s(() => [
+		{
+			dataIndex: "name",
+			key: "name",
+			title: "模板名稱",
+			width: 220
+		},
+		{
+			key: "status",
+			render: (e) => /* @__PURE__ */ T(me, { status: e.status }),
+			title: "狀態",
+			width: 120
+		},
+		{
+			key: "category",
+			render: (e) => /* @__PURE__ */ T(N, { record: e }),
+			title: "分類",
+			width: 160
+		},
+		{
+			dataIndex: "updatedAt",
+			key: "updatedAt",
+			title: "更新時間",
+			width: 220
+		}
+	], []), we = s(() => ({
+		render: (e) => [
+			{
+				disabled: (e) => !B.has(e.id),
+				name: "發起",
+				onClick: () => l.push(`/instances/new?templateId=${e.id}`),
+				variant: "base-primary"
+			},
+			{
+				name: "設計",
+				onClick: () => l.push(`/templates/${e.id}/designer`)
+			},
+			{
+				name: "版本",
+				onClick: () => l.push(`/templates/${e.id}/versions`)
+			}
+		],
+		variant: "base-secondary",
+		width: 192
+	}), [B, l]);
+	async function Te({ categoryId: e, name: t }) {
+		U(!0), G(null);
+		try {
+			let n = await ae({
+				categoryId: e,
+				name: t
+			});
+			V(!1), l.push(`/templates/${n}/designer`);
+		} finally {
+			U(!1);
+		}
+	}
+	return /* @__PURE__ */ E(te, { children: [/* @__PURE__ */ E(g, { children: [/* @__PURE__ */ T(n, { activeHref: r }), /* @__PURE__ */ E(g.Main, { children: [/* @__PURE__ */ T(v, { children: /* @__PURE__ */ T(ie, {
+		description: "建立流程模板、維護草稿與發布版本。",
+		title: "簽核模板",
+		children: /* @__PURE__ */ T(u, {
+			disabled: H,
+			icon: re,
+			iconType: "leading",
+			onClick: () => V(!0),
+			variant: "base-primary",
+			children: "建立模板"
+		})
+	}) }), /* @__PURE__ */ T(b, { children: /* @__PURE__ */ E(y, {
+		filterArea: /* @__PURE__ */ T(f, {
+			className: i.templateFilterArea,
+			size: "sub",
+			children: /* @__PURE__ */ E(p, { children: [/* @__PURE__ */ T(d, {
+				span: 3,
+				children: /* @__PURE__ */ T(m, {
+					fullWidth: !0,
+					layout: D.VERTICAL,
+					name: "templateSearchText",
+					children: /* @__PURE__ */ T(h, {
+						fullWidth: !0,
+						onChange: (e) => {
+							ye(e.target.value), J(1);
+						},
+						placeholder: "關鍵字：搜尋模板名稱、分類或描述",
+						size: "sub",
+						value: X,
+						variant: "base"
+					})
+				})
+			}), /* @__PURE__ */ T(d, {
+				span: 2,
+				children: /* @__PURE__ */ T(m, {
+					fullWidth: !0,
+					layout: D.VERTICAL,
+					name: "templateCategoryFilter",
+					children: /* @__PURE__ */ T(x, {
+						clearable: !1,
+						fullWidth: !0,
+						onChange: (e) => {
+							j(I(e, M)), J(1);
+						},
+						options: [P, ...M],
+						placeholder: "分類",
+						renderValue: (e) => `分類：${L(e)}`,
+						size: "sub",
+						value: A
+					})
+				})
+			})] })
+		}),
+		tab: /* @__PURE__ */ T(ee, {
+			activeKey: Z,
+			onChange: (e) => {
+				be(pe(e)), J(1);
+			},
+			children: ue.map((e) => /* @__PURE__ */ T(S, { children: e.label }, e.key))
+		}),
+		children: [W ? /* @__PURE__ */ T(w, {
+			color: "text-error",
+			variant: "body",
+			children: W
+		}) : null, /* @__PURE__ */ T(C, {
+			actions: we,
+			columns: Ce,
+			dataSource: Se,
+			fullWidth: !0,
+			loading: _e,
+			pagination: {
+				current: q,
+				onChange: (e) => {
+					J(e);
+				},
+				onChangePageSize: (e) => {
+					J(1), ve(e);
+				},
+				pageSize: Y,
+				pageSizeLabel: "每頁筆數",
+				pageSizeOptions: le,
+				renderResultSummary: (e, t, n) => `顯示 ${e}-${t} 筆，共 ${n} 筆`,
+				showPageSizeOptions: !0,
+				total: xe
+			}
+		})]
+	}) })] })] }), /* @__PURE__ */ T(ce, {
+		categoryOptions: [k, ...M],
+		confirmText: "建立",
+		initialName: "",
+		loading: H,
+		onClose: () => V(!1),
+		onSubmit: Te,
+		open: ge,
+		title: "建立簽核模板"
+	})] });
+}
+function fe(e) {
+	return e instanceof Error ? e.message : "發生未知錯誤";
+}
+function pe(e) {
+	return e === "PUBLISHED" || e === "DRAFT" ? e : "ALL";
+}
+function me({ status: e }) {
+	return e === "PUBLISHED" ? /* @__PURE__ */ T(l, {
+		size: "sub",
+		text: "已發布",
+		variant: "dot-success"
+	}) : /* @__PURE__ */ T(l, {
+		size: "sub",
+		text: "草稿",
+		variant: "dot-inactive"
+	});
+}
+function N({ record: e }) {
+	return e.categoryDetail?.isActive === !1 ? /* @__PURE__ */ T(l, {
+		size: "sub",
+		text: `${e.categoryLabel}（停用）`,
+		variant: "dot-inactive"
+	}) : /* @__PURE__ */ T(w, {
+		component: "span",
+		variant: "body",
+		children: e.categoryLabel
+	});
+}
+var P = {
+	categoryId: null,
+	id: "ALL_CATEGORIES",
+	name: "全部分類"
+};
+function F(e) {
+	return {
+		categoryId: e.id,
+		id: e.id,
+		name: e.name
+	};
+}
+function I(e, t) {
+	if (!z(e)) return P;
+	let n = typeof e.id == "string" ? e.id : null;
+	return n === P.id ? P : t.find((e) => e.id === n) ?? P;
+}
+function L(e) {
+	return Array.isArray(e) || !z(e) ? P.name : typeof e.name == "string" ? e.name : P.name;
+}
+function R(e) {
+	return e.categoryDetail?.name ?? e.category ?? "未分類";
+}
+function z(e) {
+	return typeof e == "object" && !!e;
+}
+//#endregion
+export { M as t };
+
+//# sourceMappingURL=TemplatesView-BLj9f-XI.js.map

package/dist/chunks/TemplatesView-BLj9f-XI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplatesView-BLj9f-XI.js","names":[],"sources":["../../src/views/templates/template-name-modal.tsx","../../src/views/templates/TemplatesView.tsx"],"sourcesContent":["'use client';\n\nimport { ChangeEvent, ReactElement, useEffect, useState } from 'react';\nimport { Input, Modal, Select, Typography } from '@mezzanine-ui/react';\nimport { BPMFormField } from '../../components/bpm-form-field';\n\nexport interface TemplateCategoryOption {\n  readonly categoryId: string | null;\n  readonly id: string;\n  readonly name: string;\n}\n\ninterface TemplateNameModalProps {\n  readonly confirmText: string;\n  readonly categoryOptions: readonly TemplateCategoryOption[];\n  readonly initialName: string;\n  readonly loading: boolean;\n  readonly onClose: () => void;\n  readonly onSubmit: (input: {\n    readonly categoryId: string | null;\n    readonly name: string;\n  }) => Promise<void>;\n  readonly open: boolean;\n  readonly title: string;\n}\n\nexport function TemplateNameModal({\n  confirmText,\n  categoryOptions,\n  initialName,\n  loading,\n  onClose,\n  onSubmit,\n  open,\n  title,\n}: TemplateNameModalProps): ReactElement {\n  const [name, setName] = useState(initialName);\n  const [category, setCategory] = useState<TemplateCategoryOption>(\n    categoryOptions[0] ?? UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION,\n  );\n  const [error, setError] = useState<string | null>(null);\n  const trimmedName = name.trim();\n\n  useEffect((): void => {\n    if (!open) {\n      return;\n    }\n\n    setName(initialName);\n    setCategory(categoryOptions[0] ?? UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION);\n    setError(null);\n  }, [categoryOptions, initialName, open]);\n\n  async function handleConfirm(): Promise<void> {\n    if (!trimmedName) {\n      setError('請輸入模板名稱');\n      return;\n    }\n\n    try {\n      await onSubmit({ categoryId: category.categoryId, name: trimmedName });\n    } catch (submitError: unknown) {\n      setError(readErrorMessage(submitError));\n    }\n  }\n\n  return (\n    <Modal\n      cancelText=\"取消\"\n      confirmButtonProps={{ disabled: !trimmedName }}\n      confirmText={confirmText}\n      loading={loading}\n      modalType=\"standard\"\n      onCancel={onClose}\n      onClose={onClose}\n      onConfirm={(): void => void handleConfirm()}\n      open={open}\n      showModalFooter\n      showModalHeader\n      size=\"narrow\"\n      title={title}\n    >\n      <BPMFormField label=\"模板名稱\" name=\"templateName\" required>\n        <Input\n          autoFocus\n          fullWidth\n          onChange={(event: ChangeEvent<HTMLInputElement>): void => {\n            setName(event.target.value);\n            setError(null);\n          }}\n          placeholder=\"例如：費用申請流程\"\n          value={name}\n          variant=\"base\"\n        />\n      </BPMFormField>\n      <BPMFormField label=\"分類\" name=\"templateCategory\">\n        <Select\n          clearable={false}\n          fullWidth\n          onChange={(option): void => {\n            setCategory(readCategoryOption(option, categoryOptions));\n            setError(null);\n          }}\n          options={[...categoryOptions]}\n          placeholder=\"選擇分類\"\n          value={category}\n        />\n      </BPMFormField>\n      {error ? (\n        <Typography color=\"text-error\" variant=\"body\">\n          {error}\n        </Typography>\n      ) : null}\n    </Modal>\n  );\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n\nexport const UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION: TemplateCategoryOption = {\n  categoryId: null,\n  id: 'UNCATEGORIZED',\n  name: '未分類',\n};\n\nfunction readCategoryOption(\n  value: unknown,\n  options: readonly TemplateCategoryOption[],\n): TemplateCategoryOption {\n  if (!isRecord(value)) {\n    return UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION;\n  }\n\n  const id = typeof value.id === 'string' ? value.id : null;\n\n  return (\n    options.find((option) => option.id === id) ??\n    UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION\n  );\n}\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === 'object' && value !== null;\n}\n","'use client';\n\nimport type { ChangeEvent, Key, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Input,\n  Layout,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Select,\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 { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport styles from './templates.module.scss';\nimport { formatDateTime } from '../../lib/format-date-time';\nimport { AppNavigation } from '../../components/app-navigation';\nimport { useRouterAdapter } from '../../lib/router-adapter';\nimport {\n  TemplateCategoryOption,\n  TemplateNameModal,\n  UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION,\n} from './template-name-modal';\nimport {\n  ApprovalTemplateListStatus,\n  ApprovalTemplateRecord,\n  ApprovalTemplateCategoryRecord,\n  createApprovalTemplate,\n  listApprovalTemplateCategoriesPage,\n  listApprovalTemplatesPage,\n} from '@rytass/bpm-core-client/template';\nimport { listLaunchableTemplates } from '@rytass/bpm-core-client/workflow';\n\nconst TEMPLATE_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst TEMPLATE_STATUS_TABS: readonly {\n  readonly key: TemplateStatusTabKey;\n  readonly label: string;\n}[] = [\n  { key: 'ALL', label: '全部' },\n  { key: 'PUBLISHED', label: '已發布' },\n  { key: 'DRAFT', label: '草稿' },\n];\n\nconst TEMPLATE_CATEGORY_PAGE_SIZE = 100;\n\ntype TemplateStatusTabKey = 'ALL' | ApprovalTemplateListStatus;\n\ntype TemplateRow = Readonly<\n  Record<string, unknown> &\n    ApprovalTemplateRecord & {\n      categoryLabel: string;\n      key: string;\n      status: ApprovalTemplateListStatus;\n    }\n>;\n\nexport interface TemplatesViewProps {\n  readonly activeHref?: string;\n}\n\nexport function TemplatesView({\n  activeHref = '/templates',\n}: TemplatesViewProps = {}): ReactElement {\n  const router = useRouterAdapter();\n  const [templates, setTemplates] = useState<readonly ApprovalTemplateRecord[]>(\n    [],\n  );\n  const [categoryFilter, setCategoryFilter] = useState<TemplateCategoryOption>(\n    UNCATEGORIZED_TEMPLATE_FILTER_OPTION,\n  );\n  const [categoryOptions, setCategoryOptions] = useState<\n    readonly TemplateCategoryOption[]\n  >([]);\n  const [launchableTemplateIds, setLaunchableTemplateIds] = useState<\n    ReadonlySet<string>\n  >(new Set());\n  const [createModalOpen, setCreateModalOpen] = useState(false);\n  const [creating, setCreating] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [templatePage, setTemplatePage] = useState(1);\n  const [templatePageSize, setTemplatePageSize] = useState(10);\n  const [templateSearchText, setTemplateSearchText] = useState('');\n  const [templateStatus, setTemplateStatus] =\n    useState<TemplateStatusTabKey>('ALL');\n  const [templateTotalCount, setTemplateTotalCount] = useState(0);\n\n  const refreshTemplates = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const [\n        templatePageResult,\n        nextLaunchableTemplates,\n        activeCategoryPageResult,\n      ] = await Promise.all([\n        listApprovalTemplatesPage({\n          categoryId: categoryFilter.categoryId,\n          page: templatePage,\n          pageSize: templatePageSize,\n          searchText: templateSearchText,\n          status: templateStatus === 'ALL' ? null : templateStatus,\n        }),\n        listLaunchableTemplates(),\n        listApprovalTemplateCategoriesPage({\n          page: 1,\n          pageSize: TEMPLATE_CATEGORY_PAGE_SIZE,\n          searchText: '',\n          status: 'ACTIVE',\n        }),\n      ]);\n\n      setCategoryOptions([\n        ...activeCategoryPageResult.categories.map(readCategoryOption),\n      ]);\n      setTemplates(templatePageResult.templates);\n      setTemplateTotalCount(templatePageResult.totalCount);\n      setLaunchableTemplateIds(\n        new Set(nextLaunchableTemplates.map((template) => template.id)),\n      );\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [\n    categoryFilter,\n    templatePage,\n    templatePageSize,\n    templateSearchText,\n    templateStatus,\n  ]);\n\n  useEffect((): void => {\n    void refreshTemplates();\n  }, [refreshTemplates]);\n\n  const rows = useMemo(\n    (): TemplateRow[] =>\n      templates.map((template) => ({\n        ...template,\n        categoryLabel: readTemplateCategoryLabel(template),\n        key: template.id,\n        status: template.currentVersionId ? 'PUBLISHED' : 'DRAFT',\n        updatedAt: formatDateTime(template.updatedAt),\n      })),\n    [templates],\n  );\n  const columns = useMemo(\n    (): TableColumn<TemplateRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '模板名稱', width: 220 },\n      {\n        key: 'status',\n        render: (record: TemplateRow): ReactElement => (\n          <TemplateStatusBadge status={record.status} />\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        key: 'category',\n        render: (record: TemplateRow): ReactElement => (\n          <TemplateCategoryLabel record={record} />\n        ),\n        title: '分類',\n        width: 160,\n      },\n      {\n        dataIndex: 'updatedAt',\n        key: 'updatedAt',\n        title: '更新時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const tableActions = useMemo(\n    (): TableActions<TemplateRow> => ({\n      render: (record): ReturnType<TableActions<TemplateRow>['render']> => [\n        {\n          disabled: (template): boolean =>\n            !launchableTemplateIds.has(template.id),\n          name: '發起',\n          onClick: (): void =>\n            router.push(`/instances/new?templateId=${record.id}`),\n          variant: 'base-primary',\n        },\n        {\n          name: '設計',\n          onClick: (): void => router.push(`/templates/${record.id}/designer`),\n        },\n        {\n          name: '版本',\n          onClick: (): void => router.push(`/templates/${record.id}/versions`),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 192,\n    }),\n    [launchableTemplateIds, router],\n  );\n\n  async function handleCreateTemplate({\n    categoryId,\n    name,\n  }: {\n    readonly categoryId: string | null;\n    readonly name: string;\n  }): Promise<void> {\n    setCreating(true);\n    setError(null);\n\n    try {\n      const templateId = await createApprovalTemplate({ categoryId, name });\n      setCreateModalOpen(false);\n      router.push(`/templates/${templateId}/designer`);\n    } finally {\n      setCreating(false);\n    }\n  }\n\n  return (\n    <>\n      <Layout>\n        <AppNavigation activeHref={activeHref} />\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              filterArea={\n                <FilterArea className={styles.templateFilterArea} size=\"sub\">\n                  <FilterLine>\n                    <Filter span={3}>\n                      <FormField\n                        fullWidth\n                        layout={FormFieldLayout.VERTICAL}\n                        name=\"templateSearchText\"\n                      >\n                        <Input\n                          fullWidth\n                          onChange={(\n                            event: ChangeEvent<HTMLInputElement>,\n                          ): void => {\n                            setTemplateSearchText(event.target.value);\n                            setTemplatePage(1);\n                          }}\n                          placeholder=\"關鍵字：搜尋模板名稱、分類或描述\"\n                          size=\"sub\"\n                          value={templateSearchText}\n                          variant=\"base\"\n                        />\n                      </FormField>\n                    </Filter>\n                    <Filter span={2}>\n                      <FormField\n                        fullWidth\n                        layout={FormFieldLayout.VERTICAL}\n                        name=\"templateCategoryFilter\"\n                      >\n                        <Select\n                          clearable={false}\n                          fullWidth\n                          onChange={(option): void => {\n                            setCategoryFilter(\n                              readCategoryFilterOption(option, categoryOptions),\n                            );\n                            setTemplatePage(1);\n                          }}\n                          options={[\n                            UNCATEGORIZED_TEMPLATE_FILTER_OPTION,\n                            ...categoryOptions,\n                          ]}\n                          placeholder=\"分類\"\n                          renderValue={(value): string =>\n                            `分類：${readTemplateCategoryFilterLabel(value)}`\n                          }\n                          size=\"sub\"\n                          value={categoryFilter}\n                        />\n                      </FormField>\n                    </Filter>\n                  </FilterLine>\n                </FilterArea>\n              }\n              tab={\n                <Tab\n                  activeKey={templateStatus}\n                  onChange={(activeKey): void => {\n                    setTemplateStatus(readTemplateStatusTabKey(activeKey));\n                    setTemplatePage(1);\n                  }}\n                >\n                  {TEMPLATE_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                actions={tableActions}\n                columns={columns}\n                dataSource={rows}\n                fullWidth\n                loading={loading}\n                pagination={{\n                  current: templatePage,\n                  onChange: (page): void => {\n                    setTemplatePage(page);\n                  },\n                  onChangePageSize: (pageSize): void => {\n                    setTemplatePage(1);\n                    setTemplatePageSize(pageSize);\n                  },\n                  pageSize: templatePageSize,\n                  pageSizeLabel: '每頁筆數',\n                  pageSizeOptions: TEMPLATE_PAGE_SIZE_OPTIONS,\n                  renderResultSummary: (from, to, total): string =>\n                    `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                  showPageSizeOptions: true,\n                  total: templateTotalCount,\n                }}\n              />\n            </Section>\n          </SectionGroup>\n        </Layout.Main>\n      </Layout>\n\n      <TemplateNameModal\n        categoryOptions={[\n          UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION,\n          ...categoryOptions,\n        ]}\n        confirmText=\"建立\"\n        initialName=\"\"\n        loading={creating}\n        onClose={(): void => setCreateModalOpen(false)}\n        onSubmit={handleCreateTemplate}\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 readTemplateStatusTabKey(activeKey: Key): TemplateStatusTabKey {\n  if (activeKey === 'PUBLISHED' || activeKey === 'DRAFT') {\n    return activeKey;\n  }\n\n  return 'ALL';\n}\n\nfunction TemplateStatusBadge({\n  status,\n}: {\n  readonly status: ApprovalTemplateListStatus;\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-inactive\" />;\n}\n\nfunction TemplateCategoryLabel({\n  record,\n}: {\n  readonly record: TemplateRow;\n}): ReactElement {\n  if (record.categoryDetail?.isActive === false) {\n    return (\n      <Badge\n        size=\"sub\"\n        text={`${record.categoryLabel}（停用）`}\n        variant=\"dot-inactive\"\n      />\n    );\n  }\n\n  return (\n    <Typography component=\"span\" variant=\"body\">\n      {record.categoryLabel}\n    </Typography>\n  );\n}\n\nconst UNCATEGORIZED_TEMPLATE_FILTER_OPTION: TemplateCategoryOption = {\n  categoryId: null,\n  id: 'ALL_CATEGORIES',\n  name: '全部分類',\n};\n\nfunction readCategoryOption(\n  category: ApprovalTemplateCategoryRecord,\n): TemplateCategoryOption {\n  return {\n    categoryId: category.id,\n    id: category.id,\n    name: category.name,\n  };\n}\n\nfunction readCategoryFilterOption(\n  value: unknown,\n  options: readonly TemplateCategoryOption[],\n): TemplateCategoryOption {\n  if (!isRecord(value)) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION;\n  }\n\n  const id = typeof value.id === 'string' ? value.id : null;\n\n  if (id === UNCATEGORIZED_TEMPLATE_FILTER_OPTION.id) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION;\n  }\n\n  return (\n    options.find((option) => option.id === id) ??\n    UNCATEGORIZED_TEMPLATE_FILTER_OPTION\n  );\n}\n\nfunction readTemplateCategoryFilterLabel(value: unknown): string {\n  if (Array.isArray(value)) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION.name;\n  }\n\n  if (!isRecord(value)) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION.name;\n  }\n\n  return typeof value.name === 'string'\n    ? value.name\n    : UNCATEGORIZED_TEMPLATE_FILTER_OPTION.name;\n}\n\nfunction readTemplateCategoryLabel(template: ApprovalTemplateRecord): string {\n  return template.categoryDetail?.name ?? template.category ?? '未分類';\n}\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === 'object' && value !== null;\n}\n"],"mappings":"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"}

package/dist/chunks/TemplatesView-DIOQTUUl.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("./app-navigation-DAC5gFbG.cjs"),t=require("./router-adapter-BybHrCNP.cjs"),n=require("./format-date-time-BQyH5U8z.cjs"),r=require("./bpm-form-field-Bc6k4ZEO.cjs"),i=require("./templates.module-ClRnQQX4.cjs");let a=require("react"),o=require("@mezzanine-ui/react"),s=require("react/jsx-runtime"),c=require("@rytass/bpm-core-client/workflow"),l=require("@mezzanine-ui/icons"),u=require("@mezzanine-ui/react/ContentHeader");u=e.o(u,1);let d=require("@mezzanine-ui/core/form"),f=require("@rytass/bpm-core-client/template");function p({confirmText:e,categoryOptions:t,initialName:n,loading:i,onClose:c,onSubmit:l,open:u,title:d}){let[f,p]=(0,a.useState)(n),[_,v]=(0,a.useState)(t[0]??h),[y,b]=(0,a.useState)(null),x=f.trim();(0,a.useEffect)(()=>{u&&(p(n),v(t[0]??h),b(null))},[t,n,u]);async function S(){if(!x){b(`請輸入模板名稱`);return}try{await l({categoryId:_.categoryId,name:x})}catch(e){b(m(e))}}return(0,s.jsxs)(o.Modal,{cancelText:`取消`,confirmButtonProps:{disabled:!x},confirmText:e,loading:i,modalType:`standard`,onCancel:c,onClose:c,onConfirm:()=>void S(),open:u,showModalFooter:!0,showModalHeader:!0,size:`narrow`,title:d,children:[(0,s.jsx)(r.t,{label:`模板名稱`,name:`templateName`,required:!0,children:(0,s.jsx)(o.Input,{autoFocus:!0,fullWidth:!0,onChange:e=>{p(e.target.value),b(null)},placeholder:`例如：費用申請流程`,value:f,variant:`base`})}),(0,s.jsx)(r.t,{label:`分類`,name:`templateCategory`,children:(0,s.jsx)(o.Select,{clearable:!1,fullWidth:!0,onChange:e=>{v(g(e,t)),b(null)},options:[...t],placeholder:`選擇分類`,value:_})}),y?(0,s.jsx)(o.Typography,{color:`text-error`,variant:`body`,children:y}):null]})}function m(e){return e instanceof Error?e.message:`發生未知錯誤`}var h={categoryId:null,id:`UNCATEGORIZED`,name:`未分類`};function g(e,t){if(!_(e))return h;let n=typeof e.id==`string`?e.id:null;return t.find(e=>e.id===n)??h}function _(e){return typeof e==`object`&&!!e}var v=[10,20,50],y=[{key:`ALL`,label:`全部`},{key:`PUBLISHED`,label:`已發布`},{key:`DRAFT`,label:`草稿`}],b=100;function x({activeHref:r=`/templates`}={}){let m=t.r(),[g,_]=(0,a.useState)([]),[x,A]=(0,a.useState)(E),[j,M]=(0,a.useState)([]),[N,P]=(0,a.useState)(new Set),[F,I]=(0,a.useState)(!1),[L,R]=(0,a.useState)(!1),[z,B]=(0,a.useState)(null),[V,H]=(0,a.useState)(!0),[U,W]=(0,a.useState)(1),[G,K]=(0,a.useState)(10),[q,J]=(0,a.useState)(``),[Y,X]=(0,a.useState)(`ALL`),[Z,Q]=(0,a.useState)(0),$=(0,a.useCallback)(async()=>{H(!0),B(null);try{let[e,t,n]=await Promise.all([(0,f.listApprovalTemplatesPage)({categoryId:x.categoryId,page:U,pageSize:G,searchText:q,status:Y===`ALL`?null:Y}),(0,c.listLaunchableTemplates)(),(0,f.listApprovalTemplateCategoriesPage)({page:1,pageSize:b,searchText:``,status:`ACTIVE`})]);M([...n.categories.map(D)]),_(e.templates),Q(e.totalCount),P(new Set(t.map(e=>e.id)))}catch(e){B(S(e))}finally{H(!1)}},[x,U,G,q,Y]);(0,a.useEffect)(()=>{$()},[$]);let te=(0,a.useMemo)(()=>g.map(e=>({...e,categoryLabel:k(e),key:e.id,status:e.currentVersionId?`PUBLISHED`:`DRAFT`,updatedAt:n.t(e.updatedAt)})),[g]),ne=(0,a.useMemo)(()=>[{dataIndex:`name`,key:`name`,title:`模板名稱`,width:220},{key:`status`,render:e=>(0,s.jsx)(w,{status:e.status}),title:`狀態`,width:120},{key:`category`,render:e=>(0,s.jsx)(T,{record:e}),title:`分類`,width:160},{dataIndex:`updatedAt`,key:`updatedAt`,title:`更新時間`,width:220}],[]),re=(0,a.useMemo)(()=>({render:e=>[{disabled:e=>!N.has(e.id),name:`發起`,onClick:()=>m.push(`/instances/new?templateId=${e.id}`),variant:`base-primary`},{name:`設計`,onClick:()=>m.push(`/templates/${e.id}/designer`)},{name:`版本`,onClick:()=>m.push(`/templates/${e.id}/versions`)}],variant:`base-secondary`,width:192}),[N,m]);async function ie({categoryId:e,name:t}){R(!0),B(null);try{let n=await(0,f.createApprovalTemplate)({categoryId:e,name:t});I(!1),m.push(`/templates/${n}/designer`)}finally{R(!1)}}return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(o.Layout,{children:[(0,s.jsx)(e.t,{activeHref:r}),(0,s.jsxs)(o.Layout.Main,{children:[(0,s.jsx)(o.PageHeader,{children:(0,s.jsx)(u.default,{description:`建立流程模板、維護草稿與發布版本。`,title:`簽核模板`,children:(0,s.jsx)(o.Button,{disabled:L,icon:l.PlusIcon,iconType:`leading`,onClick:()=>I(!0),variant:`base-primary`,children:`建立模板`})})}),(0,s.jsx)(o.SectionGroup,{children:(0,s.jsxs)(o.Section,{filterArea:(0,s.jsx)(o.FilterArea,{className:i.t.templateFilterArea,size:`sub`,children:(0,s.jsxs)(o.FilterLine,{children:[(0,s.jsx)(o.Filter,{span:3,children:(0,s.jsx)(o.FormField,{fullWidth:!0,layout:d.FormFieldLayout.VERTICAL,name:`templateSearchText`,children:(0,s.jsx)(o.Input,{fullWidth:!0,onChange:e=>{J(e.target.value),W(1)},placeholder:`關鍵字：搜尋模板名稱、分類或描述`,size:`sub`,value:q,variant:`base`})})}),(0,s.jsx)(o.Filter,{span:2,children:(0,s.jsx)(o.FormField,{fullWidth:!0,layout:d.FormFieldLayout.VERTICAL,name:`templateCategoryFilter`,children:(0,s.jsx)(o.Select,{clearable:!1,fullWidth:!0,onChange:e=>{A(O(e,j)),W(1)},options:[E,...j],placeholder:`分類`,renderValue:e=>`分類：${ee(e)}`,size:`sub`,value:x})})})]})}),tab:(0,s.jsx)(o.Tab,{activeKey:Y,onChange:e=>{X(C(e)),W(1)},children:y.map(e=>(0,s.jsx)(o.TabItem,{children:e.label},e.key))}),children:[z?(0,s.jsx)(o.Typography,{color:`text-error`,variant:`body`,children:z}):null,(0,s.jsx)(o.Table,{actions:re,columns:ne,dataSource:te,fullWidth:!0,loading:V,pagination:{current:U,onChange:e=>{W(e)},onChangePageSize:e=>{W(1),K(e)},pageSize:G,pageSizeLabel:`每頁筆數`,pageSizeOptions:v,renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆，共 ${n} 筆`,showPageSizeOptions:!0,total:Z}})]})})]})]}),(0,s.jsx)(p,{categoryOptions:[h,...j],confirmText:`建立`,initialName:``,loading:L,onClose:()=>I(!1),onSubmit:ie,open:F,title:`建立簽核模板`})]})}function S(e){return e instanceof Error?e.message:`發生未知錯誤`}function C(e){return e===`PUBLISHED`||e===`DRAFT`?e:`ALL`}function w({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-inactive`})}function T({record:e}){return e.categoryDetail?.isActive===!1?(0,s.jsx)(o.Badge,{size:`sub`,text:`${e.categoryLabel}（停用）`,variant:`dot-inactive`}):(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:e.categoryLabel})}var E={categoryId:null,id:`ALL_CATEGORIES`,name:`全部分類`};function D(e){return{categoryId:e.id,id:e.id,name:e.name}}function O(e,t){if(!A(e))return E;let n=typeof e.id==`string`?e.id:null;return n===E.id?E:t.find(e=>e.id===n)??E}function ee(e){return Array.isArray(e)||!A(e)?E.name:typeof e.name==`string`?e.name:E.name}function k(e){return e.categoryDetail?.name??e.category??`未分類`}function A(e){return typeof e==`object`&&!!e}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return x}});
+//# sourceMappingURL=TemplatesView-DIOQTUUl.cjs.map

package/dist/chunks/TemplatesView-DIOQTUUl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplatesView-DIOQTUUl.cjs","names":[],"sources":["../../src/views/templates/template-name-modal.tsx","../../src/views/templates/TemplatesView.tsx"],"sourcesContent":["'use client';\n\nimport { ChangeEvent, ReactElement, useEffect, useState } from 'react';\nimport { Input, Modal, Select, Typography } from '@mezzanine-ui/react';\nimport { BPMFormField } from '../../components/bpm-form-field';\n\nexport interface TemplateCategoryOption {\n  readonly categoryId: string | null;\n  readonly id: string;\n  readonly name: string;\n}\n\ninterface TemplateNameModalProps {\n  readonly confirmText: string;\n  readonly categoryOptions: readonly TemplateCategoryOption[];\n  readonly initialName: string;\n  readonly loading: boolean;\n  readonly onClose: () => void;\n  readonly onSubmit: (input: {\n    readonly categoryId: string | null;\n    readonly name: string;\n  }) => Promise<void>;\n  readonly open: boolean;\n  readonly title: string;\n}\n\nexport function TemplateNameModal({\n  confirmText,\n  categoryOptions,\n  initialName,\n  loading,\n  onClose,\n  onSubmit,\n  open,\n  title,\n}: TemplateNameModalProps): ReactElement {\n  const [name, setName] = useState(initialName);\n  const [category, setCategory] = useState<TemplateCategoryOption>(\n    categoryOptions[0] ?? UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION,\n  );\n  const [error, setError] = useState<string | null>(null);\n  const trimmedName = name.trim();\n\n  useEffect((): void => {\n    if (!open) {\n      return;\n    }\n\n    setName(initialName);\n    setCategory(categoryOptions[0] ?? UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION);\n    setError(null);\n  }, [categoryOptions, initialName, open]);\n\n  async function handleConfirm(): Promise<void> {\n    if (!trimmedName) {\n      setError('請輸入模板名稱');\n      return;\n    }\n\n    try {\n      await onSubmit({ categoryId: category.categoryId, name: trimmedName });\n    } catch (submitError: unknown) {\n      setError(readErrorMessage(submitError));\n    }\n  }\n\n  return (\n    <Modal\n      cancelText=\"取消\"\n      confirmButtonProps={{ disabled: !trimmedName }}\n      confirmText={confirmText}\n      loading={loading}\n      modalType=\"standard\"\n      onCancel={onClose}\n      onClose={onClose}\n      onConfirm={(): void => void handleConfirm()}\n      open={open}\n      showModalFooter\n      showModalHeader\n      size=\"narrow\"\n      title={title}\n    >\n      <BPMFormField label=\"模板名稱\" name=\"templateName\" required>\n        <Input\n          autoFocus\n          fullWidth\n          onChange={(event: ChangeEvent<HTMLInputElement>): void => {\n            setName(event.target.value);\n            setError(null);\n          }}\n          placeholder=\"例如：費用申請流程\"\n          value={name}\n          variant=\"base\"\n        />\n      </BPMFormField>\n      <BPMFormField label=\"分類\" name=\"templateCategory\">\n        <Select\n          clearable={false}\n          fullWidth\n          onChange={(option): void => {\n            setCategory(readCategoryOption(option, categoryOptions));\n            setError(null);\n          }}\n          options={[...categoryOptions]}\n          placeholder=\"選擇分類\"\n          value={category}\n        />\n      </BPMFormField>\n      {error ? (\n        <Typography color=\"text-error\" variant=\"body\">\n          {error}\n        </Typography>\n      ) : null}\n    </Modal>\n  );\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n\nexport const UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION: TemplateCategoryOption = {\n  categoryId: null,\n  id: 'UNCATEGORIZED',\n  name: '未分類',\n};\n\nfunction readCategoryOption(\n  value: unknown,\n  options: readonly TemplateCategoryOption[],\n): TemplateCategoryOption {\n  if (!isRecord(value)) {\n    return UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION;\n  }\n\n  const id = typeof value.id === 'string' ? value.id : null;\n\n  return (\n    options.find((option) => option.id === id) ??\n    UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION\n  );\n}\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === 'object' && value !== null;\n}\n","'use client';\n\nimport type { ChangeEvent, Key, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Input,\n  Layout,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Select,\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 { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport styles from './templates.module.scss';\nimport { formatDateTime } from '../../lib/format-date-time';\nimport { AppNavigation } from '../../components/app-navigation';\nimport { useRouterAdapter } from '../../lib/router-adapter';\nimport {\n  TemplateCategoryOption,\n  TemplateNameModal,\n  UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION,\n} from './template-name-modal';\nimport {\n  ApprovalTemplateListStatus,\n  ApprovalTemplateRecord,\n  ApprovalTemplateCategoryRecord,\n  createApprovalTemplate,\n  listApprovalTemplateCategoriesPage,\n  listApprovalTemplatesPage,\n} from '@rytass/bpm-core-client/template';\nimport { listLaunchableTemplates } from '@rytass/bpm-core-client/workflow';\n\nconst TEMPLATE_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst TEMPLATE_STATUS_TABS: readonly {\n  readonly key: TemplateStatusTabKey;\n  readonly label: string;\n}[] = [\n  { key: 'ALL', label: '全部' },\n  { key: 'PUBLISHED', label: '已發布' },\n  { key: 'DRAFT', label: '草稿' },\n];\n\nconst TEMPLATE_CATEGORY_PAGE_SIZE = 100;\n\ntype TemplateStatusTabKey = 'ALL' | ApprovalTemplateListStatus;\n\ntype TemplateRow = Readonly<\n  Record<string, unknown> &\n    ApprovalTemplateRecord & {\n      categoryLabel: string;\n      key: string;\n      status: ApprovalTemplateListStatus;\n    }\n>;\n\nexport interface TemplatesViewProps {\n  readonly activeHref?: string;\n}\n\nexport function TemplatesView({\n  activeHref = '/templates',\n}: TemplatesViewProps = {}): ReactElement {\n  const router = useRouterAdapter();\n  const [templates, setTemplates] = useState<readonly ApprovalTemplateRecord[]>(\n    [],\n  );\n  const [categoryFilter, setCategoryFilter] = useState<TemplateCategoryOption>(\n    UNCATEGORIZED_TEMPLATE_FILTER_OPTION,\n  );\n  const [categoryOptions, setCategoryOptions] = useState<\n    readonly TemplateCategoryOption[]\n  >([]);\n  const [launchableTemplateIds, setLaunchableTemplateIds] = useState<\n    ReadonlySet<string>\n  >(new Set());\n  const [createModalOpen, setCreateModalOpen] = useState(false);\n  const [creating, setCreating] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [templatePage, setTemplatePage] = useState(1);\n  const [templatePageSize, setTemplatePageSize] = useState(10);\n  const [templateSearchText, setTemplateSearchText] = useState('');\n  const [templateStatus, setTemplateStatus] =\n    useState<TemplateStatusTabKey>('ALL');\n  const [templateTotalCount, setTemplateTotalCount] = useState(0);\n\n  const refreshTemplates = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const [\n        templatePageResult,\n        nextLaunchableTemplates,\n        activeCategoryPageResult,\n      ] = await Promise.all([\n        listApprovalTemplatesPage({\n          categoryId: categoryFilter.categoryId,\n          page: templatePage,\n          pageSize: templatePageSize,\n          searchText: templateSearchText,\n          status: templateStatus === 'ALL' ? null : templateStatus,\n        }),\n        listLaunchableTemplates(),\n        listApprovalTemplateCategoriesPage({\n          page: 1,\n          pageSize: TEMPLATE_CATEGORY_PAGE_SIZE,\n          searchText: '',\n          status: 'ACTIVE',\n        }),\n      ]);\n\n      setCategoryOptions([\n        ...activeCategoryPageResult.categories.map(readCategoryOption),\n      ]);\n      setTemplates(templatePageResult.templates);\n      setTemplateTotalCount(templatePageResult.totalCount);\n      setLaunchableTemplateIds(\n        new Set(nextLaunchableTemplates.map((template) => template.id)),\n      );\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [\n    categoryFilter,\n    templatePage,\n    templatePageSize,\n    templateSearchText,\n    templateStatus,\n  ]);\n\n  useEffect((): void => {\n    void refreshTemplates();\n  }, [refreshTemplates]);\n\n  const rows = useMemo(\n    (): TemplateRow[] =>\n      templates.map((template) => ({\n        ...template,\n        categoryLabel: readTemplateCategoryLabel(template),\n        key: template.id,\n        status: template.currentVersionId ? 'PUBLISHED' : 'DRAFT',\n        updatedAt: formatDateTime(template.updatedAt),\n      })),\n    [templates],\n  );\n  const columns = useMemo(\n    (): TableColumn<TemplateRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '模板名稱', width: 220 },\n      {\n        key: 'status',\n        render: (record: TemplateRow): ReactElement => (\n          <TemplateStatusBadge status={record.status} />\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        key: 'category',\n        render: (record: TemplateRow): ReactElement => (\n          <TemplateCategoryLabel record={record} />\n        ),\n        title: '分類',\n        width: 160,\n      },\n      {\n        dataIndex: 'updatedAt',\n        key: 'updatedAt',\n        title: '更新時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const tableActions = useMemo(\n    (): TableActions<TemplateRow> => ({\n      render: (record): ReturnType<TableActions<TemplateRow>['render']> => [\n        {\n          disabled: (template): boolean =>\n            !launchableTemplateIds.has(template.id),\n          name: '發起',\n          onClick: (): void =>\n            router.push(`/instances/new?templateId=${record.id}`),\n          variant: 'base-primary',\n        },\n        {\n          name: '設計',\n          onClick: (): void => router.push(`/templates/${record.id}/designer`),\n        },\n        {\n          name: '版本',\n          onClick: (): void => router.push(`/templates/${record.id}/versions`),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 192,\n    }),\n    [launchableTemplateIds, router],\n  );\n\n  async function handleCreateTemplate({\n    categoryId,\n    name,\n  }: {\n    readonly categoryId: string | null;\n    readonly name: string;\n  }): Promise<void> {\n    setCreating(true);\n    setError(null);\n\n    try {\n      const templateId = await createApprovalTemplate({ categoryId, name });\n      setCreateModalOpen(false);\n      router.push(`/templates/${templateId}/designer`);\n    } finally {\n      setCreating(false);\n    }\n  }\n\n  return (\n    <>\n      <Layout>\n        <AppNavigation activeHref={activeHref} />\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              filterArea={\n                <FilterArea className={styles.templateFilterArea} size=\"sub\">\n                  <FilterLine>\n                    <Filter span={3}>\n                      <FormField\n                        fullWidth\n                        layout={FormFieldLayout.VERTICAL}\n                        name=\"templateSearchText\"\n                      >\n                        <Input\n                          fullWidth\n                          onChange={(\n                            event: ChangeEvent<HTMLInputElement>,\n                          ): void => {\n                            setTemplateSearchText(event.target.value);\n                            setTemplatePage(1);\n                          }}\n                          placeholder=\"關鍵字：搜尋模板名稱、分類或描述\"\n                          size=\"sub\"\n                          value={templateSearchText}\n                          variant=\"base\"\n                        />\n                      </FormField>\n                    </Filter>\n                    <Filter span={2}>\n                      <FormField\n                        fullWidth\n                        layout={FormFieldLayout.VERTICAL}\n                        name=\"templateCategoryFilter\"\n                      >\n                        <Select\n                          clearable={false}\n                          fullWidth\n                          onChange={(option): void => {\n                            setCategoryFilter(\n                              readCategoryFilterOption(option, categoryOptions),\n                            );\n                            setTemplatePage(1);\n                          }}\n                          options={[\n                            UNCATEGORIZED_TEMPLATE_FILTER_OPTION,\n                            ...categoryOptions,\n                          ]}\n                          placeholder=\"分類\"\n                          renderValue={(value): string =>\n                            `分類：${readTemplateCategoryFilterLabel(value)}`\n                          }\n                          size=\"sub\"\n                          value={categoryFilter}\n                        />\n                      </FormField>\n                    </Filter>\n                  </FilterLine>\n                </FilterArea>\n              }\n              tab={\n                <Tab\n                  activeKey={templateStatus}\n                  onChange={(activeKey): void => {\n                    setTemplateStatus(readTemplateStatusTabKey(activeKey));\n                    setTemplatePage(1);\n                  }}\n                >\n                  {TEMPLATE_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                actions={tableActions}\n                columns={columns}\n                dataSource={rows}\n                fullWidth\n                loading={loading}\n                pagination={{\n                  current: templatePage,\n                  onChange: (page): void => {\n                    setTemplatePage(page);\n                  },\n                  onChangePageSize: (pageSize): void => {\n                    setTemplatePage(1);\n                    setTemplatePageSize(pageSize);\n                  },\n                  pageSize: templatePageSize,\n                  pageSizeLabel: '每頁筆數',\n                  pageSizeOptions: TEMPLATE_PAGE_SIZE_OPTIONS,\n                  renderResultSummary: (from, to, total): string =>\n                    `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                  showPageSizeOptions: true,\n                  total: templateTotalCount,\n                }}\n              />\n            </Section>\n          </SectionGroup>\n        </Layout.Main>\n      </Layout>\n\n      <TemplateNameModal\n        categoryOptions={[\n          UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION,\n          ...categoryOptions,\n        ]}\n        confirmText=\"建立\"\n        initialName=\"\"\n        loading={creating}\n        onClose={(): void => setCreateModalOpen(false)}\n        onSubmit={handleCreateTemplate}\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 readTemplateStatusTabKey(activeKey: Key): TemplateStatusTabKey {\n  if (activeKey === 'PUBLISHED' || activeKey === 'DRAFT') {\n    return activeKey;\n  }\n\n  return 'ALL';\n}\n\nfunction TemplateStatusBadge({\n  status,\n}: {\n  readonly status: ApprovalTemplateListStatus;\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-inactive\" />;\n}\n\nfunction TemplateCategoryLabel({\n  record,\n}: {\n  readonly record: TemplateRow;\n}): ReactElement {\n  if (record.categoryDetail?.isActive === false) {\n    return (\n      <Badge\n        size=\"sub\"\n        text={`${record.categoryLabel}（停用）`}\n        variant=\"dot-inactive\"\n      />\n    );\n  }\n\n  return (\n    <Typography component=\"span\" variant=\"body\">\n      {record.categoryLabel}\n    </Typography>\n  );\n}\n\nconst UNCATEGORIZED_TEMPLATE_FILTER_OPTION: TemplateCategoryOption = {\n  categoryId: null,\n  id: 'ALL_CATEGORIES',\n  name: '全部分類',\n};\n\nfunction readCategoryOption(\n  category: ApprovalTemplateCategoryRecord,\n): TemplateCategoryOption {\n  return {\n    categoryId: category.id,\n    id: category.id,\n    name: category.name,\n  };\n}\n\nfunction readCategoryFilterOption(\n  value: unknown,\n  options: readonly TemplateCategoryOption[],\n): TemplateCategoryOption {\n  if (!isRecord(value)) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION;\n  }\n\n  const id = typeof value.id === 'string' ? value.id : null;\n\n  if (id === UNCATEGORIZED_TEMPLATE_FILTER_OPTION.id) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION;\n  }\n\n  return (\n    options.find((option) => option.id === id) ??\n    UNCATEGORIZED_TEMPLATE_FILTER_OPTION\n  );\n}\n\nfunction readTemplateCategoryFilterLabel(value: unknown): string {\n  if (Array.isArray(value)) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION.name;\n  }\n\n  if (!isRecord(value)) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION.name;\n  }\n\n  return typeof value.name === 'string'\n    ? value.name\n    : UNCATEGORIZED_TEMPLATE_FILTER_OPTION.name;\n}\n\nfunction readTemplateCategoryLabel(template: ApprovalTemplateRecord): string {\n  return template.categoryDetail?.name ?? template.category ?? '未分類';\n}\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === 'object' && value !== null;\n}\n"],"mappings":"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"}

package/dist/chunks/admin-pickers-Btvij1at.cjs

@@ -0,0 +1,2 @@
+"use client";require('../admin-pickers.css');let e=require("react"),t=require("@mezzanine-ui/react"),n=require("@rytass/bpm-core-client"),r=require("react/jsx-runtime");var i={pickerHost:`bpm_pickerHost_Sw6gz`};function a({disabled:a=!1,name:o,onChange:s,placeholder:l=`搜尋姓名或信箱`,size:u,value:f}){let[p,g]=(0,e.useState)(!1),[_,v]=(0,e.useState)(f?[f]:[]);async function y(e){g(!0);try{v((await(0,n.searchMembers)(e)).map(c))}finally{g(!1)}}return(0,r.jsx)(`div`,{className:i.pickerHost,children:(0,r.jsx)(t.AutoComplete,{asyncData:!0,disabled:a,disabledOptionsFilter:!0,emptyText:`沒有符合的會員`,inputProps:{autoCapitalize:`none`,autoCorrect:`off`,name:o,spellCheck:!1},loading:p,loadingText:`搜尋會員中...`,mode:`single`,onChange:e=>s(d(e)),onSearch:y,onSearchTextChange:e=>s(m(e,_)),onVisibilityChange:e=>{e&&y(``)},options:[...h(f?[f]:[],_)],placeholder:l,searchDebounceTime:300,size:u,value:f})})}function o({disabled:n=!1,onChange:a,orgUnits:o,placeholder:s=`選擇組織`,size:c,value:u}){let d=(0,e.useMemo)(()=>o.map(l),[o]);return(0,r.jsx)(`div`,{className:i.pickerHost,children:(0,r.jsx)(t.Select,{clearable:!0,disabled:n,fullWidth:!0,onChange:e=>a(f(e)),options:[...d],placeholder:s,size:c,value:u})})}function s({disabled:n=!1,onChange:a,placeholder:o=`選擇職位`,positions:s,size:c,value:l}){let d=(0,e.useMemo)(()=>s.map(u),[s]);return(0,r.jsx)(`div`,{className:i.pickerHost,children:(0,r.jsx)(t.Select,{clearable:!0,disabled:n,fullWidth:!0,onChange:e=>a(p(e)),options:[...d],placeholder:o,size:c,value:l})})}function c(e){return{email:e.email,id:e.memberId,name:`${e.name} · ${e.email}`}}function l(e){return{id:e.id,name:`${e.name} · ${e.code}`}}function u(e){return{id:e.id,name:`${e.name} · ${e.code}`}}function d(e){if(!g(e))return null;let t=e.email,n=e.id,r=e.name;return typeof t==`string`&&typeof n==`string`&&typeof r==`string`?{email:t,id:n,name:r}:null}function f(e){if(!g(e))return null;let t=e.id,n=e.name;return typeof t==`string`&&typeof n==`string`?{id:t,name:n}:null}function p(e){if(!g(e))return null;let t=e.id,n=e.name;return typeof t==`string`&&typeof n==`string`?{id:t,name:n}:null}function m(e,t){let n=e.trim().toLocaleLowerCase();if(!n)return null;let r=t.filter(e=>e.id.toLocaleLowerCase()===n||e.email.toLocaleLowerCase()===n||e.name.toLocaleLowerCase()===n);return r.length===1?r[0]:null}function h(e,t){return[...new Map([...e,...t].map(e=>[e.id,e])).values()]}function g(e){return typeof e==`object`&&!!e}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=admin-pickers-Btvij1at.cjs.map

package/dist/chunks/admin-pickers-Btvij1at.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-pickers-Btvij1at.cjs","names":[],"sources":["../../src/components/admin-pickers.module.scss","../../src/components/admin-pickers.tsx"],"sourcesContent":[".pickerHost {\n  width: 100%;\n  min-width: 0;\n\n  :global(.mzn-auto-complete),\n  :global(.mzn-input),\n  :global(.mzn-input-container),\n  :global(.mzn-select),\n  :global(.mzn-select-trigger),\n  :global(.mzn-text-field) {\n    width: 100%;\n    min-width: 0 !important;\n  }\n}\n","'use client';\n\nimport { useMemo, useState, type ReactElement } from 'react';\nimport { AutoComplete, Select } from '@mezzanine-ui/react';\nimport { searchMembers } from '@rytass/bpm-core-client';\nimport type {\n  OrgUnitRecord,\n  PositionRecord,\n} from '@rytass/bpm-core-client/organization';\nimport styles from './admin-pickers.module.scss';\n\nexport type MemberOption = Readonly<{\n  email: string;\n  id: string;\n  name: string;\n}>;\n\nexport type OrgUnitOption = Readonly<{\n  id: string;\n  name: string;\n}>;\n\nexport type PositionOption = Readonly<{\n  id: string;\n  name: string;\n}>;\n\ninterface MemberPickerProps {\n  readonly disabled?: boolean;\n  readonly name: string;\n  readonly onChange: (option: MemberOption | null) => void;\n  readonly placeholder?: string;\n  readonly size?: 'main' | 'sub';\n  readonly value: MemberOption | null;\n}\n\ninterface OrgUnitPickerProps {\n  readonly disabled?: boolean;\n  readonly name: string;\n  readonly onChange: (option: OrgUnitOption | null) => void;\n  readonly orgUnits: readonly OrgUnitRecord[];\n  readonly placeholder?: string;\n  readonly size?: 'main' | 'sub';\n  readonly value: OrgUnitOption | null;\n}\n\ninterface PositionPickerProps {\n  readonly disabled?: boolean;\n  readonly name: string;\n  readonly onChange: (option: PositionOption | null) => void;\n  readonly placeholder?: string;\n  readonly positions: readonly PositionRecord[];\n  readonly size?: 'main' | 'sub';\n  readonly value: PositionOption | null;\n}\n\n/**\n * AutoComplete-backed picker that searches the BPM member directory via\n * `searchMembers()`. Emits a {@link MemberOption} `{ id, name, email }`\n * on selection (or `null` when cleared).\n */\nexport function MemberPicker({\n  disabled = false,\n  name,\n  onChange,\n  placeholder = '搜尋姓名或信箱',\n  size,\n  value,\n}: MemberPickerProps): ReactElement {\n  const [loading, setLoading] = useState(false);\n  const [options, setOptions] = useState<readonly MemberOption[]>(\n    value ? [value] : [],\n  );\n\n  async function handleSearch(searchText: string): Promise<void> {\n    setLoading(true);\n    try {\n      setOptions((await searchMembers(searchText)).map(readMemberOption));\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  return (\n    <div className={styles.pickerHost}>\n      <AutoComplete\n        asyncData\n        disabled={disabled}\n        disabledOptionsFilter\n        emptyText=\"沒有符合的會員\"\n        inputProps={{\n          autoCapitalize: 'none',\n          autoCorrect: 'off',\n          name,\n          spellCheck: false,\n        }}\n        loading={loading}\n        loadingText=\"搜尋會員中...\"\n        mode=\"single\"\n        onChange={(option): void => onChange(readMemberOptionFromValue(option))}\n        onSearch={handleSearch}\n        onSearchTextChange={(searchText): void =>\n          onChange(readUniqueOption(searchText, options))\n        }\n        onVisibilityChange={(open): void => {\n          if (open) {\n            void handleSearch('');\n          }\n        }}\n        options={[...mergeMemberOptions(value ? [value] : [], options)]}\n        placeholder={placeholder}\n        searchDebounceTime={300}\n        size={size}\n        value={value}\n      />\n    </div>\n  );\n}\n\n/**\n * Static `<Select>` over a pre-fetched list of org units. Caller is\n * responsible for fetching the org units (typically via\n * `readOrganizationDashboard` from `@rytass/bpm-core-client/organization`).\n */\nexport function OrgUnitPicker({\n  disabled = false,\n  onChange,\n  orgUnits,\n  placeholder = '選擇組織',\n  size,\n  value,\n}: OrgUnitPickerProps): ReactElement {\n  const options = useMemo(\n    (): readonly OrgUnitOption[] => orgUnits.map(readOrgUnitOption),\n    [orgUnits],\n  );\n  return (\n    <div className={styles.pickerHost}>\n      <Select\n        clearable\n        disabled={disabled}\n        fullWidth\n        onChange={(option): void => onChange(readOrgUnitOptionFromValue(option))}\n        options={[...options]}\n        placeholder={placeholder}\n        size={size}\n        value={value}\n      />\n    </div>\n  );\n}\n\n/**\n * Static `<Select>` over a pre-fetched list of positions.\n */\nexport function PositionPicker({\n  disabled = false,\n  onChange,\n  placeholder = '選擇職位',\n  positions,\n  size,\n  value,\n}: PositionPickerProps): ReactElement {\n  const options = useMemo(\n    (): readonly PositionOption[] => positions.map(readPositionOption),\n    [positions],\n  );\n  return (\n    <div className={styles.pickerHost}>\n      <Select\n        clearable\n        disabled={disabled}\n        fullWidth\n        onChange={(option): void => onChange(readPositionOptionFromValue(option))}\n        options={[...options]}\n        placeholder={placeholder}\n        size={size}\n        value={value}\n      />\n    </div>\n  );\n}\n\nexport function readMemberOption(member: {\n  readonly email: string;\n  readonly memberId: string;\n  readonly name: string;\n}): MemberOption {\n  return {\n    email: member.email,\n    id: member.memberId,\n    name: `${member.name} · ${member.email}`,\n  };\n}\n\nexport function readOrgUnitOption(orgUnit: OrgUnitRecord): OrgUnitOption {\n  return { id: orgUnit.id, name: `${orgUnit.name} · ${orgUnit.code}` };\n}\n\nexport function readPositionOption(position: PositionRecord): PositionOption {\n  return { id: position.id, name: `${position.name} · ${position.code}` };\n}\n\nfunction readMemberOptionFromValue(value: unknown): MemberOption | null {\n  if (!isRecord(value)) return null;\n  const email = value.email;\n  const id = value.id;\n  const name = value.name;\n  return typeof email === 'string' &&\n    typeof id === 'string' &&\n    typeof name === 'string'\n    ? { email, id, name }\n    : null;\n}\n\nfunction readOrgUnitOptionFromValue(value: unknown): OrgUnitOption | null {\n  if (!isRecord(value)) return null;\n  const id = value.id;\n  const name = value.name;\n  return typeof id === 'string' && typeof name === 'string'\n    ? { id, name }\n    : null;\n}\n\nfunction readPositionOptionFromValue(value: unknown): PositionOption | null {\n  if (!isRecord(value)) return null;\n  const id = value.id;\n  const name = value.name;\n  return typeof id === 'string' && typeof name === 'string'\n    ? { id, name }\n    : null;\n}\n\nfunction readUniqueOption(\n  searchText: string,\n  options: readonly MemberOption[],\n): MemberOption | null {\n  const normalized = searchText.trim().toLocaleLowerCase();\n  if (!normalized) return null;\n  const matched = options.filter(\n    (option) =>\n      option.id.toLocaleLowerCase() === normalized ||\n      option.email.toLocaleLowerCase() === normalized ||\n      option.name.toLocaleLowerCase() === normalized,\n  );\n  return matched.length === 1 ? matched[0] : null;\n}\n\nfunction mergeMemberOptions(\n  selected: readonly MemberOption[],\n  options: readonly MemberOption[],\n): readonly MemberOption[] {\n  const byId = new Map(\n    [...selected, ...options].map(\n      (option): readonly [string, MemberOption] => [option.id, option],\n    ),\n  );\n  return [...byId.values()];\n}\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === 'object' && value !== null;\n}\n"],"mappings":"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"}