release(setting): v0.9.1

index.json

@@ -281,7 +281,7 @@
   "setting": {
     "install": true,
     "react": true,
-    "version": "0.9.0",
+    "version": "0.9.1",
     "style": true,
     "icon": false,
     "test": true,

src/setting/index.ts

@@ -494,6 +494,7 @@ const progress = (val: number, min: number, max: number) => {
 
 export class LunaSettingCheckbox extends LunaSettingItem {
   private $input: $.$
+  private input: HTMLInputElement
   constructor(
     setting: Setting,
     key: string,
@@ -520,6 +521,11 @@ export class LunaSettingCheckbox extends LunaSettingItem {
 
     $input.on('change', () => this.onChange(input.checked))
     this.$input = $input
+    this.input = input
+  }
+  setValue(value: boolean) {
+    this.input.checked = value
+    this.value = value
   }
   disable() {
     super.disable()
@@ -559,6 +565,10 @@ export class LunaSettingSelect extends LunaSettingItem {
     this.setOptions(options)
     $select.on('change', () => this.onChange($select.val()))
   }
+  setValue(value: string) {
+    this.$select.val(value)
+    this.value = value
+  }
   setOptions(options: types.PlainObj<string>) {
     this.$select.html(
       map(

src/setting/package.json

@@ -1,6 +1,6 @@
 {
   "name": "setting",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "Settings panel",
   "dependencies": {
     "micromark": "^3.1.0"

src/setting/react.tsx

@@ -4,6 +4,7 @@ import {
   PropsWithChildren,
   ReactElement,
   cloneElement,
+  isValidElement,
   useEffect,
   useRef,
 } from 'react'
@@ -51,11 +52,13 @@ const LunaSetting: FC<PropsWithChildren<ISettingProps>> = (props) => {
 
   return (
     <div className={props.className || ''} ref={settingRef}>
-      {Children.map(props.children, (child) =>
-        cloneElement(child as ReactElement, {
-          setting: setting.current,
-        })
-      )}
+      {Children.map(props.children, (child) => {
+        if (isValidElement(child)) {
+          return cloneElement(child as ReactElement, {
+            setting: setting.current,
+          })
+        }
+      })}
     </div>
   )
 }
@@ -144,6 +147,12 @@ export const LunaSettingSelect: FC<ISettingSelectProps> = (props) => {
     [props.disabled]
   )
 
+  useEffect(() => {
+    if (settingSelect.current) {
+      settingSelect.current.setValue(props.value)
+    }
+  }, [props.value])
+
   useEffect(() => {
     if (settingSelect.current) {
       settingSelect.current.setOptions(props.options)
@@ -246,6 +255,12 @@ export const LunaSettingCheckbox: FC<ISettingCheckboxProps> = (props) => {
     [props.disabled]
   )
 
+  useEffect(() => {
+    if (settingCheckbox.current) {
+      settingCheckbox.current.setValue(props.value)
+    }
+  }, [props.value])
+
   return null
 }
 
@@ -280,7 +295,9 @@ export const LunaSettingText: FC<ISettingTextProps> = (props) => {
   return null
 }
 
-export const LunaSettingHtml: FC<PropsWithChildren<ISettingItemProps>> = (props) => {
+export const LunaSettingHtml: FC<PropsWithChildren<ISettingItemProps>> = (
+  props
+) => {
   const settingHtml = useRef<SettingHtml>()
   const forceUpdate = useForceUpdate()