not-bulma 1.0.53 → 1.0.54

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "not-bulma",
-  "version": "1.0.53",
+  "version": "1.0.54",
   "description": "not-* family UI components on Bulma CSS Framework",
   "main": "src/index.js",
   "svelte": "src/index.js",

package/src/frame/components/form/form.js

@@ -8,6 +8,7 @@ import notBase from "../../base";
 import UICommon from "../../../elements/common.js";
 import FormHelpers from "./form.helpers.js";
 import UIFormComponent from "./form.svelte";
+import notFormRules from "./form.rules.js";
 
 import { DEFAULT_STATUS_SUCCESS, DEFAULT_STATUS_ERROR } from "../../const";
 
@@ -141,6 +142,34 @@ class notForm extends notBase {
         this.#form.$on("submit", (ev) => this.submit(ev.detail));
         this.#form.$on("reject", () => this.reject());
         this.#form.$on("error", ({ detail }) => this.emit("error", detail));
+        this.#bindMasterSlaveEvents();
+    }
+
+    #bindMasterSlaveEvents() {
+        const masters = this.getOptions("masters", false);
+        if (!masters) {
+            return;
+        }
+        for (let master in masters) {
+            const rules = masters[master];
+            for (let ruleName in rules) {
+                const ruleSlaves = rules[ruleName];
+                this.#addMasterSlaveEvents(ruleName, master, ruleSlaves);
+            }
+        }
+    }
+
+    #addMasterSlaveEvents(rule, master, slaves = []) {
+        this.on(`change.${master}`, (value) => {
+            this.#execSlaveRule(rule, slaves, value);
+        });
+    }
+
+    #execSlaveRule(rule, slaves, value) {
+        const cmd = notFormRules.exec(rule, value);
+        slaves.forEach((slaveField) => {
+            this.updateField(slaveField, cmd);
+        });
     }
 
     async validateForm() {

package/src/frame/components/form/form.rules.js

@@ -0,0 +1,45 @@
+const DEFAULT_RULES = {
+    notReadonly(v) {
+        return {
+            readonly: !v,
+        };
+    },
+    readonly(v) {
+        return {
+            readonly: v,
+        };
+    },
+    enable(v) {
+        return {
+            disabled: !v,
+        };
+    },
+    disable(v) {
+        return {
+            disabled: v,
+        };
+    },
+};
+
+export default class notFormRules {
+    static #RULES = { ...DEFAULT_RULES };
+
+    static add(name, func) {
+        if (!Object.hasOwn(this.#RULES, name)) {
+            this.#RULES[name] = func;
+        }
+    }
+
+    static remove(name) {
+        if (
+            Object.hasOwn(this.#RULES, name) &&
+            !Object.keys(DEFAULT_RULES).includes(name)
+        ) {
+            delete this.#RULES[name];
+        }
+    }
+
+    static exec(name, value) {
+        return this.#RULES[name](value);
+    }
+}

package/src/frame/components/form/index.js

@@ -1,7 +1,15 @@
 import notFormUtils from "./utils";
 import notFormHelpers from "./form.helpers";
 import notForm from "./form";
+import notFormRules from "./form.rules";
 import notFormSet from "./form.set";
 import UIForm from "./form.svelte";
 
-export { UIForm, notForm, notFormSet, notFormUtils, notFormHelpers };
+export {
+    UIForm,
+    notForm,
+    notFormRules,
+    notFormSet,
+    notFormUtils,
+    notFormHelpers,
+};

package/src/frame/components/index.js

@@ -4,6 +4,7 @@ import notActionUI from "./action/action.ui.js";
 
 import {
     notForm,
+    notFormRules,
     notFormSet,
     notFormUtils,
     notFormHelpers,
@@ -19,6 +20,7 @@ export {
     notTable,
     UIForm,
     notForm,
+    notFormRules,
     notFormSet,
     notFormUtils,
     notFormHelpers,