lyflowchart 1.0.115 → 1.0.130

package/dist/Cell_click_approve-CBh0j--6.js

@@ -0,0 +1,244 @@
+import { _ as e, c as t, o as n } from "./init-plugin-fQTSQzui.js";
+import { n as r, r as i } from "./useApprovalRecordActions-BQ6MgV2L.js";
+import { t as a } from "./CancelModal-BUi3ieI8.js";
+import { Fragment as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineAsyncComponent as p, defineComponent as m, isRef as h, mergeProps as g, openBlock as _, reactive as v, ref as y, resolveComponent as b, toDisplayString as x, unref as S, withCtx as C } from "vue";
+import { Modal as w, message as T } from "ant-design-vue";
+//#region src/components/Cell_click_approve.vue?vue&type=script&setup=true&lang.ts
+var E = { style: {
+	overflow: "hidden",
+	"text-overflow": "ellipsis",
+	"white-space": "nowrap",
+	width: "100%",
+	"user-select": "text",
+	"text-align": "left"
+} }, D = /* @__PURE__ */ m({
+	name: "Cell_click_approve",
+	__name: "Cell_click_approve",
+	props: { cmpObj: {} },
+	setup(m) {
+		let D = m, O = e().currentOrg, k = y(!1), A = y(!1), j = y(!1), M = y(!1), N = y(!1), P = y(null), F = y(null), I = y(null), { canShow: L, runAction: R, loading: z, editorOpen: B, editorProps: V, removeOpen: H, removeProps: U } = r({
+			recordId: () => k.value ? D.cmpObj?.record?.id : null,
+			modelType: () => D.cmpObj?.record?.menu_flag,
+			getPrintElement: () => F.value,
+			printTitle: "审批信息",
+			onChange: () => {
+				I.value?.reload(), q();
+			}
+		}), W = p(() => import("./ApprovalEditorModal-DZfXupU3.js")), G = async () => {
+			k.value = !0;
+			let e = await n({
+				org_id: O?.id,
+				approve_record_id: D.cmpObj.record.id
+			}, "/approve/get_approve_record_info");
+			e?.current_task?.id && (P.value = e.current_task.id);
+		}, K = () => {
+			k.value = !1;
+		}, q = () => {
+			D.cmpObj?.eventBus && D.cmpObj.eventBus.emit("reinit"), D.cmpObj?.event_obj && D.cmpObj.event_obj.emit("refresh");
+		}, J = (e) => {
+			A.value = !0, w.confirm({
+				title: "提示",
+				content: "是否确认要发起审批",
+				async onOk() {
+					n({
+						org_id: O?.id,
+						approve_record_id: e.id
+					}, "/approve/commit_approve_record").then(() => {
+						T.success("操作成功"), q();
+					}).finally(() => {
+						A.value = !1;
+					});
+				},
+				onCancel() {
+					A.value = !1;
+				}
+			});
+		}, Y = (e) => {
+			j.value = !0, w.confirm({
+				title: "提示",
+				content: "是否确认要撤销审批",
+				async onOk() {
+					n({
+						org_id: O?.id,
+						approve_record_id: e.id
+					}, "/approve/cancel_approve_record").then(() => {
+						T.success("操作成功"), q();
+					}).finally(() => {
+						j.value = !1;
+					});
+				},
+				onCancel() {
+					j.value = !1;
+				}
+			});
+		}, X = (e) => {
+			let r = v({});
+			e == "refuse" ? (r.comment = [{
+				required: !0,
+				message: "请输入审批意见"
+			}], N.value = !0) : M.value = !0;
+			let i = v({
+				open: !0,
+				loading: !1,
+				title: "审批意见",
+				form: {
+					settings: {
+						labelAlign: "right",
+						layout: "vertical",
+						col: []
+					},
+					fields: [{
+						type: "textarea",
+						name: "comment",
+						label: "审批意见",
+						disabled: !1,
+						allowClear: !0,
+						inputType: "text",
+						maxlength: 200,
+						defaultValue: "",
+						placeholder: "请输入审批意见"
+					}],
+					rules: r,
+					model: v({ comment: null })
+				},
+				options: {},
+				ok: (t) => new Promise(function(r) {
+					i.open = !1, n({
+						org_id: O?.id,
+						task_id: P.value,
+						comment: t.comment,
+						approval_result: e
+					}, "/lyapprove/claim_and_complete_task").then(() => {
+						T.success(e == "refuse" ? "审批拒绝" : "审批通过"), q(), r(null);
+					}).finally(() => {
+						M.value = !1, N.value = !1;
+					});
+				}),
+				onCancel() {
+					i.open = !1;
+				}
+			});
+			t(i);
+		};
+		return (e, t) => {
+			let n = b("a-button"), r = b("a-drawer");
+			return _(), l(o, null, [
+				f(n, {
+					title: m.cmpObj.text,
+					style: {
+						"padding-left": "1px",
+						width: "100%"
+					},
+					type: "link",
+					onClick: t[0] ||= (e) => G()
+				}, {
+					default: C(() => [u("span", E, x(m.cmpObj.text), 1)]),
+					_: 1
+				}, 8, ["title"]),
+				f(r, {
+					"body-style": { padding: "10px 20px" },
+					footer: null,
+					open: k.value,
+					width: 1120,
+					title: "审批信息",
+					onClose: K
+				}, {
+					extra: C(() => [
+						m.cmpObj.record.process_status === "init" || m.cmpObj.record.result_status === "reject" ? (_(), s(n, {
+							key: 0,
+							loading: A.value,
+							type: "primary",
+							onClick: t[1] ||= (e) => J(m.cmpObj.record)
+						}, {
+							default: C(() => [...t[10] ||= [d(" 提交 ", -1)]]),
+							_: 1
+						}, 8, ["loading"])) : c("", !0),
+						m.cmpObj.record.process_status === "init" || m.cmpObj.record.result_status === "reject" ? (_(), s(n, {
+							key: 1,
+							loading: j.value,
+							danger: "",
+							style: { "margin-left": "10px" },
+							type: "primary",
+							onClick: t[2] ||= (e) => Y(m.cmpObj.record)
+						}, {
+							default: C(() => [...t[11] ||= [d(" 撤销 ", -1)]]),
+							_: 1
+						}, 8, ["loading"])) : c("", !0),
+						P.value ? (_(), s(n, {
+							key: 2,
+							loading: M.value,
+							style: { "margin-left": "10px" },
+							type: "primary",
+							onClick: t[3] ||= (e) => X("agree")
+						}, {
+							default: C(() => [...t[12] ||= [d(" 审批通过 ", -1)]]),
+							_: 1
+						}, 8, ["loading"])) : c("", !0),
+						P.value ? (_(), s(n, {
+							key: 3,
+							loading: N.value,
+							style: { "margin-left": "10px" },
+							danger: "",
+							type: "primary",
+							onClick: t[4] ||= (e) => X("refuse")
+						}, {
+							default: C(() => [...t[13] ||= [d(" 审批拒绝 ", -1)]]),
+							_: 1
+						}, 8, ["loading"])) : c("", !0),
+						S(L)("edit_approve") ? (_(), s(n, {
+							key: 4,
+							loading: S(z),
+							style: { "margin-left": "10px" },
+							onClick: t[5] ||= (e) => S(R)("edit_approve")
+						}, {
+							default: C(() => [...t[14] ||= [d(" 修改 ", -1)]]),
+							_: 1
+						}, 8, ["loading"])) : c("", !0),
+						S(L)("cancel_agree_approve") ? (_(), s(n, {
+							key: 5,
+							loading: S(z),
+							danger: "",
+							style: { "margin-left": "10px" },
+							type: "primary",
+							onClick: t[6] ||= (e) => S(R)("cancel_agree_approve")
+						}, {
+							default: C(() => [...t[15] ||= [d(" 删除 ", -1)]]),
+							_: 1
+						}, 8, ["loading"])) : c("", !0),
+						S(L)("print") ? (_(), s(n, {
+							key: 6,
+							style: { "margin-left": "10px" },
+							type: "primary",
+							onClick: t[7] ||= (e) => S(R)("print")
+						}, {
+							default: C(() => [...t[16] ||= [d(" 打印 ", -1)]]),
+							_: 1
+						})) : c("", !0)
+					]),
+					default: C(() => [u("div", {
+						ref_key: "printAreaRef",
+						ref: F
+					}, [f(i, {
+						ref_key: "detailRef",
+						ref: I,
+						record: m.cmpObj.record,
+						"show-actions": !1
+					}, null, 8, ["record"])], 512)]),
+					_: 1
+				}, 8, ["open"]),
+				S(B) ? (_(), s(S(W), g({
+					key: 0,
+					open: S(B),
+					"onUpdate:open": t[8] ||= (e) => h(B) ? B.value = e : null
+				}, S(V)), null, 16, ["open"])) : c("", !0),
+				S(H) ? (_(), s(a, g({
+					key: 1,
+					"cancel-modal-show": S(H),
+					"onUpdate:cancelModalShow": t[9] ||= (e) => h(H) ? H.value = e : null
+				}, S(U)), null, 16, ["cancel-modal-show"])) : c("", !0)
+			], 64);
+		};
+	}
+});
+//#endregion
+export { D as default };

