lyflowchart 1.0.115 → 1.0.133

package/dist/tableModal-BcYfVL02.js

@@ -0,0 +1,124 @@
+import { w as e } from "./utils-CLet2gLV.js";
+import { p as t, t as n } from "./columnTables-DLwtgcC7.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeModels as d, openBlock as f, ref as p, resolveComponent as m, toDisplayString as h, useModel as g, watch as _, withCtx as v } from "vue";
+import { message as y } from "ant-design-vue";
+//#region src/components/approval/components/tableModal.vue?vue&type=script&setup=true&lang.ts
+var b = { class: "table-modal-footer" }, x = {
+	key: 0,
+	class: "footer-error"
+}, S = { class: "footer-actions" }, C = /* @__PURE__ */ u({
+	__name: "tableModal",
+	props: /* @__PURE__ */ d({
+		columnConfig: {
+			type: Object,
+			required: !0
+		},
+		height: {
+			type: Number,
+			required: !0
+		},
+		eventBus: {
+			type: Object,
+			required: !0
+		},
+		modelType: {
+			type: String,
+			required: !0
+		},
+		approvalConfig: {
+			type: Object,
+			required: !0
+		},
+		tables: {
+			type: Array,
+			required: !0
+		},
+		title: {
+			type: String,
+			required: !0
+		},
+		hideAllButtons: {
+			type: Boolean,
+			required: !0
+		}
+	}, {
+		open: { type: Boolean },
+		openModifiers: {}
+	}),
+	emits: /* @__PURE__ */ d(["ok", "cancel"], ["update:open"]),
+	setup(u, { emit: d }) {
+		let C = u, w = d, T = t().contexts?.[C.modelType] || {}, E = g(u, "open"), D = p({}), O = p(""), k = !1, A = r(() => {
+			let e = {};
+			for (let t of C.columnConfig?.tables || []) e[t.id] = t;
+			return (C.tables || []).filter((t) => e[t.id]).map((t) => ({
+				...t,
+				title: t.title || e[t.id].title
+			}));
+		}), j = () => e(A.value, D.value), M = () => {
+			k = !1, O.value = "";
+		}, N = (e) => {
+			D.value = e || {};
+		}, P = async () => {
+			k = !0;
+			let e = j();
+			if (O.value = e, e) {
+				y.warning(e);
+				return;
+			}
+			w("ok", { context: JSON.parse(JSON.stringify(T)) });
+		}, F = () => {
+			M(), w("cancel");
+		};
+		return _(D, () => {
+			k && (O.value = j());
+		}), _(E, (e) => {
+			e || M();
+		}), (e, t) => {
+			let r = m("a-button"), d = m("a-space"), p = m("a-modal");
+			return f(), i(p, {
+				open: E.value,
+				"onUpdate:open": t[0] ||= (e) => E.value = e,
+				title: u.title,
+				width: "80%",
+				"wrap-class-name": "approve-table-full-modal",
+				onCancel: F
+			}, {
+				footer: v(() => [s("div", b, [O.value ? (f(), o("span", x, h(O.value), 1)) : a("", !0), s("div", S, [l(d, { size: 8 }, {
+					default: v(() => [l(r, { onClick: F }, {
+						default: v(() => [...t[1] ||= [c("取消", -1)]]),
+						_: 1
+					}), l(r, {
+						type: "primary",
+						onClick: P
+					}, {
+						default: v(() => [...t[2] ||= [c(" 确定 ", -1)]]),
+						_: 1
+					})]),
+					_: 1
+				})])])]),
+				default: v(() => [E.value ? (f(), i(n, {
+					key: 0,
+					columnConfig: u.columnConfig,
+					height: u.height,
+					eventBus: u.eventBus,
+					modelType: u.modelType,
+					approvalConfig: u.approvalConfig,
+					filterTables: u.tables,
+					hideAllButtons: u.hideAllButtons,
+					onSelectedCountsChange: N
+				}, null, 8, [
+					"columnConfig",
+					"height",
+					"eventBus",
+					"modelType",
+					"approvalConfig",
+					"filterTables",
+					"hideAllButtons"
+				])) : a("", !0)]),
+				_: 1
+			}, 8, ["open", "title"]);
+		};
+	}
+});
+//#endregion
+export { C as default };

