@funhub/platform 0.2.29 → 0.2.31

package/dist/components/biz/basics/logo/variants/basic-logo/runtime/client.mjs

@@ -1,2 +1,172 @@
 
-"use client";import{mergeStyles as e}from"../../../../../utils/styles/helpers.mjs";import{disablePageScroll as t,enablePageScroll as n,pxToVw as r}from"../../../../../../../utils/helper.mjs";import{trackPageClick as i}from"../../../../../../../utils/tracking.mjs";import{Image as a}from"../../../../../../ui/image.mjs";import{Box as o}from"../../../../../../ui/box.mjs";import{Text as s}from"../../../../../../ui/text.mjs";import c from"../../../../../../ui/link.mjs";import{urlPrefix as l}from"../../../../../../../constants/url-prefix.mjs";import u from"../../../../../../ui/legacy/button.mjs";import{defaultProps as d}from"../defaults/default-props.mjs";import f from"../../../../../../../assets/images/logo.mjs";import{loadHiddenChannelIdsFromStorage as p}from"../../../../../business/nav-bar/variants/basic-nav-bar/runtime/channel-filter-dialog.mjs";import{Popover as m}from"../../../../../../ui/legacy/popover.mjs";import{Mask as h}from"../../../../../../ui/mask.mjs";import{clsx as g}from"clsx";import{usePathname as _}from"next/navigation";import{useEffect as v,useMemo as y,useRef as b,useState as x}from"react";import{useIsClient as S}from"foxact/use-is-client";import{jsx as C,jsxs as w}from"react/jsx-runtime";const T={overscrollBehavior:`contain`},E={},D=[];function O(e,t){return t===0?`/`:`${l.CHANNEL}/${encodeURIComponent(e.cn_name)}`}function k(e,t,n){return g(`w-full leading-[58px] px-[20px] text-[16px] text-text2 border-t border-solid border-line1 transition-all duration-150 block`,e===0&&`border-t-0`,t&&`!text-[20px] !text-theme5 !font-bold`,n&&`!text-(--color-theme5)`)}function A(e){let t=e;try{t=decodeURIComponent(e)}catch{t=e}return t.length>1&&t.endsWith(`/`)?t.slice(0,-1):t}function j(e){e.stopPropagation()}function M({props:l=E,styles:g,events:M,data:N=D}){let{logoAlt:P,logoWidth:F,logoHeight:I,popoverPlacement:L,popoverWidth:R,maxHeight:z,itemHeight:B,currentChannelId:V,pageKey:H=`home`,pageName:U=`首页`}={...d,...l},[W,G]=x(!1),K=b(null),q=_(),[J,Y]=x(V??null),X=S(),Z=(e,t)=>{Y(e.id),M?.onChannelChange?.(e,t),setTimeout(()=>{G(!1)},150)};v(()=>{if(V||!q||N.length===0)return;let e=A(q),t=N.find((t,n)=>A(O(t,n))===e);t?Y(t.id):e===`/`&&Y(N[0]?.id||null)},[q,X,N,V]);let Q=y(()=>{if(!X||!W)return N;let e=p();return N.filter(t=>!e.includes(t.id))},[N,X,W]);v(()=>{if(W)return t(),()=>{n()}},[W]);let $=g?e(g,{}):{},ee={width:r(R),maxHeight:r(z),...T};return w(o,{style:$,className:`leading-0 flex items-center`,children:[C(h,{visible:W,onMaskClick:()=>{G(!1)}}),C(m,{placement:L,visible:W,content:C(o,{as:`nav`,className:`overflow-y-auto overscroll-contain`,style:ee,onTouchMove:j,children:Q.map((e,t)=>{let n=O(e,t),i=A(q||``)===A(n);return C(c,{href:n,className:k(t,J===e.id,i),style:{height:r(B)},onClick:()=>Z(e,t),children:e.cn_name},e.id||`channel-${t}`)})}),children:C(s,{ref:K,as:`h1`,className:`flex items-center`,children:C(u,{onClick:()=>{i(H,U,null,`logo`),G(e=>!e),M?.onClick?.()},className:`!m-0 !p-0`,children:C(a,{alt:P,src:typeof f==`string`?f:f.src,width:F,height:I})})},`logo-button`)})]})}export{M as default};
+'use client';
+
+import { mergeStyles } from "../../../../../utils/styles/helpers.mjs";
+import { disablePageScroll, enablePageScroll, pxToVw } from "../../../../../../../utils/helper.mjs";
+import { trackPageClick } from "../../../../../../../utils/tracking.mjs";
+import { Image } from "../../../../../../ui/image.mjs";
+import { Box } from "../../../../../../ui/box.mjs";
+import { Text } from "../../../../../../ui/text.mjs";
+import Link from "../../../../../../ui/link.mjs";
+import { urlPrefix } from "../../../../../../../constants/url-prefix.mjs";
+import Button from "../../../../../../ui/legacy/button.mjs";
+import { defaultProps } from "../defaults/default-props.mjs";
+import logo_default from "../../../../../../../assets/images/logo.mjs";
+import { loadHiddenChannelIdsFromStorage } from "../../../../../business/nav-bar/variants/basic-nav-bar/runtime/channel-filter-dialog.mjs";
+import { Popover } from "../../../../../../ui/legacy/popover.mjs";
+import { Mask } from "../../../../../../ui/mask.mjs";
+import { clsx as clsx$1 } from "clsx";
+import { usePathname } from "next/navigation";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { useIsClient } from "foxact/use-is-client";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/basics/logo/variants/basic-logo/runtime/client.tsx
+/**
+* 常量定义
+*/
+const NAV_ITEM_BASE_CLASSES = "w-full leading-[58px] px-[20px] text-[16px] text-text2 border-t border-solid border-line1 transition-all duration-150 block";
+const NAV_ITEM_ACTIVE_CLASSES = "!text-[20px] !text-theme5 !font-bold";
+const NAV_ITEM_ROUTE_ACTIVE_CLASSES = "!text-(--color-theme5)";
+const NAV_STYLE = { overscrollBehavior: "contain" };
+const POPOVER_CLOSE_DELAY = 150;
+const emptyPropsConfig = {};
+const emptyChannels = [];
+/**
+* 生成频道链接地址
+*/
+function getChannelHref(item, index) {
+	return index === 0 ? "/" : `${urlPrefix.CHANNEL}/${encodeURIComponent(item.cn_name)}`;
+}
+/**
+* 获取频道导航项的类名
+*/
+function getNavItemClassName(index, isActive, isRouteActive) {
+	return clsx$1(NAV_ITEM_BASE_CLASSES, index === 0 && "border-t-0", isActive && NAV_ITEM_ACTIVE_CLASSES, isRouteActive && NAV_ITEM_ROUTE_ACTIVE_CLASSES);
+}
+/**
+* 标准化路径，便于路由高亮对比
+*/
+function normalizePath(pathname) {
+	let decodedPathname = pathname;
+	try {
+		decodedPathname = decodeURIComponent(pathname);
+	} catch {
+		decodedPathname = pathname;
+	}
+	if (decodedPathname.length > 1 && decodedPathname.endsWith("/")) return decodedPathname.slice(0, -1);
+	return decodedPathname;
+}
+/**
+* 触摸移动事件处理函数
+*/
+function handleTouchMove(e) {
+	e.stopPropagation();
+}
+function BasicLogoClient({ props: propsConfig = emptyPropsConfig, styles, events, data: channels = emptyChannels }) {
+	const { logoAlt, logoWidth, logoHeight, popoverPlacement, popoverWidth, maxHeight, itemHeight, currentChannelId: controlledChannelId, pageKey = "home", pageName = "首页" } = {
+		...defaultProps,
+		...propsConfig
+	};
+	const [visible, setVisible] = useState(false);
+	const triggerRef = useRef(null);
+	const pathname = usePathname();
+	const [currentChannelId, setCurrentChannelId] = useState(controlledChannelId ?? null);
+	const isClient = useIsClient();
+	const handleNavItemClick = (item, index) => {
+		setCurrentChannelId(item.id);
+		events?.onChannelChange?.(item, index);
+		setTimeout(() => {
+			setVisible(false);
+		}, POPOVER_CLOSE_DELAY);
+	};
+	useEffect(() => {
+		if (controlledChannelId) return;
+		if (!pathname || channels.length === 0) return;
+		const normalizedPathname = normalizePath(pathname);
+		const matchedChannel = channels.find((item, index) => {
+			return normalizePath(getChannelHref(item, index)) === normalizedPathname;
+		});
+		if (matchedChannel) setCurrentChannelId(matchedChannel.id);
+		else if (normalizedPathname === "/") setCurrentChannelId(channels[0]?.id || null);
+	}, [
+		pathname,
+		isClient,
+		channels,
+		controlledChannelId
+	]);
+	const displayChannels = useMemo(() => {
+		if (!isClient || !visible) return channels;
+		const hiddenChannelIds = loadHiddenChannelIdsFromStorage();
+		return channels.filter((ch) => !hiddenChannelIds.includes(ch.id));
+	}, [
+		channels,
+		isClient,
+		visible
+	]);
+	useEffect(() => {
+		if (!visible) return;
+		disablePageScroll();
+		return () => {
+			enablePageScroll();
+		};
+	}, [visible]);
+	const inlineStyles = styles ? mergeStyles(styles, {}) : {};
+	const navStyle = {
+		width: pxToVw(popoverWidth),
+		maxHeight: pxToVw(maxHeight),
+		...NAV_STYLE
+	};
+	return /* @__PURE__ */ jsxs(Box, {
+		style: inlineStyles,
+		className: "leading-0 flex items-center",
+		children: [/* @__PURE__ */ jsx(Mask, {
+			visible,
+			onMaskClick: () => {
+				setVisible(false);
+			}
+		}), /* @__PURE__ */ jsx(Popover, {
+			placement: popoverPlacement,
+			visible,
+			content: /* @__PURE__ */ jsx(Box, {
+				as: "nav",
+				className: "overflow-y-auto overscroll-contain",
+				style: navStyle,
+				onTouchMove: handleTouchMove,
+				children: displayChannels.map((item, index) => {
+					const href = getChannelHref(item, index);
+					const isRouteActive = normalizePath(pathname || "") === normalizePath(href);
+					return /* @__PURE__ */ jsx(Link, {
+						href,
+						className: getNavItemClassName(index, currentChannelId === item.id, isRouteActive),
+						style: { height: pxToVw(itemHeight) },
+						onClick: () => handleNavItemClick(item, index),
+						children: item.cn_name
+					}, item.id || `channel-${index}`);
+				})
+			}),
+			children: /* @__PURE__ */ jsx(Text, {
+				ref: triggerRef,
+				as: "h1",
+				className: "flex items-center",
+				children: /* @__PURE__ */ jsx(Button, {
+					onClick: () => {
+						trackPageClick(pageKey, pageName, null, "logo");
+						setVisible((v) => !v);
+						events?.onClick?.();
+					},
+					className: "!m-0 !p-0",
+					children: /* @__PURE__ */ jsx(Image, {
+						alt: logoAlt,
+						src: typeof logo_default === "string" ? logo_default : logo_default.src,
+						width: logoWidth,
+						height: logoHeight
+					})
+				})
+			}, "logo-button")
+		})]
+	});
+}
+
+//#endregion
+export { BasicLogoClient as default };

