nv-facutil-def-bw-attr 1.0.2 → 1.0.3

package/index.js

@@ -63,14 +63,14 @@ const def_num_accessor   =  (self,attr)=>{
             } else {
                 let val = Number(v);
                 if(!isNaN(val)) {
-		    return val;
+                    return val;
                 } else {
                     let rgx = /^([0-9]+[\.]?[0-9]*)([a-zA-Z]+)$/;
                     if(rgx.test(String(val))) {
-			return val;
+                        return val;
                     } else {
                         return self?.defaults?.[accessor_name];
-		    }
+                    }
                 }
             }
         },
@@ -113,14 +113,140 @@ const def_json_accessor   =  (self,attr)=>{
             }
         }
     })
+};
+
+const load_script = (src, libName) => {
+    return new Promise((resolve, reject) => {
+        const script = document.createElement('script');
+        script.src = src;
+        script.onload  = ()   => resolve(true);
+        script.onerror = ()   => resolve(false);
+        script.async = true;
+        document.head.appendChild(script);
+    });
+}
+const is_script_loaded = (impt_name) =>{return Boolean(window[impt_name]!== undefined);}
+
+const set_style_prop_cb =  (self,attr,type,val,accessor_name,extra={})=>{
+    if(type==="num") {
+        let v = Number(val);
+        if(!isNaN(v)) {
+            self.style.setProperty(`--${attr}`, String(v)+'px');
+        } else {
+            let rgx = /^([0-9]+[\.]?[0-9]*)([a-zA-Z]+|%)$/;
+            if(rgx.test(String(v))) {
+                self.style.setProperty(`--${attr}`, String(v));
+            } else {
+            }
+        }
+    } else {
+        self.style.setProperty(`--${attr}`, v);
+    }
+}
+
+const load_script_cb = async (self,attr,type,val,accessor_name,extra)=>{
+    let {impt_name} = extra;
+    if(is_script_loaded(impt_name)) {
+        return [true,window[impt_name]];
+    } else {
+        let cond = await load_script(val,impt_name);
+        return cond?[true,window[impt_name]]:[false,impt_name,self[accessor_name]]
+    }
+}
+
+const load_all_libs = async(self,ATTRS)=>{
+       let ps = [];
+       for(let attr in ATTRS) {
+           let d = ATTRS[attr];
+           if(d.action==="load_script") {
+               let impt_name     = d.extra.impt_name;
+               let accessor_name = d.accessor_name;
+	       if(is_script_loaded(impt_name)) {
+	           ps.push([true,window[impt_name]]);
+	       } else {
+                   ps.push(
+		       load_script(self[accessor_name],impt_name).then(cond=>{
+			   return cond?[true,window[impt_name]]:[false,impt_name,self[accessor_name]];
+		       }).catch(e=>[false,impt_name,self[accessor_name]])
+		   );
+	       }
+           } else {
+           }
+       }
+       return await Promise.all(ps);
+}  
+
+const DFLT_ACTS = {
+    none: (self,attr,type,val,accessor_name,extra={})=>{}, 
+    auto: (self,attr,type,val,accessor_name,extra={})=>{}, // done by css
+    extn: (self,attr,type,val,accessor_name,extra={})=>{}, // 外部组件自己控制
+    set_style_prop   : set_style_prop_cb,
+    load_script      : load_script_cb 
+};
+
+const init_dflts = (self,ATTRS)=>{
+    for(let attr in ATTRS) {
+        let accessor_name =  attr_to_accessor_name(attr);
+        let cfg = ATTRS[attr];
+        if(cfg.type === "bool")      {
+            def_bool_accessor(self,attr);
+            self.defaults[accessor_name] = cfg.dflt;
+        } else if(cfg.type==="json")  {
+            def_json_accessor(self,attr);
+            self.defaults[accessor_name] = cfg.dflt;
+        } else if(cfg.type === "num") {
+            def_num_accessor(self,attr);
+            self.defaults[accessor_name] = cfg.dflt;
+        } else {
+            def_str_accessor(self,attr);
+            self.defaults[accessor_name] = cfg.dflt;
+        }
+    }
 }
 
+const exec_when_attr_change = async (ATTRS,ACTIONS,self,attr,val)=>{
+   let {action,type,accessor_name,extra} = ATTRS[attr];
+   if(typeof(action) === "string") {
+       return ACTIONS[action](self,attr,type,val,accessor_name,extra);
+   } else if(typeof(action)=== "function") {
+       return action(self,attr,type,val,accessor_name,extra);
+   } else {
+   }
+}
 
+module.exports = (ACTIONS,ATTRS)=>{
+    let ACTS = creat_actions();
+    for(let k in DFLT_ACTS) {
+        if(ACTIONS[k] === undefined) {
+            ACTIONS[k] = DFLT_ACTS[k]
+        } else {}
+    }
+    for(let attr in ATTRS) {
+        ATTRS[attr].attr = attr
+        ATTRS[attr].accessor_name = attr_to_accessor_name(attr);
+        if(ATTRS[attr].extra) {} else {ATTRS[attr].extra={}}        
+    }
+    ////
+    let init_dflts_and_rtrn_attr_change_executor = (self)=>{
+        init_dflts(self,ATTRS);
+        return (attr,val)=>exec_when_attr_change(ACTIONS,ATTRS,self,attr,val);	
+    }
+    ////
+    return ({
+	init_dflts_and_rtrn_attr_change_executor,
+        creat_load_libs : (self)=>()=>load_all_libs(self,ATTRS)
+    })
+}
 
-module.exports = {
+[
     attr_to_accessor_name,
     def_bool_accessor,
     def_str_accessor,
     def_num_accessor,
-    def_json_accessor
-}
+    def_json_accessor,
+    is_script_loaded,
+    load_script,
+    init_dflts,
+    exec_when_attr_change,
+    load_all_libs
+].forEach(r=>{module.exports[r.name]=r});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nv-facutil-def-bw-attr",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"