lyflowchart 1.0.113 → 1.0.130

package/dist/init-plugin-fQTSQzui.js

@@ -0,0 +1,48 @@
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, t = {}, n = {
+	ColumnLayout: "ColumnLayout",
+	RowLayout: "RowLayout",
+	TextDiff: "TextDiff",
+	CodeEditor: "CodeEditor",
+	debugCode: "debugCode",
+	SmallTableSerarchField: "SmallTableSerarchField",
+	columnNameField: "columnNameField"
+};
+function r(e) {
+	return { install(n) {
+		for (let n of Object.keys(e || {})) e[n] !== void 0 && e[n] !== null && (t[n] = e[n]);
+	} };
+}
+var i = (e) => {
+	let n = t[e];
+	if (n == null) throw Error(`[lyflowchart] 缺少宿主注入项 "${e}"，请在 main.ts 的 app.use(lyflowchart, { ${e} }) 中传入`);
+	return n;
+}, a = () => i("request"), o = () => i("getApiData");
+function s(...e) {
+	return i("useUserStore")(...e);
+}
+function c(...e) {
+	return i("getApiData")(...e);
+}
+function l(...e) {
+	return i("cachedGetApiData")(...e);
+}
+function u(...e) {
+	return i("executeScriptInWorker")(...e);
+}
+function d(...e) {
+	return i("get_org_id")(...e);
+}
+function f(...e) {
+	return i("cellComponentList")(...e);
+}
+function p(...e) {
+	return i("modalBox")(...e);
+}
+var m = () => i("pageSelectOptions"), h = () => i("modelOperator"), g = () => i("modelTypeList"), _ = () => i("ConditionOperatorMap"), v = () => i("operator_params_count"), y = () => t.customConfigs || {};
+//#endregion
+export { s as _, u as a, p as c, o as d, h as f, a as g, m as h, r as i, _ as l, v as m, l as n, c as o, g as p, f as r, d as s, n as t, y as u, e as v };