package/dist/components/biz/basics/logo/variants/basic-logo/schema/component.mjs

@@ -1,2 +1,15 @@
 
-const e={componentName:`BasicLogo`,displayName:`基础Logo`,category:`Logo`,categoryName:`Logo组件`,enabled:!0};export{e as componentMeta};
+//#region components/biz/basics/logo/variants/basic-logo/schema/component.ts
+/**
+* BasicLogo 组件元信息配置
+*/
+const componentMeta = {
+	componentName: "BasicLogo",
+	displayName: "基础Logo",
+	category: "Logo",
+	categoryName: "Logo组件",
+	enabled: true
+};
+
+//#endregion
+export { componentMeta };

package/dist/components/biz/basics/logo/variants/basic-logo/schema/data.schema.mjs

@@ -1,2 +1,10 @@
 
-const e={dataBinding:{field:`navs`,sourceType:`dynamic`}};export{e as dataSchema};
+//#region components/biz/basics/logo/variants/basic-logo/schema/data.schema.ts
+/** 数据 Schema 结构 */
+const dataSchema = { dataBinding: {
+	field: "navs",
+	sourceType: "dynamic"
+} };
+
+//#endregion
+export { dataSchema };

package/dist/components/biz/basics/logo/variants/basic-logo/schema/event.schema.mjs

