lyflowchart 1.0.115 → 1.0.130

package/dist/approveLeftConfig-BOU_UgHp.js

@@ -0,0 +1,136 @@
+import { n as e, v as t } from "./init-plugin-fQTSQzui.js";
+import { n, r, t as i } from "./settingsState-CI81PG-i.js";
+import { createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, onMounted as d, onUnmounted as f, openBlock as p, ref as m, resolveComponent as h, resolveDynamicComponent as g, watch as _, withCtx as v } from "vue";
+import { cloneDeep as y } from "lodash";
+import { useRoute as b } from "vue-router";
+//#region src/components/approval/components/approvalPageConfig/approveLeftConfig.vue?vue&type=script&setup=true&lang.ts
+var x = { class: "approve-left-content" }, S = { class: "left-item" }, C = { class: "left-item" }, w = { key: 1 }, T = /* @__PURE__ */ t(/* @__PURE__ */ u({
+	__name: "approveLeftConfig",
+	emits: ["change"],
+	setup(t, { emit: u }) {
+		let T = m([]), E = m([]), D = m(null), O = null, k = {}, A = m([]), j = {}, M = r(), N = b(), P = u, F = m(!1), I = (e) => {
+			for (let t of e) k[t.id] = t, t.children && t.children.length > 0 ? (t.selectable = !1, I(t.children)) : (t.selectable = !0, O ||= t.id);
+			return e;
+		}, L = (e) => {
+			for (let t of e) t._icon = t.icon, delete t.icon, t.children && t.children.length > 0 ? L(t.children) : !A.value?.length && !F.value && H(t.menu_flag);
+			return e;
+		}, R = async () => {
+			let t = await e("left_config_flow_org", { is_active: !0 }, "/approve/query_flow_org_list", !0, { skip_error: !0 });
+			if (t) {
+				T.value = I(t.data);
+				let e = M.flowOrgID;
+				if (e) {
+					let t = k[e];
+					t ? D.value = t.id : (localStorage.removeItem("selectedFlowOrgID"), D.value = O);
+				} else D.value = O;
+				setTimeout(() => {
+					z(k[D.value]);
+				}, 0);
+			}
+		}, z = async (t) => {
+			let n = await e(`flow_node_list_${t.id}`, {
+				flow_org_id: t.id,
+				is_active: !0
+			}, "/approve/query_flow_node_list", !0, { skip_error: !0 });
+			n && n.data?.length ? E.value = [{
+				isLeaf: !1,
+				name: t.name,
+				id: 0,
+				children: L(y(n.data))
+			}] : E.value = [];
+		}, B = async () => {
+			let t = await e("left_config_all_flow_node", { is_active: !0 }, "/approve/query_flow_node_list", !1, { skip_error: !0 });
+			if (t && t.data?.length) for (let e of t.data) j[e.menu_flag] = e;
+		}, V = !1, H = (e) => {
+			V = !0;
+			let t = !1;
+			if (j[e]) {
+				let { flow_org_id: r, menu_flag: i, name: a, id: o } = j[e], s = {
+					state: i,
+					name: a,
+					id: o
+				};
+				M[n](r, s), A.value = [o], P("change", s), t = !0;
+			}
+			return setTimeout(() => {
+				V = !1;
+			}, 0), t;
+		}, U = (e, t) => {
+			E.value = [], A.value = [], D.value = t.id, z(t);
+		}, W = (e, t) => {
+			H(t.node.menu_flag);
+		};
+		return d(async () => {
+			if (await B(), M.selectNode) A.value = [M.selectNode.id], P("change", M.selectNode);
+			else {
+				let e = N.path.split("/"), t = e[e.length - 1];
+				H(t) ? F.value = !1 : (F.value = !0, P("change", {
+					id: null,
+					name: N.meta.title,
+					state: t
+				}));
+			}
+			R();
+		}), f(() => {
+			M[i]();
+		}), _(() => N.path, async () => {
+			let e = N.path.split("/"), t = e[e.length - 1];
+			H(t) ? F.value = !1 : (F.value = !0, P("change", {
+				id: null,
+				name: N.meta.title,
+				state: t
+			}));
+		}), _(() => M.selectNode, (e) => {
+			e && (F.value || V || (M.flowOrgID !== D.value && (E.value = [], D.value = M.flowOrgID, z(k[D.value])), H(e.state)));
+		}, { deep: !0 }), (e, t) => {
+			let n = h("a-tree-select"), r = h("a-form-item"), i = h("a-form"), u = h("a-tree"), d = h("a-empty");
+			return p(), s("div", x, [c("div", S, [l(i, { layout: "vertical" }, {
+				default: v(() => [l(r, { label: "流程组织" }, {
+					default: v(() => [l(n, {
+						disabled: F.value,
+						value: D.value,
+						"onUpdate:value": t[0] ||= (e) => D.value = e,
+						treeLine: { showLeafIcon: !1 },
+						treeData: T.value,
+						fieldNames: {
+							label: "name",
+							value: "id"
+						},
+						style: { width: "100%" },
+						onSelect: U,
+						treeDefaultExpandAll: !0
+					}, null, 8, [
+						"disabled",
+						"value",
+						"treeData"
+					])]),
+					_: 1
+				})]),
+				_: 1
+			})]), c("div", C, [E.value.length > 0 ? (p(), a(u, {
+				disabled: F.value,
+				selectedKeys: A.value,
+				"onUpdate:selectedKeys": t[1] ||= (e) => A.value = e,
+				treeData: E.value,
+				fieldNames: {
+					title: "name",
+					key: "id"
+				},
+				defaultExpandAll: !0,
+				showLine: { showLeafIcon: !1 },
+				showIcon: !0,
+				key: D.value,
+				onSelect: W
+			}, {
+				icon: v((e) => [e._icon ? (p(), a(g(e._icon), { key: 0 })) : o("", !0)]),
+				_: 1
+			}, 8, [
+				"disabled",
+				"selectedKeys",
+				"treeData"
+			])) : (p(), s("div", w, [l(d)]))])]);
+		};
+	}
+}), [["__scopeId", "data-v-380b7b89"]]);
+//#endregion
+export { T as t };

