feat: 允许通过.store为auto-form绑定表单

Author: zhangfisher

packages/form/examples/group-tabs.ts

@@ -60,9 +60,9 @@ class AutoFormExampleTabs extends LitElement {
 		return html`
         <div style="border: var(--auto-border);padding:1rem;margin-bottom:1rem;">
             <auto-form .store=${this.refStore}> </auto-form>
-            <button style="margin:1rem;padding: 1rem" @click=${() => {
+            <button style="margin-top:1rem;padding: 0.5rem;cursor:pointer" @click=${() => {
 				this.refStore = this.count % 2 === 0 ? store2 : store1;
-				this.count = this.count++;
+				this.count = this.count + 1;
 			}} >切换Store</button>
         </div>
         <auto-form group="car" icon="car"> </auto-form>

packages/form/index.html

@@ -10,13 +10,11 @@
             rel="stylesheet"
             href="https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/cdn/themes/light.css"
         />
-        <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/cdn/themes/dark.css" />  -->
 
         <link rel="stylesheet" href="./node_modules/themepro/dist/index.css" />
         <link rel="stylesheet" href="./node_modules/themepro/dist/dark.css" />
         <link rel="stylesheet" href="./node_modules/themepro/dist/blue.css" />
         <link rel="stylesheet" href="./node_modules/themepro/dist/red.css" />
-        <!-- <link rel="stylesheet" href="./src/themes/light.css" /> -->
 
         <script type="module" src="/src/index.ts"></script>
     </head>

packages/form/src/form/index.ts

@@ -182,7 +182,7 @@ export class AutoForm extends LitElement {
 		if (changedProperties.has("store")) {
 			this.bind(this.store!);
 		}
-		return changedProperties.has("store");
+		return true;
 	}
 	attributeChangedCallback(name: string, _old: string | null, value: string | null): void {
 		super.attributeChangedCallback(name, _old, value);