@@ -1,2 +1,24 @@
 
-const e={onClick:{title:`点击事件`,description:`点击Logo时的回调函数`},onChannelChange:{title:`频道切换事件`,description:`切换频道时的回调函数`,params:[{type:`object`,title:`频道信息`,description:`选中的频道信息`},{type:`number`,title:`索引`,description:`频道在列表中的索引`}]}};export{e as eventSchema};
+//#region components/biz/basics/logo/variants/basic-logo/schema/event.schema.ts
+const eventSchema = {
+	onClick: {
+		title: "点击事件",
+		description: "点击Logo时的回调函数"
+	},
+	onChannelChange: {
+		title: "频道切换事件",
+		description: "切换频道时的回调函数",
+		params: [{
+			type: "object",
+			title: "频道信息",
+			description: "选中的频道信息"
+		}, {
+			type: "number",
+			title: "索引",
+			description: "频道在列表中的索引"
+		}]
+	}
+};
+
+//#endregion
+export { eventSchema };

package/dist/components/biz/basics/logo/variants/basic-logo/schema/index.mjs

@@ -1,2 +1,18 @@
 
-import{componentMeta as e}from"./component.mjs";import{dataSchema as t}from"./data.schema.mjs";import{eventSchema as n}from"./event.schema.mjs";import{propsSchema as r}from"./props.schema.mjs";import{styleSchema as i}from"./style.schema.mjs";const a={...e,propsSchema:r,dataSchema:t,styleSchema:i,eventSchema:n};export{a as schema};
+import { componentMeta } from "./component.mjs";
+import { dataSchema } from "./data.schema.mjs";
+import { eventSchema } from "./event.schema.mjs";
+import { propsSchema } from "./props.schema.mjs";
+import { styleSchema } from "./style.schema.mjs";
+
+//#region components/biz/basics/logo/variants/basic-logo/schema/index.ts
+const schema = {
+	...componentMeta,
+	propsSchema,
+	dataSchema,
+	styleSchema,
+	eventSchema
+};
+
+//#endregion
+export { schema };

