china-mobile-international-custom-components 0.0.26 → 0.0.28

package/es/chunks/AvailableRangeSetting.BkSLnQ6N.js

@@ -0,0 +1,215 @@
+import { t as withInstall } from "./utils.BhlZXNZ6.js";
+import { a as RANGE_TYPES, i as useSelectionDisplay, o as TREE_PROPS, s as rangeOptions, t as AvailableRangePreview } from "./AvailableRangePreview.D4mZe1lQ.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, onMounted, openBlock, ref, renderList, toDisplayString, unref, watch, withCtx } from "vue";
+import { ElButton, ElDialog, ElRadio, ElRadioGroup } from "element-plus";
+import { emitsMap } from "color-star-custom-methods";
+import { TreeShowSelect } from "color-star-custom-components";
+var _hoisted_1$1 = { class: "dialog-content" }, _hoisted_2 = {
+	key: 0,
+	class: "selection-area overflow-hidden"
+}, _hoisted_3 = { class: "dialog-footer" }, Dialog_default = {
+	__name: "Dialog",
+	props: {
+		visible: {
+			type: Boolean,
+			default: !1
+		},
+		allVisible: {
+			type: Boolean,
+			default: RANGE_TYPES.ALL
+		},
+		modelValue: {
+			type: Array,
+			default: () => []
+		},
+		treeList: {
+			type: Array,
+			default: () => []
+		}
+	},
+	emits: [
+		emitsMap.updateVisible,
+		emitsMap.save,
+		emitsMap.cancel
+	],
+	setup(e, { emit: g }) {
+		let x = e, w = g, j = ref(!0), M = ref(x.allVisible), N = ref([...x.modelValue]), P = ref(), { selectedMembers: F, selectedDepartments: I } = useSelectionDisplay(N, computed(() => x.treeList), !1), L = computed(() => {
+			let e = [];
+			return I.value.forEach((f) => {
+				e.push({
+					...f,
+					children: void 0
+				});
+			}), F.value.forEach((f) => {
+				e.push({
+					...f,
+					children: void 0
+				});
+			}), e;
+		}), R = (e) => {
+			M.value = e, e === RANGE_TYPES.ALL && (N.value = []);
+		}, z = (e) => {
+			let { selectedNode: f } = e;
+			N.value = f || [];
+		}, B = () => {
+			w(emitsMap.cancel), w(emitsMap.updateVisible, !1);
+		}, V = () => {
+			w(emitsMap.save, {
+				type: M.value,
+				selectedItems: [...N.value]
+			}), w(emitsMap.updateVisible, !1);
+		};
+		return (p, g) => (openBlock(), createBlock(unref(ElDialog), {
+			modelValue: j.value,
+			"onUpdate:modelValue": g[2] ||= (e) => j.value = e,
+			title: "可用范围设置",
+			"close-on-click-modal": !1,
+			"close-on-press-escape": !1,
+			"append-to": "#source-publish-container"
+		}, {
+			footer: withCtx(() => [createElementVNode("div", _hoisted_3, [createVNode(unref(ElButton), {
+				onClick: B,
+				plain: ""
+			}, {
+				default: withCtx(() => [...g[3] ||= [createTextVNode("取消", -1)]]),
+				_: 1
+			}), createVNode(unref(ElButton), {
+				type: "primary",
+				onClick: V
+			}, {
+				default: withCtx(() => [...g[4] ||= [createTextVNode("保存", -1)]]),
+				_: 1
+			})])]),
+			default: withCtx(() => [createElementVNode("div", _hoisted_1$1, [createVNode(unref(ElRadioGroup), {
+				class: "pd-b-16",
+				modelValue: M.value,
+				"onUpdate:modelValue": g[0] ||= (e) => M.value = e,
+				onChange: R
+			}, {
+				default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(unref(rangeOptions), (e) => (openBlock(), createBlock(unref(ElRadio), {
+					key: e.value,
+					value: e.value
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(e.label), 1)]),
+					_: 2
+				}, 1032, ["value"]))), 128))]),
+				_: 1
+			}, 8, ["modelValue"]), M.value === unref(RANGE_TYPES).PARTIAL ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(TreeShowSelect), {
+				modelValue: N.value,
+				"onUpdate:modelValue": g[1] ||= (e) => N.value = e,
+				ref_key: "treeRef",
+				ref: P,
+				treeProps: unref(TREE_PROPS),
+				treeList: e.treeList,
+				hasFilter: !0,
+				rightTreeList: L.value,
+				style: { height: "500px" },
+				onGetCheckedNode: z
+			}, null, 8, [
+				"modelValue",
+				"treeProps",
+				"treeList",
+				"rightTreeList"
+			])])) : createCommentVNode("", !0)])]),
+			_: 1
+		}, 8, ["modelValue"]));
+	}
+}, _hoisted_1 = { class: "available-range-setting w-full" };
+const AvailableRangeSetting = withInstall(/* @__PURE__ */ Object.assign({ name: "AvailableRangeSetting" }, {
+	__name: "layout",
+	props: {
+		allVisible: {
+			type: Boolean,
+			default: RANGE_TYPES.ALL
+		},
+		modelValue: {
+			type: Array,
+			default: () => []
+		},
+		loadDataApi: {
+			type: Function,
+			default: () => () => []
+		}
+	},
+	emits: [
+		emitsMap.updateAllVisible,
+		emitsMap.updateModelValue,
+		emitsMap.change
+	],
+	setup(e, { expose: f, emit: p }) {
+		let m = e, h = p, _ = ref(!1), v = ref(!1), y = ref([]), b = ref(m.allVisible), S = ref(m.modelValue), C = ref(new Set(S.value?.map((e) => e.memberId))), T = () => {
+			m.loadDataApi && typeof m.loadDataApi == "function" ? (v.value = !0, m.loadDataApi().then((e) => {
+				y.value = e?.data?.orgOptionSoList || [];
+			}).finally(() => {
+				v.value = !1;
+			})) : y.value = [];
+		}, E = () => {
+			_.value = !0;
+		}, D = (e) => {
+			b.value = e.type, S.value = e.selectedItems, C.value.clear(), S.value.forEach((e) => {
+				C.value.add(e.memberId);
+			}), h(emitsMap.updateAllVisible, b.value), h(emitsMap.updateModelValue, S.value), k();
+		}, O = () => {
+			_.value = !1;
+		}, k = () => {
+			let e = {
+				allVisible: b.value,
+				selectedItems: S.value
+			};
+			h(emitsMap.change, e);
+		}, A = ref(null);
+		return watch(() => m.allVisible, (e) => {
+			b.value = e;
+		}, { immediate: !0 }), watch(() => m.modelValue, (e) => {
+			S.value = e || [], C.value.clear(), S.value.forEach((e) => {
+				C.value.add(e.memberId);
+			});
+		}, { immediate: !0 }), watch(() => m.loadDataApi, () => {
+			T();
+		}, { immediate: !1 }), onMounted(() => {
+			T();
+		}), f({ getSelectedItems: () => {
+			let e = A.value?.allSelectedItems || [];
+			return {
+				allVisible: b.value,
+				visibleScope: e.map((e) => ({
+					memberId: e.memberId,
+					memberName: e.memberName,
+					memberType: e.memberType,
+					bnid: e.bnid
+				}))
+			};
+		} }), (e, f) => (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(AvailableRangePreview), {
+			allVisible: b.value,
+			"model-value": S.value,
+			"tree-list": y.value,
+			onEdit: E,
+			ref_key: "previewRef",
+			ref: A
+		}, null, 8, [
+			"allVisible",
+			"model-value",
+			"tree-list"
+		]), _.value ? (openBlock(), createBlock(Dialog_default, {
+			key: 0,
+			visible: _.value,
+			"onUpdate:visible": f[0] ||= (e) => _.value = e,
+			allVisible: b.value,
+			"onUpdate:allVisible": f[1] ||= (e) => b.value = e,
+			modelValue: S.value,
+			"onUpdate:modelValue": f[2] ||= (e) => S.value = e,
+			"tree-list": y.value,
+			loading: v.value,
+			onSave: D,
+			onCancel: O
+		}, null, 8, [
+			"visible",
+			"allVisible",
+			"modelValue",
+			"tree-list",
+			"loading"
+		])) : createCommentVNode("", !0)]));
+	}
+}));
+var AvailableRangeSetting_default = AvailableRangeSetting;
+export { AvailableRangeSetting_default as n, AvailableRangeSetting as t };