package/dist/init-plugin-fQTSQzui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"init-plugin-fQTSQzui.js","names":[],"sources":["../src/init-plugin.ts"],"sourcesContent":["import { App } from 'vue';\n\n/**\n * 宿主依赖注入表。\n *\n * lyflowchart 是独立维护、独立构建、被多个业务项目（PSMSystem2PC / PSM_ApproveSystemPC 等）共用的公共库，\n * 内部**不允许**直接 import liyu-pc-lib / liyu-pc-base：\n *   - 有些依赖是宿主单例，必须用宿主那一份（request 实例、pinia store、api 请求封装、宿主事件总线 modalBox）；\n *   - 有些依赖带宿主上下文（executeScriptInWorker 依赖宿主注册的 worker 函数、cellComponentList 含宿主注册的自定义单元格）；\n *   - 组件则需要宿主把 liyu-pc-lib 里的组件实例传进来（公共库自己拿不到）。\n *\n * 约定：\n *   1. 宿主在 main.ts 里 `app.use(lyflowchart, { ...deps })` 一次性传入；\n *   2. `depsInit` 是写入器，由 src/index.ts 的 install 调用；\n *   3. 其余导出都是读取器。与原型同名的（getApiData / modalBox / executeScriptInWorker ...）直接导出转发函数，\n *      这样业务代码只换 import 来源，调用点一行都不用改；\n *   4. 常量统一用 useXxx() 读取（宿主注入时机早于任何组件渲染，setup 里取值即可）。\n *\n * 缺项一律直接抛错终止，不静默降级 —— 漏注入属于配置错误，早失败好过页面半死不活。\n */\nconst _data: Record<string, any> = {};\n\n/** 宿主需要传入的组件：键名即 options 字段名，值即全局注册时使用的组件名 */\nexport const HOST_COMPONENTS: Record<string, string> = {\n  ColumnLayout: 'ColumnLayout',\n  RowLayout: 'RowLayout',\n  TextDiff: 'TextDiff',\n  CodeEditor: 'CodeEditor',\n  debugCode: 'debugCode',\n  SmallTableSerarchField: 'SmallTableSerarchField',\n  columnNameField: 'columnNameField',\n};\n\n/** 宿主注入项的完整清单（组件之外的普通字段），供文档与调用方对照 */\nexport const HOST_DEPS: string[] = [\n  'request',\n  'useUserStore',\n  'getApiData',\n  'cachedGetApiData',\n  'executeScriptInWorker',\n  'get_org_id',\n  'cellComponentList',\n  'modalBox',\n  'pageSelectOptions',\n  'modelOperator',\n  'modelTypeList',\n  'ConditionOperatorMap',\n  'operator_params_count',\n  // 可选：业务项目自定义页面配置，键为 getApprovalConfig(key) 的 key\n  'customConfigs',\n];\n\nexport function depsInit(deps: Record<string, any>) {\n  return {\n    install(_app: App) {\n      for (const key of Object.keys(deps || {})) {\n        if (deps[key] !== undefined && deps[key] !== null) {\n          _data[key] = deps[key];\n        }\n      }\n    },\n  };\n}\n\nconst _require = (key: string) => {\n  const value = _data[key];\n  if (value === undefined || value === null) {\n    throw new Error(\n      `[lyflowchart] 缺少宿主注入项 \"${key}\"，请在 main.ts 的 app.use(lyflowchart, { ${key} }) 中传入`,\n    );\n  }\n  return value;\n};\n\n/* ---------------- 宿主单例 / 宿主态函数 ---------------- */\n\n/** 宿主 request 实例（liyu-pc-lib/utils/request） */\nexport const useRequest = () => _require('request');\n\n/** 宿主的 getApiData（liyu-pc-lib/api/api-model），返回函数本身，调用方自行调用 */\nexport const useGetApiData = () => _require('getApiData');\n\n/**\n * 宿主 user store（liyu-pc-lib/store/user 的 useUserStore）。\n * 直接返回 store 实例，调用点写 `const userStore = useUserStore()`。\n */\nexport function useUserStore(...args: any[]) {\n  return _require('useUserStore')(...args);\n}\n\nexport function getApiData(...args: any[]) {\n  return _require('getApiData')(...args);\n}\n\nexport function cachedGetApiData(...args: any[]) {\n  return _require('cachedGetApiData')(...args);\n}\n\n/** 在 Worker 里执行页面配置里的自定义脚本（依赖宿主注册的 workerHostFunctions） */\nexport function executeScriptInWorker(...args: any[]) {\n  return _require('executeScriptInWorker')(...args);\n}\n\nexport function get_org_id(...args: any[]) {\n  return _require('get_org_id')(...args);\n}\n\n/** 可选单元格组件（含宿主注册的自定义单元格） */\nexport function cellComponentList(...args: any[]) {\n  return _require('cellComponentList')(...args);\n}\n\n/** 弹窗（走宿主事件总线 modal.add，必须与宿主 basic-layout 的监听同一个 bus 实例） */\nexport function modalBox(...args: any[]) {\n  return _require('modalBox')(...args);\n}\n\n/* ---------------- 宿主常量 ---------------- */\n\nexport const usePageSelectOptions = (): Array<{ name: string; value: string }> =>\n  _require('pageSelectOptions');\n\n/** 字段类型 -> 可用操作符 */\nexport const useModelOperator = (): Record<string, string[]> => _require('modelOperator');\n\n/** 字段类型 -> 可用组件类型 */\nexport const useModelTypeList = (): Record<string, any> => _require('modelTypeList');\n\n/** 操作符 -> 展示文案 */\nexport const useConditionOperatorMap = (): Record<string, string> =>\n  _require('ConditionOperatorMap');\n\n/** 操作符 -> 入参个数 */\nexport const useOperatorParamsCount = (): Record<string, number> =>\n  _require('operator_params_count');\n\n/* ---------------- 可选注入项 ---------------- */\n\n/**\n * 业务项目自定义的页面配置（可选，不传则只用本库自带的 configs）。\n *\n * 本库自带的 `src/components/approval/configs/<分组>/<key>.ts` 是在**库构建时**\n * 由 `import.meta.glob` 固化的，宿主项目没法再往这个目录里塞文件；而页面配置天然是\n * 按业务/菜单定制的东西，所以额外开放这个入口：\n *\n *   app.use(lyflowchart, {\n *     customConfigs: {\n *       // key 即 getApprovalConfig(key) 的 key（menu_flag），命中同名文件名的配置\n *       my_menu_flag: () => import('./approval-configs/my_menu_flag'),\n *       default: () => import('./approval-configs/default'),\n *     },\n *   });\n *\n * 同名 key 由宿主覆盖本库自带的配置。取值形式与库自带的 glob 一致：\n * 一个返回 `{ default: ... }` 的懒加载函数。\n */\nexport const useCustomConfigs = (): Record<string, () => Promise<any>> =>\n  _data.customConfigs || {};\n"],"mappings":";;;;;GAoBM,IAA6B,EAAE,EAGxB,IAA0C;CACrD,cAAc;CACd,WAAW;CACX,UAAU;CACV,YAAY;CACZ,WAAW;CACX,wBAAwB;CACxB,iBAAiB;CAClB;AAqBD,SAAgB,EAAS,GAA2B;AAClD,QAAO,EACL,QAAQ,GAAW;AACjB,OAAK,IAAM,KAAO,OAAO,KAAK,KAAQ,EAAE,CAAC,CACvC,CAAI,EAAK,OAAS,KAAA,KAAa,EAAK,OAAS,SAC3C,EAAM,KAAO,EAAK;IAIzB;;AAGH,IAAM,KAAY,MAAgB;CAChC,IAAM,IAAQ,EAAM;AACpB,KAAI,KAAiC,KACnC,OAAU,MACR,0BAA0B,EAAI,wCAAwC,EAAI,SAC3E;AAEH,QAAO;GAMI,UAAmB,EAAS,UAAU,EAGtC,UAAsB,EAAS,aAAa;AAMzD,SAAgB,EAAa,GAAG,GAAa;AAC3C,QAAO,EAAS,eAAe,CAAC,GAAG,EAAK;;AAG1C,SAAgB,EAAW,GAAG,GAAa;AACzC,QAAO,EAAS,aAAa,CAAC,GAAG,EAAK;;AAGxC,SAAgB,EAAiB,GAAG,GAAa;AAC/C,QAAO,EAAS,mBAAmB,CAAC,GAAG,EAAK;;AAI9C,SAAgB,EAAsB,GAAG,GAAa;AACpD,QAAO,EAAS,wBAAwB,CAAC,GAAG,EAAK;;AAGnD,SAAgB,EAAW,GAAG,GAAa;AACzC,QAAO,EAAS,aAAa,CAAC,GAAG,EAAK;;AAIxC,SAAgB,EAAkB,GAAG,GAAa;AAChD,QAAO,EAAS,oBAAoB,CAAC,GAAG,EAAK;;AAI/C,SAAgB,EAAS,GAAG,GAAa;AACvC,QAAO,EAAS,WAAW,CAAC,GAAG,EAAK;;AAKtC,IAAa,UACX,EAAS,oBAAoB,EAGlB,UAAmD,EAAS,gBAAgB,EAG5E,UAA8C,EAAS,gBAAgB,EAGvE,UACX,EAAS,uBAAuB,EAGrB,UACX,EAAS,wBAAwB,EAsBtB,UACX,EAAM,iBAAiB,EAAE"}