package/dist/components/biz/basics/logo/variants/basic-logo/schema/props.schema.mjs

@@ -1,2 +1,79 @@
 
-import{defaultProps as e}from"../defaults/default-props.mjs";const t={logoSrc:{type:`string`,title:`Logo图片地址`,description:`Logo图片的URL地址`,default:e.logoSrc},logoAlt:{type:`string`,title:`Logo图片描述`,description:`Logo图片的alt属性`,default:e.logoAlt},logoWidth:{type:`number`,title:`Logo宽度`,description:`Logo图片的宽度（像素）`,default:e.logoWidth},logoHeight:{type:`number`,title:`Logo高度`,description:`Logo图片的高度（像素）`,default:e.logoHeight},sourceType:{type:`number`,title:`频道来源类型`,description:`获取频道列表的源类型`,default:e.sourceType},popoverPlacement:{type:`enum`,title:`弹出位置`,description:`弹出菜单的位置`,enum:[`bottom-start`,`bottom`,`bottom-end`],enumNames:[`左下`,`下方`,`右下`],default:e.popoverPlacement},popoverWidth:{type:`number`,title:`弹出菜单宽度`,description:`弹出菜单的宽度（像素）`,default:e.popoverWidth},maxHeight:{type:`number`,title:`最大高度`,description:`弹出菜单的最大高度（像素）`,default:e.maxHeight},itemHeight:{type:`number`,title:`菜单项高度`,description:`每个菜单项的高度（像素）`,default:e.itemHeight},currentChannelId:{type:`string`,title:`当前频道ID`,description:`当前选中的频道ID`,default:e.currentChannelId}};export{t as propsSchema};
+import { defaultProps } from "../defaults/default-props.mjs";
+
+//#region components/biz/basics/logo/variants/basic-logo/schema/props.schema.ts
+const propsSchema = {
+	logoSrc: {
+		type: "string",
+		title: "Logo图片地址",
+		description: "Logo图片的URL地址",
+		default: defaultProps.logoSrc
+	},
+	logoAlt: {
+		type: "string",
+		title: "Logo图片描述",
+		description: "Logo图片的alt属性",
+		default: defaultProps.logoAlt
+	},
+	logoWidth: {
+		type: "number",
+		title: "Logo宽度",
+		description: "Logo图片的宽度（像素）",
+		default: defaultProps.logoWidth
+	},
+	logoHeight: {
+		type: "number",
+		title: "Logo高度",
+		description: "Logo图片的高度（像素）",
+		default: defaultProps.logoHeight
+	},
+	sourceType: {
+		type: "number",
+		title: "频道来源类型",
+		description: "获取频道列表的源类型",
+		default: defaultProps.sourceType
+	},
+	popoverPlacement: {
+		type: "enum",
+		title: "弹出位置",
+		description: "弹出菜单的位置",
+		enum: [
+			"bottom-start",
+			"bottom",
+			"bottom-end"
+		],
+		enumNames: [
+			"左下",
+			"下方",
+			"右下"
+		],
+		default: defaultProps.popoverPlacement
+	},
+	popoverWidth: {
+		type: "number",
+		title: "弹出菜单宽度",
+		description: "弹出菜单的宽度（像素）",
+		default: defaultProps.popoverWidth
+	},
+	maxHeight: {
+		type: "number",
+		title: "最大高度",
+		description: "弹出菜单的最大高度（像素）",
+		default: defaultProps.maxHeight
+	},
+	itemHeight: {
+		type: "number",
+		title: "菜单项高度",
+		description: "每个菜单项的高度（像素）",
+		default: defaultProps.itemHeight
+	},
+	currentChannelId: {
+		type: "string",
+		title: "当前频道ID",
+		description: "当前选中的频道ID",
+		default: defaultProps.currentChannelId
+	}
+};
+
+//#endregion
+export { propsSchema };