package/dist/tableModal-BcYfVL02.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableModal-BcYfVL02.js","names":[],"sources":["../src/components/approval/components/tableModal.vue","../src/components/approval/components/tableModal.vue"],"sourcesContent":["<template>\n  <a-modal\n    v-model:open=\"open\"\n    :title=\"title\"\n    width=\"80%\"\n    wrap-class-name=\"approve-table-full-modal\"\n    @cancel=\"cancel\"\n  >\n    <columnTables\n      v-if=\"open\"\n      :columnConfig=\"columnConfig\"\n      :height=\"height\"\n      :eventBus=\"eventBus\"\n      :modelType=\"modelType\"\n      :approvalConfig=\"approvalConfig\"\n      :filterTables=\"tables\"\n      :hideAllButtons=\"hideAllButtons\"\n      @selected-counts-change=\"handleSelectedCountsChange\"\n    ></columnTables>\n    <!-- 自定义 footer：左侧固定位置放校验错误（不满足选择数量时不关闭弹窗），右侧为确定/取消 -->\n    <template #footer>\n      <div class=\"table-modal-footer\">\n        <span\n          v-if=\"errorText\"\n          class=\"footer-error\"\n        >\n          {{ errorText }}\n        </span>\n        <div class=\"footer-actions\">\n          <a-space :size=\"8\">\n            <a-button @click=\"cancel\">取消</a-button>\n            <a-button\n              type=\"primary\"\n              @click=\"ok\"\n            >\n              确定\n            </a-button>\n          </a-space>\n        </div>\n      </div>\n    </template>\n  </a-modal>\n</template>\n<script setup lang=\"ts\">\nimport { computed, PropType, ref, watch } from 'vue';\nimport { message } from 'ant-design-vue';\nimport columnTables from './columnTables.vue';\nimport { ApprovalSetting } from '../typing';\nimport { useContextStore } from '@/components/approval/store/context';\nimport { validateTableSelectCounts } from '../utils';\nconst props = defineProps({\n  columnConfig: {\n    type: Object,\n    required: true,\n  },\n  height: {\n    type: Number,\n    required: true,\n  },\n  eventBus: {\n    type: Object,\n    required: true,\n  },\n  modelType: {\n    type: String,\n    required: true,\n  },\n  approvalConfig: {\n    type: Object as PropType<ApprovalSetting>,\n    required: true,\n  },\n  tables: {\n    type: Array,\n    required: true,\n  },\n  title: {\n    type: String,\n    required: true,\n  },\n  hideAllButtons: {\n    type: Boolean,\n    required: true,\n  },\n});\nconst emit = defineEmits(['ok', 'cancel']);\nconst contextStore = useContextStore();\n\nconst current_context = contextStore.contexts?.[props.modelType] || ({} as any);\nconst open = defineModel<boolean>('open');\n\n/** 表 id → 已选条数，由 columnTables 汇总各表（ApprovalTable）上报的条数 */\nconst selectedCounts = ref<Record<string, number>>({});\n/** 弹窗底部红字：只在点过「确定」之后才出现，用户改对了自动消失 */\nconst errorText = ref('');\nlet validateAttempted = false;\n\n/**\n * 参与校验的表 = showTables 入参 tables ∩ 页面配置里**真实渲染出来**的表。\n * 入参里写了页面上不存在的表 id 时必须剔除：否则用户根本勾不到那张表，\n * 配了 min_count 就会让弹窗永远关不掉。\n */\nconst validateTables = computed<any[]>(() => {\n  const configMap: Record<string, any> = {};\n  for (const item of (props.columnConfig as any)?.tables || []) {\n    configMap[item.id] = item;\n  }\n  return ((props.tables || []) as any[])\n    .filter(item => configMap[item.id])\n    .map(item => ({ ...item, title: item.title || configMap[item.id].title }));\n});\n\nconst collectError = () => validateTableSelectCounts(validateTables.value, selectedCounts.value);\nconst resetError = () => {\n  validateAttempted = false;\n  errorText.value = '';\n};\nconst handleSelectedCountsChange = (counts: Record<string, number>) => {\n  selectedCounts.value = counts || {};\n};\n\nconst ok = async () => {\n  validateAttempted = true;\n  const err = collectError();\n  errorText.value = err;\n  if (err) {\n    // 拦截确定：不 emit ok（父级收到 ok 后才会移除弹窗），保持弹窗打开让用户补选\n    message.warning(err);\n    return;\n  }\n  emit('ok', { context: JSON.parse(JSON.stringify(current_context)) });\n};\nconst cancel = () => {\n  resetError();\n  emit('cancel');\n};\n\n// 校验失败后，选择变化时实时刷新底部提示（改对了自动消失）\nwatch(selectedCounts, () => {\n  if (!validateAttempted) {\n    return;\n  }\n  errorText.value = collectError();\n});\nwatch(open, value => {\n  if (!value) {\n    resetError();\n  }\n});\n</script>\n<style>\n.approve-table-full-modal {\n  .ant-layout-header {\n    background-color: #fff;\n  }\n  .ant-layout-sider {\n    background-color: #fff;\n  }\n  .ant-modal {\n    top: 0;\n    margin: 0 auto;\n    padding-bottom: 0;\n  }\n  .ant-modal-content {\n    display: flex;\n    flex-direction: column;\n    height: calc(100vh);\n  }\n  .ant-modal-body {\n    flex: 1;\n    padding: 0;\n    overflow: hidden;\n  }\n  .ant-modal-footer {\n    padding: 0;\n  }\n  .table-modal-footer {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 8px 16px;\n    border-top: 1px solid #e8e8e8;\n    .footer-error {\n      flex: 1 1 auto;\n      min-width: 0;\n      text-align: left;\n      font-size: 13px;\n      line-height: 1.5;\n      color: #ff4d4f;\n    }\n    .footer-actions {\n      flex: 0 0 auto;\n      margin-left: auto;\n    }\n  }\n}\n</style>\n","<template>\n  <a-modal\n    v-model:open=\"open\"\n    :title=\"title\"\n    width=\"80%\"\n    wrap-class-name=\"approve-table-full-modal\"\n    @cancel=\"cancel\"\n  >\n    <columnTables\n      v-if=\"open\"\n      :columnConfig=\"columnConfig\"\n      :height=\"height\"\n      :eventBus=\"eventBus\"\n      :modelType=\"modelType\"\n      :approvalConfig=\"approvalConfig\"\n      :filterTables=\"tables\"\n      :hideAllButtons=\"hideAllButtons\"\n      @selected-counts-change=\"handleSelectedCountsChange\"\n    ></columnTables>\n    <!-- 自定义 footer：左侧固定位置放校验错误（不满足选择数量时不关闭弹窗），右侧为确定/取消 -->\n    <template #footer>\n      <div class=\"table-modal-footer\">\n        <span\n          v-if=\"errorText\"\n          class=\"footer-error\"\n        >\n          {{ errorText }}\n        </span>\n        <div class=\"footer-actions\">\n          <a-space :size=\"8\">\n            <a-button @click=\"cancel\">取消</a-button>\n            <a-button\n              type=\"primary\"\n              @click=\"ok\"\n            >\n              确定\n            </a-button>\n          </a-space>\n        </div>\n      </div>\n    </template>\n  </a-modal>\n</template>\n<script setup lang=\"ts\">\nimport { computed, PropType, ref, watch } from 'vue';\nimport { message } from 'ant-design-vue';\nimport columnTables from './columnTables.vue';\nimport { ApprovalSetting } from '../typing';\nimport { useContextStore } from '@/components/approval/store/context';\nimport { validateTableSelectCounts } from '../utils';\nconst props = defineProps({\n  columnConfig: {\n    type: Object,\n    required: true,\n  },\n  height: {\n    type: Number,\n    required: true,\n  },\n  eventBus: {\n    type: Object,\n    required: true,\n  },\n  modelType: {\n    type: String,\n    required: true,\n  },\n  approvalConfig: {\n    type: Object as PropType<ApprovalSetting>,\n    required: true,\n  },\n  tables: {\n    type: Array,\n    required: true,\n  },\n  title: {\n    type: String,\n    required: true,\n  },\n  hideAllButtons: {\n    type: Boolean,\n    required: true,\n  },\n});\nconst emit = defineEmits(['ok', 'cancel']);\nconst contextStore = useContextStore();\n\nconst current_context = contextStore.contexts?.[props.modelType] || ({} as any);\nconst open = defineModel<boolean>('open');\n\n/** 表 id → 已选条数，由 columnTables 汇总各表（ApprovalTable）上报的条数 */\nconst selectedCounts = ref<Record<string, number>>({});\n/** 弹窗底部红字：只在点过「确定」之后才出现，用户改对了自动消失 */\nconst errorText = ref('');\nlet validateAttempted = false;\n\n/**\n * 参与校验的表 = showTables 入参 tables ∩ 页面配置里**真实渲染出来**的表。\n * 入参里写了页面上不存在的表 id 时必须剔除：否则用户根本勾不到那张表，\n * 配了 min_count 就会让弹窗永远关不掉。\n */\nconst validateTables = computed<any[]>(() => {\n  const configMap: Record<string, any> = {};\n  for (const item of (props.columnConfig as any)?.tables || []) {\n    configMap[item.id] = item;\n  }\n  return ((props.tables || []) as any[])\n    .filter(item => configMap[item.id])\n    .map(item => ({ ...item, title: item.title || configMap[item.id].title }));\n});\n\nconst collectError = () => validateTableSelectCounts(validateTables.value, selectedCounts.value);\nconst resetError = () => {\n  validateAttempted = false;\n  errorText.value = '';\n};\nconst handleSelectedCountsChange = (counts: Record<string, number>) => {\n  selectedCounts.value = counts || {};\n};\n\nconst ok = async () => {\n  validateAttempted = true;\n  const err = collectError();\n  errorText.value = err;\n  if (err) {\n    // 拦截确定：不 emit ok（父级收到 ok 后才会移除弹窗），保持弹窗打开让用户补选\n    message.warning(err);\n    return;\n  }\n  emit('ok', { context: JSON.parse(JSON.stringify(current_context)) });\n};\nconst cancel = () => {\n  resetError();\n  emit('cancel');\n};\n\n// 校验失败后，选择变化时实时刷新底部提示（改对了自动消失）\nwatch(selectedCounts, () => {\n  if (!validateAttempted) {\n    return;\n  }\n  errorText.value = collectError();\n});\nwatch(open, value => {\n  if (!value) {\n    resetError();\n  }\n});\n</script>\n<style>\n.approve-table-full-modal {\n  .ant-layout-header {\n    background-color: #fff;\n  }\n  .ant-layout-sider {\n    background-color: #fff;\n  }\n  .ant-modal {\n    top: 0;\n    margin: 0 auto;\n    padding-bottom: 0;\n  }\n  .ant-modal-content {\n    display: flex;\n    flex-direction: column;\n    height: calc(100vh);\n  }\n  .ant-modal-body {\n    flex: 1;\n    padding: 0;\n    overflow: hidden;\n  }\n  .ant-modal-footer {\n    padding: 0;\n  }\n  .table-modal-footer {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 8px 16px;\n    border-top: 1px solid #e8e8e8;\n    .footer-error {\n      flex: 1 1 auto;\n      min-width: 0;\n      text-align: left;\n      font-size: 13px;\n      line-height: 1.5;\n      color: #ff4d4f;\n    }\n    .footer-actions {\n      flex: 0 0 auto;\n      margin-left: auto;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkDA,IAAM,IAAQ,GAkCR,IAAO,GAGP,IAFe,GAAiB,CAED,WAAW,EAAM,cAAe,EAAE,EACjE,IAAO,EAAoB,GAAC,OAAO,EAGnC,IAAiB,EAA4B,EAAE,CAAC,EAEhD,IAAY,EAAI,GAAG,EACrB,IAAoB,IAOlB,IAAiB,QAAsB;GAC3C,IAAM,IAAiC,EAAE;AACzC,QAAK,IAAM,KAAS,EAAM,cAAsB,UAAU,EAAE,CAC1D,GAAU,EAAK,MAAM;AAEvB,WAAS,EAAM,UAAU,EAAE,EACxB,QAAO,MAAQ,EAAU,EAAK,IAAG,CACjC,KAAI,OAAS;IAAE,GAAG;IAAM,OAAO,EAAK,SAAS,EAAU,EAAK,IAAI;IAAO,EAAE;IAC5E,EAEI,UAAqB,EAA0B,EAAe,OAAO,EAAe,MAAM,EAC1F,UAAmB;AAEvB,GADA,IAAoB,IACpB,EAAU,QAAQ;KAEd,KAA8B,MAAmC;AACrE,KAAe,QAAQ,KAAU,EAAE;KAG/B,IAAK,YAAY;AACrB,OAAoB;GACpB,IAAM,IAAM,GAAc;AAE1B,OADA,EAAU,QAAQ,GACd,GAAK;AAEP,MAAQ,QAAQ,EAAI;AACpB;;AAEF,KAAK,MAAM,EAAE,SAAS,KAAK,MAAM,KAAK,UAAU,EAAgB,CAAC,EAAE,CAAC;KAEhE,UAAe;AAEnB,GADA,GAAY,EACZ,EAAK,SAAS;;SAIhB,EAAM,SAAsB;AACrB,SAGL,EAAU,QAAQ,GAAc;IAChC,EACF,EAAM,IAAM,MAAS;AACnB,GAAK,KACH,GAAY;IAEd;;eAlJA,EAwCU,GAAA;IAvCA,MAAM,EAAA;uCAAI,QAAA;IACjB,OAAO,EAAA;IACR,OAAM;IACN,mBAAgB;IACf,UAAQ;;IAcE,QAAM,QAmBT,CAlBN,EAkBM,OAlBN,GAkBM,CAhBI,EAAA,SAAA,GAAA,EADR,EAKO,QALP,GAKO,EADF,EAAA,MAAS,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAEd,EAUM,OAVN,GAUM,CATJ,EAQU,GAAA,EARA,MAAM,GAAC,EAAA;sBACwB,CAAvC,EAAuC,GAAA,EAA5B,SAAO,GAAM,EAAA;uBAAI,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAF,MAAE,GAAA,CAAA,CAAA,CAAA;;SAC5B,EAKW,GAAA;MAJT,MAAK;MACJ,SAAO;;uBAGV,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAFC,QAED,GAAA,CAAA,CAAA,CAAA;;;;;qBAlBQ,CATR,EAAA,SAAA,GAAA,EADR,EAUgB,GAAA;;KARb,cAAc,EAAA;KACd,QAAQ,EAAA;KACR,UAAU,EAAA;KACV,WAAW,EAAA;KACX,gBAAgB,EAAA;KAChB,cAAc,EAAA;KACd,gBAAgB,EAAA;KAChB,wBAAwB"}