package/dist/Cell_click_approve-CBh0j--6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell_click_approve-CBh0j--6.js","names":[],"sources":["../src/components/Cell_click_approve.vue","../src/components/Cell_click_approve.vue"],"sourcesContent":["<template>\n  <a-button\n    :title=\"cmpObj.text\"\n    style=\"padding-left: 1px; width: 100%\"\n    type=\"link\"\n    @click=\"is_open()\"\n  >\n    <span\n      style=\"\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        width: 100%;\n        user-select: text;\n        text-align: left;\n      \"\n    >\n      {{ cmpObj.text }}\n    </span>\n  </a-button>\n  <a-drawer\n    :body-style=\"{ padding: '10px 20px' }\"\n    :footer=\"null\"\n    :open=\"open\"\n    :width=\"1120\"\n    title=\"审批信息\"\n    @close=\"onClose\"\n  >\n    <template #extra>\n      <!-- 以下 4 个是本单元格特有的流程动作，不属于审批记录上的「修改/删除」，保持原样 -->\n      <a-button\n        v-if=\"cmpObj.record.process_status === 'init' || cmpObj.record.result_status === 'reject'\"\n        :loading=\"loading1\"\n        type=\"primary\"\n        @click=\"commitApprove(cmpObj.record)\"\n      >\n        提交\n      </a-button>\n      <a-button\n        v-if=\"cmpObj.record.process_status === 'init' || cmpObj.record.result_status === 'reject'\"\n        :loading=\"loading2\"\n        danger\n        style=\"margin-left: 10px\"\n        type=\"primary\"\n        @click=\"cancelApprove(cmpObj.record)\"\n      >\n        撤销\n      </a-button>\n      <a-button\n        v-if=\"task_id\"\n        :loading=\"loading3\"\n        style=\"margin-left: 10px\"\n        type=\"primary\"\n        @click=\"handleApprove('agree')\"\n      >\n        审批通过\n      </a-button>\n      <a-button\n        v-if=\"task_id\"\n        :loading=\"loading4\"\n        style=\"margin-left: 10px\"\n        danger\n        type=\"primary\"\n        @click=\"handleApprove('refuse')\"\n      >\n        审批拒绝\n      </a-button>\n\n      <!--\n        修改 / 删除 / 打印：按钮「各自在外部提供」，但**是否显示**与**点击行为**统一由\n        `useApproveRecordActions` 封装（与审批列表页行按钮跑同一份 `recordActions.ts` 逻辑）。\n        所以这里既看不到判断表达式，也看不到接口调用 —— 都在 composable 里。\n      -->\n      <a-button\n        v-if=\"canShow('edit_approve')\"\n        :loading=\"actionsLoading\"\n        style=\"margin-left: 10px\"\n        @click=\"runAction('edit_approve')\"\n      >\n        修改\n      </a-button>\n      <a-button\n        v-if=\"canShow('cancel_agree_approve')\"\n        :loading=\"actionsLoading\"\n        danger\n        style=\"margin-left: 10px\"\n        type=\"primary\"\n        @click=\"runAction('cancel_agree_approve')\"\n      >\n        删除\n      </a-button>\n      <a-button\n        v-if=\"canShow('print')\"\n        style=\"margin-left: 10px\"\n        type=\"primary\"\n        @click=\"runAction('print')\"\n      >\n        打印\n      </a-button>\n    </template>\n    <div ref=\"printAreaRef\">\n      <!--\n        :show-actions=\"false\" —— 修改/删除/打印按钮已在上面的 #extra 里，\n        关掉详情组件自带的那一份，避免同一个抽屉里出现两套同名按钮。\n      -->\n      <approval-for-details\n        ref=\"detailRef\"\n        :record=\"cmpObj.record\"\n        :show-actions=\"false\"\n      />\n    </div>\n  </a-drawer>\n  <!--\n    两个模态框按需渲染（v-if 用 editorOpen / removeOpen，而不是恒真的 true）：\n    只要 `<ApprovalEditorModal>` 进了 vdom，异步加载器就会触发 chunk 下载，\n    所以必须等真正要用了才渲染。\n  -->\n  <ApprovalEditorModal\n    v-if=\"editorOpen\"\n    v-model:open=\"editorOpen\"\n    v-bind=\"editorProps\"\n  />\n  <ApprovalCancelModal\n    v-if=\"removeOpen\"\n    v-model:cancel-modal-show=\"removeOpen\"\n    v-bind=\"removeProps\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { defineAsyncComponent, reactive, ref } from 'vue';\nimport { message, Modal } from 'ant-design-vue';\n// ⚠️ 这三项都是宿主的「转发函数」（库不得反向依赖 liyu-pc-lib，见 src/init-plugin.ts 顶部铁律）：\n//    getApiData  ← liyu-pc-lib/api/api-model\n//    useUserStore← liyu-pc-lib/store/user\n//    modalBox    ← liyu-pc-lib/components/form-modal/modal-tools（默认导出）\n// 调用签名与宿主侧完全一致，只是换了个 import 来源。\nimport { getApiData, modalBox, useUserStore } from '../init-plugin';\nimport ApprovalForDetails from './approval_for_details.vue';\nimport ApprovalCancelModal from './approval/components/CancelModal.vue';\nimport { useApproveRecordActions } from './approval/useApprovalRecordActions';\n\n/**\n * 「审批」单元格组件：表格里显示一个链接按钮，点开右侧抽屉看审批详情。\n *\n * 从 `PSM_ApproveSystemPC/src/components/cellComponent/Cell_click_approve.vue` **原样移植**进公共库，\n * 与 `Cell_click_data_source.vue` 走同一套形态：库内实现 + `src/index.ts` 的 install() 里\n * **按名字全局注册**（`cellComponentList` 里的单元格类型就是靠组件名解析的，只查全局注册）。\n * 宿主侧因此不再需要这个文件，也不需要 `app.component('Cell_click_approve', …)`。\n *\n * 除「依赖来源」外与宿主版本**逐字一致**（含 4 个流程动作、接口路径、报错与刷新行为），\n * 移植时只做了三类替换：依赖 → init-plugin；库内组件 → 相对路径 import；编辑器 → 异步引入（见下）。\n */\ndefineOptions({\n  name: 'Cell_click_approve',\n});\n\nconst props = defineProps<{\n  cmpObj: Record<string, any>;\n}>();\n\nconst userStore = useUserStore();\nconst current_org = userStore.currentOrg;\nconst open = ref(false);\nconst loading1 = ref(false);\nconst loading2 = ref(false);\nconst loading3 = ref(false);\nconst loading4 = ref(false);\nconst task_id = ref<string | null>(null);\nconst printAreaRef = ref<HTMLElement | null>(null);\n/** 详情组件实例：操作成功后调它的 reload() 重拉详情 */\nconst detailRef = ref<{ reload: () => void } | null>(null);\n\n/**\n * 修改 / 删除 / 打印的统一封装（是否显示 + 点击行为）。\n *\n * ⚠️ `recordId` 里那个 `open.value ?` 不能去掉：\n * 本组件是**单元格组件**，列表里每一行都会渲染一个实例。若不带这个门条件，\n * `useApproveRecordActions` 内部的 immediate watch 会让**每一行**都在挂载时去拉\n * `/approve/get_approve_record` —— 列表一页 50 行就是 50 个请求。\n * 加上之后，只有用户真正点开某一行的抽屉才会取数。\n */\nconst {\n  canShow,\n  runAction,\n  loading: actionsLoading,\n  editorOpen,\n  editorProps,\n  removeOpen,\n  removeProps,\n} = useApproveRecordActions({\n  recordId: () => (open.value ? props.cmpObj?.record?.id : null),\n  modelType: () => props.cmpObj?.record?.menu_flag,\n  getPrintElement: () => printAreaRef.value,\n  printTitle: '审批信息',\n  onChange: () => {\n    // 抽屉里的详情重拉 + 通知外层列表刷新\n    detailRef.value?.reload();\n    refresh();\n  },\n});\n\n/**\n * 编辑模态框必须**异步**引入 —— 与 `approval_for_details.vue` 里同一个理由：\n *\n * 本组件在 `install()` 里是**静态注册**的（`app.component('Cell_click_approve', …)`），\n * 所以它的静态依赖会整块进入宿主**首屏静态闭包**；而\n * `ApprovalEditorModal` → `core.vue` → `flowConfig.vue` → bpmn-js 是一条约 1.1 MB 的重链\n * （宿主实测：上一轮刚把它从首屏摘掉，静态 import 会原样拉回来）。\n *\n * 这里**不能**写成 `import { ApprovalEditorModal } from '../index'`：`index.ts` 又 import 了本文件，\n * 会构成循环依赖，而 `defineAsyncComponent(...)` 在模块求值时就要读那个绑定。\n * 所以就地再包一层 —— 同一个模块被**两处动态 import** 没有问题（合并进同一个 chunk），\n * 危险的是「一处静态 + 一处动态」（那会报 `INEFFECTIVE_DYNAMIC_IMPORT`，拆不出独立 chunk）。\n */\nconst ApprovalEditorModal = defineAsyncComponent(\n  () => import('./approval/ApprovalEditorModal.vue'),\n);\n\nconst is_open = async () => {\n  open.value = true;\n  const res = await getApiData(\n    {\n      org_id: current_org?.id,\n      approve_record_id: props.cmpObj.record.id,\n    },\n    '/approve/get_approve_record_info',\n  );\n  if (res?.current_task?.id) {\n    task_id.value = res.current_task.id;\n  }\n};\nconst onClose = () => {\n  open.value = false;\n};\nconst refresh = () => {\n  if (props.cmpObj?.eventBus) {\n    props.cmpObj.eventBus.emit('reinit');\n  }\n  if (props.cmpObj?.event_obj) {\n    props.cmpObj.event_obj.emit('refresh');\n  }\n};\nconst commitApprove = (record: any) => {\n  loading1.value = true;\n  Modal.confirm({\n    title: '提示',\n    content: '是否确认要发起审批',\n    async onOk() {\n      getApiData(\n        {\n          org_id: current_org?.id,\n          approve_record_id: record.id,\n        },\n        '/approve/commit_approve_record',\n      )\n        .then(() => {\n          message.success('操作成功');\n          refresh();\n        })\n        .finally(() => {\n          loading1.value = false;\n        });\n    },\n    onCancel() {\n      loading1.value = false;\n    },\n  });\n};\nconst cancelApprove = (record: any) => {\n  loading2.value = true;\n  Modal.confirm({\n    title: '提示',\n    content: '是否确认要撤销审批',\n    async onOk() {\n      getApiData(\n        {\n          org_id: current_org?.id,\n          approve_record_id: record.id,\n        },\n        '/approve/cancel_approve_record',\n      )\n        .then(() => {\n          message.success('操作成功');\n          refresh();\n        })\n        .finally(() => {\n          loading2.value = false;\n        });\n    },\n    onCancel() {\n      loading2.value = false;\n    },\n  });\n};\nconst handleApprove = (is_reject: any) => {\n  const rules: any = reactive({});\n  if (is_reject == 'refuse') {\n    rules.comment = [{ required: true, message: '请输入审批意见' }];\n    loading4.value = true;\n  } else {\n    loading3.value = true;\n  }\n  const tempModal = reactive({\n    open: true,\n    loading: false,\n    title: '审批意见',\n    form: {\n      settings: {\n        labelAlign: 'right',\n        layout: 'vertical',\n        col: [],\n      },\n      fields: [\n        {\n          type: 'textarea',\n          name: 'comment',\n          label: '审批意见',\n          disabled: false,\n          allowClear: true,\n          inputType: 'text',\n          maxlength: 200,\n          defaultValue: '',\n          placeholder: '请输入审批意见',\n        },\n      ],\n      rules: rules,\n      model: reactive({\n        comment: null,\n      }),\n    },\n    options: {},\n    ok: (obj: any) => {\n      return new Promise(function (resolve) {\n        tempModal.open = false;\n        getApiData(\n          {\n            org_id: current_org?.id,\n            task_id: task_id.value,\n            comment: obj.comment,\n            approval_result: is_reject,\n          },\n          '/lyapprove/claim_and_complete_task',\n        )\n          .then(() => {\n            message.success(is_reject == 'refuse' ? '审批拒绝' : '审批通过');\n            refresh();\n            resolve(null);\n          })\n          .finally(() => {\n            loading3.value = false;\n            loading4.value = false;\n          });\n      });\n    },\n    onCancel() {\n      tempModal.open = false;\n    },\n  });\n  modalBox(tempModal);\n};\n</script>\n","<template>\n  <a-button\n    :title=\"cmpObj.text\"\n    style=\"padding-left: 1px; width: 100%\"\n    type=\"link\"\n    @click=\"is_open()\"\n  >\n    <span\n      style=\"\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        width: 100%;\n        user-select: text;\n        text-align: left;\n      \"\n    >\n      {{ cmpObj.text }}\n    </span>\n  </a-button>\n  <a-drawer\n    :body-style=\"{ padding: '10px 20px' }\"\n    :footer=\"null\"\n    :open=\"open\"\n    :width=\"1120\"\n    title=\"审批信息\"\n    @close=\"onClose\"\n  >\n    <template #extra>\n      <!-- 以下 4 个是本单元格特有的流程动作，不属于审批记录上的「修改/删除」，保持原样 -->\n      <a-button\n        v-if=\"cmpObj.record.process_status === 'init' || cmpObj.record.result_status === 'reject'\"\n        :loading=\"loading1\"\n        type=\"primary\"\n        @click=\"commitApprove(cmpObj.record)\"\n      >\n        提交\n      </a-button>\n      <a-button\n        v-if=\"cmpObj.record.process_status === 'init' || cmpObj.record.result_status === 'reject'\"\n        :loading=\"loading2\"\n        danger\n        style=\"margin-left: 10px\"\n        type=\"primary\"\n        @click=\"cancelApprove(cmpObj.record)\"\n      >\n        撤销\n      </a-button>\n      <a-button\n        v-if=\"task_id\"\n        :loading=\"loading3\"\n        style=\"margin-left: 10px\"\n        type=\"primary\"\n        @click=\"handleApprove('agree')\"\n      >\n        审批通过\n      </a-button>\n      <a-button\n        v-if=\"task_id\"\n        :loading=\"loading4\"\n        style=\"margin-left: 10px\"\n        danger\n        type=\"primary\"\n        @click=\"handleApprove('refuse')\"\n      >\n        审批拒绝\n      </a-button>\n\n      <!--\n        修改 / 删除 / 打印：按钮「各自在外部提供」，但**是否显示**与**点击行为**统一由\n        `useApproveRecordActions` 封装（与审批列表页行按钮跑同一份 `recordActions.ts` 逻辑）。\n        所以这里既看不到判断表达式，也看不到接口调用 —— 都在 composable 里。\n      -->\n      <a-button\n        v-if=\"canShow('edit_approve')\"\n        :loading=\"actionsLoading\"\n        style=\"margin-left: 10px\"\n        @click=\"runAction('edit_approve')\"\n      >\n        修改\n      </a-button>\n      <a-button\n        v-if=\"canShow('cancel_agree_approve')\"\n        :loading=\"actionsLoading\"\n        danger\n        style=\"margin-left: 10px\"\n        type=\"primary\"\n        @click=\"runAction('cancel_agree_approve')\"\n      >\n        删除\n      </a-button>\n      <a-button\n        v-if=\"canShow('print')\"\n        style=\"margin-left: 10px\"\n        type=\"primary\"\n        @click=\"runAction('print')\"\n      >\n        打印\n      </a-button>\n    </template>\n    <div ref=\"printAreaRef\">\n      <!--\n        :show-actions=\"false\" —— 修改/删除/打印按钮已在上面的 #extra 里，\n        关掉详情组件自带的那一份，避免同一个抽屉里出现两套同名按钮。\n      -->\n      <approval-for-details\n        ref=\"detailRef\"\n        :record=\"cmpObj.record\"\n        :show-actions=\"false\"\n      />\n    </div>\n  </a-drawer>\n  <!--\n    两个模态框按需渲染（v-if 用 editorOpen / removeOpen，而不是恒真的 true）：\n    只要 `<ApprovalEditorModal>` 进了 vdom，异步加载器就会触发 chunk 下载，\n    所以必须等真正要用了才渲染。\n  -->\n  <ApprovalEditorModal\n    v-if=\"editorOpen\"\n    v-model:open=\"editorOpen\"\n    v-bind=\"editorProps\"\n  />\n  <ApprovalCancelModal\n    v-if=\"removeOpen\"\n    v-model:cancel-modal-show=\"removeOpen\"\n    v-bind=\"removeProps\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { defineAsyncComponent, reactive, ref } from 'vue';\nimport { message, Modal } from 'ant-design-vue';\n// ⚠️ 这三项都是宿主的「转发函数」（库不得反向依赖 liyu-pc-lib，见 src/init-plugin.ts 顶部铁律）：\n//    getApiData  ← liyu-pc-lib/api/api-model\n//    useUserStore← liyu-pc-lib/store/user\n//    modalBox    ← liyu-pc-lib/components/form-modal/modal-tools（默认导出）\n// 调用签名与宿主侧完全一致，只是换了个 import 来源。\nimport { getApiData, modalBox, useUserStore } from '../init-plugin';\nimport ApprovalForDetails from './approval_for_details.vue';\nimport ApprovalCancelModal from './approval/components/CancelModal.vue';\nimport { useApproveRecordActions } from './approval/useApprovalRecordActions';\n\n/**\n * 「审批」单元格组件：表格里显示一个链接按钮，点开右侧抽屉看审批详情。\n *\n * 从 `PSM_ApproveSystemPC/src/components/cellComponent/Cell_click_approve.vue` **原样移植**进公共库，\n * 与 `Cell_click_data_source.vue` 走同一套形态：库内实现 + `src/index.ts` 的 install() 里\n * **按名字全局注册**（`cellComponentList` 里的单元格类型就是靠组件名解析的，只查全局注册）。\n * 宿主侧因此不再需要这个文件，也不需要 `app.component('Cell_click_approve', …)`。\n *\n * 除「依赖来源」外与宿主版本**逐字一致**（含 4 个流程动作、接口路径、报错与刷新行为），\n * 移植时只做了三类替换：依赖 → init-plugin；库内组件 → 相对路径 import；编辑器 → 异步引入（见下）。\n */\ndefineOptions({\n  name: 'Cell_click_approve',\n});\n\nconst props = defineProps<{\n  cmpObj: Record<string, any>;\n}>();\n\nconst userStore = useUserStore();\nconst current_org = userStore.currentOrg;\nconst open = ref(false);\nconst loading1 = ref(false);\nconst loading2 = ref(false);\nconst loading3 = ref(false);\nconst loading4 = ref(false);\nconst task_id = ref<string | null>(null);\nconst printAreaRef = ref<HTMLElement | null>(null);\n/** 详情组件实例：操作成功后调它的 reload() 重拉详情 */\nconst detailRef = ref<{ reload: () => void } | null>(null);\n\n/**\n * 修改 / 删除 / 打印的统一封装（是否显示 + 点击行为）。\n *\n * ⚠️ `recordId` 里那个 `open.value ?` 不能去掉：\n * 本组件是**单元格组件**，列表里每一行都会渲染一个实例。若不带这个门条件，\n * `useApproveRecordActions` 内部的 immediate watch 会让**每一行**都在挂载时去拉\n * `/approve/get_approve_record` —— 列表一页 50 行就是 50 个请求。\n * 加上之后，只有用户真正点开某一行的抽屉才会取数。\n */\nconst {\n  canShow,\n  runAction,\n  loading: actionsLoading,\n  editorOpen,\n  editorProps,\n  removeOpen,\n  removeProps,\n} = useApproveRecordActions({\n  recordId: () => (open.value ? props.cmpObj?.record?.id : null),\n  modelType: () => props.cmpObj?.record?.menu_flag,\n  getPrintElement: () => printAreaRef.value,\n  printTitle: '审批信息',\n  onChange: () => {\n    // 抽屉里的详情重拉 + 通知外层列表刷新\n    detailRef.value?.reload();\n    refresh();\n  },\n});\n\n/**\n * 编辑模态框必须**异步**引入 —— 与 `approval_for_details.vue` 里同一个理由：\n *\n * 本组件在 `install()` 里是**静态注册**的（`app.component('Cell_click_approve', …)`），\n * 所以它的静态依赖会整块进入宿主**首屏静态闭包**；而\n * `ApprovalEditorModal` → `core.vue` → `flowConfig.vue` → bpmn-js 是一条约 1.1 MB 的重链\n * （宿主实测：上一轮刚把它从首屏摘掉，静态 import 会原样拉回来）。\n *\n * 这里**不能**写成 `import { ApprovalEditorModal } from '../index'`：`index.ts` 又 import 了本文件，\n * 会构成循环依赖，而 `defineAsyncComponent(...)` 在模块求值时就要读那个绑定。\n * 所以就地再包一层 —— 同一个模块被**两处动态 import** 没有问题（合并进同一个 chunk），\n * 危险的是「一处静态 + 一处动态」（那会报 `INEFFECTIVE_DYNAMIC_IMPORT`，拆不出独立 chunk）。\n */\nconst ApprovalEditorModal = defineAsyncComponent(\n  () => import('./approval/ApprovalEditorModal.vue'),\n);\n\nconst is_open = async () => {\n  open.value = true;\n  const res = await getApiData(\n    {\n      org_id: current_org?.id,\n      approve_record_id: props.cmpObj.record.id,\n    },\n    '/approve/get_approve_record_info',\n  );\n  if (res?.current_task?.id) {\n    task_id.value = res.current_task.id;\n  }\n};\nconst onClose = () => {\n  open.value = false;\n};\nconst refresh = () => {\n  if (props.cmpObj?.eventBus) {\n    props.cmpObj.eventBus.emit('reinit');\n  }\n  if (props.cmpObj?.event_obj) {\n    props.cmpObj.event_obj.emit('refresh');\n  }\n};\nconst commitApprove = (record: any) => {\n  loading1.value = true;\n  Modal.confirm({\n    title: '提示',\n    content: '是否确认要发起审批',\n    async onOk() {\n      getApiData(\n        {\n          org_id: current_org?.id,\n          approve_record_id: record.id,\n        },\n        '/approve/commit_approve_record',\n      )\n        .then(() => {\n          message.success('操作成功');\n          refresh();\n        })\n        .finally(() => {\n          loading1.value = false;\n        });\n    },\n    onCancel() {\n      loading1.value = false;\n    },\n  });\n};\nconst cancelApprove = (record: any) => {\n  loading2.value = true;\n  Modal.confirm({\n    title: '提示',\n    content: '是否确认要撤销审批',\n    async onOk() {\n      getApiData(\n        {\n          org_id: current_org?.id,\n          approve_record_id: record.id,\n        },\n        '/approve/cancel_approve_record',\n      )\n        .then(() => {\n          message.success('操作成功');\n          refresh();\n        })\n        .finally(() => {\n          loading2.value = false;\n        });\n    },\n    onCancel() {\n      loading2.value = false;\n    },\n  });\n};\nconst handleApprove = (is_reject: any) => {\n  const rules: any = reactive({});\n  if (is_reject == 'refuse') {\n    rules.comment = [{ required: true, message: '请输入审批意见' }];\n    loading4.value = true;\n  } else {\n    loading3.value = true;\n  }\n  const tempModal = reactive({\n    open: true,\n    loading: false,\n    title: '审批意见',\n    form: {\n      settings: {\n        labelAlign: 'right',\n        layout: 'vertical',\n        col: [],\n      },\n      fields: [\n        {\n          type: 'textarea',\n          name: 'comment',\n          label: '审批意见',\n          disabled: false,\n          allowClear: true,\n          inputType: 'text',\n          maxlength: 200,\n          defaultValue: '',\n          placeholder: '请输入审批意见',\n        },\n      ],\n      rules: rules,\n      model: reactive({\n        comment: null,\n      }),\n    },\n    options: {},\n    ok: (obj: any) => {\n      return new Promise(function (resolve) {\n        tempModal.open = false;\n        getApiData(\n          {\n            org_id: current_org?.id,\n            task_id: task_id.value,\n            comment: obj.comment,\n            approval_result: is_reject,\n          },\n          '/lyapprove/claim_and_complete_task',\n        )\n          .then(() => {\n            message.success(is_reject == 'refuse' ? '审批拒绝' : '审批通过');\n            refresh();\n            resolve(null);\n          })\n          .finally(() => {\n            loading3.value = false;\n            loading4.value = false;\n          });\n      });\n    },\n    onCancel() {\n      tempModal.open = false;\n    },\n  });\n  modalBox(tempModal);\n};\n</script>\n"],"mappings":"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"}