package/dist/components/biz/basics/logo/variants/basic-logo/schema/style.schema.mjs

@@ -1,2 +1,8 @@
 
-import{commonStyleSchema as e}from"../../../../../utils/styles/schema.mjs";const t={...e};export{t as styleSchema};
+import { commonStyleSchema } from "../../../../../utils/styles/schema.mjs";
+
+//#region components/biz/basics/logo/variants/basic-logo/schema/style.schema.ts
+const styleSchema = { ...commonStyleSchema };
+
+//#endregion
+export { styleSchema };

package/dist/components/biz/basics/search/shared/components/search-box.mjs

@@ -1,2 +1,57 @@
 
-"use client";import{cn as e}from"../../../../../../utils/cn.mjs";import{pxToVw as t}from"../../../../../../utils/helper.mjs";import{Box as n}from"../../../../../ui/box.mjs";import{Text as r}from"../../../../../ui/text.mjs";import i from"../../../../../ui/link.mjs";import a from"../../../../../../assets/icons/search.mjs";import"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";function c({placeholder:c,searchUrl:l,iconSize:u,showPlaceholderText:d,borderColor:f,onClick:p,marginRight:m=16,className:h=`flex-1`,boxClassName:g,textClassName:_,wrapperStyle:v}){let y={border:`1px solid ${f}`,marginRight:m>0?t(m):void 0},b=o(i,{className:h,href:l,onClick:()=>{p?.()},children:s(n,{className:e(`h-[38px] flex px-[12px] items-center rounded-[19px] cursor-pointer transition-colors text-text3 relative`,g),style:y,children:[o(a,{width:t(u),height:t(u)}),d&&o(r,{className:e(`ml-[4px] text-text3 text-[16px] leading-none select-none flex-1`,_),children:c})]})});return v?o(n,{style:v,children:b}):b}export{c as SearchBox};
+'use client';
+
+import { cn } from "../../../../../../utils/cn.mjs";
+import { pxToVw } from "../../../../../../utils/helper.mjs";
+import { Box } from "../../../../../ui/box.mjs";
+import { Text } from "../../../../../ui/text.mjs";
+import Link from "../../../../../ui/link.mjs";
+import SvgSearch from "../../../../../../assets/icons/search.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/basics/search/shared/components/search-box.tsx
+/**
+* 共享的搜索框组件
+*/
+/**
+* 搜索框样式常量
+*/
+const SEARCH_BOX_BASE_CLASSES = "h-[38px] flex px-[12px] items-center rounded-[19px] cursor-pointer transition-colors text-text3 relative";
+const SEARCH_TEXT_CLASSES = "ml-[4px] text-text3 text-[16px] leading-none select-none flex-1";
+/**
+* 搜索框组件
+*/
+function SearchBox({ placeholder, searchUrl, iconSize, showPlaceholderText, borderColor, onClick, marginRight = 16, className = "flex-1", boxClassName, textClassName, wrapperStyle }) {
+	const searchBoxStyle = {
+		border: `1px solid ${borderColor}`,
+		marginRight: marginRight > 0 ? pxToVw(marginRight) : void 0
+	};
+	const handleLinkClick = () => {
+		onClick?.();
+	};
+	const content = /* @__PURE__ */ jsx(Link, {
+		className,
+		href: searchUrl,
+		onClick: handleLinkClick,
+		children: /* @__PURE__ */ jsxs(Box, {
+			className: cn(SEARCH_BOX_BASE_CLASSES, boxClassName),
+			style: searchBoxStyle,
+			children: [/* @__PURE__ */ jsx(SvgSearch, {
+				width: pxToVw(iconSize),
+				height: pxToVw(iconSize)
+			}), showPlaceholderText && /* @__PURE__ */ jsx(Text, {
+				className: cn(SEARCH_TEXT_CLASSES, textClassName),
+				children: placeholder
+			})]
+		})
+	});
+	if (wrapperStyle) return /* @__PURE__ */ jsx(Box, {
+		style: wrapperStyle,
+		children: content
+	});
+	return content;
+}
+
+//#endregion
+export { SearchBox };