package/dist/init-plugin.d.ts

@@ -0,0 +1,57 @@
+import { App } from 'vue';
+/** 宿主需要传入的组件：键名即 options 字段名，值即全局注册时使用的组件名 */
+export declare const HOST_COMPONENTS: Record<string, string>;
+/** 宿主注入项的完整清单（组件之外的普通字段），供文档与调用方对照 */
+export declare const HOST_DEPS: string[];
+export declare function depsInit(deps: Record<string, any>): {
+    install(_app: App): void;
+};
+/** 宿主 request 实例（liyu-pc-lib/utils/request） */
+export declare const useRequest: () => any;
+/** 宿主的 getApiData（liyu-pc-lib/api/api-model），返回函数本身，调用方自行调用 */
+export declare const useGetApiData: () => any;
+/**
+ * 宿主 user store（liyu-pc-lib/store/user 的 useUserStore）。
+ * 直接返回 store 实例，调用点写 `const userStore = useUserStore()`。
+ */
+export declare function useUserStore(...args: any[]): any;
+export declare function getApiData(...args: any[]): any;
+export declare function cachedGetApiData(...args: any[]): any;
+/** 在 Worker 里执行页面配置里的自定义脚本（依赖宿主注册的 workerHostFunctions） */
+export declare function executeScriptInWorker(...args: any[]): any;
+export declare function get_org_id(...args: any[]): any;
+/** 可选单元格组件（含宿主注册的自定义单元格） */
+export declare function cellComponentList(...args: any[]): any;
+/** 弹窗（走宿主事件总线 modal.add，必须与宿主 basic-layout 的监听同一个 bus 实例） */
+export declare function modalBox(...args: any[]): any;
+export declare const usePageSelectOptions: () => Array<{
+    name: string;
+    value: string;
+}>;
+/** 字段类型 -> 可用操作符 */
+export declare const useModelOperator: () => Record<string, string[]>;
+/** 字段类型 -> 可用组件类型 */
+export declare const useModelTypeList: () => Record<string, any>;
+/** 操作符 -> 展示文案 */
+export declare const useConditionOperatorMap: () => Record<string, string>;
+/** 操作符 -> 入参个数 */
+export declare const useOperatorParamsCount: () => Record<string, number>;
+/**
+ * 业务项目自定义的页面配置（可选，不传则只用本库自带的 configs）。
+ *
+ * 本库自带的 `src/components/approval/configs/<分组>/<key>.ts` 是在**库构建时**
+ * 由 `import.meta.glob` 固化的，宿主项目没法再往这个目录里塞文件；而页面配置天然是
+ * 按业务/菜单定制的东西，所以额外开放这个入口：
+ *
+ *   app.use(lyflowchart, {
+ *     customConfigs: {
+ *       // key 即 getApprovalConfig(key) 的 key（menu_flag），命中同名文件名的配置
+ *       my_menu_flag: () => import('./approval-configs/my_menu_flag'),
+ *       default: () => import('./approval-configs/default'),
+ *     },
+ *   });
+ *
+ * 同名 key 由宿主覆盖本库自带的配置。取值形式与库自带的 glob 一致：
+ * 一个返回 `{ default: ... }` 的懒加载函数。
+ */
+export declare const useCustomConfigs: () => Record<string, () => Promise<any>>;