package/dist/approveLeftConfig-BOU_UgHp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"approveLeftConfig-BOU_UgHp.js","names":[],"sources":["../src/components/approval/components/approvalPageConfig/approveLeftConfig.vue","../src/components/approval/components/approvalPageConfig/approveLeftConfig.vue"],"sourcesContent":["<template>\n  <div class=\"approve-left-content\">\n    <div class=\"left-item\">\n      <a-form layout=\"vertical\">\n        <a-form-item label=\"流程组织\">\n          <a-tree-select\n            :disabled=\"disableTree\"\n            v-model:value=\"selectedFlowOrgID\"\n            :treeLine=\"{ showLeafIcon: false }\"\n            :treeData=\"flowOrgTreeData\"\n            :fieldNames=\"{ label: 'name', value: 'id' }\"\n            style=\"width: 100%\"\n            @select=\"flowOrgSelect\"\n            :treeDefaultExpandAll=\"true\"\n          ></a-tree-select>\n        </a-form-item>\n      </a-form>\n    </div>\n    <div class=\"left-item\">\n      <a-tree\n        :disabled=\"disableTree\"\n        v-model:selectedKeys=\"selectedFlowNodeIds\"\n        :treeData=\"flowNodeTreeData\"\n        :fieldNames=\"{ title: 'name', key: 'id' }\"\n        :defaultExpandAll=\"true\"\n        :showLine=\"{ showLeafIcon: false }\"\n        :showIcon=\"true\"\n        :key=\"selectedFlowOrgID\"\n        v-if=\"flowNodeTreeData.length > 0\"\n        @select=\"flowNodeSelect\"\n      >\n        <template #icon=\"node\">\n          <component\n            v-if=\"node._icon\"\n            :is=\"node._icon\"\n          />\n        </template>\n      </a-tree>\n      <div v-else>\n        <a-empty></a-empty>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { cachedGetApiData } from '@/init-plugin';\nimport { onMounted, onUnmounted, ref, watch } from 'vue';\nimport {\n  useSettingsStateStore,\n  SET_SELECT_NODE,\n  CLEAR_SELECT_NODE,\n} from '../../store/settingsState';\nimport { useRoute } from 'vue-router';\nimport { cloneDeep } from 'lodash';\n\nconst flowOrgTreeData = ref<any[]>([]);\nconst flowNodeTreeData = ref<any[]>([]);\nconst selectedFlowOrgID = ref<any>(null);\nlet firstFlowOrgID = null;\nconst flowOrgIDMap = {};\nconst selectedFlowNodeIds = ref<any>([]);\nconst flowNodeFlagMap = {};\nconst settingsState = useSettingsStateStore();\nconst route = useRoute();\nconst emit = defineEmits(['change']);\nconst disableTree = ref(false);\n\nconst processFlowOrgTreeData = (items: any[]) => {\n  for (const item of items) {\n    flowOrgIDMap[item.id] = item;\n    if (item.children && item.children.length > 0) {\n      item.selectable = false;\n      processFlowOrgTreeData(item.children);\n    } else {\n      item.selectable = true;\n      if (!firstFlowOrgID) {\n        firstFlowOrgID = item.id;\n      }\n    }\n  }\n  return items;\n};\nconst processFlowNodeTreeData = (items: any[]) => {\n  for (const item of items) {\n    item._icon = item.icon;\n    delete item.icon;\n    if (item.children && item.children.length > 0) {\n      processFlowNodeTreeData(item.children);\n    } else if (!selectedFlowNodeIds.value?.length && !disableTree.value) {\n      setCurrentState(item.menu_flag);\n    }\n  }\n  return items;\n};\nconst queryFlowOrg = async () => {\n  const res = await cachedGetApiData(\n    'left_config_flow_org',\n    { is_active: true },\n    '/approve/query_flow_org_list',\n    true,\n    { skip_error: true },\n  );\n  if (res) {\n    // 先处理数据，但不立即触发选择\n    flowOrgTreeData.value = processFlowOrgTreeData(res.data);\n    // 处理完所有数据后再检查localStorage中的值是否有效\n    const storedId = settingsState.flowOrgID;\n    if (storedId) {\n      // 检查存储的ID是否在当前数据中存在且是叶子节点\n      let foundStoredItem = flowOrgIDMap[storedId];\n\n      if (foundStoredItem) {\n        // 存储的ID有效，使用它\n        selectedFlowOrgID.value = foundStoredItem.id;\n        // 延迟执行以确保DOM更新\n      } else {\n        // 存储的ID无效，清除存储的值\n        localStorage.removeItem('selectedFlowOrgID');\n        selectedFlowOrgID.value = firstFlowOrgID;\n      }\n    } else {\n      selectedFlowOrgID.value = firstFlowOrgID;\n    }\n    setTimeout(() => {\n      queryFlowNode(flowOrgIDMap[selectedFlowOrgID.value]);\n    }, 0);\n  }\n};\n\nconst queryFlowNode = async flow_org => {\n  const cache_key = `flow_node_list_${flow_org.id}`;\n  const res = await cachedGetApiData(\n    cache_key,\n    {\n      flow_org_id: flow_org.id,\n      is_active: true,\n    },\n    '/approve/query_flow_node_list',\n    true,\n    { skip_error: true },\n  );\n  if (res && res.data?.length) {\n    flowNodeTreeData.value = [\n      {\n        isLeaf: false,\n        name: flow_org.name,\n        id: 0,\n        children: processFlowNodeTreeData(cloneDeep(res.data)),\n      },\n    ];\n  } else {\n    flowNodeTreeData.value = [];\n  }\n};\n\nconst getFlowNodeMap = async () => {\n  const res = await cachedGetApiData(\n    'left_config_all_flow_node',\n    { is_active: true },\n    '/approve/query_flow_node_list',\n    false,\n    { skip_error: true },\n  );\n  if (res && res.data?.length) {\n    for (const item of res.data) {\n      flowNodeFlagMap[item.menu_flag] = item;\n    }\n  }\n};\nlet onValueSetting = false;\nconst setCurrentState = flag => {\n  onValueSetting = true;\n  let findNode = false;\n  if (flowNodeFlagMap[flag]) {\n    const { flow_org_id, menu_flag, name, id } = flowNodeFlagMap[flag];\n    const selectNode = { state: menu_flag, name, id };\n    settingsState[SET_SELECT_NODE](flow_org_id, selectNode);\n    selectedFlowNodeIds.value = [id];\n    emit('change', selectNode);\n    findNode = true;\n  }\n  setTimeout(() => {\n    onValueSetting = false;\n  }, 0);\n  return findNode;\n};\nconst flowOrgSelect = (value, node) => {\n  flowNodeTreeData.value = [];\n  selectedFlowNodeIds.value = [];\n  selectedFlowOrgID.value = node.id;\n  queryFlowNode(node);\n};\nconst flowNodeSelect = (value, e) => {\n  setCurrentState(e.node.menu_flag);\n};\n\nonMounted(async () => {\n  await getFlowNodeMap();\n  if (!settingsState.selectNode) {\n    const path_arr = route.path.split('/');\n    const modelType = path_arr[path_arr.length - 1];\n    if (!setCurrentState(modelType)) {\n      disableTree.value = true;\n      emit('change', { id: null, name: route.meta.title, state: modelType });\n    } else {\n      disableTree.value = false;\n    }\n  } else {\n    selectedFlowNodeIds.value = [settingsState.selectNode.id];\n    emit('change', settingsState.selectNode);\n  }\n  queryFlowOrg();\n});\nonUnmounted(() => {\n  settingsState[CLEAR_SELECT_NODE]();\n}),\n  watch(\n    () => route.path,\n    async () => {\n      const path_arr = route.path.split('/');\n      const modelType = path_arr[path_arr.length - 1];\n      if (!setCurrentState(modelType)) {\n        disableTree.value = true;\n        emit('change', { id: null, name: route.meta.title, state: modelType });\n      } else {\n        disableTree.value = false;\n      }\n    },\n  );\n\nwatch(\n  () => settingsState.selectNode,\n  newNode => {\n    if (!newNode) {\n      return;\n    }\n    if (disableTree.value) {\n      return;\n    }\n    if (onValueSetting) {\n      return;\n    }\n    if (settingsState.flowOrgID !== selectedFlowOrgID.value) {\n      flowNodeTreeData.value = [];\n      selectedFlowOrgID.value = settingsState.flowOrgID;\n      queryFlowNode(flowOrgIDMap[selectedFlowOrgID.value]);\n    }\n    setCurrentState(newNode.state);\n  },\n  {\n    deep: true,\n  },\n);\n</script>\n<style lang=\"less\" scoped>\n.approve-left-content {\n  height: 100%;\n  overflow: auto;\n  padding: 4px;\n}\n</style>\n","<template>\n  <div class=\"approve-left-content\">\n    <div class=\"left-item\">\n      <a-form layout=\"vertical\">\n        <a-form-item label=\"流程组织\">\n          <a-tree-select\n            :disabled=\"disableTree\"\n            v-model:value=\"selectedFlowOrgID\"\n            :treeLine=\"{ showLeafIcon: false }\"\n            :treeData=\"flowOrgTreeData\"\n            :fieldNames=\"{ label: 'name', value: 'id' }\"\n            style=\"width: 100%\"\n            @select=\"flowOrgSelect\"\n            :treeDefaultExpandAll=\"true\"\n          ></a-tree-select>\n        </a-form-item>\n      </a-form>\n    </div>\n    <div class=\"left-item\">\n      <a-tree\n        :disabled=\"disableTree\"\n        v-model:selectedKeys=\"selectedFlowNodeIds\"\n        :treeData=\"flowNodeTreeData\"\n        :fieldNames=\"{ title: 'name', key: 'id' }\"\n        :defaultExpandAll=\"true\"\n        :showLine=\"{ showLeafIcon: false }\"\n        :showIcon=\"true\"\n        :key=\"selectedFlowOrgID\"\n        v-if=\"flowNodeTreeData.length > 0\"\n        @select=\"flowNodeSelect\"\n      >\n        <template #icon=\"node\">\n          <component\n            v-if=\"node._icon\"\n            :is=\"node._icon\"\n          />\n        </template>\n      </a-tree>\n      <div v-else>\n        <a-empty></a-empty>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { cachedGetApiData } from '@/init-plugin';\nimport { onMounted, onUnmounted, ref, watch } from 'vue';\nimport {\n  useSettingsStateStore,\n  SET_SELECT_NODE,\n  CLEAR_SELECT_NODE,\n} from '../../store/settingsState';\nimport { useRoute } from 'vue-router';\nimport { cloneDeep } from 'lodash';\n\nconst flowOrgTreeData = ref<any[]>([]);\nconst flowNodeTreeData = ref<any[]>([]);\nconst selectedFlowOrgID = ref<any>(null);\nlet firstFlowOrgID = null;\nconst flowOrgIDMap = {};\nconst selectedFlowNodeIds = ref<any>([]);\nconst flowNodeFlagMap = {};\nconst settingsState = useSettingsStateStore();\nconst route = useRoute();\nconst emit = defineEmits(['change']);\nconst disableTree = ref(false);\n\nconst processFlowOrgTreeData = (items: any[]) => {\n  for (const item of items) {\n    flowOrgIDMap[item.id] = item;\n    if (item.children && item.children.length > 0) {\n      item.selectable = false;\n      processFlowOrgTreeData(item.children);\n    } else {\n      item.selectable = true;\n      if (!firstFlowOrgID) {\n        firstFlowOrgID = item.id;\n      }\n    }\n  }\n  return items;\n};\nconst processFlowNodeTreeData = (items: any[]) => {\n  for (const item of items) {\n    item._icon = item.icon;\n    delete item.icon;\n    if (item.children && item.children.length > 0) {\n      processFlowNodeTreeData(item.children);\n    } else if (!selectedFlowNodeIds.value?.length && !disableTree.value) {\n      setCurrentState(item.menu_flag);\n    }\n  }\n  return items;\n};\nconst queryFlowOrg = async () => {\n  const res = await cachedGetApiData(\n    'left_config_flow_org',\n    { is_active: true },\n    '/approve/query_flow_org_list',\n    true,\n    { skip_error: true },\n  );\n  if (res) {\n    // 先处理数据，但不立即触发选择\n    flowOrgTreeData.value = processFlowOrgTreeData(res.data);\n    // 处理完所有数据后再检查localStorage中的值是否有效\n    const storedId = settingsState.flowOrgID;\n    if (storedId) {\n      // 检查存储的ID是否在当前数据中存在且是叶子节点\n      let foundStoredItem = flowOrgIDMap[storedId];\n\n      if (foundStoredItem) {\n        // 存储的ID有效，使用它\n        selectedFlowOrgID.value = foundStoredItem.id;\n        // 延迟执行以确保DOM更新\n      } else {\n        // 存储的ID无效，清除存储的值\n        localStorage.removeItem('selectedFlowOrgID');\n        selectedFlowOrgID.value = firstFlowOrgID;\n      }\n    } else {\n      selectedFlowOrgID.value = firstFlowOrgID;\n    }\n    setTimeout(() => {\n      queryFlowNode(flowOrgIDMap[selectedFlowOrgID.value]);\n    }, 0);\n  }\n};\n\nconst queryFlowNode = async flow_org => {\n  const cache_key = `flow_node_list_${flow_org.id}`;\n  const res = await cachedGetApiData(\n    cache_key,\n    {\n      flow_org_id: flow_org.id,\n      is_active: true,\n    },\n    '/approve/query_flow_node_list',\n    true,\n    { skip_error: true },\n  );\n  if (res && res.data?.length) {\n    flowNodeTreeData.value = [\n      {\n        isLeaf: false,\n        name: flow_org.name,\n        id: 0,\n        children: processFlowNodeTreeData(cloneDeep(res.data)),\n      },\n    ];\n  } else {\n    flowNodeTreeData.value = [];\n  }\n};\n\nconst getFlowNodeMap = async () => {\n  const res = await cachedGetApiData(\n    'left_config_all_flow_node',\n    { is_active: true },\n    '/approve/query_flow_node_list',\n    false,\n    { skip_error: true },\n  );\n  if (res && res.data?.length) {\n    for (const item of res.data) {\n      flowNodeFlagMap[item.menu_flag] = item;\n    }\n  }\n};\nlet onValueSetting = false;\nconst setCurrentState = flag => {\n  onValueSetting = true;\n  let findNode = false;\n  if (flowNodeFlagMap[flag]) {\n    const { flow_org_id, menu_flag, name, id } = flowNodeFlagMap[flag];\n    const selectNode = { state: menu_flag, name, id };\n    settingsState[SET_SELECT_NODE](flow_org_id, selectNode);\n    selectedFlowNodeIds.value = [id];\n    emit('change', selectNode);\n    findNode = true;\n  }\n  setTimeout(() => {\n    onValueSetting = false;\n  }, 0);\n  return findNode;\n};\nconst flowOrgSelect = (value, node) => {\n  flowNodeTreeData.value = [];\n  selectedFlowNodeIds.value = [];\n  selectedFlowOrgID.value = node.id;\n  queryFlowNode(node);\n};\nconst flowNodeSelect = (value, e) => {\n  setCurrentState(e.node.menu_flag);\n};\n\nonMounted(async () => {\n  await getFlowNodeMap();\n  if (!settingsState.selectNode) {\n    const path_arr = route.path.split('/');\n    const modelType = path_arr[path_arr.length - 1];\n    if (!setCurrentState(modelType)) {\n      disableTree.value = true;\n      emit('change', { id: null, name: route.meta.title, state: modelType });\n    } else {\n      disableTree.value = false;\n    }\n  } else {\n    selectedFlowNodeIds.value = [settingsState.selectNode.id];\n    emit('change', settingsState.selectNode);\n  }\n  queryFlowOrg();\n});\nonUnmounted(() => {\n  settingsState[CLEAR_SELECT_NODE]();\n}),\n  watch(\n    () => route.path,\n    async () => {\n      const path_arr = route.path.split('/');\n      const modelType = path_arr[path_arr.length - 1];\n      if (!setCurrentState(modelType)) {\n        disableTree.value = true;\n        emit('change', { id: null, name: route.meta.title, state: modelType });\n      } else {\n        disableTree.value = false;\n      }\n    },\n  );\n\nwatch(\n  () => settingsState.selectNode,\n  newNode => {\n    if (!newNode) {\n      return;\n    }\n    if (disableTree.value) {\n      return;\n    }\n    if (onValueSetting) {\n      return;\n    }\n    if (settingsState.flowOrgID !== selectedFlowOrgID.value) {\n      flowNodeTreeData.value = [];\n      selectedFlowOrgID.value = settingsState.flowOrgID;\n      queryFlowNode(flowOrgIDMap[selectedFlowOrgID.value]);\n    }\n    setCurrentState(newNode.state);\n  },\n  {\n    deep: true,\n  },\n);\n</script>\n<style lang=\"less\" scoped>\n.approve-left-content {\n  height: 100%;\n  overflow: auto;\n  padding: 4px;\n}\n</style>\n"],"mappings":"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"}