package/dist/components/biz/basics/search/shared/config/default-data.mjs

@@ -1,2 +1,16 @@
 
-const e={placeholder:`请输入搜索关键词`,searchUrl:`/search`,iconSize:16,showPlaceholderText:!0,borderColor:`var(--color-line2)`};export{e as sharedDefaultData};
+//#region components/biz/basics/search/shared/config/default-data.ts
+/**
+* Search 组件共享默认数据
+* 所有 Search variant 共享的基础配置
+*/
+const sharedDefaultData = {
+	placeholder: "请输入搜索关键词",
+	searchUrl: "/search",
+	iconSize: 16,
+	showPlaceholderText: true,
+	borderColor: "var(--color-line2)"
+};
+
+//#endregion
+export { sharedDefaultData };

package/dist/components/biz/basics/search/shared/config/schema.mjs

@@ -1,2 +1,51 @@
 
-import{sharedDefaultData as e}from"./default-data.mjs";const t={placeholder:{type:`string`,title:`占位符`,description:`搜索框占位符文本`,default:e.placeholder},searchUrl:{type:`string`,title:`搜索链接`,description:`点击搜索框跳转的URL地址`,default:e.searchUrl},iconSize:{type:`number`,title:`图标大小`,description:`搜索图标的大小（像素）`,default:e.iconSize,minimum:12,maximum:32},showPlaceholderText:{type:`boolean`,title:`显示占位符文本`,description:`是否显示占位符文本`,default:e.showPlaceholderText},borderColor:{type:`string`,title:`边框颜色`,description:`搜索框边框颜色（CSS颜色值或CSS变量）`,default:e.borderColor}},n={onClick:{title:`点击事件`,description:`点击搜索框时的回调函数`}};export{n as sharedEventSchema,t as sharedPropsSchema};
+import { sharedDefaultData } from "./default-data.mjs";
+
+//#region components/biz/basics/search/shared/config/schema.ts
+/**
+* 共享的 Props Schema
+*/
+const sharedPropsSchema = {
+	placeholder: {
+		type: "string",
+		title: "占位符",
+		description: "搜索框占位符文本",
+		default: sharedDefaultData.placeholder
+	},
+	searchUrl: {
+		type: "string",
+		title: "搜索链接",
+		description: "点击搜索框跳转的URL地址",
+		default: sharedDefaultData.searchUrl
+	},
+	iconSize: {
+		type: "number",
+		title: "图标大小",
+		description: "搜索图标的大小（像素）",
+		default: sharedDefaultData.iconSize,
+		minimum: 12,
+		maximum: 32
+	},
+	showPlaceholderText: {
+		type: "boolean",
+		title: "显示占位符文本",
+		description: "是否显示占位符文本",
+		default: sharedDefaultData.showPlaceholderText
+	},
+	borderColor: {
+		type: "string",
+		title: "边框颜色",
+		description: "搜索框边框颜色（CSS颜色值或CSS变量）",
+		default: sharedDefaultData.borderColor
+	}
+};
+/**
+* 共享的 Event Schema
+*/
+const sharedEventSchema = { onClick: {
+	title: "点击事件",
+	description: "点击搜索框时的回调函数"
+} };
+
+//#endregion
+export { sharedEventSchema, sharedPropsSchema };