package/dist/JsonTags-BbWLqghI.js

@@ -0,0 +1,66 @@
+import { v as e } from "./init-plugin-fQTSQzui.js";
+import { createBlock as t, createElementVNode as n, createTextVNode as r, createVNode as i, defineComponent as a, openBlock as o, resolveComponent as s, toDisplayString as c, withCtx as l } from "vue";
+//#region src/components/approval/components/approvalPageConfig/JsonTags.vue?vue&type=script&lang.ts
+var u = a({
+	name: "JsonTags",
+	props: {
+		value: {
+			type: Array,
+			required: !0
+		},
+		placeholder: {
+			type: String,
+			required: !1
+		}
+	},
+	emits: ["update:value"],
+	setup(e, { emit: t }) {
+		return {
+			handleChange: (e) => {
+				let n = e.map((e) => {
+					try {
+						return JSON.parse(e);
+					} catch {
+						return e;
+					}
+				});
+				console.log(n), t("update:value", n);
+			},
+			getType: (e) => typeof e,
+			getDisplay: (e) => {
+				if (typeof e == "string") return e;
+				try {
+					return JSON.stringify(e);
+				} catch {
+					return e;
+				}
+			}
+		};
+	}
+}), d = { class: "type" };
+function f(e, a, u, f, p, m) {
+	let h = s("a-tag"), g = s("a-select");
+	return o(), t(g, {
+		value: e.value,
+		mode: "tags",
+		onChange: e.handleChange,
+		placeholder: e.placeholder || "请输入"
+	}, {
+		tagRender: l(({ value: t, label: a, closable: o, onClose: s, option: u }) => [i(h, {
+			closable: o,
+			style: { "margin-right": "3px" },
+			onClose: s
+		}, {
+			default: l(() => [r(c(e.getDisplay(t)) + " ", 1), n("span", d, "[" + c(e.getType(t)) + "]", 1)]),
+			_: 2
+		}, 1032, ["closable", "onClose"])]),
+		_: 1
+	}, 8, [
+		"value",
+		"onChange",
+		"placeholder"
+	]);
+}
+var p = /* @__PURE__ */ e(u, [["render", f], ["__scopeId", "data-v-2d8ed77d"]]);
+//#endregion
+export { p as t };

