发版

examples/extends/temp.js

@@ -0,0 +1,143 @@
+/**
+ 
+ @Name：layui.modDemo XX组件
+ @Author：贤心
+ @License：MIT
+
+ */
+
+layui.define(['laytpl'], function(exports){
+  "use strict";
+  
+  var $ = layui.$
+  ,laytpl = layui.laytpl
+  
+  //模块名
+  ,MOD_NAME = 'modDemo'
+
+  //外部接口
+  ,modeDemo = {
+    config: {}
+    ,index: layui[MOD_NAME] ? (layui[MOD_NAME].index + 10000) : 0
+
+    //设置全局项
+    ,set: function(options){
+      var that = this;
+      that.config = $.extend({}, that.config, options);
+      return that;
+    }
+    
+    //事件监听
+    ,on: function(events, callback){
+      return layui.onevent.call(this, MOD_NAME, events, callback);
+    }
+  }
+
+  //操作当前实例
+  ,thisModule = function(){
+    var that = this
+    ,options = that.config
+    ,id = options.id || that.index;
+    
+    thisModule.that[id] = that; //记录当前实例对象
+    thisModule.config[id] = options; //记录当前实例配置项
+    
+    return {
+      config: options
+      //重置实例
+      ,reload: function(options){
+        that.reload.call(that, options);
+      }
+    }
+  }
+  
+  //获取当前实例配置项
+  ,getThisModuleConfig = function(id){
+    var config = thisModule.config[id];
+    if(!config) hint.error('The ID option was not found in the '+ MOD_NAME +' instance');
+    return config || null;
+  }
+
+  //字符常量  
+  ,ELEM = 'layui-modeDemo'
+  
+  
+  //主模板
+  ,TPL_MAIN = ['<div class="ayui-border-box">'
+
+  ,'</div>'].join('')
+
+  //构造器
+  ,Class = function(options){
+    var that = this;
+    that.index = ++transfer.index;
+    that.config = $.extend({}, that.config, transfer.config, options);
+    that.render();
+  };
+
+  //默认配置
+  Class.prototype.config = {
+    
+  };
+  
+  //重载实例
+  Class.prototype.reload = function(options){
+    var that = this;
+    
+    layui.each(options, function(key, item){
+      if(item.constructor === Array) delete that.config[key];
+    });
+    
+    that.config = $.extend(true, {}, that.config, options);
+    that.render();
+  };
+
+  //渲染
+  Class.prototype.render = function(){
+    var that = this
+    ,options = that.config;
+    
+    //解析模板
+    that.elem = $(TPL_MAIN);
+    
+    var othis = options.elem = $(options.elem);
+    if(!othis[0]) return;
+    
+    //索引
+    that.key = options.id || that.index;
+    
+    //插入组件结构
+    othis.html(that.elem);
+    
+    that.events(); //事件
+  };
+  
+   //事件
+  Class.prototype.events = function(){
+    var that = this;
+    
+    
+  };
+  
+  
+  
+  //记录所有实例
+  thisModule.that = {}; //记录所有实例对象
+  thisModule.config = {}; //记录所有实例配置项
+  
+  //重载实例
+  modeDemo.reload = function(id, options){
+    var that = thisModule.that[id];
+    that.reload(options);
+    
+    return thisModule.call(that);
+  };
+
+  //核心入口
+  modeDemo.render = function(options){
+    var inst = new Class(options);
+    return thisTransfer.call(inst);
+  };
+
+  exports(MOD_NAME, modeDemo);
+});