package/dist/components/biz/basics/search/variants/basic-search/defaults/default-props.mjs

@@ -1,2 +1,11 @@
 
-import{sharedDefaultData as e}from"../../../shared/config/default-data.mjs";const t={...e};export{t as defaultProps};
+import { sharedDefaultData } from "../../../shared/config/default-data.mjs";
+
+//#region components/biz/basics/search/variants/basic-search/defaults/default-props.ts
+/**
+* BasicSearch 组件默认 Props 配置
+*/
+const defaultProps = { ...sharedDefaultData };
+
+//#endregion
+export { defaultProps };

package/dist/components/biz/basics/search/variants/basic-search/index.mjs

@@ -1,2 +1,13 @@
 
-import{defaultProps as e}from"./defaults/default-props.mjs";import t from"./runtime/client.mjs";import{schema as n}from"./schema/index.mjs";var r=t;export{r as default};
+import { defaultProps } from "./defaults/default-props.mjs";
+import BasicSearchClient from "./runtime/client.mjs";
+import { schema } from "./schema/index.mjs";
+
+//#region components/biz/basics/search/variants/basic-search/index.ts
+/**
+* BasicSearch 组件统一导出入口
+*/
+var basic_search_default = BasicSearchClient;
+
+//#endregion
+export { basic_search_default as default };

package/dist/components/biz/basics/search/variants/basic-search/runtime/client.mjs

@@ -1,2 +1,34 @@
 
-"use client";import{mergeStyles as e}from"../../../../../utils/styles/helpers.mjs";import{defaultProps as t}from"../defaults/default-props.mjs";import{SearchBox as n}from"../../../shared/components/search-box.mjs";import{jsx as r}from"react/jsx-runtime";const i={};function a({props:a=i,styles:o,events:s}){let{placeholder:c,searchUrl:l=t.searchUrl,iconSize:u=t.iconSize,showPlaceholderText:d=t.showPlaceholderText,borderColor:f=t.borderColor}={...t,...a};return r(n,{placeholder:c,searchUrl:l,iconSize:u,showPlaceholderText:d,borderColor:f,boxClassName:`h-[40px] rounded-[20px] bg-bg2 py-[8px]`,textClassName:`ml-[8px] text-[16px] leading-[24px]`,onClick:()=>{s?.onClick?.()},marginRight:0,wrapperStyle:o?e(o,{}):void 0})}export{a as default};
+'use client';
+
+import { mergeStyles } from "../../../../../utils/styles/helpers.mjs";
+import { defaultProps } from "../defaults/default-props.mjs";
+import { SearchBox } from "../../../shared/components/search-box.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/basics/search/variants/basic-search/runtime/client.tsx
+const emptyPropsConfig = {};
+function BasicSearchClient({ props: propsConfig = emptyPropsConfig, styles, events }) {
+	const { placeholder, searchUrl = defaultProps.searchUrl, iconSize = defaultProps.iconSize, showPlaceholderText = defaultProps.showPlaceholderText, borderColor = defaultProps.borderColor } = {
+		...defaultProps,
+		...propsConfig
+	};
+	const handleClick = () => {
+		events?.onClick?.();
+	};
+	return /* @__PURE__ */ jsx(SearchBox, {
+		placeholder,
+		searchUrl,
+		iconSize,
+		showPlaceholderText,
+		borderColor,
+		boxClassName: "h-[40px] rounded-[20px] bg-bg2 py-[8px]",
+		textClassName: "ml-[8px] text-[16px] leading-[24px]",
+		onClick: handleClick,
+		marginRight: 0,
+		wrapperStyle: styles ? mergeStyles(styles, {}) : void 0
+	});
+}
+
+//#endregion
+export { BasicSearchClient as default };

package/dist/components/biz/basics/search/variants/basic-search/schema/component.mjs

@@ -1,2 +1,15 @@
 
