@antdv-next/x 1.1.3-beta.5 → 1.2.0

package/dist/index.umd.js

@@ -59,7 +59,7 @@
 	shiki_dist_themes_vitesse_dark_mjs = __toESM(shiki_dist_themes_vitesse_dark_mjs);
 	shiki_dist_themes_vitesse_light_mjs = __toESM(shiki_dist_themes_vitesse_light_mjs);
 	//#region package.json
-	var version = "1.1.3-beta.5";
+	var version = "1.2.0";
 	//#endregion
 	//#region components/x-provider/context.ts
 	var XProviderContextKey = Symbol("antdv-next-x-provider-context");
@@ -8352,8 +8352,8 @@
 				if (nodeInfo.slotKey) {
 					if (nodeInfo.nodeType === "nbsp") return " ";
 					const config = nodeInfo.slotConfig;
-					if (!config || config.type === "content") return element.innerText || "";
-					const rawValue = slotValues.value[nodeInfo.slotKey];
+					if (!config) return element.innerText || "";
+					const rawValue = config.type === "content" ? element.innerText || "" : slotValues.value[nodeInfo.slotKey];
 					return config.formatResult?.(rawValue) ?? stringifyValue(rawValue);
 				}
 				return element.innerText || "";
@@ -10685,7 +10685,11 @@
 	var genSuggestionStyle = (token) => {
 		const { componentCls, antCls } = token;
 		return { [componentCls]: {
-			[`${antCls}-cascader-menus ${antCls}-cascader-menu`]: { height: "auto" },
+			[`${antCls}-cascader-menus ${antCls}-cascader-menu`]: {
+				height: "auto",
+				maxHeight: 256,
+				overflowY: "auto"
+			},
 			[`${componentCls}-item`]: {
 				"&-icon": { marginInlineEnd: token.paddingXXS },
 				"&-extra": { marginInlineStart: token.padding }
@@ -11114,6 +11118,10 @@
 			blink: {
 				type: Boolean,
 				default: false
+			},
+			destroyOnHidden: {
+				type: Boolean,
+				default: true
 			}
 		},
 		emits: ["update:expanded", "expand"],
@@ -11174,6 +11182,16 @@
 				return rest;
 			});
 			const prefixCls = (0, vue.computed)(() => props.prefixCls);
+			function renderContent() {
+				return (0, vue.withDirectives)((0, vue.createVNode)("div", { "ref": contentRef }, [(0, vue.createVNode)("div", {
+					"class": [
+						`${prefixCls.value}-content`,
+						contextConfig.value.classes?.content,
+						props.classes?.content
+					],
+					"style": [contextConfig.value.styles?.content, props.styles?.content]
+				}, [slots.default?.()])]), [[vue.vShow, mergedExpanded.value]]);
+			}
 			expose({ get nativeElement() {
 				return rootRef.value;
 			} });
@@ -11213,20 +11231,14 @@
 				}, [(0, vue.createVNode)(_antdv_next_icons.RightOutlined, null, null)])
 			]), (0, vue.createVNode)(vue.Transition, {
 				"name": `${prefixCls.value}-collapse`,
+				"persisted": !props.destroyOnHidden,
 				"onBeforeEnter": onBeforeEnter,
 				"onEnter": onEnter,
 				"onAfterEnter": onAfterEnter,
 				"onBeforeLeave": onBeforeLeave,
 				"onLeave": onLeave,
 				"onAfterLeave": onAfterLeave
-			}, { default: () => [mergedExpanded.value ? (0, vue.createVNode)("div", { "ref": contentRef }, [(0, vue.createVNode)("div", {
-				"class": [
-					`${prefixCls.value}-content`,
-					contextConfig.value.classes?.content,
-					props.classes?.content
-				],
-				"style": [contextConfig.value.styles?.content, props.styles?.content]
-			}, [slots.default?.()])]) : null] })]);
+			}, { default: () => [props.destroyOnHidden && !mergedExpanded.value ? null : renderContent()] })]);
 		}
 	});
 	//#endregion
@@ -11740,6 +11752,13 @@
 					originNode: item.footer
 				}) : item.footer;
 				const showContent = hasContent && (!collapsible || props.expanded);