package/dist/codeHistoryViewModal-BfSjIbEU.js

@@ -0,0 +1,103 @@
+import { o as e, v as t } from "./init-plugin-fQTSQzui.js";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, onMounted as l, openBlock as u, ref as d, renderList as f, resolveComponent as p, withCtx as m } from "vue";
+//#region src/components/approval/components/codeHistory/codeHistoryViewModal.vue?vue&type=script&lang.ts
+var h = c({
+	name: "codeHistoryViewModal",
+	props: {
+		height: {
+			type: Number,
+			default: () => 1e3
+		},
+		history_ids: {
+			type: Array,
+			default: () => []
+		}
+	},
+	components: {},
+	emits: ["ok", "cancel"],
+	setup(t, { emit: n }) {
+		let r = () => {
+			n("cancel");
+		}, i = () => {}, a = d(!1), o = d([]), s = async () => {
+			e({
+				is_pagination: !1,
+				column_fields: [
+					"id",
+					"create_time",
+					"code"
+				],
+				sort_fields: ["-id"],
+				conditions: [[{
+					field_name: "id",
+					operator: "in",
+					value: t.history_ids,
+					format: "input",
+					class_name: "str"
+				}]]
+			}, "/approve/query_action_code_setting_history_list").then((e) => {
+				let n = {};
+				a.value = !0, e.data.forEach((e) => {
+					n[e.id] = {
+						name: `[${e.id}]${e.create_time}`,
+						content: e.code
+					};
+				}), o.value.length = 0, t.history_ids.forEach((e) => {
+					o.value.push(n[e]);
+				}), a.value = !1;
+			}).catch(() => {
+				a.value = !1;
+			});
+		};
+		return l(() => {
+			s();
+		}), {
+			handleCancel: r,
+			handleOk: i,
+			loading: a,
+			history_records: o
+		};
+	}
+}), g = { class: "json-obj-container" };
+function _(e, t, c, l, d, h) {
+	let _ = p("TextDiff"), v = p("a-tab-pane"), y = p("code-editor"), b = p("a-tabs"), x = p("a-modal");
+	return u(), r(x, {
+		open: !0,
+		title: e.$t("历史版本"),
+		width: "100%",
+		"wrap-class-name": "full-modal",
+		onCancel: e.handleCancel
+	}, {
+		footer: m(() => [...t[0] ||= []]),
+		default: m(() => [s(b, {
+			type: "card",
+			size: "middle",
+			class: "tab-content"
+		}, {
+			default: m(() => [e.history_ids.length === 2 ? (u(), r(v, {
+				key: 0,
+				tab: e.$t("版本比较")
+			}, {
+				default: m(() => [s(_, {
+					left: e.history_records[0] || {},
+					right: e.history_records[1] || {}
+				}, null, 8, ["left", "right"])]),
+				_: 1
+			}, 8, ["tab"])) : i("", !0), (u(!0), a(n, null, f(e.history_records, (e) => (u(), r(v, {
+				tab: e.name,
+				key: e.name
+			}, {
+				default: m(() => [o("div", g, [s(y, {
+					editorValue: e.content,
+					mode: "javascript",
+					lineWrapping: !0
+				}, null, 8, ["editorValue"])])]),
+				_: 2
+			}, 1032, ["tab"]))), 128))]),
+			_: 1
+		})]),
+		_: 1
+	}, 8, ["title", "onCancel"]);
+}
+var v = /* @__PURE__ */ t(h, [["render", _], ["__scopeId", "data-v-1d22cea1"]]);
+//#endregion
+export { v as default };

