@whitesev/pops 2.0.9 → 2.0.10

package/src/components/panel/config.ts

@@ -233,40 +233,66 @@ export const PopsPanelConfig = (): DeepRequired<PopsPanelDetails> => {
 								value: "select-1",
 								text: "单选1",
 								isHTML: false,
-								disable() {
-									return false;
+								disable(value, allSelectedInfo) {
+									return (
+										allSelectedInfo.findIndex((it) =>
+											["select-5"].includes(it.value)
+										) !== -1
+									);
 								},
 							},
 							{
 								value: "select-2",
 								text: "单选2",
 								isHTML: false,
-								disable() {
-									return false;
+								disable(value, allSelectedInfo) {
+									return (
+										allSelectedInfo.findIndex((it) =>
+											["select-5"].includes(it.value)
+										) !== -1
+									);
 								},
 							},
 							{
 								value: "select-3",
 								text: "单选3",
 								isHTML: false,
-								disable() {
-									return false;
+								disable(value, allSelectedInfo) {
+									return (
+										allSelectedInfo.findIndex((it) =>
+											["select-2", "select-5"].includes(it.value)
+										) !== -1
+									);
 								},
 							},
 							{
 								value: "select-4",
 								text: "单选4",
 								isHTML: false,
-								disable() {
-									return false;
+								disable(value, allSelectedInfo) {
+									return (
+										allSelectedInfo.findIndex((it) =>
+											["select-3", "select-5"].includes(it.value)
+										) !== -1
+									);
 								},
 							},
 							{
 								value: "select-5",
-								text: "单选5",
+								text(value, allSelectedInfo) {
+									return allSelectedInfo.findIndex((it) =>
+										["select-4"].includes(it.value)
+									) !== -1
+										? "单选5-禁用"
+										: "单选5";
+								},
 								isHTML: false,
-								disable() {
-									return false;
+								disable(value, allSelectedInfo) {
+									return (
+										allSelectedInfo.findIndex((it) =>
+											["select-4"].includes(it.value)
+										) !== -1
+									);
 								},
 							},
 						],

package/src/components/panel/selectMultipleType.ts

@@ -9,9 +9,17 @@ export interface PopsPanelSelectMultipleDataOption<T> {
 	/**
 	 * 显示的文字
 	 */
-	text: string;
+	text:
+		| string
+		| ((
+				/** 当前的值 */
+				value: T,
+				/** 所有选中的配置信息 */
+				allSelectedInfo: PopsPanelSelectMultipleDataOption<T>[]
+		  ) => string);
 	/**
 	 * 显示的文字是否是html
+	 * @default false
 	 */
 	isHTML?: boolean;
 	/**
@@ -19,8 +27,13 @@ export interface PopsPanelSelectMultipleDataOption<T> {
 	 * 触发条件：
 	 * + 点击select元素
 	 * + select元素触发change事件
+	 * @param value 当前的值
+	 * @param allSelectedInfo 所有选中的配置信息
 	 */
-	disable?(value: T): boolean;
+	disable?(
+		value: T,
+		allSelectedInfo: PopsPanelSelectMultipleDataOption<T>[]
+	): boolean;
 }
 /**
  * pops.panel的 select
@@ -79,12 +92,7 @@ export interface PopsPanelSelectMultipleDetails<T = any>
 	 */
 	callback?(
 		/** 当前已选中的信息 */
-		isSelectedInfo: {
-			/** 值 */
-			value: T;
-			/** 显示的文字 */
-			text: string;
-		}[]
+		isSelectedInfo: PopsPanelSelectMultipleDataOption<any>[]
 	): void;
 	/**
 	 * 点击某个项的元素触发该回调
@@ -95,12 +103,7 @@ export interface PopsPanelSelectMultipleDetails<T = any>
 	clickCallBack?(
 		event: PointerEvent | MouseEvent,
 		/** 当前已选中的信息 */
-		isSelectedInfo: {
-			/** 值 */
-			value: T;
-			/** 显示的文字 */
-			text: string;
-		}[]
+		isSelectedInfo: PopsPanelSelectMultipleDataOption<any>[]
 	): void | boolean;
 	/**
 	 * 点击标签tag的关闭图标触发该回调
@@ -116,7 +119,7 @@ export interface PopsPanelSelectMultipleDetails<T = any>
 			/** 值 */
 			value: T;
 			/** 显示的文字 */
-			text: string;
+			text: PopsPanelSelectMultipleDataOption<T>["text"];
 		}
 	) => void | boolean;
 	/**