+				const destroyOnHidden = item.destroyOnHidden ?? true;
+				const renderContent = () => {
+					return (0, vue.withDirectives)((0, vue.createVNode)("div", null, [(0, vue.createVNode)("div", {
+						"class": [`${cls}-content`, props.classes?.itemContent],
+						"style": props.styles?.itemContent
+					}, [(0, vue.createVNode)("div", { "class": `${cls}-content-box` }, [contentNode])])]), [[vue.vShow, showContent]]);
+				};
 				return (0, vue.createVNode)("div", {
 					"class": [`${cls}`, props.classes?.item],
 					"style": props.styles?.item
@@ -11747,16 +11766,14 @@
 					renderHeader(contentNode),
 					hasContent && (0, vue.createVNode)(vue.Transition, {
 						"name": `${props.prefixCls}-collapse`,
+						"persisted": !destroyOnHidden,
 						"onBeforeEnter": onBeforeEnter,
 						"onEnter": onEnter,
 						"onAfterEnter": onAfterEnter,
 						"onBeforeLeave": onBeforeLeave,
 						"onLeave": onLeave,
 						"onAfterLeave": onAfterLeave
-					}, { default: () => [showContent ? (0, vue.createVNode)("div", null, [(0, vue.createVNode)("div", {
-						"class": [`${cls}-content`, props.classes?.itemContent],
-						"style": props.styles?.itemContent
-					}, [(0, vue.createVNode)("div", { "class": `${cls}-content-box` }, [contentNode])])]) : null] }),
+					}, { default: () => [destroyOnHidden && !showContent ? null : renderContent()] }),
 					hasRenderableNode(footerNode) && (0, vue.createVNode)("div", {
 						"class": [`${cls}-footer`, props.classes?.itemFooter],
 						"style": props.styles?.itemFooter

package/dist/package.js

@@ -1,4 +1,4 @@
 //#region package.json
-var version = "1.1.3-beta.5";
+var version = "1.2.0";
 //#endregion
 export { version };

package/dist/sender/components/SlotTextArea.js

@@ -120,8 +120,8 @@ var SlotTextArea_default = /* @__PURE__ */ defineComponent({
 			if (nodeInfo.slotKey) {
 				if (nodeInfo.nodeType === "nbsp") return " ";
 				const config = nodeInfo.slotConfig;
-				if (!config || config.type === "content") return element.innerText || "";
-				const rawValue = slotValues.value[nodeInfo.slotKey];
+				if (!config) return element.innerText || "";
+				const rawValue = config.type === "content" ? element.innerText || "" : slotValues.value[nodeInfo.slotKey];
 				return config.formatResult?.(rawValue) ?? stringifyValue(rawValue);
 			}
 			return element.innerText || "";

package/dist/suggestion/style/index.js

@@ -4,7 +4,11 @@ import { mergeToken } from "@antdv-next/cssinjs/cssinjs-utils";
 var genSuggestionStyle = (token) => {
 	const { componentCls, antCls } = token;
 	return { [componentCls]: {
-		[`${antCls}-cascader-menus ${antCls}-cascader-menu`]: { height: "auto" },
+		[`${antCls}-cascader-menus ${antCls}-cascader-menu`]: {
+			height: "auto",
+			maxHeight: 256,
+			overflowY: "auto"
+		},
 		[`${componentCls}-item`]: {
 			"&-icon": { marginInlineEnd: token.paddingXXS },
 			"&-extra": { marginInlineStart: token.padding }

package/dist/think/Think.d.ts

@@ -49,6 +49,10 @@ export declare const XThink: import('vue').DefineComponent<import('vue').Extract
         type: BooleanConstructor;
         default: boolean;
     };
+    destroyOnHidden: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("expand" | "update:expanded")[], "expand" | "update:expanded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     prefixCls: {
         type: StringConstructor;
@@ -98,6 +102,10 @@ export declare const XThink: import('vue').DefineComponent<import('vue').Extract
         type: BooleanConstructor;
         default: boolean;
     };
+    destroyOnHidden: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onExpand?: ((...args: any[]) => any) | undefined;
     "onUpdate:expanded"?: ((...args: any[]) => any) | undefined;
@@ -113,6 +121,7 @@ export declare const XThink: import('vue').DefineComponent<import('vue').Extract
     classes: Partial<Record<SemanticType, string>>;
     styles: Partial<Record<SemanticType, CSSProperties>>;
     title: VNodeChild;
+    destroyOnHidden: boolean;
     defaultExpanded: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default XThink;

package/dist/think/Think.js

@@ -1,7 +1,7 @@
 import useXComponentConfig from "../_utils/hooks/use-x-component-config.js";
 import think_default from "./icons/think.js";
 import style_default from "./style/index.js";
-import { Transition, computed, createVNode, defineComponent, mergeProps, ref, useAttrs, watch } from "vue";
+import { Transition, computed, createVNode, defineComponent, mergeProps, ref, useAttrs, vShow, watch, withDirectives } from "vue";
 import { useConfig } from "antdv-next/config-provider/context";
 import { LoadingOutlined, RightOutlined } from "@antdv-next/icons";
 //#region components/think/Think.tsx
@@ -77,6 +77,10 @@ var XThink = /* @__PURE__ */ defineComponent({
 		blink: {
 			type: Boolean,
 			default: false
+		},
+		destroyOnHidden: {
+			type: Boolean,
+			default: true
 		}
 	},
 	emits: ["update:expanded", "expand"],
@@ -137,6 +141,16 @@ var XThink = /* @__PURE__ */ defineComponent({
 			return rest;
 		});
 		const prefixCls = computed(() => props.prefixCls);
+		function renderContent() {
+			return withDirectives(createVNode("div", { "ref": contentRef }, [createVNode("div", {
+				"class": [
+					`${prefixCls.value}-content`,
+					contextConfig.value.classes?.content,
+					props.classes?.content
+				],
+				"style": [contextConfig.value.styles?.content, props.styles?.content]
+			}, [slots.default?.()])]), [[vShow, mergedExpanded.value]]);
+		}
 		expose({ get nativeElement() {
 			return rootRef.value;
 		} });
@@ -176,20 +190,14 @@ var XThink = /* @__PURE__ */ defineComponent({
 			}, [createVNode(RightOutlined, null, null)])
 		]), createVNode(Transition, {
 			"name": `${prefixCls.value}-collapse`,
+			"persisted": !props.destroyOnHidden,
 			"onBeforeEnter": onBeforeEnter,
 			"onEnter": onEnter,
 			"onAfterEnter": onAfterEnter,
 			"onBeforeLeave": onBeforeLeave,
 			"onLeave": onLeave,
 			"onAfterLeave": onAfterLeave
-		}, { default: () => [mergedExpanded.value ? createVNode("div", { "ref": contentRef }, [createVNode("div", {
-			"class": [
-				`${prefixCls.value}-content`,
-				contextConfig.value.classes?.content,
-				props.classes?.content
-			],
-			"style": [contextConfig.value.styles?.content, props.styles?.content]
-		}, [slots.default?.()])]) : null] })]);
+		}, { default: () => [props.destroyOnHidden && !mergedExpanded.value ? null : renderContent()] })]);
 	}
 });
 //#endregion