package/dist/leftColumn-CsPjufue.js

@@ -0,0 +1,209 @@
+import { v as e } from "./init-plugin-fQTSQzui.js";
+import { r as t, t as n } from "./tableConfig-uLXue-BS.js";
+import { t as r } from "./ActionsConfig-BuvSvRbv.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, openBlock as p, reactive as m, ref as h, resolveComponent as g, withCtx as _, withModifiers as v } from "vue";
+//#region src/components/approval/components/approvalPageConfig/leftColumn.vue?vue&type=script&lang.ts
+var y = f({
+	components: {
+		BasicQueryConditions: t,
+		ButtonConfig: r,
+		tableConfig: n
+	},
+	props: {
+		dataSource: {
+			type: Object,
+			required: !0
+		},
+		formData: {
+			type: Object,
+			default: () => ({})
+		},
+		eventBus: { type: Object }
+	},
+	emits: ["update:dataSource"],
+	setup(e, { emit: t }) {
+		let n = [
+			{
+				title: "表格标识",
+				dataIndex: "id",
+				key: "id",
+				rowDrag: !0
+			},
+			{
+				title: "标题",
+				dataIndex: "title",
+				key: "title"
+			},
+			{
+				title: "是否为标准模型查询",
+				dataIndex: "is_normal_model",
+				key: "is_normal_model"
+			},
+			{
+				title: "对应模型",
+				dataIndex: "modelType",
+				key: "model"
+			},
+			{
+				title: "组名",
+				dataIndex: "group_title",
+				key: "group_title"
+			},
+			{
+				title: "操作",
+				key: "action"
+			}
+		], r = h("1"), i = m({
+			name: "example",
+			isStandard: !0,
+			model: "lucy",
+			listUrl: "example"
+		}), o = (n) => {
+			let r = e.dataSource.tables.findIndex((e) => e.id === n.id);
+			if (r !== -1) {
+				let i = [...e.dataSource.tables];
+				i[r] = n, t("update:dataSource", {
+					...e.dataSource,
+					tables: i
+				});
+			}
+		}, s = (n) => {
+			let r = e.dataSource.tables.filter((e) => e.id !== n);
+			t("update:dataSource", {
+				...e.dataSource,
+				tables: r
+			});
+		}, c = () => {
+			let n = 1;
+			if (e.dataSource.tables.length > 0) for (; e.dataSource.tables.some((e) => e.id === String(n));) n++;
+			let r = {
+				id: String(n),
+				title: "新表格",
+				group_title: "新表格",
+				is_normal_model: !0,
+				modelType: "",
+				list_url: "",
+				columns: [],
+				actions: [],
+				search_config: [],
+				query_params: {},
+				base_conditions: [[{
+					field_name: "is_active",
+					operator: "eq",
+					value: [!0],
+					format: "choices",
+					class_name: "bool",
+					value_type: "fixed"
+				}]]
+			}, i = [...e.dataSource.tables, r];
+			t("update:dataSource", {
+				...e.dataSource,
+				tables: i
+			});
+		}, l = h([]), u = (e) => {
+			l.value = e;
+		};
+		return {
+			columns: n,
+			activeKey: r,
+			formState: i,
+			handleDelete: s,
+			selectedRowKeys: l,
+			rowSelection: a(() => ({
+				selectedRowKeys: l.value,
+				onChange: u,
+				type: "radio"
+			})),
+			customRow: (e) => ({ onClick: () => {
+				l.value = [e.id];
+			} }),
+			rowClassName: (e) => e.id === l.value[0] ? "selected-row" : "",
+			selectedRow: a(() => {
+				if (l.value.length > 0) return e.dataSource.tables.find((e) => e.id === l.value[0]);
+			}),
+			handleUpdateRow: o,
+			handleAdd: c,
+			handleChangeid: (t) => {
+				let n = 0;
+				for (let r of e.dataSource.tables) r.id === t.id && n++;
+				if (n > 1) {
+					let n = t.id, r = 1;
+					for (; e.dataSource.tables.some((e) => e.id === `${n}_${r}`);) r++;
+					t.id = `${n}_${r}`;
+				}
+				l.value = [t.id];
+			}
+		};
+	}
+}), b = { class: "tables-bottom" };
+function x(e, t, n, r, a, f) {
+	let m = g("a-button"), h = g("a-tag"), y = g("s-table"), x = g("table-config");
+	return p(), c("div", null, [
+		t[4] ||= l("div", null, "表格配置", -1),
+		d(y, {
+			columns: e.columns,
+			"data-source": e.dataSource.tables,
+			"row-key": "id",
+			pagination: !1,
+			"row-selection": e.rowSelection,
+			"custom-row": e.customRow,
+			"row-class-name": e.rowClassName,
+			"range-selection": !1
+		}, {
+			bodyCell: _(({ column: n, record: r, text: a }) => [n.key === "action" ? (p(), o(m, {
+				key: 0,
+				type: "link",
+				danger: !0,
+				onClick: v((t) => e.handleDelete(r.id), ["stop"])
+			}, {
+				default: _(() => [...t[0] ||= [u(" 删除 ", -1)]]),
+				_: 1
+			}, 8, ["onClick"])) : n.key === "is_normal_model" ? (p(), c(i, { key: 1 }, [a ? (p(), o(h, {
+				key: 0,
+				color: "green"
+			}, {
+				default: _(() => [...t[1] ||= [u(" 是 ", -1)]]),
+				_: 1
+			})) : (p(), o(h, {
+				key: 1,
+				color: "red"
+			}, {
+				default: _(() => [...t[2] ||= [u(" 否 ", -1)]]),
+				_: 1
+			}))], 64)) : s("", !0)]),
+			_: 1
+		}, 8, [
+			"columns",
+			"data-source",
+			"row-selection",
+			"custom-row",
+			"row-class-name"
+		]),
+		l("div", b, [d(m, {
+			type: "primary",
+			onClick: e.handleAdd
+		}, {
+			default: _(() => [...t[3] ||= [u(" 添加表格 ", -1)]]),
+			_: 1
+		}, 8, ["onClick"])]),
+		e.selectedRow ? (p(), o(x, {
+			key: 0,
+			"data-source": e.selectedRow,
+			"has-id": !0,
+			"table-type": "tables",
+			formData: e.formData,
+			eventBus: e.eventBus,
+			"onUpdate:dataSource": e.handleUpdateRow,
+			onChange_id: e.handleChangeid
+		}, null, 8, [
+			"data-source",
+			"formData",
+			"eventBus",
+			"onUpdate:dataSource",
+			"onChange_id"
+		])) : s("", !0)
+	]);
+}
+var S = /* @__PURE__ */ e(y, [["render", x], ["__scopeId", "data-v-3d16d4ac"]]);
+//#endregion
+export { S as default };

