FixSelect支持BindValue。

site/src/page/dropdown.ts

@@ -32,11 +32,10 @@ const FixSelectS = (): m.Component => {
 			};
 
 			const fixAttr: FixSelectAttr<Item> = {
-				value: fixState.get(),
+				bindValue: fixState,
 				itemList: items,
 				renderItem: propOf("value"),
-				renderText: propOf("value"),
-				connectChange: fixState.set
+				renderText: propOf("value")
 			};
 
 			return m.fragment({}, [

src/widget/dropdown/FixSelect.ts

@@ -1,35 +1,33 @@
 import * as m from "mithril";
-import { Just, Maybe } from "purify-ts";
 import { ComponentPanic } from "../../data";
+import { bindValue, BindValue } from "../../data/internal/value";
 import { Select, SelectAttr } from "./Select";
 
 const E = new ComponentPanic("FixSelect");
 
-export interface FixSelectAttr<T> {
-	value?: T;
+export interface FixSelectAttr<T> extends BindValue<T> {
 	placeholder?: string;
 	itemList?: Array<T>;
 	renderItem?: (item: T) => m.Children;
 	renderText?: (item: T) => string;
-	connectChange?: (item: T) => void;
 }
 
 export const FixSelect = <T>(): m.Component<FixSelectAttr<T>> => ({
 	view: ({ attrs }) => {
-		const value = E.panicNil(attrs.value, "value不能为空！");
-		E.panicEmpty(attrs.itemList ?? [], "itemList不能为空！");
+		const mbindvalue = bindValue(attrs);
 
-		const mchangeE = Maybe.fromNullable(attrs.connectChange);
+		E.panicWhen(mbindvalue.value.isNothing(), "value不能为空！");
+		E.panicEmpty(attrs.itemList ?? [], "itemList不能为空！");
 
 		const menuAttr: SelectAttr<T> = {
-			value: Just(value),
+			value: mbindvalue.value,
 			placeholder: attrs.placeholder,
 			itemList: attrs.itemList,
 			renderItem: attrs.renderItem,
 			renderText: attrs.renderText,
 			isShowRemoveIcon: false,
 			connectChange: item =>
-				item.ap(mchangeE)
+				item.ifJust(mbindvalue.connectChange)
 		};
 
 		return m<SelectAttr<T>, {}>(Select, menuAttr);