package/dist/think/interface.d.ts

@@ -61,6 +61,12 @@ export interface ThinkProps extends Omit<HTMLAttributes, "title"> {
      * @descZH 标题文字闪烁动画
      */
     blink?: boolean;
+    /**
+     * @desc Whether to destroy the content node when collapsed
+     * @descZH 折叠时是否销毁内容节点
+     * @default true
+     */
+    destroyOnHidden?: boolean;
 }
 export interface ThinkRef {
     nativeElement: HTMLDivElement;

package/dist/thought-chain/Node.js

@@ -1,6 +1,6 @@
 import { hasRenderableNode } from "../_utils/vue.js";
 import { STATUS_ICON_MAP } from "./Status.js";
-import { Transition, computed, createVNode, defineComponent } from "vue";
+import { Transition, computed, createVNode, defineComponent, vShow, withDirectives } from "vue";
 import { useConfig } from "antdv-next/config-provider/context";
 import { LeftOutlined, RightOutlined } from "@antdv-next/icons";
 //#region components/thought-chain/Node.tsx
@@ -164,6 +164,13 @@ var Node_default = /* @__PURE__ */ defineComponent({
 				originNode: item.footer
 			}) : item.footer;
 			const showContent = hasContent && (!collapsible || props.expanded);
+			const destroyOnHidden = item.destroyOnHidden ?? true;
+			const renderContent = () => {
+				return withDirectives(createVNode("div", null, [createVNode("div", {
+					"class": [`${cls}-content`, props.classes?.itemContent],
+					"style": props.styles?.itemContent
+				}, [createVNode("div", { "class": `${cls}-content-box` }, [contentNode])])]), [[vShow, showContent]]);
+			};
 			return createVNode("div", {
 				"class": [`${cls}`, props.classes?.item],
 				"style": props.styles?.item
@@ -171,16 +178,14 @@ var Node_default = /* @__PURE__ */ defineComponent({
 				renderHeader(contentNode),
 				hasContent && createVNode(Transition, {
 					"name": `${props.prefixCls}-collapse`,
+					"persisted": !destroyOnHidden,
 					"onBeforeEnter": onBeforeEnter,
 					"onEnter": onEnter,
 					"onAfterEnter": onAfterEnter,
 					"onBeforeLeave": onBeforeLeave,
 					"onLeave": onLeave,
 					"onAfterLeave": onAfterLeave
-				}, { default: () => [showContent ? createVNode("div", null, [createVNode("div", {
-					"class": [`${cls}-content`, props.classes?.itemContent],
-					"style": props.styles?.itemContent
-				}, [createVNode("div", { "class": `${cls}-content-box` }, [contentNode])])]) : null] }),
+				}, { default: () => [destroyOnHidden && !showContent ? null : renderContent()] }),
 				hasRenderableNode(footerNode) && createVNode("div", {
 					"class": [`${cls}-footer`, props.classes?.itemFooter],
 					"style": props.styles?.itemFooter

package/dist/thought-chain/interface.d.ts

@@ -70,6 +70,12 @@ export interface ThoughtChainItemType {
      * @descZH 标题闪烁动画
      */
     blink?: boolean;
+    /**
+     * @desc Whether to destroy the content node when collapsed
+     * @descZH 折叠时是否销毁内容节点
+     * @default true
+     */
+    destroyOnHidden?: boolean;
 }
 export interface ThoughtChainProps extends Omit<HTMLAttributes, "title"> {
     /**

package/es/antdv-next-x.esm.js

@@ -1,7 +1,7 @@
 import { S as e, _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, x as b, y as x } from "./Serializer-D1JYN1kI.js";
 import { Comment as S, Fragment as C, Teleport as w, Text as T, Transition as E, TransitionGroup as D, cloneVNode as O, computed as k, createTextVNode as A, createVNode as j, defineComponent as M, getCurrentInstance as N, getCurrentScope as P, h as F, inject as I, isVNode as L, markRaw as R, mergeDefaults as z, mergeProps as B, nextTick as V, onBeforeMount as ee, onBeforeUnmount as H, onBeforeUpdate as U, onMounted as W, onScopeDispose as te, onUnmounted as ne, onUpdated as re, provide as G, reactive as ie, ref as K, render as ae, resolveDynamicComponent as oe, shallowReactive as se, shallowRef as q, toRaw as ce, toRef as le, toRefs as ue, toValue as de, triggerRef as fe, unref as pe, useAttrs as me, useId as he, useSlots as ge, vShow as _e, watch as J, watchEffect as ve, withDirectives as ye } from "vue";
 //#region package.json
-var be = "1.1.3-beta.5", xe = "anticon", Se = {}, Ce = [
+var be = "1.2.0", xe = "anticon", Se = {}, Ce = [
 	"outlined",
 	"borderless",
 	"filled",
@@ -52012,8 +52012,8 @@ var oI = /* @__PURE__ */ M({
 			if (n.slotKey) {
 				if (n.nodeType === "nbsp") return " ";
 				let e = n.slotConfig;
-				if (!e || e.type === "content") return t.innerText || "";
-				let r = o.value[n.slotKey];
+				if (!e) return t.innerText || "";
+				let r = e.type === "content" ? t.innerText || "" : o.value[n.slotKey];
 				return e.formatResult?.(r) ?? iI(r);
 			}
 			return t.innerText || "";
@@ -53899,7 +53899,11 @@ var OI = /* @__PURE__ */ M({
 }), MI = (e) => {
 	let { componentCls: t, antCls: n } = e;
 	return { [t]: {
-		[`${n}-cascader-menus ${n}-cascader-menu`]: { height: "auto" },
+		[`${n}-cascader-menus ${n}-cascader-menu`]: {
+			height: "auto",
+			maxHeight: 256,
+			overflowY: "auto"
+		},
 		[`${t}-item`]: {
 			"&-icon": { marginInlineEnd: e.paddingXXS },
 			"&-extra": { marginInlineStart: e.padding }
@@ -54249,6 +54253,10 @@ var FI = /* @__PURE__ */ M({
 		blink: {
 			type: Boolean,
 			default: !1
+		},
+		destroyOnHidden: {
+			type: Boolean,
+			default: !0
 		}
 	},
 	emits: ["update:expanded", "expand"],
@@ -54285,6 +54293,16 @@ var FI = /* @__PURE__ */ M({
 			let { class: e, style: t, ...n } = i;
 			return n;
 		}), S = k(() => e.prefixCls);
+		function C() {
+			return ye(j("div", { ref: p }, [j("div", {
+				class: [
+					`${S.value}-content`,
+					o.value.classes?.content,
+					e.classes?.content
+				],
+				style: [o.value.styles?.content, e.styles?.content]
+			}, [t.default?.()])]), [[_e, d.value]]);
+		}
 		return r({ get nativeElement() {
 			return s.value;
 		} }), () => j("div", B({ ref: s }, x.value, {
@@ -54323,20 +54341,14 @@ var FI = /* @__PURE__ */ M({
 			}, [j(_p, null, null)])
 		]), j(E, {
 			name: `${S.value}-collapse`,
+			persisted: !e.destroyOnHidden,
 			onBeforeEnter: m,
 			onEnter: h,
 			onAfterEnter: g,
 			onBeforeLeave: _,
 			onLeave: v,
 			onAfterLeave: y
-		}, { default: () => [d.value ? j("div", { ref: p }, [j("div", {
-			class: [
-				`${S.value}-content`,
-				o.value.classes?.content,
-				e.classes?.content
-			],
-			style: [o.value.styles?.content, e.styles?.content]
-		}, [t.default?.()])]) : null] })]);
+		}, { default: () => [e.destroyOnHidden && !d.value ? null : C()] })]);
 	}
 }), BI = {
 	loading: j(Zf, null, null),
@@ -54774,7 +54786,10 @@ var FI = /* @__PURE__ */ M({
 			}) : t.content, h = Ie(a), g = !!t.collapsible && h, _ = e.footerRenderSlot ? e.footerRenderSlot({
 				...o(g),
 				originNode: t.footer
-			}) : t.footer, v = h && (!g || e.expanded);
+			}) : t.footer, v = h && (!g || e.expanded), y = t.destroyOnHidden ?? !0, b = () => ye(j("div", null, [j("div", {
+				class: [`${n}-content`, e.classes?.itemContent],
+				style: e.styles?.itemContent
+			}, [j("div", { class: `${n}-content-box` }, [a])])]), [[_e, v]]);
 			return j("div", {
 				class: [`${n}`, e.classes?.item],
 				style: e.styles?.item
@@ -54782,16 +54797,14 @@ var FI = /* @__PURE__ */ M({
 				c(a),
 				h && j(E, {
 					name: `${e.prefixCls}-collapse`,
+					persisted: !y,
 					onBeforeEnter: l,
 					onEnter: u,
 					onAfterEnter: d,
 					onBeforeLeave: f,
 					onLeave: p,
 					onAfterLeave: m
-				}, { default: () => [v ? j("div", null, [j("div", {
-					class: [`${n}-content`, e.classes?.itemContent],
-					style: e.styles?.itemContent
-				}, [j("div", { class: `${n}-content-box` }, [a])])]) : null] }),
+				}, { default: () => [y && !v ? null : b()] }),
 				Ie(_) && j("div", {
 					class: [`${n}-footer`, e.classes?.itemFooter],
 					style: e.styles?.itemFooter

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antdv-next/x",
-  "version": "1.1.3-beta.5",
+  "version": "1.2.0",
   "license": "MIT",
   "files": [
     "dist",