-const e={componentName:`BasicSearch`,displayName:`基础搜索`,category:`Search`,categoryName:`搜索组件`,enabled:!0};export{e as componentMeta};
+//#region components/biz/basics/search/variants/basic-search/schema/component.ts
+/**
+* BasicSearch 组件元信息配置
+*/
+const componentMeta = {
+	componentName: "BasicSearch",
+	displayName: "基础搜索",
+	category: "Search",
+	categoryName: "搜索组件",
+	enabled: true
+};
+
+//#endregion
+export { componentMeta };

package/dist/components/biz/basics/search/variants/basic-search/schema/data.schema.mjs

@@ -1,2 +1,9 @@
 
-const e={dataBinding:{field:`navs`,sourceType:`dynamic`}};export{e as dataSchema};
+//#region components/biz/basics/search/variants/basic-search/schema/data.schema.ts
+const dataSchema = { dataBinding: {
+	field: "navs",
+	sourceType: "dynamic"
+} };
+
+//#endregion
+export { dataSchema };

package/dist/components/biz/basics/search/variants/basic-search/schema/event.schema.mjs

@@ -1,2 +1,8 @@
 
-import{sharedEventSchema as e}from"../../../shared/config/schema.mjs";const t={...e};export{t as eventSchema};
+import { sharedEventSchema } from "../../../shared/config/schema.mjs";
+
+//#region components/biz/basics/search/variants/basic-search/schema/event.schema.ts
+const eventSchema = { ...sharedEventSchema };
+
+//#endregion
+export { eventSchema };

package/dist/components/biz/basics/search/variants/basic-search/schema/index.mjs

@@ -1,2 +1,18 @@
 
-import{componentMeta as e}from"./component.mjs";import{dataSchema as t}from"./data.schema.mjs";import{eventSchema as n}from"./event.schema.mjs";import{propsSchema as r}from"./props.schema.mjs";import{styleSchema as i}from"./style.schema.mjs";const a={...e,propsSchema:r,dataSchema:t,styleSchema:i,eventSchema:n};export{a as schema};
+import { componentMeta } from "./component.mjs";
+import { dataSchema } from "./data.schema.mjs";
+import { eventSchema } from "./event.schema.mjs";
+import { propsSchema } from "./props.schema.mjs";
+import { styleSchema } from "./style.schema.mjs";
+
+//#region components/biz/basics/search/variants/basic-search/schema/index.ts
+const schema = {
+	...componentMeta,
+	propsSchema,
+	dataSchema,
+	styleSchema,
+	eventSchema
+};
+
+//#endregion
+export { schema };

package/dist/components/biz/basics/search/variants/basic-search/schema/props.schema.mjs

@@ -1,2 +1,8 @@
 
-import{sharedPropsSchema as e}from"../../../shared/config/schema.mjs";const t={...e};export{t as propsSchema};
+import { sharedPropsSchema } from "../../../shared/config/schema.mjs";
+
+//#region components/biz/basics/search/variants/basic-search/schema/props.schema.ts
+const propsSchema = { ...sharedPropsSchema };
+
+//#endregion
+export { propsSchema };

package/dist/components/biz/basics/search/variants/basic-search/schema/style.schema.mjs

@@ -1,2 +1,8 @@
 
-import{commonStyleSchema as e}from"../../../../../utils/styles/schema.mjs";const t={...e};export{t as styleSchema};
+import { commonStyleSchema } from "../../../../../utils/styles/schema.mjs";
+
+//#region components/biz/basics/search/variants/basic-search/schema/style.schema.ts
+const styleSchema = { ...commonStyleSchema };
+
+//#endregion
+export { styleSchema };

package/dist/components/biz/basics/search/variants/filter-search/defaults/default-props.mjs

@@ -1,2 +1,15 @@
 
-import{sharedDefaultData as e}from"../../../shared/config/default-data.mjs";const t={...e,filterText:`筛选`,filterUrl:``};export{t as defaultProps};
+import { sharedDefaultData } from "../../../shared/config/default-data.mjs";
+
+//#region components/biz/basics/search/variants/filter-search/defaults/default-props.ts
+/**
+* FilterSearch 组件默认 Props 配置
+*/
+const defaultProps = {
+	...sharedDefaultData,
+	filterText: "筛选",
+	filterUrl: ""
+};
+
+//#endregion
+export { defaultProps };