package/dist/JsonTags-BbWLqghI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonTags-BbWLqghI.js","names":[],"sources":["../src/components/approval/components/approvalPageConfig/JsonTags.vue","../src/components/approval/components/approvalPageConfig/JsonTags.vue"],"sourcesContent":["<template>\n  <a-select\n    :value=\"value\"\n    mode=\"tags\"\n    @change=\"handleChange\"\n    :placeholder=\"placeholder || '请输入'\"\n  >\n    <template #tagRender=\"{ value: val, label, closable, onClose, option }\">\n      <a-tag\n        :closable=\"closable\"\n        style=\"margin-right: 3px\"\n        @close=\"onClose\"\n      >\n        {{ getDisplay(val) }}\n        <span class=\"type\">[{{ getType(val) }}]</span>\n      </a-tag>\n    </template>\n  </a-select>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref, watch } from 'vue';\n\nexport default defineComponent({\n  name: 'JsonTags',\n  props: {\n    value: {\n      type: Array as () => Array<any>,\n      required: true,\n    },\n    placeholder: {\n      type: String,\n      required: false,\n    },\n  },\n  emits: ['update:value'],\n  setup(props, { emit }) {\n    const handleChange = value => {\n      const res = value.map(item => {\n        try {\n          return JSON.parse(item);\n        } catch {\n          return item;\n        }\n      });\n      console.log(res);\n      emit('update:value', res);\n    };\n    const getType = value => {\n      let _value = value;\n      return typeof _value;\n    };\n    const getDisplay = value => {\n      if (typeof value === 'string') {\n        return value;\n      }\n      try {\n        const tmp = JSON.stringify(value);\n        return tmp;\n      } catch (e) {\n        return value;\n      }\n    };\n    return {\n      handleChange,\n      getType,\n      getDisplay,\n    };\n  },\n});\n</script>\n<style lang=\"less\" scoped>\n.type {\n  color: #1890ff;\n}\n</style>\n","<template>\n  <a-select\n    :value=\"value\"\n    mode=\"tags\"\n    @change=\"handleChange\"\n    :placeholder=\"placeholder || '请输入'\"\n  >\n    <template #tagRender=\"{ value: val, label, closable, onClose, option }\">\n      <a-tag\n        :closable=\"closable\"\n        style=\"margin-right: 3px\"\n        @close=\"onClose\"\n      >\n        {{ getDisplay(val) }}\n        <span class=\"type\">[{{ getType(val) }}]</span>\n      </a-tag>\n    </template>\n  </a-select>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref, watch } from 'vue';\n\nexport default defineComponent({\n  name: 'JsonTags',\n  props: {\n    value: {\n      type: Array as () => Array<any>,\n      required: true,\n    },\n    placeholder: {\n      type: String,\n      required: false,\n    },\n  },\n  emits: ['update:value'],\n  setup(props, { emit }) {\n    const handleChange = value => {\n      const res = value.map(item => {\n        try {\n          return JSON.parse(item);\n        } catch {\n          return item;\n        }\n      });\n      console.log(res);\n      emit('update:value', res);\n    };\n    const getType = value => {\n      let _value = value;\n      return typeof _value;\n    };\n    const getDisplay = value => {\n      if (typeof value === 'string') {\n        return value;\n      }\n      try {\n        const tmp = JSON.stringify(value);\n        return tmp;\n      } catch (e) {\n        return value;\n      }\n    };\n    return {\n      handleChange,\n      getType,\n      getDisplay,\n    };\n  },\n});\n</script>\n<style lang=\"less\" scoped>\n.type {\n  color: #1890ff;\n}\n</style>\n"],"mappings":";;;AAuBA,IAAA,IAAe,EAAgB;CAC7B,MAAM;CACN,OAAO;EACL,OAAO;GACL,MAAM;GACN,UAAU;GACX;EACD,aAAa;GACX,MAAM;GACN,UAAU;GACX;EACF;CACD,OAAO,CAAC,eAAe;CACvB,MAAM,GAAO,EAAE,WAAQ;AA2BrB,SAAO;GACL,eA3BmB,MAAS;IAC5B,IAAM,IAAM,EAAM,KAAI,MAAQ;AAC5B,SAAI;AACF,aAAO,KAAK,MAAM,EAAK;aACjB;AACN,aAAO;;MAET;AAEF,IADA,QAAQ,IAAI,EAAI,EAChB,EAAK,gBAAgB,EAAI;;GAmBzB,UAjBc,MAEP,OADM;GAiBb,aAdiB,MAAS;AAC1B,QAAI,OAAO,KAAU,SACnB,QAAO;AAET,QAAI;AAEF,YADY,KAAK,UAAU,EAAM;YAEvB;AACV,YAAO;;;GAOV;;CAEJ,CAAC,QCvDY,OAAM,QAAM;;;aAbxB,EAgBW,GAAA;EAfR,OAAO,EAAA;EACR,MAAK;EACJ,UAAQ,EAAA;EACR,aAAa,EAAA,eAAW;;EAEd,WAAS,GAQV,EAAA,OARqB,GAAK,UAAO,aAAU,YAAS,gBAAM,CAClE,EAOQ,GAAA;GANK;GACX,OAAA,EAAA,gBAAA,OAAyB;GACjB;;oBAEa,CAAA,EAAA,EAAlB,EAAA,WAAW,EAAG,CAAA,GAAI,KACrB,EAAA,EAAA,EAA8C,QAA9C,GAAmB,MAAC,EAAG,EAAA,QAAQ,EAAG,CAAA,GAAI,KAAC,EAAA,CAAA,CAAA"}