package/dist/codeHistoryViewModal-BfSjIbEU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeHistoryViewModal-BfSjIbEU.js","names":[],"sources":["../src/components/approval/components/codeHistory/codeHistoryViewModal.vue","../src/components/approval/components/codeHistory/codeHistoryViewModal.vue"],"sourcesContent":["<template>\n  <a-modal\n    :open=\"true\"\n    :title=\"$t('历史版本')\"\n    width=\"100%\"\n    wrap-class-name=\"full-modal\"\n    @cancel=\"handleCancel\"\n  >\n    <template #footer></template>\n    <a-tabs\n      type=\"card\"\n      size=\"middle\"\n      class=\"tab-content\"\n    >\n      <a-tab-pane\n        :key=\"0\"\n        v-if=\"history_ids.length === 2\"\n        :tab=\"$t('版本比较')\"\n      >\n        <TextDiff\n          :left=\"history_records[0] || {}\"\n          :right=\"history_records[1] || {}\"\n        />\n      </a-tab-pane>\n      <a-tab-pane\n        v-for=\"record in history_records\"\n        :tab=\"record.name\"\n        :key=\"record.name\"\n      >\n        <div class=\"json-obj-container\">\n          <code-editor\n            :editorValue=\"record.content\"\n            mode=\"javascript\"\n            :lineWrapping=\"true\"\n          />\n        </div>\n      </a-tab-pane>\n    </a-tabs>\n  </a-modal>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, onMounted, PropType, ref } from 'vue';\nimport { getApiData } from '@/init-plugin';\nexport default defineComponent({\n  name: 'codeHistoryViewModal',\n  props: {\n    height: {\n      type: Number,\n      default: () => 1000,\n    },\n    history_ids: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n  },\n  components: {\n  },\n  emits: ['ok', 'cancel'],\n\n  setup(props, { emit }) {\n    const handleCancel = () => {\n      emit('cancel');\n    };\n    const handleOk = () => {};\n    const loading = ref(false);\n    const history_records = ref([]);\n    const getHistoryRecords = async () => {\n      const conditions = [\n        {\n          field_name: 'id',\n          operator: 'in',\n          value: props.history_ids,\n          format: 'input',\n          class_name: 'str',\n        },\n      ];\n      const queryParams = {\n        is_pagination: false,\n        column_fields: ['id', 'create_time', 'code'],\n        sort_fields: ['-id'],\n        conditions: [conditions],\n      };\n      getApiData(queryParams, '/approve/query_action_code_setting_history_list')\n        .then((res: any) => {\n          const tmpMap = {};\n          loading.value = true;\n          res.data.forEach((item: any) => {\n            tmpMap[item.id] = {\n              name: `[${item.id}]${item.create_time}`,\n              content: item.code,\n            };\n          });\n          history_records.value.length = 0;\n          props.history_ids.forEach(id => {\n            history_records.value.push(tmpMap[id]);\n          });\n          loading.value = false;\n        })\n        .catch(() => {\n          loading.value = false;\n        });\n    };\n    onMounted(() => {\n      getHistoryRecords();\n    });\n    return {\n      handleCancel,\n      handleOk,\n      loading,\n      history_records,\n    };\n  },\n});\n</script>\n<style scoped lang=\"less\">\n.ant-layout-content,\n.ant-layout-sider {\n  overflow: auto;\n  background-color: white;\n  outline: 1px #ebeef5 solid;\n}\n.tab-content {\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n.ant-tabs {\n  height: 100%;\n\n  ::v-deep(.ant-tabs-content-top) {\n    height: 100%;\n  }\n}\n.json-obj-container {\n  height: 100%;\n  overflow-y: auto;\n}\n</style>\n","<template>\n  <a-modal\n    :open=\"true\"\n    :title=\"$t('历史版本')\"\n    width=\"100%\"\n    wrap-class-name=\"full-modal\"\n    @cancel=\"handleCancel\"\n  >\n    <template #footer></template>\n    <a-tabs\n      type=\"card\"\n      size=\"middle\"\n      class=\"tab-content\"\n    >\n      <a-tab-pane\n        :key=\"0\"\n        v-if=\"history_ids.length === 2\"\n        :tab=\"$t('版本比较')\"\n      >\n        <TextDiff\n          :left=\"history_records[0] || {}\"\n          :right=\"history_records[1] || {}\"\n        />\n      </a-tab-pane>\n      <a-tab-pane\n        v-for=\"record in history_records\"\n        :tab=\"record.name\"\n        :key=\"record.name\"\n      >\n        <div class=\"json-obj-container\">\n          <code-editor\n            :editorValue=\"record.content\"\n            mode=\"javascript\"\n            :lineWrapping=\"true\"\n          />\n        </div>\n      </a-tab-pane>\n    </a-tabs>\n  </a-modal>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, onMounted, PropType, ref } from 'vue';\nimport { getApiData } from '@/init-plugin';\nexport default defineComponent({\n  name: 'codeHistoryViewModal',\n  props: {\n    height: {\n      type: Number,\n      default: () => 1000,\n    },\n    history_ids: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n  },\n  components: {\n  },\n  emits: ['ok', 'cancel'],\n\n  setup(props, { emit }) {\n    const handleCancel = () => {\n      emit('cancel');\n    };\n    const handleOk = () => {};\n    const loading = ref(false);\n    const history_records = ref([]);\n    const getHistoryRecords = async () => {\n      const conditions = [\n        {\n          field_name: 'id',\n          operator: 'in',\n          value: props.history_ids,\n          format: 'input',\n          class_name: 'str',\n        },\n      ];\n      const queryParams = {\n        is_pagination: false,\n        column_fields: ['id', 'create_time', 'code'],\n        sort_fields: ['-id'],\n        conditions: [conditions],\n      };\n      getApiData(queryParams, '/approve/query_action_code_setting_history_list')\n        .then((res: any) => {\n          const tmpMap = {};\n          loading.value = true;\n          res.data.forEach((item: any) => {\n            tmpMap[item.id] = {\n              name: `[${item.id}]${item.create_time}`,\n              content: item.code,\n            };\n          });\n          history_records.value.length = 0;\n          props.history_ids.forEach(id => {\n            history_records.value.push(tmpMap[id]);\n          });\n          loading.value = false;\n        })\n        .catch(() => {\n          loading.value = false;\n        });\n    };\n    onMounted(() => {\n      getHistoryRecords();\n    });\n    return {\n      handleCancel,\n      handleOk,\n      loading,\n      history_records,\n    };\n  },\n});\n</script>\n<style scoped lang=\"less\">\n.ant-layout-content,\n.ant-layout-sider {\n  overflow: auto;\n  background-color: white;\n  outline: 1px #ebeef5 solid;\n}\n.tab-content {\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n.ant-tabs {\n  height: 100%;\n\n  ::v-deep(.ant-tabs-content-top) {\n    height: 100%;\n  }\n}\n.json-obj-container {\n  height: 100%;\n  overflow-y: auto;\n}\n</style>\n"],"mappings":";;;AA2CA,IAAA,IAAe,EAAgB;CAC7B,MAAM;CACN,OAAO;EACL,QAAQ;GACN,MAAM;GACN,eAAe;GAChB;EACD,aAAa;GACX,MAAM;GACN,eAAe,EAAE;GAClB;EACF;CACD,YAAY,EACX;CACD,OAAO,CAAC,MAAM,SAAS;CAEvB,MAAM,GAAO,EAAE,WAAQ;EACrB,IAAM,UAAqB;AACzB,KAAK,SAAS;KAEV,UAAiB,IACjB,IAAU,EAAI,GAAM,EACpB,IAAkB,EAAI,EAAE,CAAC,EACzB,IAAoB,YAAY;AAgBpC,KANoB;IAClB,eAAe;IACf,eAAe;KAAC;KAAM;KAAe;KAAO;IAC5C,aAAa,CAAC,MAAM;IACpB,YAAY,CAbK,CACjB;KACE,YAAY;KACZ,UAAU;KACV,OAAO,EAAM;KACb,QAAQ;KACR,YAAY;KACb,CACF,CAKyB;IACzB,EACuB,kDAAiD,CACtE,MAAM,MAAa;IAClB,IAAM,IAAS,EAAE;AAYjB,IAXA,EAAQ,QAAQ,IAChB,EAAI,KAAK,SAAS,MAAc;AAC9B,OAAO,EAAK,MAAM;MAChB,MAAM,IAAI,EAAK,GAAG,GAAG,EAAK;MAC1B,SAAS,EAAK;MACf;MACD,EACF,EAAgB,MAAM,SAAS,GAC/B,EAAM,YAAY,SAAQ,MAAM;AAC9B,OAAgB,MAAM,KAAK,EAAO,GAAI;MACtC,EACF,EAAQ,QAAQ;KACjB,CACA,YAAY;AACX,MAAQ,QAAQ;KAChB;;AAKN,SAHA,QAAgB;AACd,MAAmB;IACnB,EACK;GACL;GACA;GACA;GACA;GACD;;CAEJ,CAAC,QCnFW,OAAM,sBAAoB;;;aA5BrC,EAqCU,GAAA;EApCP,MAAM;EACN,OAAO,EAAA,GAAE,OAAA;EACV,OAAM;EACN,mBAAgB;EACf,UAAQ,EAAA;;EAEE,QAAM,QAAY,CAAA,GAAA,AAAA,EAAA,OAAA,EAAA,CAAA,CAAA;mBA6BpB,CA5BT,EA4BS,GAAA;GA3BP,MAAK;GACL,MAAK;GACL,OAAM;;oBAWO,CAPL,EAAA,YAAY,WAAM,KAAA,GAAA,EAF1B,EASa,GAAA;IARV,KAAK;IAEL,KAAK,EAAA,GAAE,OAAA;;qBAKN,CAHF,EAGE,GAAA;KAFC,MAAM,EAAA,gBAAe,MAAA,EAAA;KACrB,OAAO,EAAA,gBAAe,MAAA,EAAA;;;wCAG3B,EAYa,GAAA,MAAA,EAXM,EAAA,kBAAV,YADT,EAYa,GAAA;IAVV,KAAK,EAAO;IACZ,KAAK,EAAO;;qBAQP,CANN,EAMM,OANN,GAMM,CALJ,EAIE,GAAA;KAHC,aAAa,EAAO;KACrB,MAAK;KACJ,cAAc"}