package/dist/leftColumn-CsPjufue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"leftColumn-CsPjufue.js","names":[],"sources":["../src/components/approval/components/approvalPageConfig/leftColumn.vue","../src/components/approval/components/approvalPageConfig/leftColumn.vue"],"sourcesContent":["<template>\n  <div>\n    <div>表格配置</div>\n    <s-table\n      :columns=\"columns\"\n      :data-source=\"dataSource.tables\"\n      row-key=\"id\"\n      :pagination=\"false\"\n      :row-selection=\"rowSelection\"\n      :custom-row=\"customRow\"\n      :row-class-name=\"rowClassName\"\n      :range-selection=\"false\"\n    >\n      <template #bodyCell=\"{ column, record, text }\">\n        <template v-if=\"column.key === 'action'\">\n          <a-button\n            type=\"link\"\n            :danger=\"true\"\n            @click.stop=\"handleDelete(record.id)\"\n          >\n            删除\n          </a-button>\n        </template>\n        <template v-else-if=\"column.key === 'is_normal_model'\">\n          <a-tag\n            color=\"green\"\n            v-if=\"text\"\n          >\n            是\n          </a-tag>\n          <a-tag\n            color=\"red\"\n            v-else\n          >\n            否\n          </a-tag>\n        </template>\n      </template>\n    </s-table>\n    <div class=\"tables-bottom\">\n      <a-button\n        type=\"primary\"\n        @click=\"handleAdd\"\n      >\n        添加表格\n      </a-button>\n    </div>\n    <table-config\n      v-if=\"selectedRow\"\n      :data-source=\"selectedRow\"\n      :has-id=\"true\"\n      table-type=\"tables\"\n      :formData=\"formData\"\n      :eventBus=\"eventBus\"\n      @update:dataSource=\"handleUpdateRow\"\n      @change_id=\"handleChangeid\"\n    ></table-config>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, reactive, ref, computed, PropType } from 'vue';\nimport BasicQueryConditions from './BaseConditions.vue';\nimport ButtonConfig from './ActionsConfig.vue';\nimport tableConfig from './tableConfig.vue';\nimport { TablesSection } from '../../typing';\n\nexport default defineComponent({\n  components: {\n    BasicQueryConditions,\n    ButtonConfig,\n    tableConfig,\n  },\n  props: {\n    dataSource: {\n      type: Object as PropType<TablesSection>,\n      required: true,\n    },\n    formData: {\n      type: Object,\n      default: () => ({}),\n    },\n    eventBus: {\n      type: Object as any,\n    },\n  },\n  emits: ['update:dataSource'],\n  setup(props, { emit }) {\n    const columns = [\n      {\n        title: '表格标识',\n        dataIndex: 'id',\n        key: 'id',\n        rowDrag: true,\n      },\n      {\n        title: '标题',\n        dataIndex: 'title',\n        key: 'title',\n      },\n      {\n        title: '是否为标准模型查询',\n        dataIndex: 'is_normal_model',\n        key: 'is_normal_model',\n      },\n      {\n        title: '对应模型',\n        dataIndex: 'modelType',\n        key: 'model',\n      },\n      {\n        title: '组名',\n        dataIndex: 'group_title',\n        key: 'group_title',\n      },\n      {\n        title: '操作',\n        key: 'action',\n      },\n    ];\n\n    const activeKey = ref('1');\n\n    const formState = reactive({\n      name: 'example',\n      isStandard: true,\n      model: 'lucy',\n      listUrl: 'example',\n    });\n\n    const handleUpdateRow = updatedRow => {\n      const rowIndex = props.dataSource.tables.findIndex(row => row.id === updatedRow.id);\n      if (rowIndex !== -1) {\n        const newTables = [...props.dataSource.tables];\n        newTables[rowIndex] = updatedRow;\n        emit('update:dataSource', { ...props.dataSource, tables: newTables });\n      }\n    };\n    const handleDelete = (id: string) => {\n      const newTables = props.dataSource.tables.filter(item => item.id !== id);\n      emit('update:dataSource', { ...props.dataSource, tables: newTables });\n    };\n\n    const handleAdd = () => {\n      let newId = 1;\n      if (props.dataSource.tables.length > 0) {\n        while (props.dataSource.tables.some(item => item.id === String(newId))) {\n          newId++;\n        }\n      }\n\n      const newRow = {\n        id: String(newId),\n        title: '新表格',\n        group_title: '新表格',\n        is_normal_model: true,\n        modelType: '',\n        list_url: '',\n        columns: [],\n        actions: [],\n        search_config: [],\n        query_params: {},\n        base_conditions: [\n          [\n            {\n              field_name: 'is_active',\n              operator: 'eq',\n              value: [true],\n              format: 'choices',\n              class_name: 'bool',\n              value_type: 'fixed',\n            },\n          ],\n        ],\n      };\n      const newTables = [...props.dataSource.tables, newRow];\n      emit('update:dataSource', { ...props.dataSource, tables: newTables });\n    };\n\n    const selectedRowKeys = ref<string[]>([]);\n\n    const onSelectChange = (keys: string[]) => {\n      selectedRowKeys.value = keys;\n    };\n\n    const rowSelection = computed(() => {\n      return {\n        selectedRowKeys: selectedRowKeys.value,\n        onChange: onSelectChange,\n        type: 'radio',\n      };\n    });\n\n    const customRow = (record: { id: string }) => {\n      return {\n        onClick: () => {\n          selectedRowKeys.value = [record.id];\n        },\n      };\n    };\n\n    const rowClassName = (record: { id: string }) => {\n      return record.id === selectedRowKeys.value[0] ? 'selected-row' : '';\n    };\n\n    const selectedRow = computed(() => {\n      if (selectedRowKeys.value.length > 0) {\n        return props.dataSource.tables.find(item => item.id === selectedRowKeys.value[0]);\n      }\n      return undefined;\n    });\n    const handleChangeid = table => {\n      let findcount = 0;\n      for (const item of props.dataSource.tables) {\n        if (item.id === table.id) {\n          findcount++;\n        }\n      }\n      if (findcount > 1) {\n        const old_id = table.id;\n        let newId = 1;\n        while (props.dataSource.tables.some(item => item.id === `${old_id}_${newId}`)) {\n          newId++;\n        }\n        table.id = `${old_id}_${newId}`;\n      }\n      selectedRowKeys.value = [table.id];\n    };\n\n    return {\n      columns,\n      activeKey,\n      formState,\n      handleDelete,\n      selectedRowKeys,\n      rowSelection,\n      customRow,\n      rowClassName,\n      selectedRow,\n      handleUpdateRow,\n      handleAdd,\n      handleChangeid,\n    };\n  },\n});\n</script>\n\n<style scoped lang=\"less\">\n:deep(.selected-row) {\n  background-color: #e6f7ff;\n}\n.tables-bottom {\n  display: flex;\n  justify-content: flex-end;\n  margin-bottom: 16px;\n}\n</style>\n","<template>\n  <div>\n    <div>表格配置</div>\n    <s-table\n      :columns=\"columns\"\n      :data-source=\"dataSource.tables\"\n      row-key=\"id\"\n      :pagination=\"false\"\n      :row-selection=\"rowSelection\"\n      :custom-row=\"customRow\"\n      :row-class-name=\"rowClassName\"\n      :range-selection=\"false\"\n    >\n      <template #bodyCell=\"{ column, record, text }\">\n        <template v-if=\"column.key === 'action'\">\n          <a-button\n            type=\"link\"\n            :danger=\"true\"\n            @click.stop=\"handleDelete(record.id)\"\n          >\n            删除\n          </a-button>\n        </template>\n        <template v-else-if=\"column.key === 'is_normal_model'\">\n          <a-tag\n            color=\"green\"\n            v-if=\"text\"\n          >\n            是\n          </a-tag>\n          <a-tag\n            color=\"red\"\n            v-else\n          >\n            否\n          </a-tag>\n        </template>\n      </template>\n    </s-table>\n    <div class=\"tables-bottom\">\n      <a-button\n        type=\"primary\"\n        @click=\"handleAdd\"\n      >\n        添加表格\n      </a-button>\n    </div>\n    <table-config\n      v-if=\"selectedRow\"\n      :data-source=\"selectedRow\"\n      :has-id=\"true\"\n      table-type=\"tables\"\n      :formData=\"formData\"\n      :eventBus=\"eventBus\"\n      @update:dataSource=\"handleUpdateRow\"\n      @change_id=\"handleChangeid\"\n    ></table-config>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, reactive, ref, computed, PropType } from 'vue';\nimport BasicQueryConditions from './BaseConditions.vue';\nimport ButtonConfig from './ActionsConfig.vue';\nimport tableConfig from './tableConfig.vue';\nimport { TablesSection } from '../../typing';\n\nexport default defineComponent({\n  components: {\n    BasicQueryConditions,\n    ButtonConfig,\n    tableConfig,\n  },\n  props: {\n    dataSource: {\n      type: Object as PropType<TablesSection>,\n      required: true,\n    },\n    formData: {\n      type: Object,\n      default: () => ({}),\n    },\n    eventBus: {\n      type: Object as any,\n    },\n  },\n  emits: ['update:dataSource'],\n  setup(props, { emit }) {\n    const columns = [\n      {\n        title: '表格标识',\n        dataIndex: 'id',\n        key: 'id',\n        rowDrag: true,\n      },\n      {\n        title: '标题',\n        dataIndex: 'title',\n        key: 'title',\n      },\n      {\n        title: '是否为标准模型查询',\n        dataIndex: 'is_normal_model',\n        key: 'is_normal_model',\n      },\n      {\n        title: '对应模型',\n        dataIndex: 'modelType',\n        key: 'model',\n      },\n      {\n        title: '组名',\n        dataIndex: 'group_title',\n        key: 'group_title',\n      },\n      {\n        title: '操作',\n        key: 'action',\n      },\n    ];\n\n    const activeKey = ref('1');\n\n    const formState = reactive({\n      name: 'example',\n      isStandard: true,\n      model: 'lucy',\n      listUrl: 'example',\n    });\n\n    const handleUpdateRow = updatedRow => {\n      const rowIndex = props.dataSource.tables.findIndex(row => row.id === updatedRow.id);\n      if (rowIndex !== -1) {\n        const newTables = [...props.dataSource.tables];\n        newTables[rowIndex] = updatedRow;\n        emit('update:dataSource', { ...props.dataSource, tables: newTables });\n      }\n    };\n    const handleDelete = (id: string) => {\n      const newTables = props.dataSource.tables.filter(item => item.id !== id);\n      emit('update:dataSource', { ...props.dataSource, tables: newTables });\n    };\n\n    const handleAdd = () => {\n      let newId = 1;\n      if (props.dataSource.tables.length > 0) {\n        while (props.dataSource.tables.some(item => item.id === String(newId))) {\n          newId++;\n        }\n      }\n\n      const newRow = {\n        id: String(newId),\n        title: '新表格',\n        group_title: '新表格',\n        is_normal_model: true,\n        modelType: '',\n        list_url: '',\n        columns: [],\n        actions: [],\n        search_config: [],\n        query_params: {},\n        base_conditions: [\n          [\n            {\n              field_name: 'is_active',\n              operator: 'eq',\n              value: [true],\n              format: 'choices',\n              class_name: 'bool',\n              value_type: 'fixed',\n            },\n          ],\n        ],\n      };\n      const newTables = [...props.dataSource.tables, newRow];\n      emit('update:dataSource', { ...props.dataSource, tables: newTables });\n    };\n\n    const selectedRowKeys = ref<string[]>([]);\n\n    const onSelectChange = (keys: string[]) => {\n      selectedRowKeys.value = keys;\n    };\n\n    const rowSelection = computed(() => {\n      return {\n        selectedRowKeys: selectedRowKeys.value,\n        onChange: onSelectChange,\n        type: 'radio',\n      };\n    });\n\n    const customRow = (record: { id: string }) => {\n      return {\n        onClick: () => {\n          selectedRowKeys.value = [record.id];\n        },\n      };\n    };\n\n    const rowClassName = (record: { id: string }) => {\n      return record.id === selectedRowKeys.value[0] ? 'selected-row' : '';\n    };\n\n    const selectedRow = computed(() => {\n      if (selectedRowKeys.value.length > 0) {\n        return props.dataSource.tables.find(item => item.id === selectedRowKeys.value[0]);\n      }\n      return undefined;\n    });\n    const handleChangeid = table => {\n      let findcount = 0;\n      for (const item of props.dataSource.tables) {\n        if (item.id === table.id) {\n          findcount++;\n        }\n      }\n      if (findcount > 1) {\n        const old_id = table.id;\n        let newId = 1;\n        while (props.dataSource.tables.some(item => item.id === `${old_id}_${newId}`)) {\n          newId++;\n        }\n        table.id = `${old_id}_${newId}`;\n      }\n      selectedRowKeys.value = [table.id];\n    };\n\n    return {\n      columns,\n      activeKey,\n      formState,\n      handleDelete,\n      selectedRowKeys,\n      rowSelection,\n      customRow,\n      rowClassName,\n      selectedRow,\n      handleUpdateRow,\n      handleAdd,\n      handleChangeid,\n    };\n  },\n});\n</script>\n\n<style scoped lang=\"less\">\n:deep(.selected-row) {\n  background-color: #e6f7ff;\n}\n.tables-bottom {\n  display: flex;\n  justify-content: flex-end;\n  margin-bottom: 16px;\n}\n</style>\n"],"mappings":"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"}